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

	
	/* default settings */
	
	html { margin: 0; padding: 0; font-family: Lato, sans-serif; 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; }
	
	
	/* 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	*/	}

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



	/* elements */

	small { display: block; width: 100%; height: 20px; }
	big   { display: block; width: 100%; height: 40px; }
	
	/* background */
	
	
	html {
		width: 100%;
		height: 100%;
		max-width: 100vw; 
		overflow-x: hidden;
	}
	body {
		max-width: 100%;
		overflow-x: hidden;
		background-color:#f2f3f5;
	}
	/* sections / components */

	[data-component="header"] {}
	[data-component="body"  ] {}
	[data-component="footer"] {}


	/* SECTIONS */
	
		/* 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; } /* XXXXL: 1600 -		*/	}
		@media screen and (min-width:1440px) and (max-width:1599px) {	section.component[data-component="body"] { width: 1400px; } /*	XXXL: 1440 -		*/	}
		@media screen and (min-width:1240px) and (max-width:1439px) {	section.component[data-component="body"] { width: 1100px; } /*	 XXL: 1240 - 1439	*/	}
		@media screen and (min-width:1040px) and (max-width:1239px) {	section.component[data-component="body"] { width: 1000px; } /*	  XL: 1040 - 1239	*/	}
		@media screen and (min-width: 960px) and (max-width:1039px) {	section.component[data-component="body"] { width:  900px; } /*	   L:  960 -  375	*/	}
		@media screen and (min-width: 860px) and (max-width: 959px) {	section.component[data-component="body"] { width:  800px; } /*	   M:  860 -  959	*/	}
		@media screen and (min-width: 700px) and (max-width: 859px) {	section.component[data-component="body"] { width:  680px; } /*	   S:  700 -  859	*/	}
		@media screen and (min-width: 580px) and (max-width: 699px) {	section.component[data-component="body"] { width:  560px; width: calc(100% - 00px); } /*	  XS:  580 -  699	*/	}
		@media screen and (min-width: 310px) and (max-width: 579px) {	section.component[data-component="body"] { width:  310px; width: calc(100% - 00px); } /*	 XXS:    0 -  375, mirror: 310	*/	}




	/* typography */
	
	h2              { font-weight: bold;  font-size: 3.5rem;  line-height: 4.0rem;  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: 3.0rem;  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: 3.5rem;  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.8rem;  margin:  0   0  5px 0;       padding: 0 0 0 0;      color:#000000; }
	ul,ol           { font-weight: normal;  font-size: 1.5rem;  line-height: 1.8rem;  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.8rem;  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: 8.0rem;  margin: 15px 0 10px 0;}
	h2.smaller      { }
	h2.smallest     { }

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

 	/* 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; } }

	/* 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; } }


	/* 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 }


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

	/* 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; color: #f7ec40; }
	.foreign-site-link { text-decoration: underline; font-weight: bold; color: #25408e; }
	
	/* Skins */

		/* defaults */
	
			.css h1              { color:#00457F; }
			.css h2              { color:#00457F; }
			.css h3              { color:#00457F; }
			.css h4              { color:#00457F; }
			.css h5              { color:#00457F; }
			.css h6              { color:#00457F; }
			.css .content-lead p { color:#666666; }
			.css p               { color:#666666; }
			.css ul,ol           { color:#666666; }
			.css ul li, ol li    { color:inherit; }
			.css table           { color:#666666; }
			.css table tr td     { color:#666666;  }
			
			.css p.light-blue { color:#0063ff; }
	
	
		/* 							*/
		/* 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; } }


		/* 							*/
		/*	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; }




		/* 							*/
		/* 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 {}
			
			
			
			
			/*	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: 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; }
				}
				
			/* 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;
			}
							
			
			




		/* 							*/
		/* MENU                     */
		/* 							*/
	
			.menu {
				height: 64px;
			}
			.menu .menu-head {
			}
	
			.menu-placeholder { width:100%; height: 120px; }
	
			/*	MENU WIDTHS	*/

			@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); } }

			/* 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;
				width: auto;
				height:auto;
				margin:0;
				position: absolute;
				z-index: 1;
			}
			@media screen and (min-width:1440px)                        { .menus .menu .menu-head .menu-logo h1 { width: 145px; height: 39px; } }
			@media screen and (min-width:1240px) and (max-width:1439px) { .menus .menu .menu-head .menu-logo h1 { width: 145px; height: 39px; } }
			@media screen and (min-width:1040px) and (max-width:1239px) { .menus .menu .menu-head .menu-logo h1 { width: 145px; height: 39px; } }
			@media screen and (min-width: 960px) and (max-width:1039px) { .menus .menu .menu-head .menu-logo h1 { width: 145px; height: 39px; } }
			@media screen and (min-width: 860px) and (max-width: 959px) { .menus .menu .menu-head .menu-logo h1 { width: 145px; height: 39px; } }
			@media screen and (min-width: 700px) and (max-width: 859px) { .menus .menu .menu-head .menu-logo h1 { width: 145px; height: 39px; } }
			@media screen and (min-width: 580px) and (max-width: 699px) { .menus .menu .menu-head .menu-logo h1 { width: 145px; height: 39px; } }
			@media screen and (min-width: 310px) and (max-width: 579px) { .menus .menu .menu-head .menu-logo h1 { width: 145px; height: 39px; } }

			.menus .menu .menu-head .menu-logo h1 {
				background-image:url("../../images/logo/metro-logo-blue-yellow.svg");
				margin:10px 0 0 0;
			}
			.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:#002d72;
				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; }
			/*	ALTER CONTENT VISILIBITY	*/
			/* exception: desktop */ @media screen and (min-width:1040px) and (max-width:9999px) { div[data-desktop="0"] { display: none!important; } }
			/* exception: tablet  */ @media screen and (min-width: 860px) and (max-width:1039px) { div[data-tablet="0" ] { display: none!important; } }
			/* exception: mobile */  @media screen and (min-width:   0px) and (max-width: 859px) { div[data-mobile="0" ] { display: none!important; } .menus .menu .menu-head .menu-logo h1 { width: 100%; } }

			.menu-placeholder { height: 50px; }

	
			.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;
				}





		
			
			
		/* 							*/
		/* SLIDER					*/
		/* 							*/
		
		.slider {
			width: 100%;
		}
		.component[data-component="slider"] { position: relative; background-color: transparent; min-height: 100px; }
		.slider-wrapper {
			text-align: center;
		}
		.slider-wrapper .slider {
			overflow: hidden;
			border-radius: 8px;
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
		}
		.slider-wrapper .slider {
		}
		.slider-wrapper .slider .dim {
			position: relative;
			z-index: 1;
			width: 100%;
			height: 80px;
			margin:0 0 -80px 0;
			padding:0;
			top:-83px;
			pointer-events: none;
			outline:0 solid red; 
			
			/* BLACK */
			background: #00000055;
			background: -moz-linear-gradient(top, #00000000 0%, #000000AA 100%);
			background: -webkit-linear-gradient(top, #00000000 0%,#000000AA 100%);
			background: linear-gradient(to bottom, #00000000 0%,#000000AA 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000AA',GradientType=0 );
			
			/* WHITE */
			background: #FFFFFF55;
			background: -moz-linear-gradient(top, #FFFFFF00 0%, #FFFFFFAA 100%);
			background: -webkit-linear-gradient(top, #FFFFFF00 0%,#FFFFFFAA 100%);
			background: linear-gradient(to bottom, #FFFFFF00 0%,#FFFFFFAA 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF00', endColorstr='#FFFFFFAA',GradientType=0 );

			/* NONE */
			background: transparent;
			filter: none;

		}
		.slider-wrapper .slider .scroller {
			font-size: 0;
			line-height: 0;
			margin: 0;
			padding: 0;
			overflow:hidden;
			will-change: transform;
		}
		.slider-wrapper .slider .scroller ul.slides {
			height: inherit;
			margin: 0;
			padding: 0;
			list-style: none;
			font-size: 0;
			line-height: 0;
			border: none;
		}
		.slider-wrapper .slider .scroller ul.slides .slide a.full-link																		{ display: block; width: 100%; height: 100%; text-decoration: none; background-color: rgba(255,255,255,0); transform: translateY(-100%); transition: background-color 1s ease; }
		.slider-wrapper .slider .scroller ul.slides .slide a.full-link																		{ display: none; }
		.slider-wrapper .slider .scroller ul.slides .slide a.full-link:hover																{ background-color: rgba(255,255,255,0.0); }
		.slider-wrapper .slider .scroller ul.slides .slide a.full-link:before																{ content:"Tovább..."; display: block; width: 150px; height: 40px; background-color: rgba(0,0,0); color: white; font-size: 3rem; line-height: 40px; text-align: center; text-decoration: none; 
																																			  position: relative; margin: 0 0 -40px 0; overflow: hidden;
																																			  float:right; top:50%; transform: translateY(-50%);
																																			}

		.slider-wrapper .slider .scroller ul.slides .slide																					{ display:inline-block; height: inherit; font-size:0; line-height: 0; margin: 0; padding: 0; }
		.slider-wrapper .slider .scroller ul.slides .slide .image-XL																		{ display:inline-block; width:100%; height: 100%; background-position: bottom center; background-size: cover; background-repeat: no-repeat; position: relative;}
		.slider-wrapper .slider .scroller ul.slides .slide .image-S																			{ display:inline-block; width:100%; height: 100%; background-position: bottom center; background-size: cover; background-repeat: no-repeat; }
		.slider-wrapper .navigator-wrapper																									{ position: relative; width: 100%; height: 20px; outline: 0px solid orange; margin:0; padding: 10px 0 0 0; text-align: center; top: -10px; margin-bottom: -40px; z-index: 2; transition: opacity 1s ease; }
		.slider-wrapper .navigator-wrapper ul.navigator																						{ position: relative; z-index: 1; margin: 0; padding: 0; text-align: center; }
		.slider-wrapper .navigator-wrapper ul.navigator li.n-item																			{ display: inline-block; margin: 0 3px 0 3px; list-style: none; }
		.slider-wrapper .navigator-wrapper ul.navigator li.n-item a {
			display: block;
			text-decoration: none;
			width: 12px;
			height: 12px;
			border-radius: 12px;
			background-color: #DDDDDDEE;
			box-shadow: inset 1px 1px 5px 0 #00000055;
		}
		
		.slider-wrapper .navigator-buttons-wrapper {
			position: relative;
			transform:translateY(-50%);
			left: -30px;
			width: calc(100% + 60px);
		}
		.slider-wrapper .navigator-buttons-wrapper .navigator-buttons																		{ position: relative; margin: 0; padding: 0; list-style: none; display: block; width: 100%; height: 30px; margin: 0 0 -30px 0;}
		.slider-wrapper .navigator-buttons-wrapper .navigator-buttons .nb-item																{ position: relative; width:30px; height: 30px; margin: 0 0 -30px 0; padding: 0; list-style: none; display: block; list-style: none; }
		.slider-wrapper .navigator-buttons-wrapper .navigator-buttons .nb-item a															{ position: relative; margin: 0; padding: 0; display: block; width: 30px; height: 30px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
		.slider-wrapper .navigator-buttons-wrapper .navigator-buttons .nb-item:nth-child(1)													{ float: left; background-image: url("../../images/icon/black/arrow-1-left.svg"); }
		.slider-wrapper .navigator-buttons-wrapper .navigator-buttons .nb-item:nth-child(2)													{ left:calc(100% - 30px); background-image: url("../../images/icon/black/arrow-1-right.svg"); }
		
		/* 2 slides */	[data-component="slider"][data-slides="2"][data-index="1"] .slider-wrapper .slider .scroller						{ transform:translateX(   0); }
						[data-component="slider"][data-slides="2"][data-index="2"] .slider-wrapper .slider .scroller						{ transform:translateX( -33.3333%); }
		
		/* 3 slides */	[data-component="slider"][data-slides="3"][data-index="1"] .slider-wrapper .slider .scroller						{ transform:translateX(   0); }
						[data-component="slider"][data-slides="3"][data-index="2"] .slider-wrapper .slider .scroller						{ transform:translateX( -25.0000%); }
						[data-component="slider"][data-slides="3"][data-index="3"] .slider-wrapper .slider .scroller						{ transform:translateX( -50.0000%); }
						[data-component="slider"][data-slides="3"][data-index="4"] .slider-wrapper .slider .scroller						{ transform:translateX( -75.0000%); }
		
		/* 4 slides */	[data-component="slider"][data-slides="4"][data-index="1"] .slider-wrapper .slider .scroller						{ transform:translateX(   0); }
						[data-component="slider"][data-slides="4"][data-index="2"] .slider-wrapper .slider .scroller						{ transform:translateX( -20.0000%); }
						[data-component="slider"][data-slides="4"][data-index="3"] .slider-wrapper .slider .scroller						{ transform:translateX( -40.0000%); }
						[data-component="slider"][data-slides="4"][data-index="4"] .slider-wrapper .slider .scroller						{ transform:translateX( -60.0000%); }
						[data-component="slider"][data-slides="4"][data-index="5"] .slider-wrapper .slider .scroller						{ transform:translateX( -80.0000%); }

		/* 5 slides */	[data-component="slider"][data-slides="5"][data-index="1"] .slider-wrapper .slider .scroller						{ transform:translateX(   0); }
						[data-component="slider"][data-slides="5"][data-index="2"] .slider-wrapper .slider .scroller						{ transform:translateX( -16.6667%); }
						[data-component="slider"][data-slides="5"][data-index="3"] .slider-wrapper .slider .scroller						{ transform:translateX( -33.3333%); }
						[data-component="slider"][data-slides="5"][data-index="4"] .slider-wrapper .slider .scroller						{ transform:translateX( -50.0000%); }
						[data-component="slider"][data-slides="5"][data-index="5"] .slider-wrapper .slider .scroller						{ transform:translateX( -66.6667%); }
						[data-component="slider"][data-slides="5"][data-index="6"] .slider-wrapper .slider .scroller						{ transform:translateX( -83.3333%); }
		
		/* 6 slides */	[data-component="slider"][data-slides="6"][data-index="1"] .slider-wrapper .slider .scroller						{ transform:translateX(   0); }
						[data-component="slider"][data-slides="6"][data-index="2"] .slider-wrapper .slider .scroller						{ transform:translateX( -14.2857142857%); }
						[data-component="slider"][data-slides="6"][data-index="3"] .slider-wrapper .slider .scroller						{ transform:translateX( -28.5714285714%); }
						[data-component="slider"][data-slides="6"][data-index="4"] .slider-wrapper .slider .scroller						{ transform:translateX( -42.8571428571%); }
						[data-component="slider"][data-slides="6"][data-index="5"] .slider-wrapper .slider .scroller						{ transform:translateX( -57.1428571429%); }
						[data-component="slider"][data-slides="6"][data-index="6"] .slider-wrapper .slider .scroller						{ transform:translateX( -71.4285714286%); }
						[data-component="slider"][data-slides="6"][data-index="7"] .slider-wrapper .slider .scroller						{ transform:translateX( -85.7142857143%); }

		/* 7 slides */	[data-component="slider"][data-slides="7"][data-index="1"] .slider-wrapper .slider .scroller						{ transform:translateX(   0); }
						[data-component="slider"][data-slides="7"][data-index="2"] .slider-wrapper .slider .scroller						{ transform:translateX( -12.5%); }
						[data-component="slider"][data-slides="7"][data-index="3"] .slider-wrapper .slider .scroller						{ transform:translateX( -25.0%); }
						[data-component="slider"][data-slides="7"][data-index="4"] .slider-wrapper .slider .scroller						{ transform:translateX( -37.5%); }
						[data-component="slider"][data-slides="7"][data-index="5"] .slider-wrapper .slider .scroller						{ transform:translateX( -50.0%); }
						[data-component="slider"][data-slides="7"][data-index="6"] .slider-wrapper .slider .scroller						{ transform:translateX( -62.5%); }
						[data-component="slider"][data-slides="7"][data-index="7"] .slider-wrapper .slider .scroller						{ transform:translateX( -75.0%); }
						[data-component="slider"][data-slides="7"][data-index="8"] .slider-wrapper .slider .scroller						{ transform:translateX( -87.5%); }

		/* 8 slides */	[data-component="slider"][data-slides="8"][data-index="1"] .slider-wrapper .slider .scroller						{ transform:translateX(   0); }
						[data-component="slider"][data-slides="8"][data-index="2"] .slider-wrapper .slider .scroller						{ transform:translateX( -11.1111111111%); }
						[data-component="slider"][data-slides="8"][data-index="3"] .slider-wrapper .slider .scroller						{ transform:translateX( -22.2222222222%); }
						[data-component="slider"][data-slides="8"][data-index="4"] .slider-wrapper .slider .scroller						{ transform:translateX( -33.3333333333%); }
						[data-component="slider"][data-slides="8"][data-index="5"] .slider-wrapper .slider .scroller						{ transform:translateX( -44.4444444444%); }
						[data-component="slider"][data-slides="8"][data-index="6"] .slider-wrapper .slider .scroller						{ transform:translateX( -55.5555555555%); }
						[data-component="slider"][data-slides="8"][data-index="7"] .slider-wrapper .slider .scroller						{ transform:translateX( -66.6666666666%); }
						[data-component="slider"][data-slides="8"][data-index="8"] .slider-wrapper .slider .scroller						{ transform:translateX( -77.7777777777%); }
						[data-component="slider"][data-slides="8"][data-index="9"] .slider-wrapper .slider .scroller						{ transform:translateX( -88.8888888888%); }

		/* 9 slides */	[data-component="slider"][data-slides="9"][data-index="1"] .slider-wrapper .slider .scroller						{ transform:translateX(   0); }
						[data-component="slider"][data-slides="9"][data-index="2"] .slider-wrapper .slider .scroller						{ transform:translateX( -10.0%); }
						[data-component="slider"][data-slides="9"][data-index="3"] .slider-wrapper .slider .scroller						{ transform:translateX( -20.0%); }
						[data-component="slider"][data-slides="9"][data-index="4"] .slider-wrapper .slider .scroller						{ transform:translateX( -30.0%); }
						[data-component="slider"][data-slides="9"][data-index="5"] .slider-wrapper .slider .scroller						{ transform:translateX( -40.0%); }
						[data-component="slider"][data-slides="9"][data-index="6"] .slider-wrapper .slider .scroller						{ transform:translateX( -50.0%); }
						[data-component="slider"][data-slides="9"][data-index="7"] .slider-wrapper .slider .scroller						{ transform:translateX( -60.0%); }
						[data-component="slider"][data-slides="9"][data-index="8"] .slider-wrapper .slider .scroller						{ transform:translateX( -70.0%); }
						[data-component="slider"][data-slides="9"][data-index="9"] .slider-wrapper .slider .scroller						{ transform:translateX( -80.0%); }
						[data-component="slider"][data-slides="9"][data-index="10"] .slider-wrapper .slider .scroller						{ transform:translateX( -90.0%); }

		[data-component="slider"][data-index="1"][data-last="0"] .navigator-wrapper ul.navigator li.n-item:nth-child(1) a,
		[data-component="slider"][data-index="2"][data-last="0"] .navigator-wrapper ul.navigator li.n-item:nth-child(2) a,
		[data-component="slider"][data-index="3"][data-last="0"] .navigator-wrapper ul.navigator li.n-item:nth-child(3) a,
		[data-component="slider"][data-index="4"][data-last="0"] .navigator-wrapper ul.navigator li.n-item:nth-child(4) a,
		[data-component="slider"][data-index="5"][data-last="0"] .navigator-wrapper ul.navigator li.n-item:nth-child(5) a,
		[data-component="slider"][data-index="6"][data-last="0"] .navigator-wrapper ul.navigator li.n-item:nth-child(6) a,
		[data-component="slider"][data-index="7"][data-last="0"] .navigator-wrapper ul.navigator li.n-item:nth-child(7) a,
		[data-component="slider"][data-index="8"][data-last="0"] .navigator-wrapper ul.navigator li.n-item:nth-child(8) a,
		[data-component="slider"][data-index="9"][data-last="0"] .navigator-wrapper ul.navigator li.n-item:nth-child(9) a,
		[data-component="slider"][data-index="10"][data-last="0"] .navigator-wrapper ul.navigator li.n-item:nth-child(10) a,
		[data-component="slider"][data-last="1"]  .navigator-wrapper ul.navigator li.n-item:nth-child(1) a {
			opacity: 1;
			background-color: #153572; 
			box-shadow: 0 0 2px 0px #035BBC55, 0 0 15px 2px #FFFFFF, 0 0 5px 1px #FFFFFFAA;
			/*
			background-color: #f7ec40;
			box-shadow: none;
			*/
			transform:scale(1.3,1.3);
			margin: 0 3px 0 3px;
		}
		
		.slider-wrapper .slider-state {
			z-index: 999;
			display: inline-block;
			font-size: 0; line-height: 0;
			position: relative;
			left: 0px;
			border-radius: 20px;
			overflow: hidden;
			opacity: 1;
			transition: opacity 1s ease;
			pointer-events: none;
			/* on dark skin */
			background-color: rgba(255,255,255,0.33);
			box-shadow: 0 0 5px 0 #000000AA;
			/* on light skin */
			background-color: rgba(0,0,0,0.10);
			box-shadow: 0 0 5px 0 #FFFFFFAA;
			box-shadow: 0 0 5px 0 #FFFFFF00;
		} 
		.slider-wrapper .slider-state .state-marker {
			/* on dark skin */
			background-color:#f7ec40;
			/* on light skin */
			background-color:#00457F;
			height: 100%;
			transition: width 0.1s linear;
		}

		/*	Visibility	*/
		.slider-wrapper .slider .scroller ul.slides .slide.smart-hidden																		{ display: none; }
		.slider-wrapper .slider .scroller ul.slides .slide.smart-hidden:first-child															{ display: block; }
		.slider-wrapper																														{ opacity: 1; transition: all 0.1s ease; }
		.slider-wrapper.hidden-on-load																										{ opacity: 1; transition: all 0.1s ease; }
		
		/* creative */
		.slider-wrapper .slider-creative {
			position: relative;
			z-index: 100;
			width: 600px;
			height: 600px;
			margin: 0 0 -600px 0;
			top: -100px;
			left: 800px;
			outline: 0px solid red;
			background-image: url("../../uploads/slider/creative.png");
			background-size: contain;
			background-repeat: no-repeat;
			pointer-events: none;
		}
		/* XXXXL */ @media screen and (min-width:1600px)                        { .slider-wrapper .slider-creative { width:600px; height:600px; margin-bottom:-600px; left:880px; top:-120px; } }
		/*  XXXL */ @media screen and (min-width:1440px) and (max-width:1599px) { .slider-wrapper .slider-creative { width:600px; height:600px; margin-bottom:-600px; left:830px; top:-100px; } }
		/*   XXL */ @media screen and (min-width:1240px) and (max-width:1439px) { .slider-wrapper .slider-creative { width:600px; height:500px; margin-bottom:-500px; left:600px; top:-100px; } }
		/*    XL */ @media screen and (min-width:1040px) and (max-width:1239px) { .slider-wrapper .slider-creative { width:600px; height:450px; margin-bottom:-450px; left:600px; top: -75px; } }
		/*     L */ @media screen and (min-width: 960px) and (max-width:1039px) { .slider-wrapper .slider-creative { width:600px; height:400px; margin-bottom:-400px; left:500px; top: -75px; } }
		/*     M */ @media screen and (min-width: 860px) and (max-width: 959px) { .slider-wrapper .slider-creative { width:600px; height:400px; margin-bottom:-400px; left:400px; top: -75px; } }
		/*    MS */ @media screen and (min-width: 700px) and (max-width: 859px) { .slider-wrapper .slider-creative { width:100%;  height:400px; margin-bottom:-400px; left:  0px; top:-100px; } }
		/*     S */ @media screen and (min-width: 580px) and (max-width: 699px) { .slider-wrapper .slider-creative { width:100%;  height:350px; margin-bottom:-350px; left:  0px; top:-100px; } }
		/*    XS */ @media screen and (min-width: 310px) and (max-width: 579px) { .slider-wrapper .slider-creative { width:100%;  height:300px; margin-bottom:-300px; left:  0px; top:-100px; } }
		/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) { .slider-wrapper .slider-creative { width:100%;  height:250px; margin-bottom:-250px; left:  0px; top:-100px; } }


		/* animation */
		[data-component="slider"].auto-advance .slider-wrapper .slider .scroller { transition:transform 0.5s ease-in-out; }
		.slider-wrapper                .slider .scroller ul.slides 																			{ opacity:1; transition: opacity 0.5s ease; height: 100%; }
		.slider-wrapper.hidden-on-load .slider .scroller ul.slides 																			{ opacity:1;  }
		.slider-wrapper.hidden-on-load .navigator-wrapper		 																			{ opacity:0;  }
		

		.slider-wrapper.hidden-on-load .slider .scroller ul.slides li.slide:first-child .image-XL											{ opacity:1; transition: opacity 3s ease 0s; }
		.slider-wrapper                .slider .scroller ul.slides li.slide:first-child .image-XL.band-1									{ transition-delay: 0.00s; }
		.slider-wrapper                .slider .scroller ul.slides li.slide:first-child .image-XL.band-2									{ transition-delay: 0.02s; }
		.slider-wrapper                .slider .scroller ul.slides li.slide:first-child .image-XL.band-3									{ transition-delay: 0.04s; }
		.slider-wrapper                .slider .scroller ul.slides li.slide:first-child .image-XL.band-4									{ transition-delay: 0.06s; }
		.slider-wrapper                .slider .scroller ul.slides li.slide:first-child .image-XL.band-5									{ transition-delay: 0.08s; }
		.slider-wrapper                .slider .scroller ul.slides li.slide:first-child .image-XL.band-6									{ transition-delay: 0.10s; }
		.slider-wrapper                .slider .scroller ul.slides li.slide:first-child .image-XL.band-7									{ transition-delay: 0.12s; }
		.slider-wrapper                .slider .scroller ul.slides li.slide:first-child .image-XL.band-8									{ transition-delay: 0.14s; }

		
		/* exception: mobile */ @media screen and (min-width:0px) and (max-width: 859px) {
			.slider-wrapper .slider-state {
				width: calc(100% - 250px);
				height: 4px;
				margin: 0 0 -4px 0;
				top: -20px;
				transform:translateY(0);
				transition:all 0.3s ease 0.5s;
			}
			[data-component="slider"].on-hold .slider-wrapper .slider-state {
				opacity: 0;
				transform:translateY(5px);
				transition:all 0.3s ease;
			}
			.component[data-component="slider"]																								{ }
			.slider-wrapper .slider .scroller																								{ }
			.slider-wrapper .slider .scroller ul.slides .slide .image-XL																	{ display:none; }
			.slider-wrapper .navigator-wrapper ul.navigator 																				{ margin-left: -13px; }
			.slider-wrapper .navigator-wrapper ul.navigator li.n-item																		{ margin-right: -3px; }
			.slider-wrapper .navigator-wrapper ul.navigator li.n-item a																		{ width: 6px; height: 6px; border-radius: 6px; background-color: #DDDDDD; box-shadow: none; }
			
			.slider-wrapper .navigator-wrapper																								{ margin:0; top: 0px; margin-bottom: 0px; }
			.slider-wrapper .navigator-wrapper ul.navigator li.n-item 																		{ margin: 0 4px 0 4px; }
			.slider-wrapper .navigator-wrapper ul.navigator li.n-item a																		{ width: 15px; height: 15px; border-radius: 15px; }
			

		}
		/* exception: desktop */ @media screen and (min-width:860px) {
			.slider-wrapper .slider-state {
				width: calc(33% - 0px);
				height: 2px;
				margin: 0 0 -2px 0;
				top: -25px;
				transform:translateY(0);
				transition:all 0.3s ease 0.5s;
			}
			[data-component="slider"].on-hold .slider-wrapper .slider-state {
				opacity: 0;
				transform:translateY(5px);
				transition:all 0.3s ease;
			}
			.component[data-component="slider"]																								{ }
			.slider-wrapper .slider .scroller																								{ }
			.slider-wrapper .slider .scroller ul.slides .slide .image-S																		{ display:none; }
			.slider-wrapper .slider .scroller ul.slides .slide .image-XL																	{ transition: all 0.5s ease; }
			
			.slider-wrapper .slider .scroller ul.slides .slide .image-XL.band-1																{ height: 60px; top:  0px; background-position-y:   0px; }
			.slider-wrapper .slider .scroller ul.slides .slide .image-XL.band-2																{ height: 60px; top:  0px; background-position-y: -60px; }
			.slider-wrapper .slider .scroller ul.slides .slide .image-XL.band-3																{ height: 60px; top:  0px; background-position-y:-120px; }
			.slider-wrapper .slider .scroller ul.slides .slide .image-XL.band-4																{ height: 60px; top:  0px; background-position-y:-180px; }
			.slider-wrapper .slider .scroller ul.slides .slide .image-XL.band-5																{ height: 60px; top:  0px; background-position-y:-240px; }
			.slider-wrapper .slider .scroller ul.slides .slide .image-XL.band-6																{ height: 60px; top:  0px; background-position-y:-300px; }
			.slider-wrapper .slider .scroller ul.slides .slide .image-XL.band-7																{ height: 60px; top:  0px; background-position-y:-360px; }
			.slider-wrapper .slider .scroller ul.slides .slide .image-XL.band-8																{ height: 60px; top:  0px; background-position-y:-420px; }

			[data-component="slider"].moving .slider-wrapper .slider .scroller ul.slides .slide .image-XL.band-1							{ }
			[data-component="slider"].moving .slider-wrapper .slider .scroller ul.slides .slide .image-XL.band-2							{ }
			[data-component="slider"].moving .slider-wrapper .slider .scroller ul.slides .slide .image-XL.band-3							{ }
			[data-component="slider"].moving .slider-wrapper .slider .scroller ul.slides .slide .image-XL.band-4							{ }
			[data-component="slider"].moving .slider-wrapper .slider .scroller ul.slides .slide .image-XL.band-5							{ }
			[data-component="slider"].moving .slider-wrapper .slider .scroller ul.slides .slide .image-XL.band-6							{ }
			[data-component="slider"].moving .slider-wrapper .slider .scroller ul.slides .slide .image-XL.band-7							{ }
			[data-component="slider"].moving .slider-wrapper .slider .scroller ul.slides .slide .image-XL.band-8							{ }
		}
		
		/* sizes */
		
		/* XXXXL */ @media screen and (min-width:1600px)                        { .slider-wrapper .slider { background-image:url(../../uploads/slider/XL/background.png); } .slider-wrapper .slider .scroller { height: 360px; } .slider-wrapper .navigator-buttons-wrapper { top: -180px;} }
		/*  XXXL */ @media screen and (min-width:1440px) and (max-width:1599px) { .slider-wrapper .slider { background-image:url(../../uploads/slider/XL/background.png); } .slider-wrapper .slider .scroller { height: 360px; } .slider-wrapper .navigator-buttons-wrapper { top: -180px;} }
		/*   XXL */ @media screen and (min-width:1240px) and (max-width:1439px) { .slider-wrapper .slider { background-image:url(../../uploads/slider/XL/background.png); } .slider-wrapper .slider .scroller { height: 275px; } .slider-wrapper .navigator-buttons-wrapper { top: -140px;} }
		/*    XL */ @media screen and (min-width:1040px) and (max-width:1239px) { .slider-wrapper .slider { background-image:url(../../uploads/slider/XL/background.png); } .slider-wrapper .slider .scroller { height: 250px; } .slider-wrapper .navigator-buttons-wrapper { top: -130px;} }
		/*     L */ @media screen and (min-width: 960px) and (max-width:1039px) { .slider-wrapper .slider { background-image:url(../../uploads/slider/XL/background.png); } .slider-wrapper .slider .scroller { height: 225px; } .slider-wrapper .navigator-buttons-wrapper { top: -115px;} }
		/*     M */ @media screen and (min-width: 860px) and (max-width: 959px) { .slider-wrapper .slider { background-image:url(../../uploads/slider/S/background.png);  } .slider-wrapper .slider .scroller { height: 200px; } .slider-wrapper .navigator-buttons-wrapper { top: -100px;} }
		/*    MS */ @media screen and (min-width: 700px) and (max-width: 859px) { .slider-wrapper .slider { background-image:url(../../uploads/slider/S/background.png);  } .slider-wrapper .slider .scroller { height: 453px; } .slider-wrapper .navigator-buttons-wrapper { top: -230px;} }
		/*     S */ @media screen and (min-width: 580px) and (max-width: 699px) { .slider-wrapper .slider { background-image:url(../../uploads/slider/S/background.png);  } .slider-wrapper .slider .scroller { height:  60vw; } .slider-wrapper .navigator-buttons-wrapper { top: -31vw; width:calc(100% + 50px); left:-25px;} }
		/*    XS */ @media screen and (min-width: 310px) and (max-width: 579px) { .slider-wrapper .slider { background-image:url(../../uploads/slider/S/background.png);  } .slider-wrapper .slider .scroller { height:  60vw; } .slider-wrapper .navigator-buttons-wrapper { top: -31vw; width:calc(100% + 50px); left:-25px;} }
		/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) { .slider-wrapper .slider { background-image:url(../../uploads/slider/S/background.png);  } .slider-wrapper .slider .scroller { height:  60vw; } .slider-wrapper .navigator-buttons-wrapper { top: -31vw; width:calc(100% + 50px); left:-25px;} }

		
		/* debug */
		[data-component="slider"][data-debug="1"].slider-wrapper .slider .scroller ul.slides .slide:before { display: block; position: relative; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100px; height: 50px; margin: 0 0 -50px 0; text-align: center; font-size: 128px; color: white; opacity: 1; text-shadow: 0 2px 30px #000000FF; }
		[data-component="slider"][data-debug="1"].slider-wrapper .slider .scroller ul.slides .slide:nth-child(1):before { content:"1"; }
		[data-component="slider"][data-debug="1"].slider-wrapper .slider .scroller ul.slides .slide:nth-child(2):before { content:"2"; }
		[data-component="slider"][data-debug="1"].slider-wrapper .slider .scroller ul.slides .slide:nth-child(3):before { content:"3"; }
		[data-component="slider"][data-debug="1"] .slider-wrapper .slider .scroller ul.slides .slide:nth-child(4):before { content:"4"; }
			
			
			
			
			



			
			
			
			
		/* Pages */
		
			/* Shared */
			
			.shaded-block {
				display: block;
				position: relative;
				padding: 15px 0 15px 0;
				margin: 15px 0 15px 0;
			}
			.shaded-block[data-colour="brand-yellow"]:before {
				background-color:#f7ec40CC;
			}
			.shaded-block[data-width="edge"] {
			}
			.shaded-block[data-width="edge"]:before {
				display: block;
				content:" ";
				position: absolute;
				z-index: -1;
				width:calc(100% + 1000px);
				height: 100%;
				margin: 0 0 0 -500px;
			}
			.inline-image {
				display: block;
				
				background-repeat: no-repeat;
				background-size: 100%;
				background-position: center center;
				outline: 0px dashed red;
			}
			.inline-image.il-inner-margin-50 {
			}
			
			.inline-image img {
				width: 100%;
				height: auto;
				visibility: hidden;
			}
			.inline-image.il-inner-margin-50 img {
				
			}
			
			.inline-image.il-fullwidth {
			
			}
			.inline-image.il-size-50 {
				width: calc(50% - 0px);
			}
			.inline-image.il-span-right {
				float:right;
			}
			@media screen and (min-width:   0px) and (max-width: 699px) {
				.inline-image.il-size-50 {
					width: 100%;
					margin-top: 0%;
					left:50%;
					transform:translate(-50%);
				}
				.inline-image.il-span-right {
					float: none;
					margin-top: 0%;
				}
				.inline-image.il-inner-margin-50 {
					margin-left: 50%;
					min-width: 150%;
				}
			}
			@media screen and (min-width: 700px) and (max-width:9999px) {
				.tpl-about-the-program {
				}
			}
			
			
			
			
			
			
			
			/*						*/
			/*						*/
			/* Promo boxes 			*/
			/*						*/
			/*						*/

				.promo-boxes-wrapper {
					margin: 60px 0 25px 0;
				}
				.promo-boxes-wrapper[data-split="1-1"] {
				
				}
				.promo-boxes-wrapper[data-split="1-1"]               ul.promo-boxes li.pb-item              { width: 50%; }
				.promo-boxes-wrapper[data-split="1-1"][data-gap="M"] ul.promo-boxes li.pb-item              { width: calc(50% -  10px); }
				.promo-boxes-wrapper[data-split="1-1"][data-gap="M"] ul.promo-boxes li.pb-item:nth-child(1) { margin-right: 20px; }
				 
				.promo-boxes-wrapper
					ul.promo-boxes {
						display: block;
						margin: 0; padding: 0;
						font-size: 0; line-height: 0;
						list-style: none;
					}
				.promo-boxes-wrapper
					ul.promo-boxes
						li.pb-item {
							display: inline-block;
							position: relative;
							list-style: none;
							margin: 0;
							padding: 0 0 15px 0;
							border-radius: 10px;
							overflow: hidden;
							background-color: white;
							-webkit-backface-visibility: hidden;
							will-change: transform; 
						}
						
				.promo-boxes-wrapper ul.promo-boxes li.pb-item:nth-child(n+1) { transform:rotate(7deg);  }
				.promo-boxes-wrapper ul.promo-boxes li.pb-item:nth-child(n+2) { transform:rotate(-7deg) translate(-30px, -50px); }

				.promo-boxes-wrapper
					ul.promo-boxes
						li.pb-item:before {
							display: block;
							position: relative;
							content: " ";
							width: 100px;
							height: 30px;
							margin: 0 0 -30px 0;
							font-size: 1.5rem;
							line-height: 30px;
							text-align: center;
							background-color: yellow;
							opacity: 0.75;
							display: none;
						}
				.promo-boxes-wrapper ul.promo-boxes li.pb-item:nth-child(1):before { content:"col-1"; }
				.promo-boxes-wrapper ul.promo-boxes li.pb-item:nth-child(2):before { content:"col-2"; }
						
				.promo-boxes-wrapper
					ul.promo-boxes
						li.pb-item
							.creative {
								width: 100%;
								height: auto;
								padding: 0;
							}
				.promo-boxes-wrapper
					ul.promo-boxes
						li.pb-item
							.creative
								.image-placeholder {
									display: block;
									position: relative;
									width: 100%;
									height: auto;
									padding: 0 0 0 0;
									margin: 0 0 0 0;
									background-repeat: no-repeat;
									background-size: cover;
									background-position: top center;
								}
				.promo-boxes-wrapper
					ul.promo-boxes
						li.pb-item
							.creative
								.image-placeholder
									img {
										width: 100%;
										height: auto;
										visibility: hidden;
									}
				.promo-boxes-wrapper
					ul.promo-boxes
						li.pb-item
							.creative
								.image-placeholder:before {
									display: block;
									position: absolute;
									z-index: 2;
									content:" ";
									left: 0; top: 0;
									right: 0; bottom: 0;
									background-color: rgba(37,64,143,0.5);
									background-color: transparent;
								}
								
				/* video */
				.promo-boxes-wrapper ul.promo-boxes li.pb-item .creative .image-placeholder video {
					width: 100%;
					height: auto;
					position: relative;
				}

				/* animations */
				
				.promo-boxes-wrapper ul.promo-boxes li.pb-item .creative .image-placeholder {
					transform:scale(1.0,1.0);
					transition: transform 2s ease;
				}
				.promo-boxes-wrapper ul.promo-boxes li.pb-item .creative .image-placeholder:hover {
					/*
					transform:scale(1.5,1.5);
					transition: transform 3s ease;
					*/
				}
								
				.promo-boxes-wrapper
					ul.promo-boxes
						li.pb-item
							.copies-wrapper {
								display: block;
								position: relative;
								width: calc(100% - 40px);
								height: 150px;
								padding: 10px 20px 10px 20px;
								background-color: white;
							}
				.promo-boxes-wrapper
					ul.promo-boxes
						li.pb-item
							.button-wrapper {
								display: block;
								position: relative;
								width: calc(100% - 40px);
								padding: 10px 20px 10px 20px;
							}
				.promo-boxes-wrapper ul.promo-boxes li.pb-item {
					transform-origin: center center;
					transition: transform 0.3s ease, box-shadow 0.3s ease;
				}
				.promo-boxes-wrapper ul.promo-boxes li.pb-item:nth-child(n+1):hover { transform:rotate( 3.5deg) translate(  0px,   0px) scale(1.05,1.05); }
 				.promo-boxes-wrapper ul.promo-boxes li.pb-item:nth-child(n+2):hover { transform:rotate(-3.5deg) translate(-30px, -50px) scale(1.05,1.05); }
				

							
				/* responsibles */
				
				@media screen and (min-width:   0px) and (max-width: 699px) {
					.promo-boxes-wrapper
						ul.promo-boxes
							li.pb-item {
								display: block;
								width: calc(100% + 0px)!important;
								margin-left: 0px;
								margin-bottom: 15px;
							}
					.promo-boxes-wrapper ul.promo-boxes li.pb-item .copies-wrapper {
						width: calc(100% - 40px);
						height: auto;
						padding: 10px 20px 10px 20px;
					}
					.promo-boxes-wrapper ul.promo-boxes li.pb-item:nth-child(n+1) { transform:rotate(0);  }
					.promo-boxes-wrapper ul.promo-boxes li.pb-item:nth-child(n+2) { transform:rotate(0) translate(0,0); }
					
				}



			
			
			
			
			
		
		
			/* Startpage */
			
			.tpl-startpage .hero-banner-wrapper {}
			.tpl-startpage .hero-banner-wrapper .hero-tag {
				position: relative;
				width: 130px;
				height: 130px;
				margin: 0 0 -130px 0;
				border-radius: 50%;
				background-color: #25408f;
				font-weight: normal;
				color: white;
				text-align: center;
				transform:rotate(6deg);
			}
			.tpl-startpage .hero-banner-wrapper .hero-tag .ht-lines {
				width: 100%;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
			}
			.tpl-startpage .hero-banner-wrapper .hero-tag span { display: block; width: 100%; }
			.tpl-startpage .hero-banner-wrapper .hero-tag span:nth-child(1) { font-weight: bold; font-size:1.8em; line-height: 90%; text-transform: uppercase; letter-spacing: 1px; }
			.tpl-startpage .hero-banner-wrapper .hero-tag span:nth-child(2) { font-weight: normal; font-size:4em; line-height: 100%; text-transform: uppercase; }
			.tpl-startpage .hero-banner-wrapper .hero-tag span:nth-child(3) { font-weight: bold; font-size:1.2em; line-height: 110%; text-transform: uppercase; }
			.tpl-startpage .hero-banner-image {
				background-position: center center;
				background-repeat: no-repeat;
				background-size: contain;
				background-image: url(../../images/pages/startpage.png);
			}
			.tpl-startpage .hero-banner-image img {
				visibility: hidden;
			}
			@media screen and (min-width:   0px) and (max-width: 699px) {
				.tpl-startpage .hero-banner-wrapper .hero-tag {
					width: 130px;
					height: 130px;
					margin: 0 0 -130px 0;
					font-size: 1.3rem;
					line-height: 1.5rem;
				}
				.tpl-startpage .hero-banner-image {
					width: calc(100% + 60px);
					margin:-30px 0 -30px -30px;
					max-height: 400px;
				}
			}
			@media screen and (min-width: 700px) and (max-width:9999px) {
				.tpl-startpage .hero-banner-wrapper .hero-tag {
					width: 200px;
					height: 200px;
					margin: 0 0 -200px 0;
					font-size: 2rem;
					line-height: 2.1rem;
				}
				.tpl-startpage .hero-banner-image {
					width: calc(100% + 60px);
					margin:-30px 0 -10px -30px;
					max-height: 800px;
				}
			}
			
			
			
			/* Contacts */
			
			.tpl-contacts {}
			.tpl-contacts .main-store-data {}
			.tpl-contacts .main-store-data ul.contact-info {
				margin: 0;
				padding: 0;
				font-size: 0;
				line-height: 0;
			}
			.tpl-contacts .main-store-data ul.contact-info li {	
				display: block;
				list-style: none;
				padding: 0 0 10px 0;
				margin: 0;
			}
			.tpl-contacts .main-store-data ul.contact-info li i {	
				width: 25px;
				height: 25px;
				display: block;
				margin: 0 0 -25px 0;
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center center;
				vertical-align: middle;
			}
			.tpl-contacts .main-store-data ul.contact-info li em {	
				font-style: normal;
				display: block;
				width: calc(100% - 25px);
				font-size:1.5rem;
				line-height: 1.8rem;
				padding: 0;
				margin: 0 0 0 35px;
				vertical-align: middle;
			}
			
			.tpl-contacts .main-store-data ul.contact-info li[data-label="phones"       ] i { background-image: url("../../images/icon/black/phone.svg"); }
			.tpl-contacts .main-store-data ul.contact-info li[data-label="email"        ] i { background-image: url("../../images/icon/black/email.svg"); }
			.tpl-contacts .main-store-data ul.contact-info li[data-label="fax"          ] i { background-image: url("../../images/icon/black/fax.svg"); }
			.tpl-contacts .main-store-data ul.contact-info li[data-label="opening-times"] i { background-image: url("../../images/icon/black/opening-times.svg"); }
			.stores-wrapper {
				display: block;
				margin: 15px 0 15px 0;
			}
			.stores-wrapper ul.stores {
				display: block;
				margin: 0;
				padding: 0;
				font-size: 0;
				line-height: 0;
				width: calc(100% + 10px);
			}
			.stores-wrapper ul.stores li.store {
				list-style: none;
				display: inline-block;
				background-color: #FFFFFF;
				box-shadow: 0 0 0 1px #00000055, 0 5px 5px 0 #00000022;
				box-shadow: 0 0 0 1px rgba(0,0,0,0.3), 0 5px 5px 0 rgba(0,0,0,.15);
				border-radius: 4px;
				width: calc(25% - 40px);
				margin: 0 20px 20px 0;
				padding: 10px;
			}
			.stores-wrapper ul.stores li.store .st-name {
				font-weight: bold;
				font-size: 1.8rem;
				line-height: 1.9rem;
			}
			.stores-wrapper ul.stores li.store .st-name .logo {
				display: inline-block;
				position: relative;
				overflow: hidden;
				text-indent: -1000em;
				background-image: url("../../images/logo/metro-logo.svg");
				background-repeat: no-repeat;
				background-position: left top;
				background-size: contain;
				width: 65px;
				height: 19px;
				margin: 0 3px 0 0;
				top: 4px;
				left: -1px;
			}
			
			
			@media screen and (min-width:   0px) and (max-width: 699px) {
				.stores-wrapper ul.stores li.store {
					width: calc(100% - 40px);
					margin: 0 20px 20px 0;
				}
			}


			/* Coupons */
			
			.css.skn-2.tpl-coupon .title { text-transform: uppercase; color: #f7ec40; }
			
			.coupons-wrapper {
				display: block;
				margin: 15px 0 15px 0;
			}
			.css.skn-2 .coupons-wrapper * { color:#333333; cursor: default; user-select: none; }
			.coupons-wrapper ul.coupons {
				display: block;
				margin: 0;
				padding: 0;
				font-size: 0;
				line-height: 0;
				width: calc(100% + 10px);
			}
			.coupons-wrapper ul.coupons li.coupon {
				list-style: none;
				display: inline-block;
				vertical-align: top;
				background-color: #FFFFFF;
				box-shadow: 0 0 0 1px #00000055, 0 5px 5px 0 #00000022;
				box-shadow: 0 5px 15px 0 rgba(0,0,0,.3);
				border-radius: 8px;
				width: calc(25% - 40px);
				margin: 0 20px 20px 0;
				padding: 0px;
				overflow: hidden;
				will-change: transform; 
			}
			.coupons-wrapper[data-coupon_downloaded="1"] ul.coupons li.coupon:not(.downloaded) {
				filter:grayscale(0.9) contrast(0.5) blur(0.8px);
				-webkit-filter:grayscale(0.9) contrast(0.5) blur(0.8px);
				transition: all 0.5s ease;
			}
			.coupons-wrapper[data-coupon_downloaded="1"] ul.coupons li.coupon:not(.downloaded):hover {
				filter:none;
				-webkit-filter:none;
			}
			
			
			.coupons-wrapper ul.coupons li.coupon .co-head {
			}
			.coupons-wrapper ul.coupons li.coupon .co-body {
				padding: 10px 15px 10px 15px;
			}
			.coupons-wrapper ul.coupons li.coupon .co-cta {
				display: inline-block;
				text-align: center;
				width: 100%;
				height: auto;

			}
			
			
			
			/* BLOCK: FLAG */
			
				.coupons-wrapper ul.coupons li.coupon .co-flag {
					position: relative;
					z-index: 999;
					width: 200px;
					height: 200px;
					margin: 0 0 -200px 0;
					float: right;
					overflow: hidden;
				}
				.coupons-wrapper ul.coupons li.coupon .co-flag:before {
					display: block;
					position: relative;
					font-weight: bold;
					font-size: 2rem;
					line-height: 48px;
					text-align: center;
					text-transform: uppercase;
					background-color: rgba(67,174,48,1.00);
					color: white;
					width: 300px;
					height: 50px;
					top: 20px;
					transform-origin: center  center;
					transform:rotate(45deg);
				}
				.coupons-wrapper ul.coupons li.coupon.downloaded .co-flag:before { display: block; content:"Letöltve"; }
				
			
			/* BLOCK: HEAD */
			
				.coupons-wrapper ul.coupons li.coupon .co-head {
					position: relative;
					background-position: center center;
					background-repeat: no-repeat;
					background-size: cover;
					/*background-size: 101% 101%;*/
					padding: 66.667% 0 0 0;
					overflow: hidden;
					transition:background 0.5s ease;
				}
				.coupons-wrapper ul.coupons li.coupon:hover .co-head {
					/*background-size: 110% 110%;*/
				}
				.coupons-wrapper ul.coupons li.coupon .co-head:before {
					content:" ";
					display: block;
					position: absolute;
					width: 100%;
					height: 100%;
					left: 0; top: 0; right: 0; border: 0;
					background-color: rgba(0,0,0,0.25);
					transition: background-color 0.6s ease;
				}
				.coupons-wrapper ul.coupons li.coupon:hover .co-head:before {
					background-color: rgba(0,0,0,0.0);
				}
				.coupons-wrapper ul.coupons li.coupon .co-head .co-name {
					display: block;
					position: relative;
					font-weight: normal;
					font-size: 2.0rem;
					line-height: 2.2rem;
					text-transform: uppercase;
					text-shadow: 0 2px 5px rgba(0,0,0,0.5), 0 2px 5px rgba(0,0,0,0.5);
					color:#f7ec40;
					padding: 0 40% 0 0;
					margin: 0 0 -100% 0;
					top: -10px;
					transform-origin: left bottom;
					transform:translate(15px, -100%);
					transition: transform 0.3s ease;
				}
				.coupons-wrapper ul.coupons li.coupon:hover .co-head .co-name {
					transform: translate(15px, -100%) scale(1.4,1.4);
				}
				
			
			
			/* BLOCK: BODY */
			
			
			

				.coupons-wrapper ul.coupons li.coupon .co-body .co-descr {
					width: calc(100% - 20px);
					padding: 0 10px 0 10px;
					height: 55px;
					text-align: center;
					overflow: hidden;
				}
				.coupons-wrapper ul.coupons li.coupon .co-body .co-descr .cod-value {
					font-weight: bold;
					color: #25408f;
				}
				
				
			
			/* BLOCK: CTA */
			
				.coupons-wrapper ul.coupons li.coupon .co-cta .co-download-button {
					display: inline-block;
					background-color: #0064fe;
					color: white;
					text-align: center;
					padding: 10px 25px 10px 25px;
					margin: 0px 0 15px 0;
					border-radius: 4px;
					font-weight: bold;
					font-size: 1.5rem;
					line-height: 1.5rem;
					text-decoration: none;
					cursor: pointer;
					box-shadow: 0 0 0 0 #0064fe;
					transition: all 0.6s ease;
				}
				.coupons-wrapper ul.coupons li.coupon .co-cta a.co-download-button {
				}
				.coupons-wrapper ul.coupons li.coupon .co-cta span.co-download-button,
				.coupons-wrapper[data-user_has_registration="1"][data-user_has_approved_registration="0"]  ul.coupons li.coupon .co-cta span.co-download-button{
					pointer-events: none;
					background-color: #7B8595;
				}
				.coupons-wrapper ul.coupons li.coupon.downloaded .co-cta span.co-download-button,
				.coupons-wrapper[data-user_has_registration="0"]  ul.coupons li.coupon.downloaded .co-cta span.co-download-button {
					background-color: #79AF07;
				}
				.coupons-wrapper ul.coupons li.coupon .co-cta a.co-download-button:hover {
					box-shadow: 0 0 0 5px #0064fe;
				}
				.coupons-wrapper ul.coupons li.coupon .co-cta a.co-download-button:before { content:"Letöltöm!"; }
				.coupons-wrapper ul.coupons li.coupon.downloaded .co-cta a.co-download-button:before { content:"Újra letöltöm"; }
				.coupons-wrapper[data-user_has_registration="1"] ul.coupons li.coupon .co-cta span.co-download-button:before { content:"Nem elérhető!"; }
				.coupons-wrapper[data-user_has_registration="0"] ul.coupons li.coupon .co-cta a.co-download-button:before { content:"Regisztráljon!"; }
				.coupons-wrapper[data-user_has_registration="1"][data-user_has_approved_registration="0"] ul.coupons li.coupon .co-cta span.co-download-button:before { content:"Jóváhagyás szükséges!"; }
				.coupons-wrapper[data-user_has_registration="0"][data-user_has_approved_registration="0"] ul.coupons li.coupon .co-cta span.co-download-button:before { content:"Regisztráljon!"; }



			
			
			@media screen and (min-width:   0px) and (max-width: 699px) {
				.coupons-wrapper ul.coupons li.coupon {
					width: calc(100% - 10px);
					margin: 0 0px 20px 0;
				}
			}
			



			
			/* Operational regulations */
			
			
			.regulations {}
			.regulations ol {
				
			}
			.regulations ol li {
				list-style:decimal;
			}
			.regulations ol li h4 {
				font-weight: bold;
				font-size: 1.7rem;
				line-height: 1.9rem;
				margin: 0 0 5px 0;
			}
			ul[data-child="bullet" ] li { list-style: disc; }
			ul[data-child="decimal"] li { list-style: decimal; }
			ul[data-child="letters"] li { list-style: lower-latin; }
			
			
			
			
			/* Registration */
			
			.notice-wrapper {
				display: inline-block;
				position: relative;
				left: 50%;
				color: #333333;
				transform:translateX(-50%);
			}
			.notice {
				display: inline-block;
				height: auto;
				padding: 15px 30px 25px 30px;
				border-radius: 12px;
				background-color: #FFFFFF;
				border: 1px solid #0063ff;
				box-shadow: 0 10px 20px 0 rgb(0 0 0 / 25%);
				
			}
			/* DESKTOP */ @media screen and (min-width:860px) and (max-width:9999px) { .notice { width:700px; } }
			/* MOBILE  */ @media screen and (min-width:  0px) and (max-width: 859px) { .notice { width:310px; } }
			
			.notice 
				.icon {
					display: block;
					position: relative;
					width: 50px;
					height: 50px;
					left: 50%;
					transform:translateX(-50%);
					background-size: contain;
					background-repeat: no-repeat;
				}
			.notice h2 {
				text-align: center;
				font-size: 2.6rem;
				line-height: 2.9rem;
				margin-bottom: 25px;
			}
			.notice p {
				font-size: 1.8rem;
				line-height: 2.2rem;
				text-align: center;
			}
			
			.css.skn-2 .notice * { color: #333333; }
			


			
			/* Operational regulations */
			
			
			.regulations {}
			.regulations * { text-align: justify; }

			.regulations ol {
				
			}
			.regulations ol li {
				list-style:decimal;
			}
			.regulations ol li h4 {
				font-weight: bold;
				font-size: 1.7rem;
				line-height: 1.9rem;
				margin: 0 0 5px 0;
			}
			ul[data-child="bullet" ] li { list-style: disc; }
			ul[data-child="decimal"] li { list-style: decimal; }
			ul[data-child="letters"] li { list-style: lower-latin; }
			
			
			/* Conditions */
			
			.conditions {
			
			}
			.conditions ol {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			.conditions ol li {
				padding:0 0 0 30px;
				text-align: justify;
			}
			.conditions ol li.level0-body {
				padding-left: 0;
			}
			.conditions ol li.level0-body[value="1"] {
				
			}
			.conditions ol li.level1-body {
				
			}
			.conditions ol li.level1-body,
			.conditions ol li.level2-body,
			.conditions ol li.level3-body {
			}
			.conditions ol li.level1-title,
			.conditions ol li.level2-title,
			.conditions ol li.level3-title {
				margin-bottom: 5px;
			}
			.conditions ol li.level1-title > ol,
			.conditions ol li.level2-title > ol,
			.conditions ol li.level3-title > ol {
				margin-top: 5px;
			}
			.conditions li.spacer {
				width: 100%;
				height: 10px;
			}
			.conditions li {
				word-break: normal;
				-webkit-hyphens: auto;
				-ms-hyphens: auto;
				hyphens: auto;
				/* Only hyphenate words with >= 6 characters, leave at least 3 characters before the hyphen and at least 2 after it */
				hyphenate-limit-chars: 6 6 8;
			}
			.conditions ol li li {
				padding-left: 0.8rem;
			}
			
			.conditions ol li i {
				font-family: inherit;
				font-size: inherit;
				line-height: inherit;
				font-weight: inherit;
				display: block;
				position: relative;
				width: 30px;
				height: 20px;
				margin: 0 0 -20px 0;
				left: -30px;
			}
			
			.level1-body i:before {
				font-weight: bold;
				font-size: 2.0rem;
				line-height: 2.4rem;
				margin: 10px 0 5px 0;
			}
			.level1-body[value="1"] i:before { content:"1."; }
			.level1-body[value="2"] i:before { content:"2."; }
			.level1-body[value="3"] i:before { content:"3."; }
			.level1-body[value="4"] i:before { content:"4."; }
			.level1-body[value="5"] i:before { content:"5."; }
			.level1-body[value="6"] i:before { content:"6."; }
			.level1-body[value="7"] i:before { content:"7."; }
			.level1-body[value="8"] i:before { content:"8."; }
			.level1-body[value="9"] i:before { content:"9."; }
			.level1-body[value="10"] i:before { content:"10."; }
			.level1-body[value="11"] i:before { content:"11."; }
			.level1-body[value="12"] i:before { content:"12."; }
			.level1-body[value="13"] i:before { content:"13."; }
			.level1-body[value="14"] i:before { content:"14."; }
			.level1-body[value="15"] i:before { content:"15."; }
			.level1-body[value="16"] i:before { content:"16."; }

			.conditions ol li.level0-title {
				font-weight: bold;
				font-size: 2.0rem;
				line-height: 2.4rem;
				margin: 10px 0 5px 0;
				padding: 0 0 0 0;
			}
			.level1-title {
				font-weight: bold;
				font-size: 2.0rem;
				line-height: 2.4rem;
				margin: 10px 0 5px 0;
			}
			.level1-title[value="1"] i:before { content:"1."; }
			.level1-title[value="2"] i:before { content:"2."; }
			.level1-title[value="3"] i:before { content:"3."; }
			.level1-title[value="4"] i:before { content:"4."; }
			.level1-title[value="5"] i:before { content:"5."; }
			.level1-title[value="6"] i:before { content:"6."; }
			.level1-title[value="7"] i:before { content:"7."; }
			.level1-title[value="8"] i:before { content:"8."; }
			.level1-title[value="9"] i:before { content:"9."; }
			.level1-title[value="10"] i:before { content:"10."; }
			.level1-title[value="11"] i:before { content:"11."; }
			.level1-title[value="12"] i:before { content:"12."; }
			.level1-title[value="13"] i:before { content:"13."; }
			.level1-title[value="14"] i:before { content:"14."; }
			.level1-title[value="15"] i:before { content:"15."; }
			.level1-title[value="16"] i:before { content:"16."; }
			.level1-title[value="17"] i:before { content:"17."; }
			.level1-title[value="18"] i:before { content:"18."; }
			.level1-title[value="19"] i:before { content:"19."; }
			.level1-title[value="20"] i:before { content:"20."; }
			
			.level1-title:first-child {
				margin-top: 0px;
			}
			.level2-title {
				font-weight: normal;
				font-size: 1.6rem;
				line-height: 2.0rem;
				margin: 5px 0 5px 0;
			}

			.level1-title[value="1"] .level2-title[value="1"] i:before { content:"1.1."; }
			.level1-title[value="1"] .level2-title[value="2"] i:before { content:"1.2."; }
			.level1-title[value="1"] .level2-title[value="3"] i:before { content:"1.3."; }
			.level1-title[value="1"] .level2-title[value="4"] i:before { content:"1.4."; }
			.level1-title[value="1"] .level2-title[value="4"] i:before { content:"1.4."; }
			.level1-title[value="1"] .level2-title[value="5"] i:before { content:"1.5."; }
			.level1-title[value="1"] .level2-title[value="6"] i:before { content:"1.6."; }
			.level1-title[value="1"] .level2-title[value="7"] i:before { content:"1.7."; }
			.level1-title[value="1"] .level2-title[value="8"] i:before { content:"1.8."; }
			.level1-title[value="1"] .level2-title[value="9"] i:before { content:"1.9."; }
			.level1-title[value="1"] .level2-title[value="10"] i:before { content:"1.10."; }
			.level1-title[value="1"] .level2-title[value="11"] i:before { content:"1.11."; }
			.level1-title[value="1"] .level2-title[value="12"] i:before { content:"1.12."; }
			.level1-title[value="1"] .level2-title[value="13"] i:before { content:"1.13."; }
			.level1-title[value="1"] .level2-title[value="14"] i:before { content:"1.14."; }
			.level1-title[value="1"] .level2-title[value="15"] i:before { content:"1.15."; }
			
			.level1-title[value="2"] .level2-title[value="1"] i:before { content:"2.1."; }
			.level1-title[value="2"] .level2-title[value="2"] i:before { content:"2.2."; }
			.level1-title[value="2"] .level2-title[value="3"] i:before { content:"2.3."; }
			.level1-title[value="2"] .level2-title[value="4"] i:before { content:"2.4."; }
			.level1-title[value="2"] .level2-title[value="5"] i:before { content:"2.5."; }
			.level1-title[value="2"] .level2-title[value="6"] i:before { content:"2.6."; }
			.level1-title[value="2"] .level2-title[value="7"] i:before { content:"2.7."; }
			.level1-title[value="2"] .level2-title[value="8"] i:before { content:"2.8."; }
			.level1-title[value="2"] .level2-title[value="9"] i:before { content:"2.9."; }
			.level1-title[value="2"] .level2-title[value="10"] i:before { content:"2.10."; }
			.level1-title[value="2"] .level2-title[value="11"] i:before { content:"2.11."; }
			.level1-title[value="2"] .level2-title[value="12"] i:before { content:"2.12."; }
			.level1-title[value="2"] .level2-title[value="13"] i:before { content:"2.13."; }
			.level1-title[value="2"] .level2-title[value="14"] i:before { content:"2.14."; }
			.level1-title[value="2"] .level2-title[value="15"] i:before { content:"2.15."; }
			
			.level1-title[value="3"] .level2-title[value="1"] i:before { content:"3.1."; }
			.level1-title[value="3"] .level2-title[value="2"] i:before { content:"3.2."; }
			.level1-title[value="3"] .level2-title[value="3"] i:before { content:"3.3."; }
			.level1-title[value="3"] .level2-title[value="4"] i:before { content:"3.4."; }
			.level1-title[value="3"] .level2-title[value="5"] i:before { content:"3.5."; }
			.level1-title[value="3"] .level2-title[value="6"] i:before { content:"3.6."; }
			.level1-title[value="3"] .level2-title[value="7"] i:before { content:"3.7."; }
			.level1-title[value="3"] .level2-title[value="8"] i:before { content:"3.8."; }
			.level1-title[value="3"] .level2-title[value="9"] i:before { content:"3.9."; }
			.level1-title[value="3"] .level2-title[value="10"] i:before { content:"3.10."; }
			.level1-title[value="3"] .level2-title[value="11"] i:before { content:"3.11."; }
			.level1-title[value="3"] .level2-title[value="12"] i:before { content:"3.12."; }
			.level1-title[value="3"] .level2-title[value="13"] i:before { content:"3.13."; }
			.level1-title[value="3"] .level2-title[value="14"] i:before { content:"3.14."; }
			.level1-title[value="3"] .level2-title[value="15"] i:before { content:"3.15."; }

			.level1-title[value="4"] .level2-title[value="1"] i:before { content:"4.1."; }
			.level1-title[value="4"] .level2-title[value="2"] i:before { content:"4.2."; }
			.level1-title[value="4"] .level2-title[value="3"] i:before { content:"4.3."; }
			.level1-title[value="4"] .level2-title[value="4"] i:before { content:"4.4."; }
			.level1-title[value="4"] .level2-title[value="5"] i:before { content:"4.5."; }
			.level1-title[value="4"] .level2-title[value="6"] i:before { content:"4.6."; }
			.level1-title[value="4"] .level2-title[value="7"] i:before { content:"4.7."; }
			.level1-title[value="4"] .level2-title[value="8"] i:before { content:"4.8."; }
			.level1-title[value="4"] .level2-title[value="9"] i:before { content:"4.9."; }
			.level1-title[value="4"] .level2-title[value="10"] i:before { content:"4.10."; }
			.level1-title[value="4"] .level2-title[value="11"] i:before { content:"4.11."; }
			.level1-title[value="4"] .level2-title[value="12"] i:before { content:"4.12."; }
			.level1-title[value="4"] .level2-title[value="13"] i:before { content:"4.13."; }
			.level1-title[value="4"] .level2-title[value="14"] i:before { content:"4.14."; }
			.level1-title[value="4"] .level2-title[value="15"] i:before { content:"4.15."; }
			
			.level1-title[value="5"] .level2-title[value="1"] i:before { content:"5.1."; }
			.level1-title[value="5"] .level2-title[value="2"] i:before { content:"5.2."; }
			.level1-title[value="5"] .level2-title[value="3"] i:before { content:"5.3."; }
			.level1-title[value="5"] .level2-title[value="4"] i:before { content:"5.4."; }
			.level1-title[value="5"] .level2-title[value="5"] i:before { content:"5.5."; }
			.level1-title[value="5"] .level2-title[value="6"] i:before { content:"5.6."; }
			.level1-title[value="5"] .level2-title[value="7"] i:before { content:"5.7."; }
			.level1-title[value="5"] .level2-title[value="8"] i:before { content:"5.8."; }
			.level1-title[value="5"] .level2-title[value="9"] i:before { content:"5.9."; }
			.level1-title[value="5"] .level2-title[value="10"] i:before { content:"5.10."; }
			.level1-title[value="5"] .level2-title[value="11"] i:before { content:"5.11."; }
			.level1-title[value="5"] .level2-title[value="12"] i:before { content:"5.12."; }
			.level1-title[value="5"] .level2-title[value="13"] i:before { content:"5.13."; }
			.level1-title[value="5"] .level2-title[value="14"] i:before { content:"5.14."; }
			.level1-title[value="5"] .level2-title[value="15"] i:before { content:"5.15."; }

			.level1-title[value="6"] .level2-title[value="1"] i:before { content:"6.1."; }
			.level1-title[value="6"] .level2-title[value="2"] i:before { content:"6.2."; }
			.level1-title[value="6"] .level2-title[value="3"] i:before { content:"6.3."; }
			.level1-title[value="6"] .level2-title[value="4"] i:before { content:"6.4."; }
			.level1-title[value="6"] .level2-title[value="5"] i:before { content:"6.5."; }
			.level1-title[value="6"] .level2-title[value="6"] i:before { content:"6.6."; }
			.level1-title[value="6"] .level2-title[value="7"] i:before { content:"6.7."; }
			.level1-title[value="6"] .level2-title[value="8"] i:before { content:"6.8."; }
			.level1-title[value="6"] .level2-title[value="9"] i:before { content:"6.9."; }
			.level1-title[value="6"] .level2-title[value="10"] i:before { content:"6.10."; }
			.level1-title[value="6"] .level2-title[value="11"] i:before { content:"6.11."; }
			.level1-title[value="6"] .level2-title[value="12"] i:before { content:"6.12."; }
			.level1-title[value="6"] .level2-title[value="13"] i:before { content:"6.13."; }
			.level1-title[value="6"] .level2-title[value="14"] i:before { content:"6.14."; }
			.level1-title[value="6"] .level2-title[value="15"] i:before { content:"6.15."; }

			.level1-title[value="7"] .level2-title[value="1"] i:before { content:"7.1."; }
			.level1-title[value="7"] .level2-title[value="2"] i:before { content:"7.2."; }
			.level1-title[value="7"] .level2-title[value="3"] i:before { content:"7.3."; }
			.level1-title[value="7"] .level2-title[value="4"] i:before { content:"7.4."; }
			.level1-title[value="7"] .level2-title[value="5"] i:before { content:"7.5."; }
			.level1-title[value="7"] .level2-title[value="6"] i:before { content:"7.6."; }
			.level1-title[value="7"] .level2-title[value="7"] i:before { content:"7.7."; }
			.level1-title[value="7"] .level2-title[value="8"] i:before { content:"7.8."; }
			.level1-title[value="7"] .level2-title[value="9"] i:before { content:"7.9."; }
			.level1-title[value="7"] .level2-title[value="10"] i:before { content:"7.10."; }
			.level1-title[value="7"] .level2-title[value="11"] i:before { content:"7.11."; }
			.level1-title[value="7"] .level2-title[value="12"] i:before { content:"7.12."; }
			.level1-title[value="7"] .level2-title[value="13"] i:before { content:"7.13."; }
			.level1-title[value="7"] .level2-title[value="14"] i:before { content:"7.14."; }
			.level1-title[value="7"] .level2-title[value="15"] i:before { content:"7.15."; }

			.level1-title[value="8"] .level2-title[value="1"] i:before { content:"8.1."; }
			.level1-title[value="8"] .level2-title[value="2"] i:before { content:"8.2."; }
			.level1-title[value="8"] .level2-title[value="3"] i:before { content:"8.3."; }
			.level1-title[value="8"] .level2-title[value="4"] i:before { content:"8.4."; }
			.level1-title[value="8"] .level2-title[value="5"] i:before { content:"8.5."; }
			.level1-title[value="8"] .level2-title[value="6"] i:before { content:"8.6."; }
			.level1-title[value="8"] .level2-title[value="7"] i:before { content:"8.7."; }
			.level1-title[value="8"] .level2-title[value="8"] i:before { content:"8.8."; }
			.level1-title[value="8"] .level2-title[value="9"] i:before { content:"8.9."; }
			.level1-title[value="8"] .level2-title[value="10"] i:before { content:"8.10."; }
			.level1-title[value="8"] .level2-title[value="11"] i:before { content:"8.11."; }
			.level1-title[value="8"] .level2-title[value="12"] i:before { content:"8.12."; }
			.level1-title[value="8"] .level2-title[value="13"] i:before { content:"8.13."; }
			.level1-title[value="8"] .level2-title[value="14"] i:before { content:"8.14."; }
			.level1-title[value="8"] .level2-title[value="15"] i:before { content:"8.15."; }

			.level1-title[value="9"] .level2-title[value="1"] i:before { content:"9.1."; }
			.level1-title[value="9"] .level2-title[value="2"] i:before { content:"9.2."; }
			.level1-title[value="9"] .level2-title[value="3"] i:before { content:"9.3."; }
			.level1-title[value="9"] .level2-title[value="4"] i:before { content:"9.4."; }
			.level1-title[value="9"] .level2-title[value="5"] i:before { content:"9.5."; }
			.level1-title[value="9"] .level2-title[value="6"] i:before { content:"9.6."; }
			.level1-title[value="9"] .level2-title[value="7"] i:before { content:"9.7."; }
			.level1-title[value="9"] .level2-title[value="8"] i:before { content:"9.8."; }
			.level1-title[value="9"] .level2-title[value="9"] i:before { content:"9.9."; }
			.level1-title[value="9"] .level2-title[value="10"] i:before { content:"9.10."; }
			.level1-title[value="9"] .level2-title[value="11"] i:before { content:"9.11."; }
			.level1-title[value="9"] .level2-title[value="12"] i:before { content:"9.12."; }
			.level1-title[value="9"] .level2-title[value="13"] i:before { content:"9.13."; }
			.level1-title[value="9"] .level2-title[value="14"] i:before { content:"9.14."; }
			.level1-title[value="9"] .level2-title[value="15"] i:before { content:"9.15."; }

			.level2-list {
				list-style: disc;
				margin: 0 0 0 2em;
				padding: 0 0 0 0;
			}
			.conditions ol li li.level2-table.table-head {
				padding: 0px 0 0 0;
				margin: 10px 0 0 0.8rem;
				font-weight: bold;
				border-top: 1px solid black; 
			}
			.conditions ol li li.level2-table {
				display: block;
				margin: 0 0 0 0.8rem;
				padding: 0;
			}
			.level2-table span { display: inline-block; margin: 0; padding: 3px 0 3px 0; border-bottom: 1px solid black;  }
			.level2-table span:nth-child(1) { width: calc(100% - 200px); }
			.level2-table span:nth-child(2) { width: 200px; text-align: right;}
			
			
			
			/* regisztráció vállalkozás */
			
				.tpl-registration-firm {}
				.tpl-registration-firm .button-wrapper {}
				.tpl-registration-firm .button-wrapper .button {}
				
			@media screen and (min-width:   0px) and (max-width: 699px) {
				.tpl-registration-firm .buttons.metro-brand[data-label="yes-no"] .button-wrapper {
					display: block;
					width: calc(100% - 0px);
				}
				.tpl-registration-firm .button-wrapper .button {
					display: block;
					margin: 0 0 10px 0;
				}
			}
			
			
			
			
			.prize {
				text-align: center;
				font-weight: bold;
				font-size: 1.5em;
				line-height: 1.5em;
				margin: 10px 0 10px 0;
				
			}

			.conditions ol .bullets {
				margin: 0;
				padding: 0;
			}
			.conditions ol .bullets li {
				list-style:square;
				margin: 0 0 0 1.6rem;
				padding:0 0 0 0.4rem;
			}
			
			
			
			/* Prizes */
			
			.prizes {
				display: block;
				position: relative;
				margin: 0; padding: 0;
				font-size: 0; line-height: 0;
				outline: 1px dotted gray;
				outline: none;
			}
			.prizes li {
				display: inline-block;
				list-style: none;
				position: relative;
				padding: 0;
			}
			.prizes li figure {
				display: block;
				position: relative;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center center;
				left:50%;
				transform: translateX(-50%);
				height: 100px;
				background-color: #9FD18E55;
				background-color: transparent;
			}
			.prizes li[data-template="1"] figure {}
			.prizes li[data-template="2"] figure {}
			
			.prizes li figure img {
				visibility: hidden;
				width: 100%;
				height: auto;
			}
			.prizes li figcaption {
				display: block;
				padding: 5px 30px 15px 30px;
				font-size: 1.5rem;
				line-height: 1.8rem;
				text-align: center;
			}
			/* XXXXL */ @media screen and (min-width:1600px)                        { .prizes { width:calc(100% + 10px); } .prizes li { width: calc(16.66% - 10px); margin: 0 10px 10px 0; } .prizes li[data-template="1"] figure { width:calc(100% - 100px); } .prizes li[data-template="2"] figure { width:calc(100% - 100px); } }
			/*  XXXL */ @media screen and (min-width:1440px) and (max-width:1599px) { .prizes { width:calc(100% + 10px); } .prizes li { width: calc(16.66% - 10px); margin: 0 10px 10px 0; } .prizes li[data-template="1"] figure { width:calc(100% - 100px); } .prizes li[data-template="2"] figure { width:calc(100% - 100px); } }
			/*   XXL */ @media screen and (min-width:1240px) and (max-width:1439px) { .prizes { width:calc(100% + 10px); } .prizes li { width: calc(25.00% - 10px); margin: 0 10px 10px 0; } .prizes li[data-template="1"] figure { width:calc(100% - 100px); } .prizes li[data-template="2"] figure { width:calc(100% - 200px); } }
			/*    XL */ @media screen and (min-width:1040px) and (max-width:1239px) { .prizes { width:calc(100% + 10px); } .prizes li { width: calc(33.33% - 10px); margin: 0 10px 10px 0; } .prizes li[data-template="1"] figure { width:calc(100% - 100px); } .prizes li[data-template="2"] figure { width:calc(100% - 200px); } }
			/*     L */ @media screen and (min-width: 960px) and (max-width:1039px) { .prizes { width:calc(100% + 10px); } .prizes li { width: calc(33.33% - 10px); margin: 0 10px 10px 0; } .prizes li[data-template="1"] figure { width:calc(100% - 100px); } .prizes li[data-template="2"] figure { width:calc(100% - 200px); } }
			/*     M */ @media screen and (min-width: 860px) and (max-width: 959px) { .prizes { width:calc(100% + 10px); } .prizes li { width: calc(33.33% - 10px); margin: 0 10px 10px 0; } .prizes li[data-template="1"] figure { width:calc(100% - 100px); } .prizes li[data-template="2"] figure { width:calc(100% - 200px); } }
			/*    MS */ @media screen and (min-width: 700px) and (max-width: 859px) { .prizes { width:calc(100% + 10px); } .prizes li { width: calc(50.00% - 10px); margin: 0 10px 10px 0; } .prizes li[data-template="1"] figure { width:calc(100% - 100px); } .prizes li[data-template="2"] figure { width:calc(100% - 200px); } }
			/*     S */ @media screen and (min-width: 580px) and (max-width: 699px) { .prizes { width:             100%; } .prizes li { width:                100%; margin: 0;             } .prizes li[data-template="1"] figure { width:calc(100% - 100px); } .prizes li[data-template="2"] figure { width:calc(100% - 100px); } }
			/*    XS */ @media screen and (min-width: 310px) and (max-width: 579px) { .prizes { width:             100%; } .prizes li { width:                100%; margin: 0;             } .prizes li[data-template="1"] figure { width:calc(100% - 100px); } .prizes li[data-template="2"] figure { width:calc(100% - 100px); } }
			/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) { .prizes { width:             100%; } .prizes li { width:                100%; margin: 0;             } .prizes li[data-template="1"] figure { width:calc(100% - 100px); } .prizes li[data-template="2"] figure { width:calc(100% - 100px); } }
			
			
		
		
		ul.primary-menu {
			list-style: none;
			display: block;
			position: relative;
			margin: 0; padding: 0;
			text-align: right;
			top:10px;
		}
		ul.primary-menu li {
			display: inline-block;
			list-style: none;
		}
		ul.primary-menu li a {
			display: block;
			color: white;
			font-size: 13px;
			line-height: 16px;
			padding: 10px 15px 10px 15px;
			border-radius: 2px;
			text-decoration: none;
		}
		ul.primary-menu li:last-child a {
			background-color: #0063ff;
		}
		
		
		.hl {
			color: #0063ff;
		}
			
			
			
		/* GENERAL TERMS AND CONDITIONS */
		
		.css.tpl-registration .General_terms_and_conditions {
			display:block;
			/*border:1px solid gray;*/
			background-color:#FFFFFF;
			box-shadow: 0 0 0 1px #CCC;
			border-radius:4px;
			border-radius: 4px 0 0 4px;
			padding:15px 25px 15px 25px;
			margin:15px 0px 15px 0px;
			width:calc(100% - 52px);
			max-height:400px;
			overflow:scroll;
			overflow-x:hidden;
		}
		.css.tpl-conditions .General_terms_and_conditions {
			margin: 55px 0 0 0;
		}
		.css.tpl-conditions .General_terms_and_conditions * {
			color: #333333!important;
		}
		.General_terms_and_conditions {
		}
		.General_terms_and_conditions .scrollable {
			display:block;
		}

		.General_terms_and_conditions {
		}
		.General_terms_and_conditions h2.title {
			font-size:20px;
			line-height:24px;
			font-weight:bold !important;
			margin-bottom:5px !important;
			-webkit-margin-start:0px;
			-webkit-margin-end:0px;
		}
		
		.General_terms_and_conditions .valid-until {
			font-weight:normal;
			font-size:14px;
			line-height:18px;
			font-style: italic;
			margin-bottom:0px;
		}
		.General_terms_and_conditions b {
			font-weight: normal;
			font-weight: bold;
		}
		.General_terms_and_conditions .section {
			font-weight:normal;
			font-size:14px;
			line-height:18px;
			margin:0px;
			padding:20px 0px 10px 50px;
		}
			.General_terms_and_conditions .section .index {
				width:40px;
				height:20px;
				margin:0px -40px -20px 0px;
				overflow:hidden;
				left:-50px;
				display:block;
				position:relative;
				font-size:13px;
				line-height:17px;
				text-align:left;
				color:#999999;
				
			}
			.General_terms_and_conditions .section .copy {
				margin:0px 0px 5px 0px !important;
				padding:0px 0px 0px 0px !important;
				font-weight: normal;
				font-weight: bold;
			}
			
		.General_terms_and_conditions .list {
			font-weight:normal;
			font-size:14px;
			line-height:18px;
			text-align:justify;
			color:#333333;
			margin:0px;
			padding:0px 0px 0px 70px;
		}
			.General_terms_and_conditions .list .index {
				width:40px;
				height:20px;
				margin:0px -40px -20px 0px;
				overflow:hidden;
				text-align:right;
				left:-50px;
				display:block;
				position:relative;
			}
			.General_terms_and_conditions .list .copy {
				margin:0px 0px 5px 0px !important;
				padding:0px 0px 0px 0px !important;
			}

		.General_terms_and_conditions .list-option {
			font-weight:lighter;
			font-size:14px;
			line-height:18px;
			text-align:justify;
			color:#333333;
			margin:0px;
			padding:0px 0px 0px 90px;
		}
		.General_terms_and_conditions .copy-option {
			font-weight:lighter;
			font-size:13px;
			line-height:17px;
			text-align:justify;
			color:#999999;
			margin:0px;
			padding:0px 0px 5px 70px;
		}
			.General_terms_and_conditions .list-option .index {
				width:40px;
				height:20px;
				margin:0px -40px -20px 0px;
				overflow:hidden;
				text-align:right;
				left:-50px;
				display:block;
				position:relative;
			}
			.General_terms_and_conditions .copy-option .index {
				width:20px;
				height:20px;
				margin:0px -20px -20px 0px;
				overflow:hidden;
				text-align:left;
				left:-20px;
				display:block;
				position:relative;
			}
			.General_terms_and_conditions .list-option .copy {
				margin:0px 0px 0px 0px !important;
				padding:0px 0px 0px 0px !important;
			}
			.General_terms_and_conditions .copy-option .copy {
				/*margin:0px 0px 0px 10px !important;*/
				padding:0px 0px 0px 0px !important;
			}
		.General_terms_and_conditions .list-copy {
			font-weight:lighter;
			font-size:14px;
			line-height:18px;
			text-align:justify;
			color:#333333;
			padding:0px 0px 0px 70px;
			-webkit-margin-before:0px;
			-webkit-margin-after:0px;
		}
		.General_terms_and_conditions .copy {
			font-weight:lighter;
			font-size:13px;
			line-height:17px;
			text-align:justify;
			color:#999999;
			padding:0px 0px 5px 50px;
			-webkit-margin-before:0px;
			-webkit-margin-after:0px;
		}
		.General_terms_and_conditions a.owner-site-link {
			color:#00457F;
			color:#999999;
			text-decoration: underline;
		}
		.General_terms_and_conditions p {
			-webkit-hyphens: auto;
		        -ms-hyphens: auto;
			        hyphens: auto;
		}

			@media screen and (min-width: 1600px) {
				/* XXL */
				.General_terms_and_conditions .contract-bbox { display:block; }
				.General_terms_and_conditions .contract-bbox-alter { display:none; }
			}
			@media screen and (min-width: 1200px) and  (max-width: 1599px) {
				/* XL */
				.General_terms_and_conditions .contract-bbox { display:block; }
				.General_terms_and_conditions .contract-bbox-alter { display:none; }
			}
			@media screen and (min-width: 1000px) and  (max-width: 1199px) {
				/* L */
				.General_terms_and_conditions .contract-bbox { display:block; }
				.General_terms_and_conditions .contract-bbox-alter { display:none; }
			}
			@media screen and (min-width: 800px) and (max-width: 999px) {
				/* M */

				.General_terms_and_conditions .contract-bbox { display:none; }
				.General_terms_and_conditions .contract-bbox-alter { display:block; }
				.page .General_terms_and_conditions h1.title {
					display:block;
					width:100%;
					text-align:center;
					margin:15px 0px 10px 0px !important;
					padding:0px;
				}
				.General_terms_and_conditions .valid-until { 
					display:block; 
					width:100%; 
					text-align:center; 
					margin:0px 0px 15px 0px;; 
					padding:0px;
				}
			}
			@media screen and (min-width: 600px) and (max-width: 799px) {
				/* S */
				.form #PostalAddress { max-height:15em; }

				.General_terms_and_conditions .contract-bbox { display:none; }
				.General_terms_and_conditions .contract-bbox-alter { display:block; }
				.page .General_terms_and_conditions h1.title {
					display:block;
					width:100%;
					text-align:center;
					margin:15px 0px 10px 0px !important;
					padding:0px;
				}
				.General_terms_and_conditions .valid-until { 
					display:block; 
					width:100%; 
					text-align:center; 
					margin:0px 0px 15px 0px;; 
					padding:0px;
				}
			}
			@media screen and (min-width: 400px) and (max-width: 599px) {
				/* XS */
				.General_terms_and_conditions .contract-bbox { display:none; }
				.General_terms_and_conditions .contract-bbox-alter { display:block; }
				.page .General_terms_and_conditions h1.title {
					display:block;
					width:100%;
					text-align:center;
					margin:15px 0px 10px 0px !important;
					padding:0px;
				}
				.General_terms_and_conditions .valid-until { 
					display:block; 
					width:100%; 
					text-align:center; 
					margin:0px 0px 15px 0px;; 
					padding:0px;
				}
			}
			@media screen and (max-width: 399px) {
				/* XXS */
				.General_terms_and_conditions .contract-bbox { display:none; }
				.General_terms_and_conditions .contract-bbox-alter { display:block; }
				.page .General_terms_and_conditions h1.title {
					display:block;
					width:100%;
					text-align:center;
					margin:15px 0px 10px 0px !important;
					padding:0px;
				}
				.General_terms_and_conditions .valid-until { 
					display:block; 
					width:100%; 
					text-align:center; 
					margin:0px 0px 15px 0px;; 
					padding:0px;
				}

			}
			
			
			/*						*/
			/*						*/
			/* DEFAULTS 			*/
			/*						*/
			/*						*/
			
			h3.block-title {
				text-align: center;
				font-family: Metro-ExtraBold;
				font-weight: normal;
				font-size: 3.3rem;
				line-height: 1.29;
				color: #002d72;
				text-transform: uppercase;
				padding-top: 15px;
			}
			.cta-button-wrapper {
				display: block;
				margin-top: 35px;
			}
			a.cta-button {
				display: inline-block;
				text-decoration: none;
				color: #0064fe;
				padding: 10px 15px 10px 15px;
				font-weight: bold;
				font-size: 1.6rem;
				line-height: 1.2;
				border: 2px solid #0064fe;
				border-radius: 2px;
			}
			a.cta-button:hover {
				background-color: #0064fe;
				color: #FFFFFF;
			}
			.white-block {
				background-color: white;
				margin-bottom: 15px;
				padding: 0 15px 0 15px;
			}
			
			
			
			
			/*						*/
			/*						*/
			/* INTRO 				*/
			/*						*/
			/*						*/
			
			#intro {
				background-color: white;
				margin: 25px 0 15px 0;
			}
			#intro .mirror {
				padding: 25px 0 15px 0;
			}
			#intro .mirror figcaption {
			}
			#intro .mirror h2 {
				text-align: center;
				font-family: Metro-Black;
				font-weight: normal;
				font-size: 3.8rem;
				line-height: 1.29;
				color:#002d72;
			}
			#intro .mirror p {
				text-align: center;
				padding: 5px 20% 5px 20%;
				font-size: 1.8rem;
				line-height: 1.5;
			}
			#intro .mirror figure {
				width: 100%;
				margin: 25px 0 0 0;
			}
			#intro .mirror figure div {
				width: 100%;
				height: auto;
				margin: 0;
				padding: 33% 0 0 0;
				background-position: top center;
				background-size: contain;
				background-repeat: no-repeat;
			}
			#intro .mirror figure div[data-mobile="1" ] { padding-top:128%; }
			#intro .mirror figure div[data-tablet="1" ] { padding-top:61.5%; }
			#intro .mirror figure div[data-desktop="1"] { padding-top:33%; }
			
/* 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) {}
/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) {}
/* M-XXS */ @media screen and (min-width:   0px) and (max-width: 959px) { #intro .mirror h2 {} #intro .mirror p { padding: 15px 5% 5px 5%; } }			
			
			
			
			
			
			
			
			
			
			
			/*						*/
			/*						*/
			/*	GOURMET CARD 		*/
			/*						*/
			/*						*/
			
			#gourmet-card-promo {
				background-color: white;
				padding: 15px 0 0 0;
			}
			#gourmet-card-promo .wrapper {
				text-decoration: none;
			}
			#gourmet-card-promo .wrapper .block-title {
				padding-left:  20%;
				padding-right: 20%;
			}
			#gourmet-card-promo .wrapper .inset {
				margin: 35px 100px 0 100px;
			}
			#gourmet-card-promo .wrapper figure {
				display: block;
				position: relative;
				width: 50%;
				height: 360px;
				margin: 0 0 -360px 0;
			}
			#gourmet-card-promo .wrapper figcaption {
				display: block;
				position: relative;
				width: 50%;
				height: 360px;
				margin: 0 0 0 50%;
				text-align: left;
			}
			#gourmet-card-promo .wrapper figcaption h4 {
				font-family: Lato;
				font-weight: bold;
				font-size: 2.6rem;
				line-height: 1.4;
				color: #002d72;
				padding-right: 30%;
				padding-bottom: 15px;
				text-align: inherit;
			}
			#gourmet-card-promo .wrapper figcaption p {
				font-family: Lato;
				font-weight: normal;
				font-size: 1.6rem;
				line-height: 1.4;
				color: #33435B;
				padding-right: 30%;
				text-align: inherit;
			}
/* 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) {}
/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) {}
/* M-XXS */ @media screen and (min-width:   0px) and (max-width: 959px) { #gourmet-card-promo .wrapper { padding-bottom: 15px; } #gourmet-card-promo .wrapper .inset { margin: 35px 10px 0 10px } #gourmet-card-promo .wrapper .block-title { padding-left: 5%; padding-right: 5%; } #gourmet-card-promo .wrapper figure { width:100%; margin-bottom: 0; } #gourmet-card-promo .wrapper figcaption { width:100%; height: auto; margin-left: 0; padding-right: 0; text-align: center; } #gourmet-card-promo .wrapper figcaption h4, #gourmet-card-promo .wrapper figcaption p { padding:0 5% 0 5%; } }			





			/*						*/
			/*						*/
			/*	GLOBAL MAP 			*/
			/*						*/
			/*						*/
			
			#global-map {
			}
			
			
			
			
			
			
			/*						*/
			/*						*/
			/*	APP PROMO 			*/
			/*						*/
			/*						*/

			#app-promo {
			}
			#app-promo .white-block {
				padding: 15px;
			}
			#app-promo figure {
				display: block;
				width: 100%;
				margin:0;
			}
			#app-promo figure div {
				width: 100%;
				height: auto;
				margin: 0;
				padding: 33% 0 0 0;
				background-position: top center;
				background-size: 100% 100%;
				background-repeat: no-repeat;
			}
			#app-promo figure div[data-mobile="1" ] { padding-top:128%; }
			#app-promo figure div[data-tablet="1" ] { padding-top:61.5%; }
			#app-promo figure div[data-desktop="1"] { padding-top:33%; }
			
			#app-promo .cta-button-wrapper {
				position: relative;
				width: 200px;
				height: 50px;
				margin: 0 0 -50px 0;
			}
