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

@font-face {
    font-family: 'basierRegular';
    src: url('../fonts/basier/regular/basiersquare-regular-webfont.eot');
    src: url('../fonts/basier/regular/basiersquare-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/basier/regular/basiersquare-regular-webfont.woff2') format('woff2'),
         url('../fonts/basier/regular/basiersquare-regular-webfont.woff') format('woff'),
         url('../fonts/basier/regular/basiersquare-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'basierBold';
    src: url('../fonts/basier/bold/basiersquare-bold-webfont.eot');
    src: url('../fonts/basier/bold/basiersquare-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/basier/bold/basiersquare-bold-webfont.woff2') format('woff2'),
         url('../fonts/basier/bold/basiersquare-bold-webfont.woff') format('woff'),
         url('../fonts/basier/bold/basiersquare-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'basierSemiBold';
    src: url('../fonts/basier/semibold/basiersquare-semibold-webfont.eot');
    src: url('../fonts/basier/semibold/basiersquare-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/basier/semibold/basiersquare-semibold-webfont.woff2') format('woff2'),
         url('../fonts/basier/semibold/basiersquare-semibold-webfont.woff') format('woff'),
         url('../fonts/basier/semibold/basiersquare-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

body
{
	color: #000;
	font-family: 'basierRegular';
	font-size: 17px;
	line-height: 1.8em;
	margin: 0;
	padding: 0;
}

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

input
{
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
}

p
{
	margin: 0 0 25px;
}

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

strong, b
{
	font-family: 'basierBold';
	font-weight: 400;
}

.makeItClear
{
	clear: both;
}

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

.gradient-blue
{
	background: #9cfdef;
	background: -moz-linear-gradient(45deg, #9cfdef 0%, #01ccff 100%);
	background: -webkit-linear-gradient(45deg, #9cfdef 0%,#01ccff 100%);
	background: linear-gradient(45deg, #9cfdef 0%,#01ccff 100%);
}

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

#container, .centerPart, #header,
.row, .fullRow, .step,
.formRow
{
	position: relative;
	width: 100%;
}

.centerPart
{
	margin: 0 auto;
	max-width: 1350px;
	padding: 0 40px;
}

.buttonStyle
{
	background-color: #000;
	border: 1px solid #000;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	line-height: 1em;
	padding: 10px 50px 8px;
	text-transform: uppercase;
}
	.buttonStyle:hover
	{
		background-color: transparent;
		color: #000;
	}

h1, h2, h3, h4
{
	font-weight: 400;
	margin: 0;
}

h2
{
	font-family: 'basierBold';
	font-size: 32px;
	letter-spacing: 3px;
	line-height: 1.25em;
	margin-bottom: 25px;
	text-transform: uppercase;
}

h3
{
	font-family: 'basierBold';
	font-size: 20px;
	letter-spacing: 2px;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.flexBox
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

/* HEADER */
	.headerMenu
	{
		background-color: #FFF;
		box-shadow: 0 0 20px rgba(0,0,0,.15);
		color: #000;
		left: 0;
		padding: 15px 20px;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
		z-index: 5;
	}
		.headerMenu .centerPart
		{
			align-items: center;
			display: flex;
			justify-content: space-between;
		}
			.headerLogo
			{
				color: #FFF;
				text-transform: uppercase;
				width: 120px;
			}
			.menuBox
			{
				max-width: calc(100% - 120px);
				padding-left: 20px;
				text-align: right;
			}
				.menuBox a
				{
					color: #000;
					font-family: 'basierSemiBold';
					font-size: 12px;
					letter-spacing: 2px;
					padding: 10px 20px;
					text-decoration: none;
					text-transform: uppercase;
				}
					.menuBox a:last-of-type { padding-right: 0; }
					.menuBox a:hover { text-decoration: underline; }


				.menuBox .lang-select,
				.lang-mobil .lang-select
				{
					margin-left: 20px;
					opacity: .5;
				}
					.menuBox .lang-select a,
					.lang-mobil .lang-select a
					{
						font-family: 'basierRegular';
						padding: 10px 0;
						text-transform: lowercase;
					}
					.menuBox .lang-select a:first-of-type,
					.lang-mobil .lang-select a:first-of-type { margin-right: 3px; }
					.menuBox .lang-select a:last-of-type,
					.lang-mobil .lang-select a:last-of-type { margin-left: 5px; }

				.lang-mobil { display: none; }

	#openBlock
	{
		background-image: url('../img/bg-open.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 45%;
		position: relative;
		width: 100%;
	}

	.headerMain
	{
		font-size: 20px;
		max-width: 740px;
		padding: 40px 20px;
		text-align: center;
	}
		/*.headerMain p:last-of-type { margin-bottom: 0; }*/

		.lead
		{
			font-family: 'basierBold';
			font-size: 22px;
			letter-spacing: 2px;
		}

		.headerMain-logo
		{
			margin-bottom: 20px;
			max-width: 470px;
			width: 80%;
		}

.row { overflow: hidden; }

.row:nth-of-type(odd) .step:first-of-type { background-color: #F1F1F1; }

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

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

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

/* TIPUS - 3 */
.twoColumn_4060_samePos .pic { width: 40%; }
.twoColumn_4060_samePos .text
{
	padding-left: 40px;
	width: 60%;
}

/* HELYCSERE */
.twoColumn_4060_picPos.picOnTheRight .pic
{
	left: auto;
	right: 0;
}
.twoColumn_4060_picPos.picOnTheRight .centerPart { justify-content: flex-start; }
	.twoColumn_4060_picPos.picOnTheRight .centerPart .text,
	.twoColumn_4060_samePos.picOnTheRight  .centerPart .text
	{
		padding-left: 0;
		padding-right: 40px;
	}

	/* FORDITOTT ARANYOK */
	.twoColumn_4060_picPos.bigPic .pic { width: 60%; }
	.twoColumn_4060_picPos.bigPic .centerPart .text { width: 35%; }

/* TIPUS - 4 */
.twoColumn_4060_picPos .centerPart
{
	display: flex;
	justify-content: flex-end;
}
	.twoColumn_4060_picPos .pic
	{
		width: 40%;
	}
	.twoColumn_4060_picPos .centerPart .text
	{
		padding-left: 40px;
		width: 60%;
	}

/* 2 HASABOS TARTALOM */
.twoColumn_text
{
	display: flex;
	justify-content: space-between;
}
	.twoColumn_text .column,
	.threeColumn-255025 .centerPart .twoColumn_text .column:first-of-type,
	.threeColumn-255025 .centerPart .twoColumn_text .column:last-of-type
	{
		width: 50%;
	}
		.twoColumn_text .column:first-of-type,
 		.threeColumn-255025 .centerPart .twoColumn_text .column:first-of-type { padding-right: 20px; }
		.twoColumn_text .column:last-of-type,
		.threeColumn-255025 .centerPart .twoColumn_text .column:last-of-type
{
	padding-left: 20px;
	padding-right: 0;
}

		.twoColumn_text .column p:last-of-type { margin-bottom: 0; }

/* 3 HASABOS TARTALOM */
.threeColumn .centerPart,
.fourColumn .centerPart
{
	display: flex;
}
.threeColumn .centerPart .column
{
	width: 33.333%;
}
	.threeColumn .centerPart .column:first-of-type { padding-right: 33px; }
	.threeColumn .centerPart .column:nth-of-type(2) { padding: 0 17px; }
	.threeColumn .centerPart .column:last-of-type { padding-left: 33px; }

/* 4 HASABOS TARTALOM */
.fourColumn .centerPart .column { width: 25%; }
	.fourColumn .centerPart .column:first-of-type { padding-right: 33px; }
	.fourColumn .centerPart .column:nth-of-type(2) { padding: 0 17px; }
	.fourColumn .centerPart .column:nth-of-type(3) { padding: 0 17px; }
	.fourColumn .centerPart .column:last-of-type { padding-left: 33px; }

/* 3 HASABOS TARTALOM CIKKEKKEL */
.column { position: relative; }
h3
{
	margin: 0 0 20px;
}

.postPic
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #AAA;
	margin-bottom: 20px;
	padding-top: 65%;
	position: relative;
}
.threeColumn-articles a
{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}
.threeColumn-articles .column:hover h3 { text-decoration: underline; }
.threeColumn-articles .column:hover .buttonStyle
{
	background-color: transparent;
	color: #000;
}

/* OWL CAROUSEL */
.owlCarouselBox .galleryBox
{
	height: 0;
	overflow: hidden;
}
	.itemPic
	{
		margin-bottom: 20px;
	}
	p.itemTitle
	{
		font-size: 22px;
		margin-bottom: 10px;
	}
	p.itemText
	{
		font-size: 18px;
	}

.arrowLeft,
.arrowRight
{
	background-color: rgba(255,255,255,.7);
	border: 1px solid #000;
	color: #000;
	font-size: 30px;
	height: 50px;
	line-height: 1em;
	padding-top: 8px;
	position: absolute;
	text-align: center;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 50px;
}
	.arrowLeft { left: 0; }
	.arrowRight { right: 0; }

	.arrowLeft:hover,
	.arrowRight:hover
	{
		background-color: #000;
		color: #FFF;
	}

.row .textWithFullBg
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
	.row .textWithFullBg .text
	{
		padding: 40px;
	}

.row .blackBgWithWhiteText .text
{
	background-color: rgba(0,0,0,.9);
	color: #FFF;
}
	.blackBgWithWhiteText .buttonStyle
	{
		background-color: #FFF;
		border: 1px solid #FFF;
		color: #000;
	}
		.blackBgWithWhiteText .buttonStyle:hover
		{
			background-color: transparent;
			color: #FFF;
		}

/*.threeColumn-255025
{
	padding-bottom: 0;
	padding-top: 0;
}*/

.threeColumn-255025 .centerPart { align-items: center; }
	.threeColumn-255025 .column:first-of-type,
	.threeColumn-255025 .column:last-of-type
	{
		width: 25%;
	}
	.threeColumn-255025 .column:nth-of-type(2)
	{
		padding-bottom: 40px;
		padding-top: 40px;
		width: 50%;
	}

/* URLAP */
.formBox
{
	padding-bottom: 50px;
	padding-top: 80px;
}

.formBox form
{
	display: flex;
	position: relative;
	width: 100%;
}
	.formBox .column
	{
		padding-bottom: 30px;
	}

	.formBox .column:first-of-type
	{
		padding-right: 30px;
		width: calc(55% - 170px);
	}
	.formBox .column:nth-of-type(2)
	{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		width: 340px;
	}
	.formBox .column:last-of-type
	{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-left: 30px;
		text-align: left;
		width: calc(45% - 170px);
	}

		#thereIsAFault
		{
			bottom: 100%;
			color: #FF4E00;
			display: none;
			font-family: 'basierBold';
			font-size: 18px;
			left: 0;
			margin-bottom: 10px;
			position: absolute;
			text-align: center;
			width: 100%;
		}

.formRow, .formProductPic { margin-bottom: 20px; }

.formRow input:focus, input[type="submit"], textarea { outline: none; }

	.formRow input[type="text"],
	.formRow input[type="email"],
	textarea
	{
		background-color: transparent;
		border: 1px solid #000;
		color: #000;
		font-family: 'basierSemiBold';
		font-size: 16px;
		height: 50px;
		padding: 10px;
		text-transform: uppercase;
		width: 100%;
	}

	textarea
	{
		height: 150px;
		resize: none;
	}

	.formRow .fa-exclamation-circle
	{
		color: #FF4E00;
		display: none;
		font-size: 24px;
		line-height: 1em;
		position: absolute;
		right: 10px;
		top: 12px;
	}

	#city, #zip, #street, #number
	{
		float: left;
	}
		#zip
		{
			margin-right: 15px;
			width: 140px;
		}
		#city { width: calc(100% - 155px); }
		#street
		{
			margin-right: 15px;
			width: calc(100% - 125px);
		}
		#number { width: 110px; }

		.formRow input::-webkit-input-placeholder, .formRow textarea::-webkit-input-placeholder { color: #000; opacity: 1; }
		.formRow input::-moz-placeholder, .formRow textarea::-moz-placeholder { color: #000; opacity: 1; }
		.formRow input:-ms-input-placeholder, .formRow textarea:-ms-input-placeholder { color: #000; opacity: 1; }
		.formRow input:-moz-placeholder, .formRow textarea:-moz-placeholder { color: #000; opacity: 1; }

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

	#phone
	{
		border: 1px solid #000;
		clear: both;
		padding-left: 115px;
	}
		#phone::before
		{
			content: "Telefonszám";
			font-size: 16px;
			left: 10px;
			position: absolute;
			top: 14px;
		}
		.intl-tel-input { width: 100%; }
		#phone input { border: none; }

		.formRow input#tryitPhone::-webkit-input-placeholder { color:#000; opacity: .5; }
		.formRow input#tryitPhone::-moz-placeholder { color:#000; opacity: .5; }
		.formRow input#tryitPhone:-ms-input-placeholder { color:#000; opacity: .5; }
		.formRow input#tryitPhone:-moz-placeholder { color:#000; opacity: .5; }

	#birthdate { margin-bottom: 0; }
	.birthdayHelp
	{
		bottom: 0;
		color: #999;
		font-size: 14px;
		height: 0;
		left: 0;
		overflow: hidden;
		padding-top: 0;
		position: absolute;
		text-align: left;
	}

/* KERDESEK */
.checkOrRadio { margin-bottom: 15px; }

p.question
{
    font-size: 20px;
	line-height: 1.3em;
    margin-bottom: 5px;
}

.checkRules input[type="checkbox"], .formRow input[type="radio"] { display: none; }

	.checkRules input[type="checkbox"] + label,
	.formRow input[type="radio"] + label
	{
		cursor: pointer;
		display: block;
		font-size: 15px;
		margin-bottom: 5px;
		padding-left: 25px;
		position: relative;
	}
		.formRow input[type="checkbox"]::before,
		.formRow input[type="radio"] + label::before,
		.checkRules input[type="checkbox"] + label::before
		{
			border: 1px solid #000;
			content: '';
			display: block;
			height: 15px;
			left: 0;
			position: absolute;
			top: 0;
			width: 15px;
		}
		.formRow input[type="checkbox"]:checked + label::after,
		.formRow input[type="radio"]:checked + label::after,
		.checkRules input[type="checkbox"]:checked + label::after
		{
			background-color: #000;
			content: '';
			display: block;
			height: 9px;
			left: 3px;
			position: absolute;
			top: 3px;
			width: 9px;
		}

		.checkRules input[type="checkbox"] + label, .extraInfo
		{
			font-size: 11px;
			line-height: 1.2em;
		}

input[type="submit"]
{
    background-color: #BD10E0;
    border: 1px solid #BD10E0;
    color: #FFF;
    cursor: pointer;
    display: block;
	font-family: 'basierSemiBold';
    font-size: 17px;
    height: 45px;
    margin-top: 20px;
    max-width: 320px;
    padding: 0 15px;
    text-align: center;
    width: 220px;
}

.wrongFill { border: 2px solid #FF4E00 !important; }

.fullWidthTitle
{
	background-color: #000;
	color: #FFF;
	font-size: 24px;
	margin: 0;
	padding: 15px 20px;
	text-align: center;
	text-transform: uppercase;
}

.picGalleryWithZoom .itemPic
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	margin-bottom: 0;
	padding-top: 120%;
	position: relative;
}
	.zoomIcon
	{
		background-color: rgba(130,130,130,.50);
		color: #FFF;
		height: 100%;
		left: 0;
		opacity: 0;
		pointer-events: none;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
		z-index: 10;
	}
		.picGalleryWithZoom .itemPic:hover .zoomIcon
		{
			opacity: 1;
			pointer-events: all;
		}

		.zoomIcon .fa
		{
			font-size: 40px;
			left: 50%;
			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%);
		}

.text-small
{
	display: inline-block;
	max-width: 450px;
}

.howToUseBox { padding: 0; }

.howToUseBox::before,
.connectBox::before
{
	background: -moz-linear-gradient(left, rgba(66,224,248,1) 20%, rgba(66,224,248,0) 100%);
	background: -webkit-linear-gradient(left, rgba(66,224,248,1) 20%,rgba(66,224,248,0) 100%);
	background: linear-gradient(to right, rgba(66,224,248,1) 20%,rgba(66,224,248,0) 100%);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 80%;
}

.howToUseBox .text
{
	padding-right: 0;
}

ul.howToUse
{
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
	ul.howToUse::after
	{
		background-color: #FFF;
		content: '';
		height: 95%;
		left: 25px;
		position: absolute;
		top: 0;
		width: 1px;
		z-index: 2;
	}

	ul.howToUse li
	{
		line-height: 1.2em;
		margin: 0 0 25px;
		min-height: 40px;
		padding-left: 80px;
		position: relative;
		z-index: 5;
	}
		ul.howToUse li:last-of-type { margin: 0; }

		.howToUse-icon
		{
			background-color: #42E0F8;
			border: 2px solid #FFF;
			border-radius: 100%;
			-webkit-border-radius: 100%;
			-moz-border-radius: 100%;
			-ms-border-radius: 100%;
			-o-border-radius: 100%;
			height: 50px;
			left: 0;
			padding: 9px 0 0;
			position: absolute;
			text-align: center;
			top: 50%;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			width: 50px;
		}

.button-style
{
	background-color: #BD10E0;
	border: 1px solid #BD10E0;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	-ms-border-radius: 2em;
	-o-border-radius: 2em;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-family: 'basierSemiBold';
	font-size: 14px;
	line-height: 1em;
	padding: 10px 40px;
	position: relative;
	text-transform: uppercase;
}
	.button-style:hover
	{
		background-color: transparent;
		color: #BD10E0;
	}

.connectBox::before
{
	background: -moz-linear-gradient(right, rgba(66,224,248,1) 20%, rgba(66,224,248,0) 100%);
	background: -webkit-linear-gradient(right, rgba(66,224,248,1) 20%,rgba(66,224,248,0) 100%);
	background: linear-gradient(to left, rgba(66,224,248,1) 20%,rgba(66,224,248,0) 100%);
	left: auto;
	right: 0;
	top: 0;
}

#footer
{
	background-color: #BD10E0;
	color: #FFF;
	padding: 10px 0;
}
	.footer-logo
	{
		margin: 0 auto;
		position: relative;
		width: 130px;
	}
		.footer-logo img { width: 100%; }

.partnersBox
{
	text-align: center;
}
	.partner
	{
		background-position: center;
		background-repeat: no-repeat;
		background-size: 80% auto;
		border: 1px solid #979797;
		border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		-ms-border-radius: 100%;
		-o-border-radius: 100%;
		display: inline-block;
		height: 150px;
		margin: 0 10px 20px;
		position: relative;
		width: 150px;
	}

	.partnersBox p
	{
		margin: 0 auto 25px;
		max-width: 660px;
	}

#messageLayer
{
	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
	{
		opacity: 1;
		pointer-events: all;
	}

	.messageBox
	{
		background: #9cfdef;
		background: -moz-linear-gradient(45deg, #9cfdef 0%, #01ccff 100%);
		background: -webkit-linear-gradient(45deg, #9cfdef 0%,#01ccff 100%);
		background: linear-gradient(45deg, #9cfdef 0%,#01ccff 100%);
		color: #000;
		max-width: 480px;
		padding: 50px 40px;
		position: relative;
		width: 100%;
		z-index: 20;
	}
		.messageBox h3
		{
			font-size: 44px;
			text-transform: uppercase;
		}
		.messageBox p
		{
			margin: 0;
		}

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

.store-icon
{
	margin: 0 10px 10px;
	width: 140px;
}

#menuButton { display: none; }

.submitbutton
{
	font-size: 14px;
	padding: 10px 40px;
	transition: .3s all ease-in-out;
	-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;
}

@media screen and (max-width: 1023px)
{
	.textWithFullBg.twoColumn_5050_picPos .centerPart
	{
		justify-content: center;
	}
	.textWithFullBg.twoColumn_5050_picPos .centerPart .text
	{
		max-width: 640px;
		width: 100%;
	}

	.twoColumn_text
	{
		display: block;
	}
		.twoColumn_text .column,
		.threeColumn-255025 .centerPart .twoColumn_text .column,
		.threeColumn-255025 .centerPart .twoColumn_text .column:first-of-type,
		.threeColumn-255025 .centerPart .twoColumn_text .column:last-of-type
		{
			width: 100%;
		}
			.twoColumn_text .column:first-of-type,
			.threeColumn-255025 .centerPart .twoColumn_text .column:first-of-type
			{
				margin-bottom: 20px;
				padding-right: 0;
			}
			.twoColumn_text .column:last-of-type,
			.threeColumn-255025 .centerPart .twoColumn_text .column:last-of-type { padding-left: 0; }

	.fourColumn .centerPart
	{
		flex-flow: row wrap;
	}
	.fourColumn .centerPart .column
	{
		flex: 1;
		flex-basis: 50%;
		width: 50%;
	}
		.fourColumn .centerPart .column:first-of-type,
		.fourColumn .centerPart .column:nth-of-type(3)
		{
			padding: 0 25px 0 0;
		}
		.fourColumn .centerPart .column:nth-of-type(2),
		.fourColumn .centerPart .column:last-of-type
		{
			padding: 0 0 0 25px;
		}

	.step
	{
		display: block;
		padding: 0;
	}

	.twoColumn_5050_picPos.picOnTheLeft .pic,
	.twoColumn_5050_picPos .pic
	{
		height: auto;
		left: auto;
		padding-top: 50%;
		position: relative;
		width: 100%;
	}

	.twoColumn_5050_picPos.picOnTheLeft .text,
	.twoColumn_5050_picPos .text,
	.twoColumn_5050_picPos .centerPart .text
	{
		padding: 40px 0;
		width: 100%;
	}
	.textAlignRight, .text { text-align: center; }

	.howToUse { text-align: left; }

	.howToUseBox::before,
	.connectBox::before
	{
		background-color: rgba(66,224,248,.8);
		width: 100%;
	}

	#partners
	{
		padding: 40px 0;
	}

	.headerMenu .centerPart
	{
		padding: 0;
	}
		.menuBox a { padding: 10px; }
}

@media screen and (max-width: 768px)
{
	#header { padding-top: 55px; }
	.headerMenu .centerPart
	{
		align-items: flex-start;
		flex-direction: column;
	}
		.menuBox
		{
			height: 0px;
			max-width: none;
			overflow: hidden;
			padding: 0;
			text-align: center;
			width: 100%;
		}
			.menuBox-full a
			{
				display: block;
			}

		#menuButton	{ display: block; }

		.menuBox-full .lang-select { display: none; }

		.lang-mobil
		{
			display: block;
			position: absolute;
			right: 45px;
			top: 0;
			z-index: 10;
		}
			.lang-mobil a
			{
				font-size: 14px;
				text-decoration: none;
				color: #000;
			}

	.lead
	{
		font-size: 18px;
		line-height: 1.4em;
	}

	h2 { font-size: 24px; }

	.steps-box
	{
		align-items: center;
		flex-direction: column;
	}
		.steps-box .col
		{
			margin-bottom: 20px;
			width: 100%;
		}
		.steps-box .col:first-of-type,
		.steps-box .col:nth-of-type(2),
		.steps-box .col:nth-of-type(3) { padding: 0; }

	#footer .centerPart
	{
		align-items: center;
		flex-direction: column;
		justify-content: center;
	}
		.footer-logo { margin-bottom: 10px; }
}



#menuButton
{
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 25px;
}
    #menuButton span
    {
        background-color: #000;
        border-radius: 5px;
        height: 3px;
        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%;
    }
    #menuButton span:first-of-type { top: 2px; }
    #menuButton span:nth-of-type(2) { top: 50%; }
    #menuButton span:last-of-type { top: 18px; }

    #menuButton.opened span:first-of-type
    {
        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)
    {
        width: 0;
    }
    #menuButton.opened span:last-of-type
    {
        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);
    }


#content {
	max-width: 750px;
	margin: auto;
	padding: 100px 20px 20px 20px;
}

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

	#content {
		padding-top: 50px;
	}

}

.site-request-password-reset  .form-group button {
	background: #F5B4D2;
	border: 0;
	padding: 10px 20px;
	font-family: 'basierSemiBold', 'Helvetica', Arial, sans-serif;
	text-transform: uppercase;
}

.page--removal-request {
	text-align: center;
}

.page--removal-request .removal-info {
	margin: 30px 0;
}

.page--removal-request .form-group {
	margin: 40px 0 0;
}

.page--removal-request .form-group button {
	background: #F5B4D2;
	border: 0;
	padding: 20px;
	font-family: 'basierSemiBold', 'Helvetica', Arial, sans-serif;
	text-transform: uppercase;
}

.page--removal-finished {
	text-align: center;
}

.page--removal-request .row,
.page--removal-finished .row {
	margin: 0;
}