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

	/* default settings */
	
	html { margin: 0; padding: 0; font-family: Metro, Arial; font-size: 10px; line-height: 13px; min-height: 100%; }
	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-family: Metro; 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, .body span.bold { font-weight: bold; }
	.page { position: relative; left: 50%; transform: translateX(-50%); }
	.asterisk {  font-family: Metro; font-weight: normal; }
	.important { color:#f7ec40!important; font-weight: bold; }
	
	/* 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;}
	
	
	/* COLOURS */
	/* yellow: #f7ec40 */
	/* darkblue: #012E72 */
	
	
 	@media screen and (min-width:   0px) and (max-width: 859px) {
		.wab {white-space: normal;}
	}
	

	/* responsibles */

	@media screen and (min-width:1440px)                        {	/*	XXXL: 1440 -		*/	}
	@media screen and (min-width:1240px) and (max-width:1439px) {	/*	 XXL: 1240 - 1439	*/	}
	@media screen and (min-width:1040px) and (max-width:1239px) {	/*	  XL: 1040 - 1239	*/	}
	@media screen and (min-width: 960px) and (max-width:1039px) {	/*	   L:  960 -  375	*/	}
 	@media screen and (min-width: 860px) and (max-width: 959px) {	/*	   M:  860 -  959	*/	}
 	@media screen and (min-width: 700px) and (max-width: 859px) {	/*	   S:  700 -  859	*/	}
 	@media screen and (min-width: 580px) and (max-width: 699px) {	/*	  XS:  580 -  699	*/	}
 	@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	*/	div[data-desktop="1"], div[data-tablet="1"] { display: none!important; } }
	@media screen and (min-width: 860px) and (max-width:1039px) {	/*	   TABLET	M-L:     860- 1039	*/	div[data-desktop="1"], div[data-mobile="1"] { display: none!important; } }
	@media screen and (min-width:1040px)                        {	/*	   DESKTOP	M-XXXL: 1040-		*/	div[data-tablet="1"],  div[data-mobile="1"] { display: none!important; } }



	/* elements */

	small { display: block; width: 100%; height: 20px; }
	big   { display: block; width: 100%; height: 40px; }
	
	/* background */
	
	
	html {
		height: 100%;
		overflow-x: hidden;
	}
	body {
		background: none; background-color: #F5F5F5;
		background-repeat: repeat-x;
		background-position: top center;
		background-attachment: fixed;
		background-size: 860px 100%;
		background-image: url("../../images/background/dark.jpg?v=1")
	}
	/* exceptions */
	body.css.skn-1 {
		background-image: url("../../images/background/light.jpg?v=1")
	}
	
	/*
	.css.skn-2.tpl-startpage          { background-image: url("../../images/background/people.jpg?v=5"); }
	.css.skn-2.tpl-registration       { background-image: url("../../images/background/people.jpg?v=5"); }
	.css.skn-2.tpl-login              { background-image: url("../../images/background/people.jpg?v=5"); }
	.css.skn-2.tpl-coupons            { background-image: url("../../images/background/food.jpg?v=5"); }
	.css.skn-1.tpl-coupon-checkout    { background-image: url("../../images/background/coupons-restaurant.jpg?v=5"); }
	.css.skn-1.tpl-coupons-restaurant { background-image: url("../../images/background/coupons-restaurant.jpg?v=5"); }
	.css.skn-1.tpl-account            { background-image: url("../../images/background/coupons-restaurant.jpg?v=5"); }
	*/
	
	@media screen and (min-width:   0px) and (max-width: 859px) {
		body {
		}
	}

	
	/* sections / components */

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


	.decors {
	}
	.decors {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%; 
		overflow: hidden;
	}
	.decors:before {
		display: block;
		content:" ";
		z-index: 1;
		opacity: 0.9;
		position: absolute;
		mix-blend-mode:normal;
		left: 0; top: 0;
		bottom: 0; right: 0;
		background: none; background-color: #F5F5F5;
		background-repeat: repeat-x;
		background-position: top center;
		background-attachment: fixed;
		background-size: 860px 100%;
		background-image: url("../../images/background/dark.jpg?v=1")
	}	
	.decors video {
		min-width:100%; 
		min-height:100%; 
		width: auto;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		pointer-events: none;
	}

	.contents {
		position: relative;
		z-index: 2;
	}
	[data-component="footer"] {
		position: relative;
		z-index: 3;
	}


	/* SECTIONS */
	
		/* section: BODY */
		
		section.component[data-component="body"] { position:relative; left:50%; transform:translateX(-50%); }
		@media screen and (min-width:1440px)                        {	section.component[data-component="body"] { width: 1200px; } /*	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% - 60px); } /*	  XS:  580 -  699	*/	}
		@media screen and (min-width: 310px) and (max-width: 579px) {	section.component[data-component="body"] { width:  310px; width: calc(100% - 30px); } /*	 XXS:    0 -  375, mirror: 310	*/	}




	/* typography */
	
	h2              { font-family: Metro-ExtraBold; font-weight: normal;  font-size: 3.5rem;  line-height: 4.0rem;  margin: 15px 0 10px 0;       padding: 0 0 0 0;      color:#25408e; text-transform: uppercase; letter-spacing: 0.1rem; }
	h3              { font-family: Metro;           font-weight: bold;    font-size: 2.5rem;  line-height: 3.0rem;  margin: 15px 0 10px 0;       padding: 0 0 0 0;      color:#25408e; }
	.content-lead p { font-family: Metro;           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.02rem; }
	p               { font-family: Metro;           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-family: Metro;           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-family: inherit;         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-family: Metro;           font-weight: normal;  font-size: 1.5rem;  line-height: 1.8rem;  margin:  0   0 10px 0;       padding: 0;            color:#000000; }
	table tr td     { font-family: inherit;         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;}
	
	/* Main title (desktop and mobile size) */
	.main-title { font-size: 3.2rem; line-height: 3.8rem; margin: 15px 0 10px 0; }
	@media screen and (min-width: 580px) and (max-width: 699px) { .main-title { font-size:4rem; line-height:5rem; text-align: center;} }
	@media screen and (min-width: 310px) and (max-width: 579px) { .main-title { font-size:3rem; line-height:4rem; text-align: center;} }

	/* Title (desktop and mobile size) */
	.title { font-family: Metro; font-weight: bold; font-size: 3.0rem; line-height: 3.5rem; margin: 0 0 10px 0; padding: 0 0 0 0; color:#FFFFFF; text-transform: none; letter-spacing: 0.02rem; }
	@media screen and (min-width: 700px) and (max-width: 859px) { .title { font-size:3.5rem; line-height:3.8rem; text-align: center; } }
	@media screen and (min-width: 580px) and (max-width: 699px) { .title { font-size:3.5rem; line-height:3.8rem; text-align: center; } }
	@media screen and (min-width: 310px) and (max-width: 579px) { .title { font-size:2.5rem; line-height:3.0rem; text-align: center; } }

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

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

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

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

	/* copy size modifiers */
	p.smallest { font-size: 1.1rem;  line-height: 1.4rem; margin: 0 0  5px 0 }
	p.smaller  { font-size: 1.3rem;  line-height: 1.7rem; margin: 0 0  5px 0 }
	p.bigger   { font-size: 1.8rem;  line-height: 2.2rem; margin: 0 0 10px 0 }
	p.biggest  { font-size: 2.1rem;  line-height: 2.6rem; margin: 0 0 15px 0 }
	
	/* copy colour/weight modifiers */
	.css.skin-1 .important { color:#f7ec40; }
	
	
	/* no breaking content */
	.nb { display: inline-block; white-space: nowrap; }


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

	/* footnotes */

	.footnotes { position:relative; left: -20px;  margin:0; padding:0 0 0 30px; font-size:1.5rem; line-height:1.8rem; }
	.footnotes .footnote-item { margin:0; padding:0; list-style:none; }
	.footnotes .footnote-item:before { display:block; position:relative; left:-35px; top:3px; width:30px; height:20px; margin:0 0 -20px 0; text-align:right; font-size: 2.0rem; }
	.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:"*****"; }
	
		/* skins */
			.css.skn-2 .footnotes .footnote-item { color: white; }
		
		
	
	/* links */
	
	.same-site-link    { text-decoration: underline; }
	.foreign-site-link { text-decoration: underline; font-weight: bold; color: #25408e; }
	
		/* skins */
			.css.skn-2 .same-site-link,
			.css.skn-2 .foreign-site-link { color: #f7ec40; }
	
	
	
	
	/* Skins */
	
	
		/* skn-1: light background, dark copies */
			/*.css.skn-1 * { color: #333333; }*/

			.css.skn-1 h2              { color:#25408e; }
			.css.skn-1 h3              { color:#25408e; }
			.css.skn-1 .content-lead p { color:#000000; }
			.css.skn-1 p               { color:#000000; }
			.css.skn-1 ul,ol           { color:#000000; }
			.css.skn-1 ul li, ol li    { color:inherit; }
			.css.skn-1 table           { color:#000000; }
			.css.skn-1 table tr td     { color:#000000;  }
		
		
		
		/* skn-2: dark background, light copies */
		
			/*.css.skn-2 * { color: #FFFFFF; }*/
			
			.css.skn-2 h2              { color:white; }
			.css.skn-2 h3              { color:white; }
			.css.skn-2 .content-lead p { color:white; }
			.css.skn-2 p               { color:white; }
			.css.skn-2 ul,ol           { color:white; }
			.css.skn-2 ul li, ol li    { color:white; }
			.css.skn-2 table           { color:white; }
			.css.skn-2 table tr td     { color:white;  }
			
			.css.skn-2 .main-title { color: #f7ec40; }
			.css.skn-2 .title { color:#FFFFFF; }
			.css.skn-2 .promo-boxes-wrapper ul.promo-boxes li.pb-item { box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.5); }
			.css.skn-2 .footnotes .footnote-item:before { color:#FFFFFF;  }
			.css.skn-2 .promo-boxes-wrapper * { color:#333333; }
	
	
	
	
	
	
	
	
	
	
	

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




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


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



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

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

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

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




		/* 							*/
		/* MENU                     */
		/* 							*/
	
			.menu-placeholder { width:100%; height: 120px; }
	
			/*	MENU WIDTHS	*/
			@media screen and (min-width:1440px)                        {.menu {width:1200px;} }
			@media screen and (min-width:1240px) and (max-width:1439px) {.menu {width:1100px;} }
			@media screen and (min-width:1040px) and (max-width:1239px) {.menu {width:1000px;} }
			@media screen and (min-width: 960px) and (max-width:1039px) {.menu {width: 900px;} }
			@media screen and (min-width: 860px) and (max-width: 959px) {.menu {width: 800px;} }
			@media screen and (min-width: 700px) and (max-width: 859px) {.menu {width: 680px;} }
			@media screen and (min-width: 580px) and (max-width: 699px) {.menu {width: 560px;} }
			@media screen and (min-width: 310px) and (max-width: 579px) {.menu {width: 310px;} }
			
			
			/* 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;
				position: absolute;
				z-index: 1;
			}
			@media screen and (min-width:1440px)                        { .menus .menu .menu-head .menu-logo h1 { width: 145px; height:  50px; } }
			@media screen and (min-width:1240px) and (max-width:1439px) { .menus .menu .menu-head .menu-logo h1 { width: 145px; height:  50px; } }
			@media screen and (min-width:1040px) and (max-width:1239px) { .menus .menu .menu-head .menu-logo h1 { width: 145px; height:  50px; } }
			@media screen and (min-width: 960px) and (max-width:1039px) { .menus .menu .menu-head .menu-logo h1 { width: 145px; height:  50px; } }
			@media screen and (min-width: 860px) and (max-width: 959px) { .menus .menu .menu-head .menu-logo h1 { width: 145px; height:  50px; } }
			@media screen and (min-width: 700px) and (max-width: 859px) { .menus .menu .menu-head .menu-logo h1 { width: 100px; height: 100px; } }
			@media screen and (min-width: 580px) and (max-width: 699px) { .menus .menu .menu-head .menu-logo h1 { width: 100px; height: 100px; } }
			@media screen and (min-width: 310px) and (max-width: 579px) { .menus .menu .menu-head .menu-logo h1 { width: 100px; height: 100px; } }
			
	

			/*	Body: Navigation menu	*/

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

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

				/* exception: mobile */ @media screen and (min-width:0px) and (max-width: 859px)
				{
					@media screen and (min-width: 700px) and (max-width: 859px) { .menu-placeholder { height: 50px; } }
					@media screen and (min-width: 580px) and (max-width: 699px) { .menu-placeholder { height: 50px; } }
					@media screen and (min-width: 310px) and (max-width: 579px) { .menu-placeholder { height: 50px; } }
				
					.menus                                																{ position: relative; width:100%; height: 100%;  }
					.menus .menu                          																{ width:100%; height: inherit; position: fixed; left: 0; top: 0; }
					.menus .menu .menu-head               																{ width: 100%; height: 50px;  background-color:#00457f; background-image: url(../../images/background/menu.jpg?v=4); background-repeat: no-repeat; background-size: contain; background-position: top center; }
					.menus .menu .menu-head .menu-toggle  																{
						display: block;
						position: fixed;
						z-index: 999;
						right: 0px;
						top: 0;
						width: 65px;
						height: 50px;
						background-color: #002d7200;
						background-image: url("../../images/icon/white/menu-2.svg");
						background-repeat: no-repeat;
						background-position: center center;
						background-size: 40px 40px;
					}
					html.menu-1 .menus .menu .menu-head .menu-toggle  													{
						background-image: url("../../images/icon/white/menu-close-2.svg");
					}
					
					.menus .menu .menu-head .menu-logo .owner-name														{
						display: block;
						position: relative;
						left: 50%;
						top: 0;
						width: 165px;
						height: 50px;
						margin-bottom: -50px;
						background-image: url("../../images/logo/metro-logo-blue-yellow.svg");
						background-repeat: no-repeat;
						background-position: center center;
						background-size: 145px 50px;
						transform:translateX(-50%);
						pointer-events: none;
					}
					.menus .menu .menu-head .menu-title    																{ display: block; position: fixed; left: 45px; top:0; width: calc(100% - 150px); height: 70px; margin: 0; padding:0 5px 0 10px; vertical-align: middle; text-align: left; color: white; font-family: Metro; font-weight: normal; font-size 1rem; line-height: 1.2rem; }
					.menus .menu .menu-head .menu-title    																{ display: none; }
					.menus .menu .menu-head .menu-title em 																{ display: block; position: relative; font-style: normal; top:50%; transform:translateY(-50%); }
					.menus .menu .menu-body 																			{ position: fixed; left: 0; top: 50px; width: 100%; height: inherit; overflow: hidden; }
					.menus .menu .menu-body .menu-levels                     	                      					{ height:100%; }
					.menus .menu .menu-body .menu-levels .menu-level-0       	                      					{
						height:100%;
						background-color: #ffdf5a;
						background-image: url("../../images/background/menu-decor.jpg?v=4");
						background-repeat: no-repeat;
						background-position: 0 0;
						background-size:cover;
						box-shadow: 0 0 15px 0 #000000AA;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul                          					{ 
						margin:0; padding: 0; 
						position: relative; display: block; 
						left: 60px;
						top: 20px; 
						font-family: Metro;
						font-size: 2.2rem;
						line-height: 2.5rem;
						text-align: left; 
						color: #000000;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li                       					{ list-style: none; color:inherit;  }
				/*	.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li.has-submenus:before   					{ display: block; position: relative; float: right; width: 25px; height: 25px; margin: 0 0 -25px 0; top: 10px; left: -200px; content:" "; background-image: url("../../images/icon/white/arrow-2-right.svg"); background-size:contain; pointer-events:none; z-index: 0;}*/
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li.has-submenus a em:after 				{
						display: inline-block;
						position: relative;
						width: 25px;
						height: 25px;
						margin: 0 0 -25px 0;
						top: -21px;
						left: 0px;
						content:" ";
						background-image: url("../../images/icon/black/arrow-2-right.svg");
						background-size:contain;
						pointer-events:none;
						z-index: 0;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li.has-submenus ul li a em:after 			{ display: none; }
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li a                     					{ display: inline-block; text-decoration: none; color:inherit; padding: 10px 0 10px 0; transform:translateX(0px,0px); transform-origin: left center; opacity: 1; transition:padding 0.3s ease, transform 0.3s ease, opacity 0.3s ease; position: relative; z-index: 1;}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1         					{
						display: block;
						position: fixed;
						left: 75px;
						top: 0px;
						width: calc(100% - 75px);
						height: calc(100% - 50px);
						background-color: #ffdf5a;
						box-shadow: 0 -5px 15px 0 #00000055;
						background-image: url("../../images/background/menu-decor.jpg?v=4");
						background-repeat: no-repeat;
						background-position: 0 0;
						background-size:cover;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1.hidden    				{ height:0px; overflow: hidden; }
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 h3		 				{
						font-family: Metro-ExtraBold;
						font-weight: normal; 
						font-size: 3rem;
						line-height:3.5rem;
						color:black;
						margin:25px 0 15px 35px;
						padding: 0 0 0 0;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 h3 em	 				{ font-style: normal; }
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 h3:before 				{
						display: block;
						position: relative;
						float:left;
						width: 30px;
						height: 30px;
						margin: 0 0 -30px 0;
						top: 4px;
						left: -30px;
						content:" ";
						background-image: url("../../images/icon/black/arrow-2-left.svg");
						background-size:contain;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 ul       				{
						display:block; 
						position: relative;
						font-family: Metro;
						font-size:2.0rem;
						line-height: 2.2rem;
						left:35px;
						color: black;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 ul li    				{ list-style: none; }
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 ul li a  				{ 
						display: block; 
						text-decoration: none; 
						color:inherit; 
						padding: 5px 0 5px 0;
						opacity: 1;
						filter:none!important;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 ul li a i							  			{ display: none; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul li a em							  			{ display:inline-block; width: inherit; font-style: normal; color: black!important; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul li a em .L						  			{ display:block; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul li a em .M						  			{ display:none; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul li a em .S						  			{ display:none; }
					

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

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

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

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

					/* animation */
					.menus .menu[data-level="0"]			.menu-body	.menu-levels .menu-level-0     	    	           	{ transition: background-color 0.9s ease; }
					.menus .menu[data-level="1"]			.menu-body	.menu-levels .menu-level-0     	    	           	{ background-color: #BFAB58; transition: background-color 0.9s ease; }
					.menus .menu[data-level="0"]			.menu-body	.menu-levels .menu-level-0 ul.l0 li .menu-level-1	{ visibility: hidden;  transform:translateX(  0%); opacity:1; transition:visibility 0s linear 0.25s, opacity 0.25s ease, transform 0.25s ease; }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li .menu-level-1	{ visibility: hidden;  transform:translateX(110%); opacity:1; transition:visibility 0s linear 0.5s, opacity 0.5s ease, transform 0.5s ease; }
					.menus .menu[data-level="1"]			.menu-body	.menu-levels .menu-level-0 ul.l0 li .menu-level-1	{ visibility: visible; transform:translateX(  0%); opacity:1; transition:visibility 0s linear 0.0s, transform 0.5s ease; }
					.menus .menu[data-level="1"]			.menu-body	.menu-levels .menu-level-0 ul.l0 li a				{ transform: translate(-40px,0); transform-origin: left center; opacity: 0.7; transition:padding 0.5s ease, transform 0.5s ease, opacity 0.5s ease; } 
					.menus .menu										.menu-levels										{ transform:translateX(110%); transition: transform 0.5s ease; }
					.menus .menu.expanded								.menu-levels										{ transform:translateX(0%); }
					.menus .menu[data-level="1"] .menu-body .menu-levels .menu-level-1 ul.l1 li a							{ transform:translate(0,0); /*transition:none;*/ } 
					.menus .menu          .menu-body .menu-levels .menu-level-0 ul.l0 li.has-submenus:before   				{ opacity: 0; transition: opacity 0.1s ease; }
					.menus .menu.expanded .menu-body .menu-levels .menu-level-0 ul.l0 li.has-submenus:before   				{ opacity: 1; transition: opacity 0.5s ease 0.5s; } 
					
					.menus .menu[data-level="0"]			.menu-body	.menu-levels .menu-level-0 ul.l0 li 				{ margin-left: 200px; transition: margin-left 0.5s ease, transform 0.3s ease; transform:scale(0.5,0.5); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(1) 	{ margin-left: 0px; transition: margin 0.3s ease 0.10s, transform 0.3s ease 0.20s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(2) 	{ margin-left: 0px; transition: margin 0.3s ease 0.12s, transform 0.3s ease 0.24s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(3) 	{ margin-left: 0px; transition: margin 0.3s ease 0.14s, transform 0.3s ease 0.28s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(4) 	{ margin-left: 0px; transition: margin 0.3s ease 0.16s, transform 0.3s ease 0.32s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(5) 	{ margin-left: 0px; transition: margin 0.3s ease 0.18s, transform 0.3s ease 0.36s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(6) 	{ margin-left: 0px; transition: margin 0.3s ease 0.20s, transform 0.3s ease 0.40s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(7) 	{ margin-left: 0px; transition: margin 0.3s ease 0.22s, transform 0.3s ease 0.44s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(8) 	{ margin-left: 0px; transition: margin 0.3s ease 0.24s, transform 0.3s ease 0.48s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(9) 	{ margin-left: 0px; transition: margin 0.3s ease 0.26s, transform 0.3s ease 0.52s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(10) 	{ margin-left: 0px; transition: margin 0.3s ease 0.28s, transform 0.3s ease 0.56s; transform:scale(1,1); }
					.menus .menu[data-level="0"].expanded	.menu-body	.menu-levels .menu-level-0 ul.l0 li:nth-child(11) 	{ margin-left: 0px; transition: margin 0.3s ease 0.30s, transform 0.3s ease 0.60s; transform:scale(1,1); }
					
					/* states */
					.menus .menu          			 																			{ max-height: 0px; }
					.menus .menu.expanded 			 																			{ max-height: 10000px; }
					.menus .menu          .menu-body 																			{ max-height: 0px; transition: max-height 1s ease; }
					.menus .menu.expanded .menu-body 																			{ max-height: 10000px; }

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

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

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

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

				}
				
				
				
				
				
				
				
				
				/* exception: desktop */ @media screen and (min-width:860px) {
					.menus																								{
						position: fixed;
						top:0; left:0;
						width: 100%;
						height:auto;
						text-align: center;
						z-index: 1;
					}
					.menus:before																						{ position: absolute; display: block; background-color:#012E72; width: 100%; height: 100%; content:" "; z-index: 2; }
					.menus:after																						{ display: block; content:" "; position: relative; width: 100%; height: 60px; margin: 0 0 -60px 0; top: 37px; background-image: url("../../images/menu/shadow.png?v=4"); background-size: 100% 100%; opacity: 0.33; mix-blend-mode: multiply; }	
					.menus .menu 																						{
						display:inline-block;
						position: relative;
						z-index:3;
						text-align: left;
						margin: 0; padding: 0;
						font-size: 0; line-height: 0;
						vertical-align: top;
					}
					.menus .menu .menu-head 																			{ display: block;  vertical-align: top; }
					.menus .menu .menu-head .menu-title																	{ display: none; }
					.menus .menu .menu-body 																			{
						display:block;
						position: absolute;
						left: 0;
						top: 0;
						width: calc(100% - 180px);
						padding-left: 180px;
						vertical-align: top;
						text-align: left;
					}
					.menus .menu .menu-body:before {
						content:" ";
						position: fixed;
						left: 0;
						width: 100%;
						height: 50px;
						z-index: -100000;
						background-color: #002d72;
						background-color: #00457f;
						background-image: url("../../images/background/menu.jpg?v=4");
						background-repeat: no-repeat;
						background-size: contain;
						background-position: top center;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 > ul > li .menu-level-1 ul li a {
						padding: 2px 0 2px 0;
					}
					
					
					.menus .menu .menu-body .menu-levels 																{ display: inline-block;  }
					.menus .menu .menu-body em 																			{ font-style: normal; }

					/*	Level 0 */
					.menus .menu .menu-body .menu-levels .menu-level-0 													{ position: relative; z-index: 2; top: 0; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu 									{ display: block; color: white; font-family: Metro; font-weight: normal; font-size: 1.6rem; line-height: 1.8rem; text-align: left; margin: 0 0 -12px 0; padding: 12px 0 0 0; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li 								{
						/*
						display: inline-block;
						font-size: inherit;
						*/
						display: inline-block;
						position: relative;
						vertical-align: top;
						list-style: none;
						font-size: inherit;
						line-height: auto;
						letter-spacing: 1px;
						text-transform: uppercase;
						color: #FFFFFF;
						margin: 0;
						user-select: none;
					}
					/* yellow stripe under current menu */
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li.current:after					{
						display: block;
						position: relative;
						content:" ";
						background-color: #012E72;
						background-color: #f7ec40;
						width: calc(100% - 0px);
						height: 8px;
						margin-bottom: -8px;
						left: 0px;
						top: 9px;
						display: none;
					}
					/* yellow stripe under current menu (when has submenus) */
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li.current.has-submenus:after	{
						top: -19px;
					}
					
					/* menu item separator dash */
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu > li:before						{
						display: block;
						position: relative;
						width: 32px;
						height: 20px;
						left: -8px;
						top: 4px;
						margin-bottom:-20px; 
						content:" ";
						text-align: center;
						/*
						border-left:1px solid #00000055;
						border-left: 1px solid rgba(247,236,64,0.75);
						*/
						position: relative;
						overflow: hidden;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu > .menu-level-1 > li:before {
						top: 12px;
					}
					
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li:first-child:before 			{ border:none; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li a 							{
						display: block;
						position: relative;
						text-decoration: none;
						color: inherit;
						cursor:pointer!important;
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li:hover a						{
					}
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[shared_link="user"]           { float:right; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li:last-child:before 			{}
					

					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li.current a 					{ font-family: Metro; font-weight: bold; color: #f7ec40; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a 			{ line-height: 24px; margin-top:0px; padding: 0px 0px 3px 0px; border-radius: 4px; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="1"] a 			{ line-height: 24px; margin-top:0px; padding: 0px 0px 23px 0px; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li:hover > a 					{ /*text-shadow: 0 0 1px #000000FF, 0 0 2px #000000AA;*/ }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li.current:hover a 				{ text-shadow: none!important; }
					
					/* length of copies */
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li a em .L { display: none; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li a em .M { display: none; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li a em .S { display: block; }
					

					/*	Level 1 */

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

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

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

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



					/*	Animation	*/
					.menus																								{ top: 0; transition:top 0.5s ease 0.5s; }
					.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li:hover 						{ top: 0; transition:all 0.3s ease; }
					.css.gallery-fullscreen .menus 																		{ top:-80px; transition:top 0.5s ease 0.0s; }
					
					/*	ALTER CONTENT VISILIBITY	*/
					/* exception: desktop */ @media screen and (min-width:860px) and (max-width:9999px) { div[data-desktop="0"] { display: none!important; } }
					/* exception: mobile */  @media screen and (min-width:  0px) and (max-width: 859px) { div[data-mobile="0" ] { display: none!important; } }
					
					.menu-placeholder { height: 50px; }
					
					
					@media screen and (min-width: 860px) and (max-width: 959px) {
					
						.menus .menu .menu-body {
							width: calc(100% - 100px);
							padding-left: 100px;
						}
						.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu {
							font-size: 1.2rem;
							line-height: 1.6rem;
							margin: 0 -40px -12px 0;
							padding: 12px 0 0 0;
						}
						.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li {
							letter-spacing: 1px;
							margin: 0 5px 0 5px;
						}
						.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li:before {
							width: 10px;
							height: 20px;
							left: -10px;
							margin-bottom: -20px;
						}
						.menus .menu .menu-body .menu-levels .menu-level-0 ul.primary-menu li[data-submenus="0"] a {
							padding: 0px 5px 3px 5px;
						}
					}
					
					/*  Hack */
					
					.menus .menu .menu-head { outline: 0px dashed red; }
					.menus .menu .menu-body { outline: 0px dashed blue; }
					.menus .menu .menu-body .menu-levels[data-behavior="one-row"] { outline: 0px dashed blue; }
					.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] { outline: 0px dashed red; width:100%; text-align: left; }
					.menus .menu .menu-head {  }
					
				}
	
			.main-menu-wrapper {
				position: fixed;
				left: 0; top: 0;
				width: 100%;
				vertical-align: top;
			}
			.main-menu-wrapper
				.mm-background {
					background-color: white;
					width: 100%;
					height: 64px;
					position: relative;
					margin-bottom: -64px;
					box-shadow: 0 5px 25px 0 #00000033;
				}
			
			
			/*						*/
			/*	Menu types:         */
			/*	------------------  */
			/*	1: text only        */
			/*	2: icon only        */
			/*	3: icon + text      */
			/*						*/
			
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li[data-menu_type="1"]                   { margin-right:10px; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li[data-menu_type="1"].has-icon > a > i  { display: none; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li[data-menu_type="1"].has-icon > a > em { display: block; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li[data-menu_type="2"].has-icon > a > i  { display: block; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li[data-menu_type="2"].has-icon > a > em { display: none; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li[data-menu_type="3"].has-icon > a > i  { display: block; }
			.menus .menu .menu-body .menu-levels[data-behavior="multiple-rows"] ul.primary-menu > li[data-menu_type="3"].has-icon > a > em { display: block; }

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

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

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

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

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







		
			
			
			
			
			
			
			



			
			
			
			
		/* 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-family: Metro;
				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-family:Metro-ExtraBold; 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-family: Metro;
				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-blue-yellow.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% + 20px);
			}
			.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% - 20px);
				margin: 0 20px 20px 0;
				padding: 0px;
				will-change: transform; 
			}
			.coupons-wrapper .coupon[data-coupons_left="0"],
			.coupons-wrapper[data-coupon_downloaded="1"] ul.coupons li.coupon:not(.downloaded) {
				filter:grayscale(0.95) contrast(0.5) blur(0.8px);
				-webkit-filter:grayscale(0.9) contrast(0.5) blur(0.8px);
				transition: all 0.5s ease;
			}
			.coupons-wrapper .coupon:not([data-coupons_left="0"]):hover,
			.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;
				color: #333333;
			}
			.coupons-wrapper ul.coupons li.coupon .co-body p { color: inherit; }
			.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: left;
					overflow: hidden;
				}
				.coupons-wrapper ul.coupons li.coupon .co-flag:before {
					display: block;
					position: relative;
					font-family: Metro;
					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: AMOUNT */
			
				.coupons-wrapper ul.coupons li.coupon .co-amount {
					position: relative;
					z-index: 999;
					width: 40px;
					height: 40px;
					margin: 0 0 -40px 0;
					top: -8px;
					left: 8px;
					float: right;
					overflow: hidden;
				}
				.coupons-wrapper ul.coupons li.coupon .co-amount em {
					display: block;
					position: relative;
					font-family: Metro;
					font-weight: bold;
					font-size: 1.8rem;
					line-height: 30px;
					text-align: center;
					background-color: #BF0000;
					color: white;
					width: 30px;
					height: 30px;
					border-radius: 30px;
					border:5px solid white;
					font-style: normal;
				}
				.coupon[data-coupons_left="0"] .co-amount { display: none; }
				
				
			
			/* 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;
					border-radius: 10px;
					box-shadow: inset 0 0 0 5px white;
				}
				.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: calc(100% - 10px);
					height: calc(100% - 10px);
					left: 5px; top: 5px; 
					background-color: rgba(0,0,0,0.25);
					transition: background-color 0.6s ease;
					border-radius: 5px;
				}
				.coupons-wrapper ul.coupons li.coupon:hover .co-head:before {
					background-color: rgba(0,0,0,0.05);
				}
				.coupons-wrapper ul.coupons li.coupon .co-head .co-name {
					display: block;
					position: relative;
					font-family: Metro-ExtraBold;
					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-address {
					width: calc(100% - 0px);
					padding: 0 0px 0 0px;
					height: 33px;
					text-align: left;
					/*overflow: hidden;*/
					font-size: 1.5rem;
					line-height: 1.23;
				}
				.coupons-wrapper ul.coupons li.coupon .co-body .co-address .keep-together { white-space: nowrap; }
				.coupons-wrapper ul.coupons li.coupon .co-body .co-address .zip-code        {}
				.coupons-wrapper ul.coupons li.coupon .co-body .co-address .city-name       { font-weight: bold; }
				.coupons-wrapper ul.coupons li.coupon .co-body .co-address .public-place    {}
				.coupons-wrapper ul.coupons li.coupon .co-body .co-address .building-number {}
				
				.coupons-wrapper ul.coupons li.coupon .co-body .co-address .zip-code:after        { content:" "; }
				.coupons-wrapper ul.coupons li.coupon .co-body .co-address .city-name:after       { content:", "; }
				.coupons-wrapper ul.coupons li.coupon .co-body .co-address .public-place:after    { content:" "; }
				.coupons-wrapper ul.coupons li.coupon .co-body .co-address .building-number:after {}
				
				.coupons-wrapper ul.coupons li.coupon .co-body .co-descr {
					width: calc(100% - 20px);
					padding: 0 10px 0 10px;
					height: 55px;
					text-align: justify;
					overflow: hidden;
					font-size: 1.15rem;
					line-height: 1.23;
					word-break: normal;
					-webkit-hyphens: auto;
					-ms-hyphens: auto;
					hyphens: auto;
					hyphenate-limit-chars: 6 6 8;
				}
				

				.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-family: Metro;
					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.3s 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[data-coupons_left="0"] .co-cta a.co-download-button:before { content:"Elfogyott!"; }
				.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:"Ezt választom!"; }
				.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!"; }


			.no-records {
				font-size: 18px;
				line-height: 1.2;
				text-align: center;
			}
			.no-records i {
				display: inline-block;
				position: relative;
				width: 20px;
				height: 20px;
				margin: 0 5px 0 0;
				color:white;
				font-size: 15px;
				line-height: 20px;
				text-align: center;
			}
			.no-records i:before { content:"\e900"; }
			.no-records em {
				font-style: normal;
				color: white;
				display: inline-block;
				position: relative;
			}
			.no-records em:before { content:"A keresési/szűrési feltételek alapján nem találtunk elfogadóhelyet."; }
			

			@media screen and (min-width:1440px)                        { }
			@media screen and (min-width:1240px) and (max-width:1439px) { }
			@media screen and (min-width:1040px) and (max-width:1239px) { }
			@media screen and (min-width: 960px) and (max-width:1039px) { }
			@media screen and (min-width: 860px) and (max-width: 959px) { }
			@media screen and (min-width: 700px) and (max-width: 859px) { .coupons-wrapper ul.coupons li.coupon { width: calc(33% - 20px); } }
			@media screen and (min-width: 580px) and (max-width: 699px) { .coupons-wrapper ul.coupons li.coupon { width: calc(50% - 20px); } }
			@media screen and (min-width: 310px) and (max-width: 579px) { .coupons-wrapper ul.coupons li.coupon { width: calc(100% - 20px); } }
			@media screen and (min-width:   0px) and (max-width: 309px) { .coupons-wrapper ul.coupons li.coupon { width: calc(100% - 20px); } }

			
			



			
			/* Operational regulations */
			
			
			.regulations {}
			.regulations ol {
				
			}
			.regulations ol li {
				list-style:decimal;
			}
			.regulations ol li h4 {
				font-family: Metro;
				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;
				width: 300px;
				height: auto;
				padding: 15px 30px 25px 30px;
				border-radius: 12px;
				background-color: #FFE502;
				border: 5px solid white;
				box-shadow: 0 5px 55px 0 rgba(0,0,0,0.35);
				
			}
			.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-family: Metro;
				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 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."; }

			.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: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="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="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="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="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="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="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="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."; }
			
			.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;
			}



		/* states and animation */
		
		html[data-av="1"] .user-details { visibility:visible; pointer-events:all;  transform:translate(  0%); transition: visibility 0s ease 0.00s, transform 0.50s ease; }
		html[data-av="0"] .user-details { visibility:hidden;  pointer-events:none; transform:translate(105%); transition: visibility 0s ease 0.50s, transform 0.25s ease; }
		
		html[data-pc="0"] .page-cover { display: none; }
		html[data-pc="1"] .page-cover { display: block;}
		

	/*	navigator 	*/
	
		.navigator {
			display: block;
			position: relative;
			z-index: 9999;
			width: 100%;
			text-align: left;
			margin: 0 0 15px 0;
		}
		
			/* filter and search */

			.filters-wrapper {
				position: relative;
				margin-bottom: -30px;
				margin-bottom: 0;
			}
			.filters {
				display: block;
				text-align: right;
			}
			.filters .custom-text-search {
				display: inline-block;
				position: relative;
				white-space: nowrap;
				width: 480px;
				height: 50px;
				margin: 0 0 -50px 0;
				top:-45px;
			}
			
			.filters input[type="submit"] { display: none; }
			
			.filters .cts-input {
				width: 300px;
				display: inline-block;
			}
			.filters .cts-input input[name="sea"] {
				display: block;
				width: calc(100% - 30px);
				text-align: left;
				border:none;
				font-family: Metro;
				font-size: 2rem;
				line-height: 1;
				outline: none;
				background-color: white;
				color: #0064fe;
				padding: 5px 15px 5px 15px;
				height: 30px;
				border-radius: 4px;
			}
			.filters .cts-input a.clear-search {
				display:block;
				position:relative;
				float:right;
				width:20px; height:20px;
				margin:0 0 -20px 0;
				top:-29px;
				left:-5px;
				opacity:0.2;
			}
			.filters .cts-input a.clear-search:hover { opacity:1; }
			.filters .cts-input a.clear-search i {
				display:block;
				width:100%; height:100%;
				font-style:normal;
				text-align:center;
				line-height:20px;
				border-radius:20px;
				background-color:#0064fe;
				color:white;
				cursor:pointer;
				user-select:none;
			}
			.filters .cts-input a.clear-search i:before { content:"\e941"; }
			
			.filters a.cts-button {
				display: inline-block;
				vertical-align: top;
				text-decoration: none;
				font-family: Metro;
				font-size: 1.5rem;
				line-height: 40px;
				outline: none;
				background-color: #0064fe;
				color: white;
				padding: 0 25px 0 25px;
				margin: 0 0 0 5px;
				border-radius: 4px;
			}
			
			.filters a.cts-button i { font-style: normal; }
			.filters a.cts-button em {font-style: normal; }
			.filters a.cts-button em:before { content:"Keresés"; }
			
			/* filter scope */
			
			.custom-text-scope {	
				position: relative;
				top:-20px;
				color:white;
				font-size: 16px;
				line-height: 20px;
			}
			.custom-text-scope:before { display: inline-block; content:"Keresés"; font-weight: bold; }
			.custom-text-scope label.cts-label                               { display: inline-block; margin-left: 10px; }
			.custom-text-scope label.cts-label input[type="checkbox"]        { position: absolute; opacity: 0.0; transform:translateX(-100%); }
			.custom-text-scope label.cts-label input ~ i                     { display:block; position: relative; width:20px; height: 20px; margin: 0 0 -20px 0; top: 0px; box-shadow: inset 0 0 0 2px white; border-radius: 3px; background-image: url("../../images/form/form-checked.white.png"); background-position: center center; background-size: 0 0; background-repeat: no-repeat; transition:all .3s ease; }
			.custom-text-scope label.cts-label input ~ em                    { display: block; position: relative; margin: 0 0 0 25px; font-style: normal; }
			.custom-text-scope label.cts-label input[name="sin"] ~ em:before { content:"névben"; }
			.custom-text-scope label.cts-label input[name="sic"] ~ em:before { content:"címben"; }
			.custom-text-scope label.cts-label input[name="sid"] ~ em:before { content:"leírásban"; }
			.custom-text-scope label.cts-label input         ~ i             { }
			.custom-text-scope label.cts-label input:checked ~ i             { background-color: #0064fe; background-size: 12px 12px; }
			
			

		

			/* rows per page */

				.navigator .rows-per-page {
					display: inline-block;
					float: right;
					position: relative;
					z-index: 10100;
					/*
					display: block;
					position: fixed;
					top:0px;
					right: 0;
					*/
				}
				.navigator .rows-per-page .actual {
					width: 250px;
					text-align: right;
					vertical-align: top;
				}
				.navigator .rows-per-page .actual label:after { content:"kupon/oldal"; }
				.navigator .rows-per-page .actual i {
					position: relative;
					float: left;
					z-index: 99;
					width: 150px;
					height: 30px;
					margin-bottom: -30px;
					left: -5px;
					top: 10px;
					pointer-events: none;
				}
				.navigator .rows-per-page .actual i:before { content:"\eba2"; }
				.navigator .rows-per-page .actual input {
					display: inline-block;
					position: relative;
					border: 1px solid #CCC;
					border-radius: 4px;
					width: 30px;
					padding: 7px 20px 7px 5px;
					text-align: right;
					cursor: context-menu;
				}
				.navigator .rows-per-page .actual input:focus {
					z-index: 999;
				}
				.navigator .rows-per-page .actual .suffix {
					display: inline-block;
					vertical-align: top;
					position: relative;
					width: 100px;
					height: 30px;
					margin-bottom: -30px;
					font-size: 1.5rem;
					line-height: 30px;
					text-align: left;
					text-indent: 5px;
					white-space: nowrap;
					color: white;
				}
				
				/*	chooser popup */
				
					.navigator .selector {
						position: relative;
					}
				
					.navigator .rows-per-page ul.items {
						display: block;
						position: absolute;
						width: 200px;
						height: auto;
						margin: -45px 0 0 8px;
						padding: 15px 5px 7px 15px;
						font-size: 0; 
						line-height: 0;
						transform:translate(0%,-100%);
						border-radius: 8px;
						background-color: #FFFFFF;
						border:1px solid #333333;
						box-shadow: 0 0px 15px 0 rgba(29,58,80,0.50);
						user-select: none;
					}
					.navigator .rows-per-page ul.items:after, .navigator .rows-per-page ul.items:before {
						top: 100%; left: 50%;
						border: solid transparent;
						content: " ";
						height: 0;
						width: 0;
						position: absolute;
						pointer-events: none;
					}
					.navigator .rows-per-page ul.items:after {
						border-color: rgba(255, 255, 255, 0);
						border-top-color: #FFFFFF;
						border-width: 10px;
						margin-left: -10px;
					}
					.navigator .rows-per-page ul.items:before {
						border-color: rgba(255, 255, 255, 0);
						border-top-color: #333333;
						border-width: 11px;
						margin-left: -11px;
					}
					.navigator .rows-per-page ul.items li.item {
						list-style: none;
						display: inline-block;
						width: 40px;
						height: 40px;
						text-align: center;
						font-size: 1.5rem;
						line-height: 40px;
						color:#00457F;
						border: 1px solid #0064FE;
						border-radius: 3px;
						margin: 0 8px 8px 0;
						padding: 0;
					}
					.navigator .rows-per-page ul.items li.item:hover {	
						box-shadow: 0 0 0 2px #0064FE;
					}
					.navigator .page-cover {
						position: fixed;
						z-index: 10000;
						left: -500px; top: 0;
						width: calc(100% + 1000px);
						height: 100%;
						background-color: rgba(111,111,111,0.70);
					}
					/*
					html                           .rows-per-page .selector { display: none; }
					html[data-pop="rows-per-page"] .rows-per-page .selector { display: block; }
					*/
					
					.navigator                           .selector { display: none; }
					.navigator[data-chooser_visible="1"] .selector { display: block; }

					.navigator                           .page-cover { display: none; }
					.navigator[data-chooser_visible="1"] .page-cover { display: block; }



			/* pages chooser */

				.navigator .pages {
					position: relative;
					display: inline-block;
				}
				.navigator .pages:before {
					content:"Oldalak:";
					font-size: 1.5rem;
					line-height: 30px;
					margin-right: 10px;
					color: white;
				}
				.navigator .pages a {
					text-decoration: none;
					color: inherit;
					display: inline-block;
					width: 30px;
					height: 30px;
					margin: 0 5px 0 0; padding: 0;
					border-radius: 5px;
					background-color: white;
					border: 1px solid #CCC;
				}
				.navigator .pages .page-gap {
					display: inline-block;
					width: auto;
					margin: 0 2px 0 0px;
					text-align: center;
					font-size: 13px;
					line-height: 30px;
					letter-spacing: 2px;
					color: white;
				}
				.navigator .pages .page-buttons {
					display: inline-block;
				}
				.navigator .pages a.navi-button i,
				.navigator .pages a.page-button em {
					display: block;
					width: inherit;
					height: 30px;
					font-size: 13px;
					line-height: 30px;
					font-style: normal;
					text-align: center;
				}
				.navigator .pages a.page-button em {
					line-height: 30px; 
					font-style: normal;
					color: inherit;
				}
				.navigator .pages a.page-button em:before { line-height: inherit; }
				.navigator .pages a.page-button {
					color: black;
				}
				.navigator .pages a.page-button.current {
					background-color: #0376E5;
					color: #FFFFFF;
					font-weight:bold;
					pointer-events: none;
				}
				.navigator .pages a.disabled {
					pointer-events: none;
					opacity: 0.25;
				}
				/*.navigator .pages[data-page_last="1"] a { display: none; }*/
				
				.navigator .pages a.navi-button i {
				}
				.navigator .pages a.navi-button[data-label="first"] i:before { content:"\ea8f"; }
				.navigator .pages a.navi-button[data-label="prev" ] i:before { content:"\eaac"; }
				.navigator .pages a.navi-button[data-label="next" ] i:before { content:"\eaa8"; }
				.navigator .pages a.navi-button[data-label="last" ] i:before { content:"\ea90"; }
				
				.navigator .pages[data-visible="0"] { display: none; }
				
				/* states */
				
				#coupons[data-page_has_navigator="0"] .navigator { display: none; }

				/* responsives */
				
				@media screen and (min-width:1440px)                        { }
				@media screen and (min-width:1240px) and (max-width:1439px) { }
				@media screen and (min-width:1040px) and (max-width:1239px) { }
				@media screen and (min-width: 960px) and (max-width:1039px) { .navigator .pages { text-align: center; display:block; } .navigator .rows-per-page { margin-top: 25px; } }
				@media screen and (min-width: 860px) and (max-width: 959px) { .navigator .pages { text-align: center; display:block; } .navigator .rows-per-page { margin-top: 25px; } }
				@media screen and (min-width: 700px) and (max-width: 859px) { .navigator .pages { text-align: center; display:block; } .navigator .rows-per-page { margin-top: 25px; } .navigator .pages:before { content:""; display: none; } }
				@media screen and (min-width: 580px) and (max-width: 699px) { .navigator .pages { text-align: center; display:block; } .navigator .rows-per-page { margin-top: 25px; } .navigator .pages:before { content:""; display: none; } }
				@media screen and (min-width: 310px) and (max-width: 579px) { .navigator .pages { text-align: center; display:block; } .navigator .rows-per-page { margin-top: 25px; } .navigator .pages:before { content:""; display: none; } .navigator .pages a { width: 18px; margin: 0 2px 0 0; } }
				@media screen and (min-width:   0px) and (max-width: 309px) { .navigator .pages { text-align: center; display:block; } .navigator .rows-per-page { margin-top: 25px; } .navigator .pages:before { content:""; display: none; } .navigator .pages a { width: 15px; margin: 0 2px 0 0; } }

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

				@media screen and (min-width:   0px) and (max-width: 859px) {
					.filters .cts-input { width: calc(100% - 120px); }
					.filters-wrapper { margin-bottom: 0px; }
					.filters { text-align: center; margin-bottom: 10px; }
					.filters .custom-text-search { top:0; margin-bottom: 0; }
					.custom-text-scope { top:0px; margin-bottom: 25px; }
				}
				@media screen and (min-width:   0px) and (max-width: 699px) {
					.navigator .pages a.page-button { display: none; }
					.navigator .pages .page-gap { display: none; }
					.navigator .pages a { width: 100px; height: 35px; line-height: 35px; }
					.navigator .pages a i { line-height: 30px; }
					.navigator .pages a.navi-button em { color: white; font-style: normal;  font-size: 15px; padding: 10px 0 0 0; }
					.navigator .pages a.navi-button:first-child em:before { content:"Előző"; }
					.navigator .pages a.navi-button:last-child em:before { content:"Következő"; }
					.navigator .rows-per-page { display: block; float: none; }
					.custom-text-scope { top:0px; margin-bottom: 25px; }
				}


	

	/*	spacer 	*/
	
		.row-spacer {
			display: inline-block;
			position: relative;
			padding: 0; font-size: 0; line-height: 0;
			margin: 0 9px 0 0;
			width: 10px;
			height: 48px;
			top: 8px;
		}
	/*	separator 	*/
	
		.row-separator {
			display: inline-block;
			position: relative;
			padding: 0; font-size: 0; line-height: 0;
			margin: 0 9px 0 0;
			width: 10px;
			height: 48px;
			top: 8px;
			border-right: 1px solid #BBBBBB;
			/*outline: 0px dotted #BF000022;*/
		}
		
	/* progress */

	.pane .main .app.progress .body {
		background-image:url("../../images/form/progress-1.gif");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 32px 32px;
	}
	
	
	/* hero banner */
	
	.hero-banner {
		position: relative;
		box-shadow: 0 5px 30px 0 rgba(0,0,0,1);
	}
	.hero-banner figure {
		margin: 0; padding: 0;
	}
	.hero-banner .background {
		position: relative;
		width: 100%;
		height: 100%;
		background-color: #F8F1E4;
	}
	.hero-banner .background .hero-image {
		position: absolute;
		left: 0; top: 0; right: 0; bottom: 0;
	}
	.hero-banner .background .hero-image .hi-people {
		position: relative;
		display: block;
		float: left;
		width: 60%;
		height: 100%;
		background-image: url("../../images/background/hero-image.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
	}
	.hero-banner .background .hero-image .hi-pattern {
		position: relative;
		display: block;
		float: right;
		width: 40%;
		height: 100%;
		background-image: url("../../images/background/mosaic.jpg");
		background-size: 860px 1200px;
		background-repeat: repeat;
		background-position: top center;
	}
	.hero-banner figcaption {
		display: block;
		position: relative;
		z-index: 1;
		margin: 0; 
		padding: 0 0 25px 0;
		width: 40%;
		height: 100%;
		transform: translateX(150%);
		border-radius: 4px;
		opacity: 0.9;
	}
	.hero-banner .outer-margin {
		position: relative;
		margin: 25px;
		top: 25px;
	}
	.hero-banner figcaption .background {
		background-color: #F8F1E4;
		position: relative;
		width: calc(100% - 50px);
		height: calc(100% - 50px);
		padding: 25px 50px 25px 25px;
		left: -25px;
	}
	.css.skn-2 figcaption.hero-copy h2.main-title {
		font-family: LumberjackRough;
		font-size: 4.2rem;
		line-height: 1.05;
		color: #033551;
		margin: 0 0 15px 0;
	}
	.css.skn-2 figcaption.hero-copy p {
		font-family: Lumberjack;
		font-size: 1.5rem;
		line-height: 1.2;
		color: #033551;
	}
	.css.skn-2 figcaption.hero-copy p .important {
		display: inline-block;
		color: white!important;
		letter-spacing: 0.1px;
		margin-right: 3px;
		padding-left: 3px;
		padding-right: 3px;
		background-color: #9C122F;
	}
	.css.skn-2 figcaption.hero-copy p .important:before { content:" "; }
	
	.obd-logo {
		display: block;
		position: relative;
		width: 100%;
		height: 55px;
		left: 20px;
		background-image: url("../../images/background/obd-logo.svg");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top right;
	}

	@media screen and (min-width:1440px)                        {}
	@media screen and (min-width:1240px) and (max-width:1439px) {}
	@media screen and (min-width:1040px) and (max-width:1239px) {.hero-banner .background .hero-image .hi-people { width:  50%;               } .hero-banner .background {             } .hero-banner .background .hero-image .hi-pattern { width:  50%;              } .hero-banner figcaption { width:  50%; transform: translateX(100%);                    } }
	@media screen and (min-width: 960px) and (max-width:1039px) {.hero-banner .background .hero-image .hi-people { width:  50%;               } .hero-banner .background {             } .hero-banner .background .hero-image .hi-pattern { width:  50%;              } .hero-banner figcaption { width:  50%; transform: translateX(100%);                    } }
 	@media screen and (min-width: 860px) and (max-width: 959px) {.hero-banner .background .hero-image .hi-people { width:  50%;               } .hero-banner .background {             } .hero-banner .background .hero-image .hi-pattern { width:  50%;              } .hero-banner figcaption { width:  50%; transform: translateX(100%);                    } }
 	@media screen and (min-width:   0px) and (max-width: 859px) {
 		.hero-banner .background .hero-image .hi-people  { width: 100%; height:500px; }
 		.hero-banner .background                         { width: 100%; }
 		.hero-banner .background .hero-image .hi-pattern { width: 100%; height:50px; }
 		.hero-banner figcaption                          { width: 100%; transform: translateX(  0%); padding-top:500px; }
 		.filters-wrapper                                 { margin-bottom:0; }
 		.filters .custom-text-search                     { width:100%; margin:0; top:0; display:block; text-align:center; }
 		.filters .cts-input                              { }
 	}



/* BROWSER HACKS */

	 .mirror {
		 
	 }
	.menus .menu .menu-head .menu-toggle { display: none!important; }



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