/* XXXXL */ @media screen and (min-width:1600px)                        { #app-promo .cta-button-wrapper { transform:translate(68px,330px); text-align: left; } }
/*  XXXL */ @media screen and (min-width:1440px) and (max-width:1599px) { #app-promo .cta-button-wrapper { transform:translate(68px,330px); text-align: left; } }
/*   XXL */ @media screen and (min-width:1240px) and (max-width:1439px) { #app-promo .cta-button-wrapper { transform:translate(50px,260px); text-align: left; } }
/*    XL */ @media screen and (min-width:1040px) and (max-width:1239px) { #app-promo .cta-button-wrapper { transform:translate(47px,230px); text-align: left; } }
/*     L */ @media screen and (min-width: 960px) and (max-width:1039px) { #app-promo .cta-button-wrapper { transform:translate(106px,429px); text-align: left; } }
/*     M */ @media screen and (min-width: 860px) and (max-width: 959px) { #app-promo .cta-button-wrapper { transform:translate(93px,379px); text-align: left; } }
/*    MS */ @media screen and (min-width: 700px) and (max-width: 859px) { #app-promo .cta-button-wrapper { transform:translate(267px,249px); text-align: left; } }
/*     S */ @media screen and (min-width: 580px) and (max-width: 699px) { #app-promo .cta-button-wrapper { transform:translate(0%,239px); width:100%; text-align: center; } }
/*    XS */ @media screen and (min-width: 310px) and (max-width: 579px) { #app-promo .cta-button-wrapper { transform:translate(0%,188px); width:100%; text-align: center; } }
/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) { #app-promo .cta-button-wrapper { transform:translate(0%,239px); width:100%; text-align: center; } }
			
			
			
			
			
			
			
			
			/*						*/
			/*						*/
			/* PRODUCTS 			*/
			/*						*/
			/*						*/
			
			#products {
				position: relative;
				margin: 0 -500px 0 -500px;
				padding: 0 500px 0 500px;
				margin: 15px 0 40px 0;
				padding: 15px 15px 0 15px;
				background-color: white;
			}
			#products ul {
				list-style: none;
				margin: 0;
				padding: 0;
				font-size: 0; line-height: 0;
				width: calc(100% + 15px);
			}
			#products ul li {
				list-style: none;
				display: inline-block;
				position: relative;
				vertical-align: top;
				margin: 0 15px 15px 0;
				padding: 0;
				background-repeat: no-repeat;
				background-size: 100% 100%;
				width: calc(25% - 15px);
				height: auto;
				padding:23.5% 0 0 0;
				padding: 0;
				outline: 0px solid red;
				box-shadow: 0 3px 15px 0 rgba(0,0,0,0.2);
			}
			/* placeholder for ratio */
			#products ul li img {
				width: 100%;
				height: auto;
				visibility: hidden;
			}
			
/* XXXXL */ @media screen and (min-width:1600px)                        { #products ul li { width: calc( 25.000% - 15px); } }
/*  XXXL */ @media screen and (min-width:1440px) and (max-width:1599px) { #products ul li { width: calc( 33.333% - 15px); } }
/*   XXL */ @media screen and (min-width:1240px) and (max-width:1439px) { #products ul li { width: calc( 33.333% - 15px); } }
/*    XL */ @media screen and (min-width:1040px) and (max-width:1239px) { #products ul li { width: calc( 33.333% - 15px); } }
/*     L */ @media screen and (min-width: 960px) and (max-width:1039px) { #products ul li { width: calc( 50.000% - 15px); } }
/*     M */ @media screen and (min-width: 860px) and (max-width: 959px) { #products ul li { width: calc( 50.000% - 15px); } }
/*    MS */ @media screen and (min-width: 700px) and (max-width: 859px) { #products ul li { width: calc( 50.000% - 15px); } }
/*     S */ @media screen and (min-width: 580px) and (max-width: 699px) { #products ul li { width: calc( 50.000% - 15px); } #products { margin: 0; padding: 0; } }
/*    XS */ @media screen and (min-width: 310px) and (max-width: 579px) { #products ul li { width: calc(100.000% - 15px); } #products { margin: 0; padding: 0; } }
/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) { #products ul li { width: calc(100.000% - 15px); } #products { margin: 0; padding: 0; } }
			
			
			
			/*						*/
			/*						*/
			/* SERVICES 			*/
			/*						*/
			/*						*/
			
			#why-metro ul {
				display: block;
				font-size: 0; line-height: 0;
				margin: 50px 0 50px 0; padding: 0;
				list-style: none;
			}
			#why-metro ul li {
				display: inline-block;
				list-style: none;
				text-align: center;
				width: 20%;
				height: 100px;
				margin: 0; padding: 0;
			}
			#why-metro ul li a {
				text-decoration: none;
			}
			#why-metro ul li i {
				display: inline-block;
				width:50px;
				height: 50px;
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center center;
			}
			#why-metro ul li[data-label="products"]     i { background-image:url(../../images/icon/blue/products.svg); }
			#why-metro ul li[data-label="offers"]       i { background-image:url(../../images/icon/blue/offers.svg); }
			#why-metro ul li[data-label="delivery"]     i { background-image:url(../../images/icon/blue/delivery.svg); }
			#why-metro ul li[data-label="inspirations"] i { background-image:url(../../images/icon/blue/inspirations.svg); }
			#why-metro ul li[data-label="newsletter"]   i { background-image:url(../../images/icon/blue/newsletter.svg); }
			#why-metro ul li em {
				display: block;
				margin: 18px 0 0 0;
				color: #002d72;
				font-family: Lato,"Lucida Sans Unicode","Lucida Grande",sans-serif;
				font-style: normal;
				font-stretch: normal;
				line-height: 24px;
				letter-spacing: normal;
				font-weight: bold;				
				font-size: 1.8rem;
				line-height: 2.2rem;
				font-style: normal;
			}
			#why-metro ul li span {
				display: block;
				margin: 12px 0 0 0;
				color: #0064fe;
				font-family: Lato,"Lucida Sans Unicode","Lucida Grande",sans-serif;
				font-style: normal;
				font-stretch: normal;
				letter-spacing: normal;
				font-weight: 400;				
				font-size: 1.6rem;
				line-height: 1.7rem;
			}
/* 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) { #why-metro ul li { display: block; width: 100%; margin-bottom:15px; } #why-metro ul li em { margin: 0; } }
/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) { #why-metro ul li { display: block; width: 100%; margin-bottom:15px; } #why-metro ul li em { margin: 0; } }
				
				
				
			/*						*/
			/*						*/
			/* LEAFLETS 			*/
			/*						*/
			/*						*/

			#leaflets .white-block {
			/*
				background-color: white;
				margin-bottom: 15px;
				padding: 5px 15px 0 15px;
				*/
			}

			#leaflets .tab-selector {
				width: calc(100% - 2px);
				height: 40px;
				border-radius: 2px;
				background-color: #fff;
				border: solid 1px #b2b9c2;
				margin: 5px 0 15px 0;
				padding-left: 6px;
				font-family: Lato,"Lucida Sans Unicode","Lucida Grande",sans-serif;
				font-size: 16px;
				font-weight: normal;
				font-style: normal;
				font-stretch: normal;
				line-height: 1.5;
				letter-spacing: normal;
				color: #002d72;			
			}
			
			#leaflets ul.tab-chooser {
				margin: 0; padding: 0; list-style: none;
			}
			#leaflets ul.tab-chooser li {
				display: inline-block;
				list-style: none;
				margin: 0 14px 0 0;
			}
			
			#leaflets ul.tab-chooser li a {
				display: block;
				text-decoration: none;
				padding: 0 0 17px 0;
				font-family: Lato,"Lucida Sans Unicode","Lucida Grande",sans-serif;
				font-weight: bold;
				font-style: normal;
				text-rendering: optimizeLegibility;
				font-display: swap;
				font-size: 1.5rem;
				line-height: 1.8rem;
				color: #33435b;
				text-transform: inherit;
				border-bottom: 3px solid rgba(0,0,0,0);
				color: #0064fe;
			}
			#leaflets ul.tab-chooser li a:hover {
				border-bottom: 3px solid #DDDDDD;
			}
			#leaflets ul.tab-chooser li.current a {
				border-bottom: 3px solid #33435b;
				color: #002d72;
				text-decoration: none;
			}
			#leaflets .tab-content {}
			#leaflets .tab-content .tab-pane { display: none; }
			#leaflets .tab-content .tab-pane.current { display: block; }
			
			#leaflets ul.catalogs-container {
				display: block;
				width: calc(100% + 12px);
				font-size: 0; line-height: 0;
				margin: 0; padding: 0;
				outline: 0px dotted orange;
			}
			#leaflets ul.catalogs-container li.catalog {
				display: inline-block;
				position: relative;
				list-style: none;
				margin: 0 12px 12px 0;
				padding: 0;
				background-color: white;
				vertical-align: top;
			}
			#leaflets ul.catalogs-container li.catalog:hover {
				background-color: #cce0ff;
			}
			
