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

* {  box-sizing: border-box; }
*::before, *::after {  box-sizing: border-box; }

body
{
	background-color: #FFF;
	color: #000;
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

.dontMove { overflow: hidden; }

p
{
	line-height: 1.4em;
	margin: 0 0 25px;
}

img
{
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	width: auto;
}

strong, b
{
	font-weight: 700;
}

a, a:visited, a:active
{
	color: #000;
	opacity: 1;
	text-decoration: underline;
}
	a:hover { text-decoration: underline; }

h1, h2, h3, h4
{
	font-weight: 400;
	line-height: 1.2em;
	margin: 0 0 25px;
}

input
{
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
}
	input[type="checkbox"],
	input[type="radio"]
	{
		display: none;
	}

	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus input:-webkit-autofill
	{
		background-color: #F0F0F0 !important;
		border: 1px solid #CCC !important;
		-webkit-text-fill-color: #000;
		-webkit-box-shadow: 0 0 0px 1000px #F0F0F0 inset !important;
	}

.makeItClear { clear: both; }

.ease
{
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.flexBox
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
	/* FLEX BOX PROPERTIES - ALL BROWSER */
	.flex-spaceBetween
	{
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.flex-alignCenter
	{
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.flex-alignEnd
	{
		-webkit-box-align: end;
		-moz-box-align: end;
		-ms-flex-align: end;
		-webkit-align-items: flex-end;
		align-items: flex-end;
	}
	.flex-alignStart
	{
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	.flex-justifyCenter
	{
		-webkit-justify-content: center;
		justify-content: center;
	}

	.flex-justifyStart
	{
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	.flex-justifyEnd
	{
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	.flex-dirCol
	{
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.flex-equalWidth
	{
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.flex-wrap 
	{
		flex-wrap: wrap;
	}
	
	/* FLEX BOX */

.fullSize
{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 20;
}

#container, .centerPart
{
	position: relative;
	width: 100%;
}
#container,
#content
{
	overflow: hidden;
}

/*#mainPart { background-color: #FFF; }
body.home #mainPart { margin-top: 40px; }*/

.centerPart
{
	margin: 0 auto;
	max-width: 940px;
	padding: 0 20px;
}


.couponCenterPart {
	max-width: 1140px;
}

.centerPart-small
{
	margin: 0 auto;
	max-width: 600px;
	padding: 0 20px;
}
	#openBlock .centerPart-small { max-width: 760px; }

.centerPart-large { max-width: 1140px }

.textAlignCenter { text-align: center; }
.textAlignRight { text-align: right; }

.bg-white { background-color: #FFF; }
.bg-pink { background-color: #EAC3DB; }
.bg-blue { background-color: #B3E2EE; }
.bg-purple { background-color: #353190; }
.bg-color-main { background-color: #E65EC5; }
.bg-color-main-dark { background-color: #92327D; }
.bg-black { background-color: #000; }

.bg-gradient-main
{
	background: #FFA6DE;
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #FFA6DE 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#FFA6DE 100%);
	background: radial-gradient(ellipse at center, #ffffff 0%,#FFA6DE 100%);
}
.bg-gradient-simple
{
	background: #ffe5f1;
	background: -moz-radial-gradient(center, ellipse cover, #ffe5f1 0%, #eac3db 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #ffe5f1 0%,#eac3db 100%);
	background: radial-gradient(ellipse at center, #ffe5f1 0%,#eac3db 100%);
}

.alignCenter { text-align: center; }
.alignRight { text-align: right; }

.color-main { color: #E65EC5; }
.color-white, .color-white a { color: #FFF; }
.color-black { color: #000; }
.color-purple { color: #E65EC5; }

.show-on-desktop { display: block; }
.show-on-mobil, .header-menu ul li.show-on-mobil { display: none; }

.textUppercase { text-transform: uppercase; }

.margin-top-30 { margin-top: 30px; }

.margin-bottom-0 { margin-bottom: 0; }
.margin-bottom-30 { margin-bottom: 30px; }

.text-bigger
{
	font-size: 20px;
	line-height: 1.5em;
}
	.welcome-text p.text-bigger
	{
		line-height: 1.4em;
		margin: 40px 0 0;
	}
.text-smaller
{
	color: #4F4F4F;
	font-size: 16px;
	line-height: 1.2em;
}

header
{
	max-height: 40px;
	overflow: hidden;
	padding: 16px 0;
}
	header .centerPart
	{
		align-items: center;
		justify-content: space-between;
		max-width: 1440px;
	}
		.header-logos
		{
			position: relative;
		}
			.header-logo
			{
				display: inline-block;
				margin: 0 15px 0 0;
				position: relative;
				vertical-align: middle;
			}
				.header-logo-joy { width: 110px; }
				.header-logo-answer { width: 70px; }
				.header-logo-media { width: 100px; }
				.header-logo-220volt { display: inline-block; width: 70px; height: 30px; }
				.header-logo-220volt img { display: inline-block; object-fit: contain; max-height: 100%; }
				.header-logo-master 
				{ 
					padding: 0 5px;
					width: 50px; 
				}
					.header-logo-master::before
					{
						background-color: #FFF;
						content: '';
						height: 100px;
						left: 0;
						position: absolute;
						top: 50%;
						-moz-transform: translateY(-50%);
						-ms-transform: translateY(-50%);
						-o-transform: translateY(-50%);
						-webkit-transform: translateY(-50%);
						transform: translateY(-50%);
						width: 100%;
						z-index: 2;
					}
					.header-logo-master img
					{
						position: relative;
						z-index: 5;
					}

				.header-logo img { 
					width: 100%; 
				}

		.header-menu ul
		{
			list-style: none;
			margin: 0;
			padding: 0;
			margin-bottom: 5px;
		}

			.header-menu a.logReg-button
			{
				color: #fff !important;
			}

			.header-menu ul li
			{
				display: inline-block;
				vertical-align: middle;
			}
				.header-menu a,
				#header-mobil ul li a,
				.header-menu-main
				{
					color: #fff;
					font-size: 13px;
					font-weight: 700;
					padding: 5px 15px;
					position: relative;
					text-decoration: none;
					text-transform: uppercase;
				}
					.header-menu a::after
					{
						background-color: #FFF;
						bottom: -10px;
						content: '';
						height: 8px;
						left: 15px;
						position: absolute;
						-moz-transition: .3s all ease-in-out;
						-ms-transition: .3s all ease-in-out;
						-o-transition: .3s all ease-in-out;
						-webkit-transition: .3s all ease-in-out;
						transition: .3s all ease-in-out;
						width: 0;
					}
						.header-menu a:hover::after
						{
							width: calc(100% - 30px);
						}

				.header-menu a.logReg-button
				{
					color: #000;
					text-transform: none;
				}

				a.menu-item-online-coupons
				{
					background-color: #D8127D;
					border: 1px solid #D8127D;
					border-radius: 2em;
					-webkit-border-radius: 2em;
					-moz-border-radius: 2em;
					-ms-border-radius: 2em;
					-o-border-radius: 2em;
					color: #FFF;
				}
					a.menu-item-online-coupons:hover
					{
						background-color: #FFF;
						color: #D8127D;
					}

		
		.header-right .top-header-menu ul.header-menu-2 {
			margin-right: -10px;
			margin-top: 7px;
		}

		/* .header-right .top-header-menu ul.header-menu-2 li a {
			font-size: 18px !important;
			line-height: 22px !important;
			font-weight: bold !important;
			margin-left: 25px !important;
		} */

		.featured-menu-item {
			background-color: #000;
			border-radius: 5px;
			padding: 0px 8px !important;
		}

		.header-menu-main
		{
			cursor: pointer;
			position: relative;
		}
			.header-menu-main-text
			{
				background-color: #000;
				color: #FFF;
				font-size: 13px;
				font-weight: 700;
				padding: 5px 15px;
				text-transform: uppercase;
				position: relative;
			}
				.header-menu-main-text .fa
				{
					font-size: 16px;
					margin-left: 5px;
				}
				.header-menu-main-text .fa-angle-up,
				.header-menu-main-text:hover .fa-angle-down { display: none; }
				.header-menu-main-text .fa-angle-down,
				.header-menu-main-text:hover .fa-angle-up { display: inline-block; }

				.header-menu-sub-box
				{
					background-color: #000;
					height: 0;
					left: -5px;
					max-width: 240px;
					overflow: hidden;
					padding: 15px 0;
					position: absolute;
					top: 100%;
					width: 300%;
					z-index: 10;
				}
				.header-menu-main:hover .header-menu-sub-box
				{
					height: 126px;
				}
					.header-menu-sub
					{
						color: #FFF;
						font-size: 14px;
						font-weight: 700;
						padding: 10px 5px;
						position: relative;
					}
						.header-menu-sub:first-of-type { padding-top: 10px; }

						.header-menu-sub a { color: #FFF; }

						.header-menu-sub .header-menu a::after { bottom: 8px; }

.mobile-header-logo-row {
	display: flex;
	align-items: center;
	background-color: #FFF;
	height: 40px;
	padding: 0 20px;
}

@media only screen and (min-width: 500px) {
	.mobile-header-logo-row {
		display: none;
	}
}


.disclaimer.row.bg-pink
{
	font-size: 16px;
	padding: 20px 0;
}
	.fontSize-30 { font-size: 20px; }

	.disclaimer p { margin-bottom: 15px; }
	.disclaimer p:last-of-type { margin-bottom: 0; }

.fullWidthPic
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 500px;
	padding-top: 30%;
	position: relative;
	width: 100%;
}

h1
{
	font-size: 50px;
	font-weight: 900;
	line-height: 1.2em;
	margin: 0 0 30px;
}
h2
{
	font-size: 35px;
	font-weight: 900;
	margin-bottom: 25px;
	position: relative;	
}
	h2.no-decor-underline { padding-bottom: 0; }
		h2.no-decor-underline::after { display: none; }

h4
{
	font-size: 10px;
	font-weight: 700;
	margin: 0 0 20px;
	text-transform: uppercase;
}

.um-page-register p {
	font-size: 14px;
}

.um-page-register .um-138 .um-field-zip,
.um-page-login .um-138 .um-field-zip {
	 width: 100%;
}

.um-page-login .um-138 .um-col-121 {
	height: 60px;
}

.um-page-login .um-138 .um-field-zip {
	margin-bottom: 20px;
}

.um-page-login .um-138 .um-row._um_row_3  {
	margin-top: -25px !important; /**/
}

.um-page-login .um-138 .um-button {
	margin-top: 20px;
}

.row.bg-pink
{
	padding: 45px 0;
}


.welcome-container,
.reg-container {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.reg-container .underline-white {
	margin: 20px 0 0 0;
	-webkit-box-shadow: 80px 0 0 #fff, -80px 0 0 #fff;
	box-shadow: 80px 0 0 #fff, -80px 0 0 #fff;
}


.welcome-text
{
	font-size: 20px;
	padding: 40px 0;
}

	.welcome-text h2 {
		margin-bottom: 0;
	}

	.welcome-text svg
	{
		/* margin-bottom: 45px; */
		width: 250px;
		box-shadow: 0px 0px 55px #000000;
		padding: 40px 0;
	}

	.welcome-text p
	{
		margin: 0 auto 40px;
		max-width: 620px;
		line-height: 42px;
	}

		.underline-white,
		.underline-purple,
		.underline-pink,
		.underline-red
		{
			display: inline;
			position: relative;
			/* white-space: nowrap; */
			z-index: 5;

			background: #FFF;
			-webkit-box-shadow: 10px 0 0 #FFF, -10px 0 0 #FFF;
			box-shadow: 10px 0 0 #FFF, -10px 0 0 #FFF;
			-webkit-box-decoration-break: clone;
			-ms-box-decoration-break: clone;
			-o-box-decoration-break: clone;
			box-decoration-break: clone;
			line-height: 1.3em;
			padding: 5px 0 5px 0;
		}
		.underline-purple
		{
			background: #E65EC5;
			-webkit-box-shadow: 10px 0 0 #E65EC5, -10px 0 0 #E65EC5;
			box-shadow: 10px 0 0 #E65EC5, -10px 0 0 #E65EC5;
		}
		.underline-pink
		{
			background: #EC008C;
			-webkit-box-shadow: 10px 0 0 #EC008C, -10px 0 0 #EC008C;
			box-shadow: 10px 0 0 #EC008C, -10px 0 0 #EC008C;
		}

.coupon-header-block h2 
{
	display: inline-block;
	margin-bottom: 0;
	padding-bottom: 0;
}

.coupon-header-block .buttonStyle-pink {
	box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.78);
}

.fullRow
{
	align-items: center;
	display: flex;
	margin-left: 0;
	position: relative;
	width: 200%;
}
	.step
	{
		align-items: center;
		background-position: center;
		background-size: cover;
		display: flex;
		padding: 60px 0;
		position: relative;
		width: 50%;
	}

.threeSteps { width: 300%; }
.threeSteps .steps { width: 33.333%; }

.lead
{
	font-size: 22px;
	margin-bottom: 40px;
}

/* TIPUS - 1 */

	.twoColumn_5050_samePos .centerPart,
	.twoColumn_4060_samePos .centerPart
	{
		align-items: center;
		display: flex;
		justify-content: space-between;
	}
		.twoColumn_5050_samePos .centerPart .column { width: 50%; }
			.twoColumn_5050_samePos .centerPart .column:first-of-type { padding-right: 20px; }
			.twoColumn_5050_samePos .centerPart .column:last-of-type { padding-left: 20px; }

/* TIPUS - 2 */
.twoColumn_5050_picPos .pic,
.twoColumn_4060_picPos .pic
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 50%;
	z-index: 5;
}
.twoColumn_5050_picPos .centerPart
{
	display: flex;
	justify-content: flex-end;
}
	.twoColumn_5050_picPos .centerPart .text
	{
		padding-left: 80px;
		width: 50%;
	}

	/* HELYCSERE */
	.twoColumn_5050_picPos.picOnTheLeft .pic
	{
		left: auto;
		right: 0;
	}
	.twoColumn_5050_picPos.picOnTheLeft .centerPart { justify-content: flex-start; }
		.twoColumn_5050_picPos.picOnTheLeft .text
		{
			padding-left: 0;
			padding-right: 80px;
		}

		.buttonStyle
		{
			border-radius: 2em;
			-webkit-border-radius: 2em;
			-moz-border-radius: 2em;
			-ms-border-radius: 2em;
			-o-border-radius: 2em;
			cursor: pointer;
			display: inline-block;
			font-size: 13px;
			font-weight: 700;
			letter-spacing: 1px;
			margin: 10px;
			min-width: 200px;
			padding: 7px 30px;
			position: relative;
			text-align: center;
			text-transform: uppercase;
		}
		.buttonStyle-pink
		{
			background-color: #EC008C;
			border: 1px solid #EC008C;
			color: #FFF;
		}
			.buttonStyle-pink:hover
			{
				background-color: #FFF;
				color: #EC008C;
			}
			.buttonStyle-pinkborder
			{
				background-color: #FFF;
				border: 1px solid #EC008C;
				color: #EC008C;
			}
				.buttonStyle-pinkborder:hover
				{
					background-color: #EC008C;
					color: #FFF;
				}
			.buttonStyle-white
			{
				background-color: #FFF;
				border: 1px solid #FFF;
				color: #EC008C;
			}
				.buttonStyle-white:hover
				{
					background-color: transparent;
					color: #FFF;
				}	

		.buttonStyle-back
		{
			margin: 0;
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
		}
			.buttonStyle-back span .fa
			{
				display: inline-block;
				font-size: 20px;
				line-height: 1em;
				margin: 0 5px 0 0;
				vertical-align: top;
			}

		.buttonStyle-inactive { pointer-events: none; }

.icon-app { width: 120px; }
	.icon-app-link, .icon-app-link:hover { text-decoration: none; }

#favorites
{
	padding: 50px 0;
}
	#favorites .col
	{
		font-size: 14px;
		margin: 0 0 20px;
		position: relative;
		width: 18%;
	}
		.fav-pic
		{
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			margin-bottom: 20px;
			padding-top: 100%;
			width: 100%;
		}

.home-list
{
	align-items: center;
	background-color: #FFF;
	justify-content: center;
}

	.home-list-item { }
		/*.home-list-item:first-of-type
		{
			font-size: 20px;
		}*/

	.home-list .col
	{
		min-height: 500px;
		width: 50%;
	}

		.home-list-item-pic
		{
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			position: relative;
		}
		.home-list-item-text
		{
			display: inline-block;
			max-width: 720px;
			padding: 80px;
		}

		.home-list-item:nth-of-type(even) .home-list-item-pic
		{
			order: 1;
		}
		.home-list-item:nth-of-type(even) .home-list-item-text-col
		{
			order: 2;
		}
		.home-list-item:nth-of-type(even) .home-list-item-text-col { text-align: right; }

		.home-list-item-logo
		{
			border-radius: 8px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			-ms-border-radius: 8px;
			-o-border-radius: 8px;
			box-shadow: 0 0 15px rgba(0,0,0,.25);
			margin: 0 auto 20px;
			overflow: hidden;
			width: 80px;
		}

.text-lead
{
	font-size: 20px;
}

#home-coupons
{
	background-color: #FFF;
}
	#home-coupons .centerPart
	{
		padding: 45px 20px;
	}

	.coupons-hidden
	{
		overflow: hidden;
		/*padding: 15px 15px 0;*/
		position: relative;
	}
		.coupons-hidden::before,
		.coupons-hidden::after,
		#extra-coupons-media-markt::before,
		#extra-coupons-media-markt::after
		{
			background-color: #FFF;
			content: '';
			height: 100%;
			position: absolute;
			top: 0;
			width: 5px;
		}
			.coupons-hidden::before, #extra-coupons-media-markt::before { left: -1px; }
			.coupons-hidden::after,#extra-coupons-media-markt::after { right: -1px; }

		.spec-title
		{
			margin: 40px 0 -20px;
		}
		.coupons,
		.coupons-mm
		{
			flex-wrap: wrap;
			justify-content: center;
			padding: 40px 0;
		}

			.coupon,
			.coupon-mm
			{
				border-bottom: 1px dashed #000;
				border-right: 1px dashed #000;
				margin: 0;
				padding: 4%;
				position: relative;
				width: 25%;
			}
				.page-coupons--coupons-box .coupon
				{
					transform: scale(0);
					-webkit-transform: scale(0);
					-moz-transform: scale(0);
					-ms-transform: scale(0);
					-o-transform: scale(0);
				}
				.coupon.zoomIn,
				.coupon-mm.zoomIn
				{
					transform: scale(1);
					-webkit-transform: scale(1);
					-moz-transform: scale(1);
					-ms-transform: scale(1);
					-o-transform: scale(1);
				}
				.removedCoupon, .notLoaded { display: none; }
				.addedCoupon { display: block; }

				.coupon-main
				{
					background-color: #FFF;
					border-bottom-left-radius: 10px;
					border-bottom-right-radius: 10px;
					box-shadow: 0 0 10px rgba(0,0,0,.25);
					display: inline-block;
					font-size: 11px;
					height: 100%;
					overflow: hidden;
					padding: 10px 5px;
					position: relative;
					transform: scale(1);
					-webkit-transform: scale(1);
					-moz-transform: scale(1);
					-ms-transform: scale(1);
					-o-transform: scale(1);
					vertical-align: top;
					width: 100%;
				}
					.coupon:hover .coupon-main,
					.coupon-mm:hover .coupon-main
					{
						transform: scale(1.1);
						-webkit-transform: scale(1.1);
						-moz-transform: scale(1.1);
						-ms-transform: scale(1.1);
						-o-transform: scale(1.1);
					}

				.coupon-discount
				{
					position: relative;
				}
					.coupon-discount::after
					{
						background-color: #000;
						content: '';
						height: 1px;
						left: 0;
						position: absolute;
						top: 50%;
						width: 100%;
						z-index: 2;
					}
					.coupon-badge
					{
						background-color: #000;
						border: 5px solid #FFF;
						color: #FFF;
						display: inline-block;
						font-size: 10px;
						font-weight: 900;
						line-height: 1em;
						margin: 0 2px;
						max-width: 100%;
						overflow: hidden;
						padding: 6px 5px 5px;
						position: relative;
						vertical-align: middle;
						z-index: 5;
					}
					.coupon-badge-0
					{
						background-color: #E65EC5;
					}
					.coupon-badge-online
					{
						background-color: #EC008C;
						font-size: 7px;
						padding-top: 8px;
						text-transform: uppercase;
					}

				.coupon-title { font-weight: 900; }
				.coupon-title,
				.coupon-discount-info
				{
					margin: 0;
				}

				.badge-online-extra
				{
					position: absolute;
					right: 10px;
					top: 0;
					width: 40px;
				}
					.badge-online-extra img { width: 100%; }

			/* SHOPPIEGO MINTA KUPON */
			/*
			#home-coupons .coupons-hidden .coupon:last-of-type,
			.do-shoppiego-coupon-stuff .coupon:last-of-type { display: none; }
			*/

			.coupon-shoppiego .coupon-main
			{
				background: #9cfcee;
				background: -moz-linear-gradient(45deg, #9cfcee 0%, #18d3fe 100%);
				background: -webkit-linear-gradient(45deg, #9cfcee 0%,#18d3fe 100%);
				background: linear-gradient(45deg, #9cfcee 0%,#18d3fe 100%);
				padding: 0;
			}
				.coupon-shoppiego .coupon-main img
				{
					left: 50%;
					max-height: 100%;
					max-width: 100%;
					position: absolute;
					top: 50%;
					-moz-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
					-o-transform: translate(-50%, -50%);
					-webkit-transform: translate(-50%, -50%);
				}

			.showOn-mobil { display: none; }

			.coupons-cover
			{
				background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
				background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
				background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
				bottom: 0;
				height: 15%;
				left: 0;
				position: absolute;
				width: 100%;
				z-index: 30;
			}

			.coupons-info {
				max-width: 660px;
				margin: 60px auto 0 auto;
			}

	#extra-coupons-media-markt
	{
		display: block;
		position: relative;
	}
		#extra-coupons-media-markt[data-mediamarkt="0"] { display: none; }

#home-regAdvantages
{
	background-color: #FFF;
}
	#home-regAdvantages .centerPart { padding: 40px 20px; }

	#home-regAdvantages .col
	{
		margin-bottom: 40px;
		width: 30%;
	}
		#home-regAdvantages .col:nth-of-type(2) { margin: 0 5% 40px; }

		.icon
		{
			background-color: #FFF;
			border-radius: 100%;
			-webkit-border-radius: 100%;
			-moz-border-radius: 100%;
			-ms-border-radius: 100%;
			-o-border-radius: 100%;
			box-shadow: 0 0 10px rgba(0,0,0,.25);
			color: #EC008C;
			font-size: 30px;
			height: 80px;
			margin: 0 auto 30px;
			padding: 25px 20px 0;
			width: 80px;
		}

#support-main
{
	/* border-top: 10px solid #eac3db; */
	padding: 15px 0 15px;
}
	/*#support-main img
	{
		margin: 0 10px 15px;
		max-height: 150px;
		max-width: 330px;
	}*/

	.support-item
	{
		max-width: 260px;
		padding: 0 15px;
		width: 100%;
	}

		.support-item h3 { font-size: 14px }
		.support-item img
		{
			width: 90%;
		}

	.support-car 
	{
		max-width: 380px;
	}

#support-mid
{
	background-color: #FFF;
	padding: 35px 0;
}
	#support-mid .centerPart { flex-wrap: wrap; }

	.support-mid
	{
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		box-shadow: 0 0 10px rgba(0,0,0,.25);
		flex-direction: column;
		justify-content: space-between;
		overflow: hidden;
		margin-bottom: 50px !important;
		position: relative;
	}
		.support-mid-pic
		{
			padding: 10px 30px;
		}
		.support-mid-text
		{
			min-height: 55px;
			padding: 15px 20px;
		}
			.support-mid-text h4 { margin: 0; }

/* HA budapest van kivalasztva */
.visible-city .place-village { display: none; }

.visible-city .support-mid
{
	margin: 0 8% 0 0;
	width: 19%;
}
	.visible-city .support-mid:nth-of-type(4n + 4) { margin-right: 0 }
/* HA videk van kivalasztva */
.visible-village .place-city { display: none; }
.visible-village .support-mid
{
	margin: 0 5% 5% 0;
	width: 30%;
}
	.visible-village .support-mid:nth-of-type(3),
	.visible-village .support-mid:nth-of-type(7) { margin-right: 0 }

footer
{
	box-shadow: 0 0 10px rgba(0,0,0,.25);
	font-size: 10px;
	line-height: 1.4em;
	padding: 20px 0;
	position: relative;
	z-index: 20;
}
	footer .centerPart
	{
		align-items: center;
		justify-content: space-between;
		max-width: 1440px;
	}

.post, .page { margin: 0; }

/* REG OLDAL */
.reg-login-box
{
	flex-wrap: wrap;
	margin: 0 auto 40px;
	padding: 40px;
	/*max-width: 520px;
	overflow: hidden;
	text-align: center;*/
}

	.reg-login-box .col
	{
		font-size: 14px;
		width: 50%;
	}	
		.col-content
		{
			height: 100%;
			margin: 0 auto;
			max-width: 400px;
		}

		.reg-login-box .col:first-of-type
		{
			border-right: 1px solid #E65EC5;
			padding-right: 40px;
		}
		.reg-login-box .col:last-of-type
		{
			padding-left: 40px;
		}

		.reg-login-icon
		{
			border: 1px solid #E65EC5;
			border-radius: 100%;
			display: inline-block;
			height: 50px;
			padding: 10px 0 0;
			width: 50px;
		}
			.reg-login-icon--login img
			{
				margin: 0 0 -5px -5px;
			}
		
		.reg-login-box h3
		{
			font-size: 18px;
		}
		h5
		{
			font-size: 13px;
			font-weight: 700;
		}

	.reg-login-box-nav 
	{ 
		flex-wrap: wrap;
		margin-bottom: 10px; 
	}
	.reg-login-box-nav .buttonStyle
	{
		border-radius: 0;
		font-size: 18px;
		font-weight: 700;
		text-align: center;
		width: 45%;
	}

.reg-box-container,
.log-box-container
{
	height: 0;
	margin: 0 auto;
	max-width: 520px;
	overflow: hidden;
}
	.form-height { padding-bottom: 40px; }

	/* ultimate member plugin felulirasa a style-form.css-ben */

.padding-bottom-top
{
	padding-bottom: 45px;
	padding-top: 45px;
}
.margin-bottom-top
{
	margin-bottom: 40px;
	margin-top: 40px;
}
.padding-left-right-20 { padding: 0 20px; }

.notRegistered
{
	color: #D8127D;
	font-size: 14px;
	font-weight: 900;
	position: relative;
	text-align: center;
	text-decoration: underline;
}

/* MAGAZIN PROMO */
.magazin-promo .col { width: 50%; }
.magazin-promo .col:first-of-type
{
	background-color: #4F6169;
	background-position: center;
	background-size: cover;
	height: auto;
	min-height: 580px;
}
.magazin-promo .col:last-of-type
{
	padding: 40px 0;
}
	.magazin-promo-content
	{
		max-width: 570px;
		padding-left: 100px;
		padding-right: 20px;
		width: 100%;
	}
	.magazin-promo h2
	{
		padding-bottom: 0px;
	}
	.magazin-promo p { margin-bottom: 20px; }

.mediamark-row
{
	background-image: url('../img/szeptember/bg-mediamarkt.jpg');
	background-position: center;
	background-size: cover;
	position: relative;
}
	.mediamark-row::after
	{
		background-color: rgba(0, 0, 0, .5);
		content: '';
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 5;
	}
	.mediamark-row .centerPart-small { z-index: 10; }

	.mediamark-row h2 { margin-bottom: 20px; }

	.mediamarkt-home-coupons { position: relative; }

	.mediamarkt-home-coupons::after
	{
		background-color: #FFF;
		bottom: -10px;
		content: '';
		height: 20px;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: 20;
	}

.header-mid
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
	.header-mid .centerPart
	{
		align-items: center;
		height: 250px;
		justify-content: center;
		z-index: 10;
	}
		.header-mid-title-item
		{
			color: #E65EC5;
			font-size: 50px;
			font-weight: 700;
			line-height: 1.2em;
			margin: 0 5px;
			text-transform: uppercase;
		}
			.header-mid-title-item:nth-of-type(1),
			.header-mid-title-item:nth-of-type(7),
			.header-mid-title-item:nth-of-type(13)
			{
				transform: rotate(20deg) translateY(30%);
				-webkit-transform: rotate(20deg) translateY(30%);
				-moz-transform: rotate(20deg) translateY(30%);
				-ms-transform: rotate(20deg) translateY(30%);
				-o-transform: rotate(20deg) translateY(30%);
			}
			.header-mid-title-item:nth-of-type(2),
			.header-mid-title-item:nth-of-type(8),
			.header-mid-title-item:nth-of-type(14)
			{
				transform: rotate(-20deg) translateY(-30%);
				-webkit-transform: rotate(-20deg) translateY(-30%);
				-moz-transform: rotate(-20deg) translateY(-30%);
				-ms-transform: rotate(-20deg) translateY(-30%);
				-o-transform: rotate(-20deg) translateY(-30%);
			}
			.header-mid-title-item:nth-of-type(3),
			.header-mid-title-item:nth-of-type(9),
			.header-mid-title-item:nth-of-type(15)
			{
				transform: rotate(20deg) translateY(20%);
				-webkit-transform: rotate(20deg) translateY(20%);
				-moz-transform: rotate(20deg) translateY(20%);
				-ms-transform: rotate(20deg) translateY(20%);
				-o-transform: rotate(20deg) translateY(20%);
			}
			.header-mid-title-item:nth-of-type(4),
			.header-mid-title-item:nth-of-type(10)
			{
				transform: rotate(-10deg) translateY(-30%);
				-webkit-transform: rotate(-10deg) translateY(-30%);
				-moz-transform: rotate(-10deg) translateY(-30%);
				-ms-transform: rotate(-10deg) translateY(-30%);
				-o-transform: rotate(-10deg) translateY(-30%);
			}
			.header-mid-title-item:nth-of-type(5),
			.header-mid-title-item:nth-of-type(11)
			{
				transform: rotate(-20deg) translateY(20%);
				-webkit-transform: rotate(-20deg) translateY(20%);
				-moz-transform: rotate(-20deg) translateY(20%);
				-ms-transform: rotate(-20deg) translateY(20%);
				-o-transform: rotate(-20deg) translateY(20%);
			}
			.header-mid-title-item:nth-of-type(6),
			.header-mid-title-item:nth-of-type(12)
			{
				transform: rotate(10deg) translateY(-20%);
				-webkit-transform: rotate(10deg) translateY(-20%);
				-moz-transform: rotate(10deg) translateY(-20%);
				-ms-transform: rotate(10deg) translateY(-20%);
				-o-transform: rotate(10deg) translateY(-20%);
			}

	.cover-pink
	{
		background-color: rgba(255, 36, 141, 0.8);
		/* opacity: .8; */
	}
	.cover-purple
	{
		background-color: rgba(255, 36, 141, 0.8);
		/* opacity: .8; */
	}
		.page-progs .header-mid-title-item
		{
			color: #f3f3ff;
			/* text-shadow: -2px -2px 0 #E65EC5,
			2px -2px 0 #E65EC5,
			-2px 2px 0 #E65EC5,
			2px 2px 0 #E65EC5; */
		}

/* KUPONOK */
.coupon-page-title-box
{
	max-width: 760px;
	padding: 50px 20px 0;
}
	.coupon-page-title-box p:last-of-type { margin-bottom: 0; }
	
.coupon-page-redeem-dates strong {
  letter-spacing: 2px;
  text-transform: uppercase;
}

.open-coupon-filters-box
{
	margin-bottom: 40px;
}
	.open-coupon-filters-button,
	.buttonStyle-filter-button-design
	{
		background-color: transparent;
		border: 1px solid #EC008C;
		border-radius: 2em;
		color: #EC008C;
		cursor: pointer;
		display: inline-block;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 0;
		margin: 0 10px 10px;
		min-width: inherit;
		padding: 8px 25px;
		text-transform: uppercase;
	}
		.open-coupon-filters-button:hover,
		.open-coupon-filters-button[data-open="1"],
		.buttonStyle-filter-button-design:hover
		{
			background-color: #EC008C;
			border: 1px solid #EC008C;
			color: #FFF;
		}

.code-advantages
{
    border-bottom: 1px solid #979797;
    margin: 60px auto 0;
    padding-bottom: 40px;
}
	.code-advantages .col
	{
		position: relative;
		width: 33.333%;
	}
		.code-advantages .col::after
		{
			background-color: #EC008C;
			content: '';
			height: 70px;
			position: absolute;
			right: 0;
			top: 50%;
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			width: 1px;
		}
		.code-advantages .col:first-of-type { padding: 0 40px 0 0; }
		.code-advantages .col:nth-of-type(2) { padding: 0 40px; }
		.code-advantages .col:last-of-type { padding: 0 0 0 40px; }

		.code-advantages .col:last-of-type::after { display: none; }

.open-search,
.open-filters
{
	height: 0;
	margin: 0 auto;
	max-width: 550px;
	overflow: hidden;
	pointer-events: none;
}
	.full-content-height
	{
		padding: 0 0 40px;
	}
		.full-content-height h3
		{
			margin-bottom: 40px;
		}
		.full-content-height h4 { margin-bottom: 10px; }

.page-summer-buttons
{
	margin: 40px 0 0;
}
	.page-summer-buttons .buttonStyle { margin: 0 10px 25px; }

.coupon-filters
{
	margin: 0 auto;
	max-width: 520px;
}

	input:not([type="checkbox"]):not([type="radio"])
	{
		border: 1px solid #E65EC5;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		color: #E65EC5;
		font-family: 'Rubik', sans-serif;
		font-size: 12px;
		font-weight: 700;
		height: 40px;
		line-height: 1.2em;
		padding: 10px;
		text-transform: uppercase;
		width: 100%;
	}

	input[type="checkbox"],
	input[type="radio"] {
		width: auto;
		-webkit-appearance: checkbox;
	}

	input[type="submit"],
	button,
	input[type="submit"]:focus,
	button:focus {
		outline: none !important;
	}

	.couponFilters input
	{
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
		.couponFilters input[type="submit"]
		{
			background-color: #E65EC5;
			color: #FFF;
		}

		#couponFilters
		{
			margin: 0 0 20px;
			position: relative;
		}

			#couponFilters .fa
			{
				color: #000;
				left: 15px;
				position: absolute;
				top: 10px;
				z-index: 10;
			}
			#couponFilters input[type="text"],
			#couponFilters input[type="submit"]
			{
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-ms-border-radius: 5px;
				-o-border-radius: 5px;
				float: left;
			}
			.couponFilterTyped-box
			{
				float: left;
				margin-right: 5%;
				width: 65%;
			}
				.couponFilterTyped-box span.twitter-typeahead
				{
					display: block;
					width: 100%;
				}
				#couponFilters input[type="text"]
				{
					border: 1px solid #000;
					border-radius: 2em;
					color: #000;
					padding: 5px 10px 5px 40px;
					width: 100%;
				}
				input::-webkit-input-placeholder { color:#000; opacity: 1;}
				input::-moz-placeholder { color:#000; opacity: 1;}
				input:-ms-input-placeholder { color:#000; opacity: 1;}
				input:-moz-placeholder { color:#000; opacity: 1;}

			#couponFilters input[type="submit"]
			{
				/*opacity: 0;*/
				background-color: #E65EC5;
				border: 1px solid #E65EC5;
				border-radius: 2em;
				color: #FFF;
				cursor: pointer;
				font-size: 13px;
				font-weight: 700;
				padding: 0;
				text-transform: uppercase;
				width: 30%;
			}

			#couponFilters .buttonStyle
			{
				float: left;
				margin: 0 5px 0 -7px;
				padding: 9px;
				text-align: center;
				width: 25%;
			}

			select
			{
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				background-color: #FFF;
				background-image: url('../img/select.svg');
				background-position: right center;
				background-repeat: no-repeat;
				background-size: 30px auto;
				border: 1px solid #000;
				border-radius: 2em;
				-webkit-border-radius: 2em;
				-moz-border-radius: 2em;
				-ms-border-radius: 2em;
				-o-border-radius: 2em;
				color: #000;
				font-size: 12px;
				font-weight: 700;
				height: 40px;
				padding: 5px 35px 5px 10px;
				text-transform: uppercase;
				width: 100%;
			}
				select:focus
				{
					outline: none;
				}

			.coupon-filter-sale,
			.coupon-filter-cat
			{
				float: left;
				margin: 0 0 25px;
				width: 48%;
			}
				.coupon-filter-cat { margin-right: 4%; }

				.coupon-filter-sale label
				{
					background-color: #FFF;
					cursor: pointer;
					display: inline-block;
					font-size: 12px;
					font-weight: 700;
					margin: 0 5px 10px;
					padding: 10px;
					position: relative;
					text-align: center;
					width: 80px;
				}
					.coupon-filter-sale label::after
					{
						border: 1px solid #DADADA;
						content: '';
						height: 100%;
						left: 0;
						pointer-events: none;
						position: absolute;
						top: 0;
						-moz-transition: .3s all ease-in-out;
						-ms-transition: .3s all ease-in-out;
						-o-transition: .3s all ease-in-out;
						-webkit-transition: .3s all ease-in-out;
						transition: .3s all ease-in-out;
						width: 100%;
						z-index: 2;
					}
						.coupon-filter-sale label:hover::after,
						.coupon-filter-sale input:checked + label::after
						{
							border: 2px solid #E65EC5;
						}
					.coupon-filter-sale label:first-of-type { margin-left: 0; }

			.coupon-filter-button
			{
				float: left;
				margin-bottom: 20px;
				min-width: inherit;
				/*width: 30.66%;*/
				width: 48%;
			}

			.coupon-filter-button
			{
				border: 1px solid #E65EC5;
				display: block;
				font-size: 12px;
				height: 40px;
				margin: 0 0 25px;
				padding: 9px 10px 5px;
				text-align: center;
			}

				.coupon-button-all, .coupon-mammut { margin-right: 4%; }

			.coupon-filter-brand
			{
				clear: both;
			}

	.coupon-landing-button
	{
		margin-bottom: 30px;
	}

	.coupon-redeemable {
		text-align: center;
		margin-bottom: 0;
		background-color: #000;
    color: #FFF;
    display: inline-block;
    font-size: 10px;
    font-weight: 900;
    line-height: 1em;
		margin: 9px 2px 0 2px;
    padding: 6px 5px 5px;
	}

	.redeemable-title {
		text-align: center;
		margin-bottom: 0;
		/* background-color: #000; */
    color: #000;
    display: inline-block;
    font-size: 12px;
    font-weight: 900;
    line-height: 1em;
		margin: 0px auto 15px auto;
    padding: 10px 20px;
		/* text-transform: uppercase; */
	}

	.coupon-plaza-logo {
		max-width: 115px !important;
		height: 72px !important;
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	.coupon-like
	{
		background-color: #FFF;
		box-shadow: 0 0 10px rgba(0,0,0,.25);
		border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		-ms-border-radius: 100%;
		-o-border-radius: 100%;
		color: #E65EC5;
		cursor: pointer;
		font-size: 12px;
		height: 30px;
		padding-top: 5px;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 30px;
		z-index: 25;
	}
		.coupon-like:hover,
		.coupon-like.liked
		{
			background-color: #E65EC5;
			color: #FFF;
		}

	.tt-menu
	{
		background-color: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, 0.2);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
		-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
		box-shadow: 0 5px 10px rgba(0,0,0,.2);
		margin: 12px 0;
		padding: 8px 0;
		width: 100%;
	}
		.tt-dataset
		{
			max-height: 175px;
			overflow-y: auto;
		}
		.tt-suggestion
		{
			cursor: pointer;
			padding: 5px 10px 5px 25px;
			position: relative;
			width: 100%;
		}
			.tt-suggestion::before
			{
				background-color: #000;
				content: '';
				height: calc(100% - 10px);
				left: 10px;
				position: absolute;
				top: 5px;
				width: 5px;
			}
			p.workerName
			{
				color: #D8127D;
				font-size: 12px;
				font-weight: 500;
				line-height: 1.2em;
				margin: 0;
				padding-top: 3px;
				text-transform: uppercase;
			}
				strong.tt-highlight { color: #000; }

		.tt-suggestion.tt-cursor,
		.tt-suggestion:hover
		{
			background-color: #F0F0F0;
		}
			.tt-suggestion.tt-cursor::before, .tt-suggestion:hover::before { background-color: #D8127D; }

	.emptyResult
	{
		color: #D8127D;
		font-size: 14px;
		font-weight: 700;
		padding: 10px;
	}

.coupons-online .coupons { padding: 0; }

.has-small-font-size
{
	font-size: 9px;
	line-height: 1.6em;
	margin: 0;
	padding: 10px;
}
	.has-small-font-size strong
	{
		display: block;
		font-size: 16px;
		position: relative;
	}

/* PROGRAMOK */

.prog-box h2 {
	font-size: 30px;
	line-height: 36px;
	text-align: center;
	color: #D8127D;
	margin-bottom: 40px;
}

.program-list
{
	flex-wrap: wrap;
	justify-content:space-between;
}

.program-item
{
	background-color: #FFF;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0 0 15px rgba(0,0,0,.25);
	margin: 0 5% 5% 0;
	position: relative;
	width: 30%;
}

	.program-item h3
	{
		text-transform: uppercase;
		color: #422C80;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		padding: 17px 0 7px 0;
	}

	.program-item:nth-of-type(3n + 3)
	{
		margin-right: 0;
	}

	.prog-pic
	{
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 100%;
		position: relative;
	}

	.prog-text
	{
		font-size: 12px;
		line-height: 1.3em;
		padding: 10px;
	}

	.prog-text p
	{
		line-height: 1.7;
	}
		h3
		{
			font-size: 25px;
			font-weight: 700;
			margin: 0 0 10px;
		}

	.show-city .program-item
	{
		/* margin: 0 4% 4% 0;
		width: 22%; */
		margin: 0 0 5% 0;
		width: 30%;
	}
		.program-item:nth-of-type(4n + 4) { margin-right: 0; }

.show-village
{
	display: none;
}

.prog-filters
{
	margin-bottom: 40px;
}
	.prog-filter
	{
		background-color: #FFF;
		border: 1px solid #D8127D;
		color: #D8127D;
		cursor: pointer;
		display: inline-block;
		font-size: 13px;
		font-weight: 500;
		margin: 0 10px 10px;
		padding: 10px 20px;
		position: relative;
		text-transform: uppercase;
		width: 200px;
	}
		.prog-filter.active,
		.prog-filter:hover
		{
			background-color: #D8127D;
			color: #FFF;
		}

.page-simple-page .post-187
{
	text-align: center;
}
	.page-simple-page .post-187 img
	{
		max-height: 100px;
		max-width: 80%;
	}
	.page-simple-page .post-187 h3
	{
		color: #D8127D;
		margin-top: 60px;
	}
		.page-simple-page .post-187 h3:first-of-type { margin-top: 0; }

/* HEADER MOBIL */

#header-mobil
{
	/*background-image: url('../img/header-mobil.svg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;*/
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	left: 0;
	opacity: 0;
	overflow-y: auto;
	padding: 0 80px 20px;
	pointer-events: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
	.header-mobil 
	{ 
		height: 100%; 
		/*-webkit-justify-content: flex-end;
		justify-content: flex-end;*/
	}

	.header-mobil-title
	{
		justify-content: center;
		padding: 40px 0 40px;
	}
	#header-mobil h1 { text-transform: none; }

	#header-mobil ul
	{
		list-style: none;
		margin: 0;
		padding: 0 0 20px;
	}
		#header-mobil ul li
		{
			display: block;
			position: relative;
		}
			#header-mobil ul li a
			{
				color: #000;
				display: inline-block;
				font-size: 16px;
				padding: 12px 0;
			}

		#header-mobil .header-menu-main
		{
			padding: 15px 0;
		}
			#header-mobil .header-menu-main-text
			{
				font-size: 16px;
			}
				#header-mobil .header-menu-main .header-menu-sub-box,
				#header-mobil .header-menu-main:hover .header-menu-sub-box 
				{
					background: transparent;
					height: 0;
					left: auto;
					max-width: none;
					position: relative;
					top: auto;
					width: 100%;
				}

	.header-mobil-footer
	{
		border-top: 1px solid #000;
		color: #000;
		font-size: 10px;
		padding: 20px 0;
	}
		.header-mobil-footer img
		{
			width: 100px;
		}

		#header-mobil .header-mobil-footer a
		{
			display: inline-block;
			margin: 0 5px;
		}

#header-mobil-buttons
{
	display: none;
	position: absolute;
	right: 20px;
	top: 11px;
	z-index: 110;
}
	.header-mobil-button
	{
		display: inline-block;
		position: relative;
		color: #fff;
	}

		.header-mobil-button .ease {
			background-color: #fff !important;
		}


		.header-mobil-button:first-of-type
		{
			margin-right: 20px;
			padding: 0 5px;
		}

		#menuButton
		{
			background-color: transparent;
			border-radius: 0;
			box-shadow: 0 0 10px rgba(0,0,0,0);
			cursor: pointer;
			height: 15px;
			position: relative;
			width: 22px;
		}
			#menuButton span
			{
				background-color: #000;
				border-radius: 5px;
				height: 2px;
				left: 50%;
				position: absolute;
				-moz-transform: translate(-50%, -50%) rotate(0deg);
				-ms-transform: translate(-50%, -50%) rotate(0deg);
				-o-transform: translate(-50%, -50%) rotate(0deg);
				-webkit-transform: translate(-50%, -50%) rotate(0deg);
				transform: translate(-50%, -50%) rotate(0deg);
				width: 100%;
				z-index: 5;
			}
			#menuButton span:first-of-type { top: 2px; }
			#menuButton span:nth-of-type(2)
			{
				left: 65%;
				top: 43%;
				width: 15px;
			}
			#menuButton span:last-of-type { top: 14px; }

			#menuButton.opened span:first-of-type
			{
				background-color: #000;
				left: 50%;
				top: 50%;
				-moz-transform: translate(-50%, -50%) rotate(45deg);
				-ms-transform: translate(-50%, -50%) rotate(45deg);
				-o-transform: translate(-50%, -50%) rotate(45deg);
				-webkit-transform: translate(-50%, -50%) rotate(45deg);
				transform: translate(-50%, -50%) rotate(45deg);
			}
			#menuButton.opened span:nth-of-type(2)
			{
				background-color: #000;
				width: 0;
			}
			#menuButton.opened span:last-of-type
			{
				background-color: #000;
				left: 50%;
				top: 50%;
				-moz-transform: translate(-50%, -50%) rotate(-45deg);
				-ms-transform: translate(-50%, -50%) rotate(-45deg);
				-o-transform: translate(-50%, -50%) rotate(-45deg);
				-webkit-transform: translate(-50%, -50%) rotate(-45deg);
				transform: translate(-50%, -50%) rotate(-45deg);
			}

			.header-mobil-button.opened .ease { background-color: #000 !important; }

			#menuButton::after
			{
				background-color: #FFF;
				border-radius: 100%;
				box-shadow: 0 0 10px rgba(0,0,0,0);
				content: '';
				height: 0;
				left: 50%;
				opacity: 0;
				position: absolute;
				top: 50%;
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				-moz-transition: .3s all ease-in-out;
				-ms-transition: .3s all ease-in-out;
				-o-transition: .3s all ease-in-out;
				-webkit-transition: .3s all ease-in-out;
				transition: .3s all ease-in-out;
				width: 0;
				z-index: 1;
			}
				#menuButton.opened::after
				{
					box-shadow: 0 0 10px rgba(0,0,0,.25);
					height: 30px;
					opacity: 1;
					width: 30px;
				}

#openBlock
{
	line-height: 1.8em;
	padding: 20px 0;
}
	#openBlock .centerPart.textAlignCenter { max-width: 800px; }

	.open-block-logo
	{
		max-width: 230px;
		width: 80%;
	}

	#openBlock p
	{
		font-size: 16px;
		margin-bottom: 0;
	}
		/*#openBlock p strong { font-size: 30px; }*/

/* KUPON SAJAT OLDALA */
.page-coupon--page
{
	position: relative;
	z-index: 5;
}
.button-backToAllCoupon
{
	font-size: 12px;
	margin: 0;
	position: relative;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	z-index: 10;
}
	.button-backToAllCoupon .fa
	{
		display: inline-block;
		font-size: 20px;
		line-height: 1em;
		margin-right: 5px;
		vertical-align: top;
	}

	/*.page-coupon--page .col
	{
		width: 50%;
	}*/

/* kupon content */
	.coupon-page-coupon
	{
		background-color: #FFF;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		box-shadow: 0 0 15px rgba(0,0,0,.25);
		font-size: 13px;
		margin: 0 auto 40px;
		max-width: 370px;
		overflow: hidden;
		padding: 10px 5px;
		position: relative;
	}

	.show-secret-coupon-code
	{
		background-color: #FFF;
		box-shadow: 0 0 10px rgba(0,0,0,.25);
		margin: 20px -10px -10px;
	}
		.show-secret-coupon-code-text
		{
			padding: 40px 20px;
		}
			.show-secret-coupon-code-text p
			{
				font-size: 30px;
				font-weight: 700;
				margin: 0;
			}
				.show-secret-coupon-code-text p.text-smaller
				{
					color: #000;
					font-size: 18px;
				}

		.show-secret-coupon-code-button
		{
			background-color: #EC008C;
			color: #FFF;
			cursor: pointer;
			font-size: 24px;
			font-weight: 700;
			padding: 40px 20px;
			position: relative;
		}
			.show-secret-coupon-code-button:hover
			{
				background-color: #000;
			}

	.page-coupon--page .coupon-like
	{
		font-size: 20px;
		height: 60px;
		margin: 0 auto 40px;
		padding-top: 20px;
		position: relative;
		left: auto;
		top: auto;
		width: 60px;
	}
	
	  .coupon-main .coupon-like {
  	  margin: 0;
	  }

	.coupon-page-info
	{
		font-size: 14px;
		line-height: 1.4em;
		margin-bottom: 40px;
	}
		.coupon-page-info h2
		{
			font-size: 30px;
			font-style: normal;
		}

	.coupon-page-shopList
	{
		border-top: 1px solid #000;
		padding-top: 30px;
		position: relative;
		text-align: left;
	}
		.coupon-page-shopList:empty { display: none; }

		.coupon-page-shopList ul
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}
			.coupon-page-shopList ul li
			{
				font-size: 14px;
				margin-bottom: 10px;
			}

/* PROFIL OLDAL */

.page-profil .um-header { display: none; }

.mrgn-bottom-40 { margin-bottom: 40px; }

.page-profil h2
{
	font-size: 30px;
}

.favourit-coupons
{
	margin-bottom: 40px;
}
	.favourit-coupons .coupons
	{
		justify-content: center;
		padding-top: 0;
	}
		.favourit-coupons .coupons::after
		{
			background-color: #FFF;
			bottom: -5px;
			content: '';
			height: 10px;
			left: 0;
			position: absolute;
			width: 100%;
			z-index: 2;
		}

.thank-you
{
	align-items: center;
	background-color: rgba(255,255,255,.9);
	height: 100%;
	justify-content: center;
	left: 0;
	opacity: 0;
	padding: 20px;
	pointer-events: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 200;
}
	.thank-you.active
	{
		opacity: 1;
		pointer-events: all;
	}
	.message
	{
		background-color: #FFF;
		box-shadow: 0 0 15px rgba(0,0,0,.25);
		padding: 40px;
		position: relative;
		text-align: center;
	}

		.close-layer
		{
			cursor: pointer;
			font-size: 24px;
			padding: 10px;
			position: absolute;
			right: 0;
			top: 0;
		}

#messageLayer,
#layer-used-coupons
{
	align-items: center;
	background-color: rgba(255,255,255,.8);
	height: 100vh;
	justify-content: center;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 30;
}
	#messageLayer.active,
	#layer-used-coupons.active
	{
		opacity: 1;
		pointer-events: all;
	}

	.messageBox,
	.layer-used-coupons
	{
		background-color: #EAC3DB;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
		color: #000;
		max-width: 480px;
		padding: 50px 40px;
		position: relative;
		width: 100%;
		z-index: 20;
}
		/*.messageBox h3
		{
			font-size: 44px;
			text-transform: uppercase;
		}*/
		.messageBox h2 { color: #EAC3DB; }
		.messageBox p
		{
			margin: 0;
		}

	.message-close
	{
		cursor: pointer;
		font-size: 22px;
		padding: 10px 15px;
		position: absolute;
		right: 0;
		top: 0;
	}

.rating-pic
{
	margin-bottom: 40px;
	max-width: 500px;
	width: 100%;
}
	.rating-title
	{
		font-size: 35px;
		font-weight: 900;
		margin-bottom: 10px;
	}
	.rating-small
	{
		color: #D8127D;
		font-size: 16px;
		font-weight: 700;
	}

	.decor-line-pink
	{
		background-color: #D8127D;
		display: block;
		height: 5px;
		margin: 60px auto;
		width: 60px;
	}

	.rating-box h2
	{
		margin: 0;
		padding: 0;
	}
		.rating-box h2::after { display: none; }

	.um-280 .um-cover { display: none; }

	.um-280 .um-profile .um-profile-body { padding: 0; }

	.um-280 .um-rating { text-align: center; }
	.um-280 .um-rating i
	{
		height: 45px;
		position: relative;
		width: 45px;
	}
		.um-280 .um-rating i:last-of-type { margin-right: 0; }

		.um-280 .um-rating i::before,
		.um-280 .um-rating i::after
		{
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			content: '';
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			-webkit-transition: .3s all ease-in-out;
			-moz-transition: .3s all ease-in-out;
			-ms-transition: .3s all ease-in-out;
			-o-transition: .3s all ease-in-out;
			transition: .3s all ease-in-out;
			width: 100%;
		}
			.um-280 .um-rating i::before
			{
				background-image: url('../img/rating-star-empty.svg');
			}
			.um-280 .um-rating i::after
			{
				background-image: url('../img/rating-star-full.svg');
			}
			.star-off-png::after { opacity: 0; }
			.star-on-png::after { opacity: 1; }

	.profil-form .um-field.um-field-joy-rating-more
	{
		margin-bottom: 20px;
	}
	.profil-form .um-field-rating-rules { margin-bottom: 0; }
	.um-280 .um-field-checkbox
	{
		float: none;
		margin: 0;
		overflow: hidden;
		width: 100%;
	}

		.um-280 .um-field-checkbox a { text-decoration: underline !important; }


 /* SHOPPIE GO FORM */
.shoppiego-block
{
	background-color: #44E0F8;
	overflow: hidden;
	padding: 100px 0 50px;
}
	.shoppiego-block .centerPart
	{
		align-items: flex-start;
		max-width: 1440px;
	}

	.shoppiego-block .col
	{
		position: relative;
		width: 50%;
	}
		.shoppiego-block .col:first-of-type
		{
			padding: 0 25% 5% 0;
		}
		.shoppiego-block .col:first-of-type img { width: 100%; }

		.discount-icon
		{
			bottom: 10%;
			position: absolute;
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
		}
			.discount-icon::before,
			.discount-icon::after
			{
				-moz-animation: pulse 1s linear infinite;
				-ms-animation: pulse 1s linear infinite;
				-o-animation: pulse 1s linear infinite;
				-webkit-animation: pulse 1s linear infinite;
				animation: pulse 1s linear infinite;
				border: 1px solid #BD10E0;
				border-radius: 100%;
				content: '';
				height: 95%;
				left: 50%;
				opacity: .3;
				position: absolute;
				top: 50%;
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				width: 95%;
				z-index: 2;
			}
				.discount-icon::after
				{
					animation-delay: .35s;
				}

			.discount-icon img
			{
				margin-bottom: -9%;
				position: relative;
				z-index: 5;
			}

			.discount-icon-1
			{
				left: 40%;
				width: 18%;
			}
			.discount-icon-2
			{
				left: 59%;
				-moz-transform: scale(1) translateX(-50%);
				-ms-transform: scale(1) translateX(-50%);
				-o-transform: scale(1) translateX(-50%);
				-webkit-transform: scale(1) translateX(-50%);
				transform: scale(1) translateX(-50%);
				width: 30%;
				z-index: 3;
			}
			.discount-icon-3
			{
				left: 78%;
				width: 18%;
			}

			.discount-icon-4
			{
				bottom: 0;
				left: 0;
				width: 18%;
			}
				.shoppiego-block .col:first-of-type .discount-icon img.discount-icon-badge
				{
					position: absolute;
					right: 0;
					top: 50%;
					transform: translate(50%, -50%);
					-webkit-transform: translate(50%, -50%);
					-moz-transform: translate(50%, -50%);
					-ms-transform: translate(50%, -50%);
					-o-transform: translate(50%, -50%);
					width: 40%;
				}

			@-webkit-keyframes pulse {
				0% {
					height: 95%;
					opacity: 1;
					width: 95%;
				}
				100%
				{
					height: 160%;
					opacity: 0;
					width: 160%;
				}
			}
			@-moz-keyframes pulse {
				0% {
					height: 95%;
					opacity: 1;
					width: 95%;
				}
				100%
				{
					height: 160%;
					opacity: 0;
					width: 160%;
				}
			}
			@-ms-keyframes pulse {
				0% {
					height: 95%;
					opacity: 1;
					width: 95%;
				}
				100%
				{
					height: 160%;
					opacity: 0;
					width: 160%;
				}
			}
			@keyframes pulse {
				0% {
					height: 95%;
					opacity: 1;
					width: 95%;
				}
				100%
				{
					height: 160%;
					opacity: 0;
					width: 160%;
				}
			}

		.shoppiego-block .col:nth-of-type(2) img { margin-bottom: 20px; }

	.shoppiego-lead
	{
		font-size: 20px;
		font-weight: 900;
		letter-spacing: 2px;
		margin-bottom: 40px;
		text-transform: uppercase;
	}

/* 2019 OSZ */

#teaser-page
{
	background-color: #353191;
	height: 100vh;
	position: relative;
	width: 100%;
}
	.teaser-page-pattern
	{
		/* background-image: url('../img/teaser/bg.svg'); */
		background-color: #FFF586;
		background-position: center;
		background-size: cover;
	}

	.teaser-main
	{
		max-width: 550px;
		position: relative;
		width: 90%;
	}
		.teaser-box
		{
			background-color: #FFF;
			/* border: 2px #ec038c solid; */
			padding: 60px;
			position: relative;
			text-align: center;
			z-index: 10;
		}
			/* .teaser-box img { width: 100%; } */
			.teaser-box-img
			{
				max-height: 240px;
				overflow: hidden;
			}

			.teaser-box h2
			{
				margin: 20px 0 0;
				padding: 0;
				color: #ed86b5;
				text-transform: uppercase;
				line-height: 1.1;
			}
			.teaser-box h2::after { display: none }

			.teaser-box h3
			{
				text-transform: uppercase;
				font-size: 30px;
				margin: 20px 0 0;
				color: #ed86b5;
			}
			
			.teaser-box h3 strong
			{
				color: #ec038c;

			}

		.teaser-anim
		{
			border: 5px solid #ec038c;
			left: auto;
			right: -20px;
			top: -20px;
			/* -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
			-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
			box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); */
		}

/* footer { display: none; } */

#scrollTop 
{ 
	background-color: #E65EC5;
	border-radius: 100%;
	box-shadow: 0 0 15px rgba(0,0,0,.25);
	bottom: 15px;
	color: #FFF;
	cursor: pointer;
	font-size: 28px;
	height: 40px;
	line-height: 1em;
	padding: 5px 0;
	position: fixed;
	right: 15px;
	text-align: center;
	width: 40px;
	z-index: 1000;
}
	#scrollTop:hover
	{
		background-color: #FFF;
		color: #E65EC5;
	}

#mobil-menu { display: none; }

.page-simple-page
{
	padding: 40px 0;
}
	.simple-page-title
	{
		font-size: 36px;
		font-weight: 900;
		line-height: 1.2em;
	}

	article footer { display: none; }

@media screen and (max-width: 500px)
{

	/*header .header-logo-answer,
	header .header-logo-media { display: none; }*/
}

@media screen and (max-width: 1024px)
{
	/* MOBIL MENU */
	.header-menu { display: none; }

	#header-mobil-buttons
	{
		display: block;
	}
	#header-mobil.active
	{
		opacity: 1;
		pointer-events: all;
	}

	#header-mobil ul li.show-on-desktop { display: none; }

	.header-logo { margin: 0 10px 0 0; }
		.header-logo-answer { width: 60px; }

		.header-menu a { padding: 5px 12px; }

	.disclaimer .underline-white
	{
		white-space: normal;
	}
	.disclaimer .fontSize-30 { font-size: 18px; }

	.home-list-item
	{
		flex-direction: column;
	}
		.home-list .col
		{
			min-height: inherit;
			width: 100%;
		}
			.home-list-item-pic
			{
				order: 1;
				padding-top: 90%;
			}
				.home-list-item:nth-of-type(even) .home-list-item-pic { order: 0; }
			.home-list-item-text
			{
				display: block;
				max-width: none;
				padding: 45px 0;
			}
			.home-list-item-text-col { order: 2; }

	.shoppiego-block .centerPart
	{
		align-items: center;
		flex-direction: column;
	}
		.shoppiego-block .col
		{
			width: 100%;
		}
			.shoppiego-block .col:first-of-type
			{
				margin: 0 auto 40px;
				max-width: 400px;
				padding: 0;
			}

			.discount-icon-1,
			.discount-icon-2,
			.discount-icon-3
			{
				display: none;
			}
			.discount-icon-4 { width: 40%; }

			.shoppiego-block .col:nth-of-type(2)
			{
				max-width: 400px;
			}

		.shoppiego-lead { text-align: center; }


		.home-list-item-logo {
			position: relative;
		}


			.coupon-page-coupon
			{
				max-width: 190px;
			}


		.um-page-register .um-138 ._um_row_3 {
			 margin-top: -30px !important;
		}

		.um-page-register .um-138 ._um_row_3 .um-field-zip .um-form-field {
			margin-bottom: 15px !important;
		}

	.step
	{
		-ms-flex-direction: column;
		flex-direction: column;
		}
		.row:first-of-type .pic
		{
			display: none;
		}
	
		.twoColumn_5050_picPos .pic,
		.twoColumn_5050_picPos .text,
		.twoColumn_5050_picPos.picOnTheLeft .text,
		.twoColumn_5050_picPos.picOnTheLeft .pic,
		.twoColumn_5050_picPos .centerPart .text
		{
			width: 100%;
		}
	
		.twoColumn_5050_picPos.picOnTheLeft .text,
		.twoColumn_5050_picPos .text,
		.twoColumn_5050_picPos .centerPart .text
		{
			padding-left: 0;
			padding-right: 0;
			text-align: center;
		}
	
		.twoColumn_5050_picPos .pic,
		.twoColumn_5050_picPos.picOnTheLeft .pic
		{
			height: auto;
			left: auto;
			padding-top: 55%;
			position: relative;
			top: auto;
		}

		.row:nth-of-type(2) .step { padding-top: 0; }
		.row:nth-of-type(2) .text { padding-top: 60px; }

	#favorites .flexBox
	{
		flex-wrap: wrap;
	}
		#favorites .col
		{
			width: 47%;
		}
		#favorites .col:last-of-type { margin: 0 auto 20px; }

	.has-small-font-size { margin: 0 -100px; }
}

@media screen and (max-width: 840px)
{
	.coupon,
	.coupon-mm
	{
		width: 50%;
	}

	.header-mid-title-item
	{
		font-size: 35px;
	}
		/* online kuponok, regisztracio */
		.page-id-123 .header-mid-title-item,
		.page-id-133 .header-mid-title-item { font-size: 24px; }

		.showOn-desktop { display: none; }
		.showOn-mobil { display: block; }

	h2 { font-size: 30px; }
		.welcome-text h2 
		{ 
			font-size: 40px; 
			margin: 0 auto 40px;
		}
		#openBlock h2 { margin-bottom: 10px; }

	.shoppiego-block .col:first-of-type
	{
		padding: 0 10% 40px;
	}
	.discount-icon-4 { left: 10%; }

	/* HOME */
	.fullWidthPic
	{
		min-height: inherit;
		padding-top: 55%;
	}

	.home-list-item-text
	{
		padding: 35px 20px;
	}
		.home-list-item:first-of-type,
		.text-lead { font-size: 16px; }

	#home-regAdvantages .flexBox { display: block; }

		#home-regAdvantages .col
		{
			margin: 0 auto 40px;
			max-width: 340px;
			width: 100%;
		}
			#home-regAdvantages .col:nth-of-type(2) { margin: 0 auto 40px; }

			.icon
			{
				font-size: 20px;
				height: 40px;
				margin: 0 auto 10px;
				padding: 10px 10px 0;
				width: 40px;
			}
				.icon img { vertical-align: top; }

				#home-regAdvantages .col:nth-of-type(2) .icon { padding-top: 15px; }

	#home-coupons .bg-purple p { margin: 30px 0; }

	#support-main img
	{
		margin: 0 2% 15px;
	}

	#support-mid .centerPart
	{
		flex-wrap: wrap;
		justify-content: center;
		max-width: 500px;
	}
		.visible-city .support-mid,
		.visible-village .support-mid
		{
			margin: 0 0 8%;
			max-width: 150px;
			width: 46%;
		}
			.visible-city .support-mid:nth-of-type(1),
			.visible-city .support-mid:nth-of-type(3),
			.visible-city .support-mid:nth-of-type(5),
			.visible-village .support-mid:nth-of-type(1),
			.visible-village .support-mid:nth-of-type(3),
			.visible-village .support-mid:nth-of-type(5)
			{
				margin-right: 8%;
			}

			/*#home-coupons .centerPart {
				padding: 60px 20px;
			}*/

			.welcome-text p
			{
				/*margin: 30px 30px 40px 30px;*/
				font-size: 16px;
				line-height: inherit;
			}

			.coupon-header-block h2 {
				display: initial;
				font-size: 28px;
    			line-height: 50px;
				margin: 0 auto 40px auto;
				width: calc( 100% - 60px );
			}

	.welcome-text {
		padding: 40px 30px 60px 30px;
	}

	.reg-container .underline-white {
		margin: 20px 0 0 0;
		-webkit-box-shadow: 20px 0 0 #fff, -20px 0 0 #fff;
		box-shadow: 20px 0 0 #fff, -20px 0 0 #fff;
	}

	/* KUPONOK */
	.header-mid .centerPart { height: 130px; }

	#couponFilters input[type="text"],
	#couponFilters input[type="submit"],
	.coupon-filter-sale,
	.coupon-filter-cat
	{
		float: none;
	}

		.couponFilterTyped-box
		{
			margin: 0 0 10px;
			width: 100%;
		}
		#couponFilters input[type="submit"]
		{
			display: block;
			margin: 0 auto;
			text-align: center;
			width: 170px;
		}

		.coupon-filter-button { min-width: inherit; }

		.coupon-filter-sale, .coupon-filter-cat
		{
			width: 100%;
		}

		.coupon-filter-cat { margin: 0 0 20px; }

	.coupons-hidden::before { left: -4px; }
	.coupons-hidden::after { right: -4px; }

	/* PROGRAMOK */
	.program-list
	{
		margin: 0 auto;
		max-width: 600px;
	}
		.show-city .program-item,
		.show-city .program-item:nth-of-type(3n + 3),
		.show-village .program-item
		{
			margin: 0 8% 8% 0;
			width: 46%;
		}
			.show-city .program-item:nth-of-type(even),
			.show-village .program-item:nth-of-type(even) { margin-right: 0; }

	/* PROFIL OLDAL */
	.rating-title { font-size: 30px; }
}

@media screen and (max-width: 768px)
{
	.show-on-desktop { display: none; }
	.show-on-mobil { display: block; }

	.teaser-box { padding: 40px; }

	h1 { font-size: 30px; }
	h2 
	{ 
		font-size: 22px; 
		line-height: 1.2em;
		margin-top: 0;
	}

	.reg-login-box { padding: 40px 0 0; }
	.reg-login-box-nav
	{
		-webkit-justify-content: center;
		justify-content: center;
	}

	.prog-filter
	{
		width: 115px;
	}
	.coupon-filter-button { width: 100% }

	footer .centerPart
	{
		-ms-flex-direction: column;
		flex-direction: column;
	}
		footer .centerPart .col 
		{
			text-align: center;
			width: 100%;
		}
			footer .centerPart .header-logo 
			{ 
				margin: 0 auto 20px;
				width: 110px; 
			}

	#mobil-menu
	{
		background-color: #FFF;
		box-shadow: 0 0 10px rgba(0, 0, 0, .5);
		bottom: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		/*height: 60px;*/
		left: 0;
		padding: 13px 20px;
		position: fixed;
		right: 0;
		z-index: 105;
	}
		.mobil-menu-item
		{
			color: #C4C4C4;
			cursor: pointer;
			font-size: 9px;
			font-weight: 500;
			line-height: 1.2em;
			position: relative;
		}
			.mobil-menu-item:hover
			{
				color: #000;
			}

			.mobil-menu-item-pic { margin-bottom: 5px; }
				.mobil-menu-item-pic img
				{
					max-height: 18px;
					max-width: 25px;
					width: 100%;
				}
				.mobil-menu-item-pic-grey { opacity: 1 }
				.mobil-menu-item-pic-black
				{
					left: 50%;
					opacity: 0;
					position: absolute;
					top: 0;
					-moz-transform: translateX(-50%);
					-ms-transform: translateX(-50%);
					-o-transform: translateX(-50%);
					-webkit-transform: translateX(-50%);
					transform: translateX(-50%);
					width: 100%;
					z-index: 2;
				}

				.mobil-menu-item:hover .mobil-menu-item-pic-grey { opacity: 0; }
				.mobil-menu-item:hover .mobil-menu-item-pic-black { opacity: 1; }

	#favorites .flexBox,
	.page-coupon--page .centerPart .flexBox
	{
		-ms-flex-direction: column;
		flex-direction: column;
	}
		#favorites .col,
		#favorites .col:last-of-type,
		.page-coupon--page .col
		{
			margin: 0 0 20px;
			width: 100%;
		}

		.coupon-page-coupon { max-width: 250px; }

	.code-advantages
	{
		flex-wrap: wrap;
	}
		.code-advantages .col,
		.code-advantages .col:first-of-type,
		.code-advantages .col:nth-of-type(2),
		.code-advantages .col:last-of-type
		{
			margin: 0 0 25px;
			padding: 0 0 25px;
			width: 100%;
		}
			.code-advantages .col::after
			{
				bottom: 0;
				height: 1px;
				left: 50%;
				top: auto;
				-moz-transform: translate(-50%, 0);
				-ms-transform: translate(-50%, 0);
				-o-transform: translate(-50%, 0);
				-webkit-transform: translate(-50%, 0);
				transform: translate(-50%, 0);
				width: 70px;
			}
			.code-advantages .col:last-of-type
			{
				margin-bottom: 0;
				padding-bottom: 0;
			}
				.code-advantages .col:last-of-type::after { display: none; }

	.reg-login-box .col
	{
		width: 100%;
	}	
		.reg-login-box .col:first-of-type
		{
			border-bottom: 1px solid #E65EC5;
			border-right: none;
			margin-bottom: 20px;
			padding: 0 0 20px;
		}
		.reg-login-box .col:last-of-type
		{
			padding: 0;
		}

	.magazin-promo { display: none; }

	.has-small-font-size { margin: 0; }
}

@media screen and (max-width: 440px)
{
	#header-mobil { padding: 0 40px; }
}

@media screen and (max-height: 640px)
{
	#header-mobil a { margin-bottom: 10px; }

	.show-city .program-item, 
	.show-city .program-item:nth-of-type(3n + 3), 
	.show-village .program-item
	{
		margin: 0 0 8%;
		width: 100%;
	}
}

.dfp-ad-zone
{
	margin: 25px 0 40px 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}

	.dfp-ad-zone::after
	{
		content: 'HIRDETÉS';
		position: absolute;
		bottom: -20px;
		left: calc(50%);
		margin: 0 0 0 -23px;
		text-transform: uppercase;
	    font-size: 11px;
	    line-height: 1.5em;
	}

/* Vigyázz magadra piktogramok */
.care-pictograms-container {
	margin: 45px auto;
	max-width: 1200px;
	padding: 0 20px;
}

	.care-pictograms {
		display: flex;
		justify-content: space-around;
	}
	
		.care-pictograms > div {
			width: 250px;
			text-align: center;
		}

			.care-pictograms > div .circle {
				width: 150px;
				height: 150px;
				line-height: 150px;
				border-radius: 100%;
				background: transparent;
				margin: 0 auto 20px auto;
				text-align: center;
			}
			
			.care-pictograms > div p {
				font-size: 16px;
				line-height: 150%;
				text-align: center;
				letter-spacing: 0.02em;
			}

@media screen and (max-width: 640px)
{
	.care-pictograms-container {
		margin: 20px;
		max-width: auto;
	}
		.care-pictograms {
			display: block;
			text-align: center;
		}
	
			.care-pictograms > div {
				width: calc(100% / 2 - 15px);
				display: inline-block;
				vertical-align: top;
				text-align: center;
			}

			.care-pictograms > div .circle
			{
				height: 100px;
				padding: 20px;
				width: 100px;
			}
			.care-pictograms > div .circle img
			{
				vertical-align: top;
			}	
}