/* XXXXL */ @media screen and (min-width:1600px)                        { #leaflets ul.catalogs-container li.catalog { width: calc(12.5000% - 12px); height: auto; min-height:380px; } }
/*  XXXL */ @media screen and (min-width:1440px) and (max-width:1599px) { #leaflets ul.catalogs-container li.catalog { width: calc(12.5000% - 12px); height: auto; min-height:380px; } }
/*   XXL */ @media screen and (min-width:1240px) and (max-width:1439px) { #leaflets ul.catalogs-container li.catalog { width: calc(16.6666% - 12px); height: auto; min-height:380px; } }
/*    XL */ @media screen and (min-width:1040px) and (max-width:1239px) { #leaflets ul.catalogs-container li.catalog { width: calc(20.0000% - 12px); height: auto; min-height:390px; } }
/*     L */ @media screen and (min-width: 960px) and (max-width:1039px) { #leaflets ul.catalogs-container li.catalog { width: calc(20.0000% - 12px); height: auto; min-height:390px; } }
/*     M */ @media screen and (min-width: 860px) and (max-width: 959px) { #leaflets ul.catalogs-container li.catalog { width: calc(25.0000% - 12px); height: auto; min-height:390px; } }
/*    MS */ @media screen and (min-width: 700px) and (max-width: 859px) { #leaflets ul.catalogs-container li.catalog { width: calc(33.3333% - 12px); height: auto; min-height:430px; } }
/*     S */ @media screen and (min-width: 580px) and (max-width: 699px) { #leaflets ul.catalogs-container li.catalog { width: calc(50.0000% - 12px); height: auto; min-height:540px; } }
/*    XS */ @media screen and (min-width: 310px) and (max-width: 579px) { #leaflets ul.catalogs-container li.catalog { width: calc(100.000% - 12px); height: auto; min-height:auto; } }
/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) { #leaflets ul.catalogs-container li.catalog { width: calc(100.000% - 12px); height: auto; min-height:auto; } }
			
			#leaflets ul.catalogs-container li.catalog a {
				display: block;
				position: relative;
				left: 0; top: 0;
				right: 0; bottom: 0;
				text-decoration: none;
			}
			#leaflets ul.catalogs-container li.catalog a figure {
				width: calc(100% - 24px);
				margin: 12px 0 0 12px;
				background-size: 100% 100%;
				background-repeat: no-repeat;
				background-position: top center;
				outline: 0px solid red;
			}
			#leaflets ul.catalogs-container li.catalog[data-fit="2"] a figure { background-size: 200% 100%; background-position: top left; }
			#leaflets ul.catalogs-container li.catalog[data-fit="3"] a figure { background-size: 200% 100%; background-position: top center; }
			
			#leaflets ul.catalogs-container li.catalog figure img {
				width: 100%;
				height: auto;
				visibility: hidden;
			}
/* XXXXL */ @media screen and (min-width:1600px)                        { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*  XXXL */ @media screen and (min-width:1440px) and (max-width:1599px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*   XXL */ @media screen and (min-width:1240px) and (max-width:1439px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*    XL */ @media screen and (min-width:1040px) and (max-width:1239px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*     L */ @media screen and (min-width: 960px) and (max-width:1039px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*     M */ @media screen and (min-width: 860px) and (max-width: 959px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*    MS */ @media screen and (min-width: 700px) and (max-width: 859px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*     S */ @media screen and (min-width: 580px) and (max-width: 699px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*    XS */ @media screen and (min-width: 310px) and (max-width: 579px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) { #leaflets ul.catalogs-container li.catalog a figure { height:auto; } }
			#leaflets ul.catalogs-container li.catalog a figcaption {
				color: #0064fe;
				font-family: Lato,"Lucida Sans Unicode","Lucida Grande",sans-serif;
				font-style: normal;
				font-stretch: normal;
				letter-spacing: normal;
				font-weight:normal;				
				font-size: 1.6rem;
				line-height: 1.9rem;
			} 
			#leaflets ul.catalogs-container li.catalog a figcaption .upcoming-text {
				display: inline-block;
				color: #fff;
				font-weight: bold;
				font-size: 12.5px;
				margin-top: 12px;
				border: .5px solid #de351a;
				background-color: #de351a;
				border-radius: 2px;
				padding: 3px 4px 3px 4px;
				margin:10px 0 5px 12px;
				opacity: .9;
				font-family: Lato,"Lucida Sans Unicode","Lucida Grande",sans-serif;
				font-style: normal;
				font-stretch: normal;
				line-height: 1;
				letter-spacing: normal;
				text-align: center;
			}
			
			#leaflets ul.catalogs-container li.catalog a figcaption i {
				display: block;
				margin: 12px 0 0 12px;
				font-family:inherit;
				font-weight: bold;
				font-size: 1.5rem;
				line-height: 2.0rem;
				color:#002d72;
			}
			#leaflets ul.catalogs-container li.catalog a figcaption em {
				display: block;
				margin: 6px 0 0 12px;
				font-style: normal;
				font-weight: bold;
				font-size: 1.2rem;
				line-height: 1.9rem;
				color: #33435b;
			}
			#leaflets ul.catalogs-container li.catalog a figcaption .upcoming-text {
			}
			






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


			/*						*/
			/*						*/
			/* FOOTER: COPYRIGHT	*/
			/*						*/
			/*						*/
			
			#copyright {
				position: relative;
				margin: 0 -500px 0 -500px;
				padding: 0 500px 0 500px;
				background-color: white;
			}
			#copyright .wrapper {
				position: relative;
				padding: 15px 0 15px 0;
			}
/* 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) { #copyright { margin: 0; padding: 0; } #copyright p { text-align:center; } }
/*    XS */ @media screen and (min-width: 310px) and (max-width: 579px) { #copyright { margin: 0; padding: 0; } #copyright p { text-align:center; } }
/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) { #copyright { margin: 0; padding: 0; } #copyright p { text-align:center; } }
			
			/*						*/
			/*						*/
			/* FOOTER: BOTTOM LINKS */
			/*						*/
			/*						*/
			
			#bottom-menu {
				width: 100%;
				height: 64px;
			}
			#bottom-menu:before {
				content:" ";
				background-color: #002d72;
				position: relative;
				display: block;
				left: -500px;
				width: calc(100% + 1000px);
				height: 64px;
				margin: 0 0 -64px 0;
				z-index: -1;
			}
			#bottom-menu .footer-links {
				position: relative;
				top: 50%;
				transform:translateY(-50%);
			}
			#bottom-menu .footer-links a {
				display: inline-block;
				color: white;
				font-size: 1.6rem;
				line-height: 1.5;
				margin: 0 30px 0 0;
				text-decoration: underline;
				
			}
/* 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) { #bottom-menu { height: 150px; background-color: #002d72; } #bottom-menu:before { display:none; } #bottom-menu .footer-links a { display: block; margin: 0; text-align:center; } }
/*    XS */ @media screen and (min-width: 310px) and (max-width: 579px) { #bottom-menu { height: 150px; background-color: #002d72; } #bottom-menu:before { display:none; } #bottom-menu .footer-links a { display: block; margin: 0; text-align:center; } }
/*   XXS */ @media screen and (min-width:   0px) and (max-width: 309px) { #bottom-menu { height: 150px; background-color: #002d72; } #bottom-menu:before { display:none; } #bottom-menu .footer-links a { display: block; margin: 0; text-align:center; } }
						



/* 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:#4DFF53; } }
	/*  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; } }
	/*   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;
	}
	
	Xdiv { outline: 1px dotted red; }