@charset "UTF-8";




html, body {
	position: relative;
}

body {
	width: 100%;
	margin: 0;
	padding: 0;
	background: var(--white);
	overflow-x: hidden;
	overflow-y: scroll;
	font-weight: 400;
}

main {
	background: var(--bg);
}



/* general tags and classes */

.clear { clear: both }
.ovf { overflow: hidden; }
.centered { text-align: center }
.nowrap  { white-space: nowrap }



/* resp image */

.img { position: relative }
.img img { display: block; max-width: 100%; margin: 0 auto }

@media only screen and (min-width: 920px) { img.mob-only { display: none } }
@media only screen and (max-width: 919px) { img.desk-only { display: none } }


/* structural */

.fluid { position: relative; margin: 0 auto; max-width: 480px }
.wrap { position: relative; margin-left: 20px; margin-right: 20px }
.dewrap { margin-left: -20px; margin-right: -20px  }



/*.section { position: relative; padding: 24px 0;  }
.section.in { padding: 48px 0 }
.page-end {  padding-bottom: 100px; margin-bottom: 0; }*/


/* CONTENT ELEMENTS */

/*header.in-in {
	margin-top: -32px;
}*/

.section { position: relative; margin-bottom: 48px;  }
.section-in { position: relative; padding: 64px 0;  }
.page-end {  padding-bottom: 48px; }
.page-head {
	padding: 64px 0 56px;
}

.columns .column  { position: relative; margin-bottom: 24px; }
.flex-center .box { overflow: hidden; margin-bottom: 24px; }

.btnholder { margin: 32px -4px 0; padding-bottom: 12px; }
.btnholder .button { margin: 4px }





/* FLEX */

.flex-ever {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}



.table { font-size: 15px; line-height: 20px }
.table .right { text-align: right; font-weight: 500; }
.table .left { font-weight: 600; }
.table .wrap { border-radius: 12px }



/* BACKGROUNDS */

.green-strong { background: var(--green) }
.green { background: var(--greenwashed) }
.green-with-lines { background: var(--greenwashed) }
.green-with-lines2 { background: var(--greenwashed) }
.lightgreen { background: var(--greenlight) }
.lightlightgreen { background: var(--lightlightgreen) }
.white { background: var(--white) }


.green-with-arc {
	background: url(/hu/images/web/bg-arch.png) no-repeat center;
	background-size: 100% auto;
	background-color: var(--greenwashed) ;
}

.archider-base { position: relative; }
.archider-base:before {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	padding-top: 6%;
	content: '';
}

.archider-base:before {
	background: url(/hu/images/web/bg-arch-down.png) no-repeat bottom;
	background-size: 100% auto;
}

.archider-greenwashed:before {
	background: url(/hu/images/web/bg-arch-down-greenwashed.png) no-repeat bottom;
	background-size: 100% auto;
}

.archider-lightgreen:before {
	background: url(/hu/images/web/bg-arch-down-lightgreen.png) no-repeat bottom;
	background-size: 100% auto;
}

.archider-lightlightgreen:before {
	background: url(/hu/images/web/bg-arch-down-lightlightgreen.png) no-repeat bottom;
	background-size: 100% auto;
}

.archider-white:before {
	background: url(/hu/images/web/bg-arch-down-white.png) no-repeat bottom;
	background-size: 100% auto;
}




.page-to-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: url(/hu/images/web/accordion-up-green.png) no-repeat center; background-size: 20px auto;
	background-color: var(--greendark);
	cursor: pointer;
	box-shadow: 0 0 16px rgba(0,0,0,0.1);
	z-index: 10000;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
}

.page-to-top.show {
	opacity: 1;
	pointer-events: auto;
}




/* SPEC */
/* flow with special heading position */

.flow .renting-order h2 {
	position: absolute;
	left: 46%;
	top: 50%;
	transform: translateY(-50%);
}


/* prices */

.prices {
	text-align: center;
}




.pricebox {
	display: block;
	box-sizing: border-box;
	padding: 0 30px 30px;
	font-weight: 700;
	vertical-align: top;
	margin: 0 12px;
}

.price-column-container {
	background: var(--bg);
	margin-left: -30px;
	margin-right: -30px;
}

.price-column-container .price-column {
	margin: 0 6px;
	padding: 0 20px; 
	background: var(--white);
}

.price-column-container .price-column:first-child {
	margin-left: 0;
}

.price-column-container .price-column:last-child {
	margin-right: 0;
}

.pricebox.panel {
	background: var(--white);
	box-shadow: 0px 10px 24px #ededd3;
	text-align: center;
	border-radius: 20px 0px 0px 0px;
	z-index: 1;
	position: relative;
}

.pricebox.panel .badge {
	background: var(--yellow);
	text-align: center;
	border-radius: 20px 0px 0px 0px;
	z-index: -1;
	line-height: 30px;
	font-weight: 700;
	height: 50px;
}

.pricebox .line {
	padding: 6px 0;
	height: 40px;
	max-height: 40px;
	line-height: 20px;
	font-size: 18px;
	font-weight: 700;
}

.pricebox.naked .line.bordered { border-color: transparent; padding-top: 40px }
.pricebox .line.bordered {
	padding: 0 0 24px;
	margin-bottom: 24px;
}

.pricebox .line .caption { display: inline-block;  }
.pricebox .line.bordered .caption { /*font-weight: 700; font-size: 18px; color: var(--green);*/ }

.pricebox .title {
	margin: 24px;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	height: 30px;
}

.pricebox.panel .title {
	margin: 0 -30px 30px;
	padding: 30px 30px;
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
	height: 30px;
	background: var(--green);
	color: #fff;
	border-radius: 20px 0px 0px 0px;
	font-size: 24px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.planico {
	margin-left: 6px;
}

.pricebox.panel .title div {
	white-space: nowrap;
}





.pricebox .price {
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
	color: var(--green);
}

.price-column-container .price {
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
	color: var(--green);
	white-space: nowrap;
}

.price-foot { 
	text-align: left;
	margin-top: 64px;
}




/* cards */

.smallcards {
	position: relative;
	margin: 24px -10px;
}

.smallcards .card .wrap {
	margin: 10px;
}

.card .wrap {
	position: relative;
	box-sizing: border-box;
	text-align: left;
	padding: 30px;
	margin-bottom: 20px;
	background: var(--white);
	box-shadow: 0px 14px 16px 4px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
}

.card .button {
	margin: 24px 0 12px;
}

.card-legal {
	position: relative;
	box-sizing: border-box;
	text-align: left;
}

.actual .card-legal {
	margin-bottom: 24px;
	padding: 24px;
	box-shadow: 0px 14px 16px 4px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	background: var(--white);
}

.archive .card-legal {
	padding: 24px 24px 24px 0;
}

.card-legal h3 {
	margin: 0;
}

.actual h2 {
	margin-bottom: 48px;
	font-weight: 500;
}

.legal.actual {
	margin-bottom: 64px;
}

.legal.archive {
	margin-top: -1px;
	border-top: 1px solid var(--greenlight);
	border-bottom: 1px solid var(--greenlight);
}

.legal.archive h2 {
	font-size: 20px;
	margin: 0;
	line-height: 30px;
	padding: 24px 0;
	font-weight: 500;
}

.legal .list {
	margin: 24px 0;
}

.legal.archive .list { display: none }




.card-news {
	position: relative;
	box-sizing: border-box;
	text-align: left;
	margin-bottom: 32px;
	padding: 40px 32px;
	box-shadow: 0px 14px 16px 4px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	background: var(--white);
}

.card-news h2 { margin: 16px 0 }
.card-news .button { margin-top: 16px }


.card-news.green { background: var(--green) }
.card-news.green h2 { color: var(--white) }





.card .bubble {
	position: absolute;
	top: -50px;
	width: 100px;
	height: 120px;
	background: url(/hu/images/web/card-bubble.png) no-repeat center top;
	background-size: 100% auto;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
}

.card .bubble .min {
	font-size: 30px;
	line-height: 30px;
	padding-top: 26px;
	font-weight: 600;
}













.left-right { padding-bottom: -60px;}
.left-right .card { text-align: left }
.left-right .card:nth-child(even) { text-align: right }
.left-right .card h3 { margin-bottom: 12px }

.left-right .card .wrap {
	width: auto;
	display: inline-block;
	padding: 20px 30px;
}



/* lines */


.lines .line .wrap {
	box-sizing: border-box;
	padding: 10px 20px;
}

.lines .line:nth-child(odd) .wrap { background: var(--greenlightlight) }
.lines .line .left { margin-right: 40px; flex-grow: 3 }
.lines .line .right { flex-grow: 1; text-align: right; min-width: 120px }



.airport-choosed-title {
	text-align: center;
	margin: 0 0 48px;
}

.airport-header {
	text-align: center;
	margin: 32px 0 48px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.airport-header span {
	display: inline-block;
	vertical-align: middle;
}

.city-sign, .airport-sign {
	padding-left: 40px;
}

.city-sign { background: url(/hu/images/web/sign-city.png) no-repeat left center; background-size: 28px auto }
.airport-sign { background: url(/hu/images/web/sign-airport.png) no-repeat left center; background-size: 28px auto }
.airport-header .arrow { width: 80px }

#airport .col33 .img {
	margin-bottom: 24px;
}





.slogen {
	margin: 64px 0;
	text-align: center;
	font-weight: 600;
}

.slogen .highlight {
	display: block;
}





.b2b-logos {
	margin-top: 48px;
	text-align: center;
}

.b2b-logos .logo {
	display: inline-block;
	position: relative;
	width: 33%;
	margin: 32px 0;
	vertical-align: middle;
}

.b2b-logos .logo > div {
	position: relative;
	vertical-align: middle;
	max-width: 200px;
	margin: 0 auto;
}

.b2b-logos .logo > div img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.b2b-bg .dewrap {
	margin-top: 32px;
	margin-bottom: 32px;
}




.chargeflow {
	margin-top: 48px;
	position: relative;
}






.map-contact-panel {
	width: auto;
	position: absolute;
	bottom: 50%;
	left: 37%;
	margin: 0;
	padding: 0;
}

.map-contact-panel .wrap {
	background: var(--white) url(/hu/images/web/greengo-logo.png) no-repeat 10px center;
	background-size: 60px auto;
	font-size: 14px;
	font-weight: 600;
	padding: 12px 20px 12px 80px;
	margin: 0 0 0 48px;
	text-transform: uppercase;
	overflow: hidden;
}

.map-contact-panel:before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 42px;
	height: 48px;
	background: url(/hu/images/web/sign-city.png) no-repeat left center; 
	background-size: 42px auto;
	content: '';
}
 


.map {
	position: relative;
}

.map .port {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.map .port .img {
	width: 100%;
	min-width: 1440px;
}

.map  .port .img img {
	width: 100%;
}

.map-panel {
	position: absolute;
	top: 10px;
	right: 20px;
	line-height: 18px;
	font-size: 13px;
	font-weight: 600;
	z-index: 100;
}

.map-panel.card .wrap {
	padding: 12px 12px 0;
	margin: 0;
	overflow: hidden;
}

.map-panel .line {
	margin: 6px 0;
}

.map-panel .img {
	width: 80px;
}

.map-panel .large .txt span {
	margin-left: 20px;
}

.map-panel .txt span {
	display: block;
}

.map-panel .txt span.caption {
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
}

.map-panel .txt {
	width: 220px;
}

.map-panel .infotext {
	margin: 24px -20px 0;
	padding: 20px;
	color: var(--dark);
	background: var(--green);
	width: 300px;
	font-size: 10px;
	line-height: 16px;
}


.map-panel .line {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


@media only screen and (max-width: 919px) { 
	
	
	.map .port .img {
		width: 100%;
		min-width: 0;
	}
	
	.map-panel {
		position: relative;
		right: auto;
		bottom: auto;
		width: 100%;
		background: var(--white);
	}
	
	.map-panel.card .wrap {
		box-shadow: none;
		padding: 24px 20px;
	}
	
	.map-panel.card .info-lines {
		max-width: 360px;
		margin: 0 auto;
	}
	
	.map-panel .infotext {
		width: auto;
		padding: 24px 20px;
	}
	
	.map-panel .infotext div {
		max-width: 360px;
		margin: 0 auto;
	}
	
	
	.map-contact {
		margin-top: 48px;
	}

	
	.map-contact-panel .wrap {
		background-position: 12px 14px;
		background-size: 50px auto;
		padding: 44px 12px 8px 12px;
	}
	
}






.contact .block {
	margin: 24px 0;
}

.contact .block.facebook {
	display: block;
	text-decoration: none;
	margin: 36px 0;
	position: relative;
	font-size: 18px;
}

.contact .block.facebook:before {
	display: block;
	position: absolute;
	top: -6px;
	left: -48px;
	width: 36px;
	height: 36px;
	background: url(/hu/images/web/facebook.png) no-repeat center;
	background-size: 100% auto;
	content: '';
}



.register-img {
	width: 40%;
	position: absolute;
	top: 0;
	left: 0;
}

/*.register {
	background: url(/hu/images/content/register.jpg) no-repeat left -2px;
	background-size: 50% auto;
}*/



.packdisp { display: none; margin-right: 4px; }
.package-holder .packdisp { display: inline-block }


.package-card .caption {
	margin-top: 4px;
	font-weight: 500;
}

.package-card .lead {
	font-size: 24px;
}

.speckidbelt {
	text-align: right;
}

.speckidbelt .img {
	display: inline-block;
}

.forceleft {
	text-align: left;
}

.forceleft .img {
	display: inline-block;
}





.strike {
	text-decoration: line-through;
}






/* FAQ block */


.QA {
	display: flex;
	flex-flow: row wrap;
	position: relative;
	justify-content: center;
	align-items: stretch;
}

.QA .qa-block {
	width: 25%;
	margin: 36px 0;
	min-width: 240px;
	padding: 0 20px;
	box-sizing: border-box;
}

.QA .qa-block .contents {
}



.QA h2,
.QA-answer h2 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	color: var(--green);
	margin: 0;
	padding: 12px 0;
	position: relative;
}

.QA .link,
.QA-answer .link {
	padding: 4px 0 4px 24px;
	position: relative;
	display: block;
	color: var(--dark);
	text-decoration: none;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
}

.QA .link:before,
.QA-answer .link:before {
	position: absolute;
	left: 0;
	top: 16px;
	transform: translateY(-50%);
	width: 11px;
	height: 2px;
	content: '';
	background: var(--green);
}

.QA .link:after,
.QA-answer .link:after {
	position: absolute;
	left: 4px;
	top: 16px;
	transform: translateY(-50%) rotate(45deg);
	width: 7px;
	height: 7px;
	content: '';
	border-top: 2px solid var(--green);
	border-right: 2px solid var(--green);
}


.QA-answer {
	
}

.QA-answer h1 {
	margin: 24px 0 36px;
}



.QA-answer .qa-bread {
	font-size: 15px;
	font-weight: 500;
	color: var(--green);
}

.QA-answer .qa-bread a {
	text-decoration: none;
	position: relative;
	padding-right: 18px;
	margin-right: 6px;
}

.QA-answer .qa-bread a:after {
	position: absolute;
	right: 0;
	line-height: 16px;
	width: 16px;
	text-align: center;
	content: '\221F';
	color: var(--green);
	font-size: 18px;
	font-weight: 700;
	transform: rotate(-135deg);
	top: 3px;
}

.QA-answer .qa-answer-flex {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	position: relative;
}

.QA-answer .qa-answer-flex .qa-answer-content {
	width: 70%;
	max-width: 720px;
}

.QA-answer .qa-side {
	width: 30%;
	min-width: 320px;
	box-sizing: border-box;
	padding-left: 80px;
}







.logos-container {
    margin: 96px 0;
}

.partner-logos {
    display: flex;
    flex-flow:  row wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    max-width: 1080px;
    margin: 48px auto;
}

.partner-logos .partner-logo {
    width: 32%;
    position: relative;
    margin-bottom: 24px;
}

.partner-logos .partner-logo img {
    display: block;
    width: 180px;
    max-height: 180px;
    object-fit: contain;
    margin: 0 auto;
}





/* FOR MOBILES */



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

	/* SPEC */
	
	.pricebox-container {
		margin: 0 auto;
		max-width: 460px;
	}
	
	.pricebox { display: block; margin: 15px 0; }
	.pricebox.panel { width: auto;  }
	.pricebox.naked { display: none }
	
	.pricebox .line {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	.b2b-price .pricebox .line.bordered {
		display: block;
		border-bottom: 1px solid var(--green);
		height: 86px;
		min-height: 86px;
	}
	
	
	.b2b-price .pricebox .title {
		margin-bottom: 24px;
		font-size: 24px;
		text-align: left;
	}
	
	.pricebox .line.bordered .caption {  display: inline-block; font-size: 14px !important }
	.b2b-price .pricebox .line.bordered .left {  margin-bottom: 4px; }

	
	.pricebox .line.bordered { align-items: center; }
	.pricebox .line.bordered .caption {
		position: relative;
		font-size: 18px;
	}
	
	.pricebox .line .left { text-align: left; opacity: 1 }
	.pricebox .line .right {  text-align: left }
	
	.b2b-price .pricebox .line.bordered span { display: block; padding: 0; margin: 0 }
	.b2b-price .pricebox .line.bordered span.caption {  top: 0; left: 0; margin-top: 0; }
	
	.price-column-container .price-column {
		padding: 24px 16px;
		margin: 0 !important;
		margin-bottom: 6px !important;
	}
	
	.pricebox .line .left {
		font-size: 16px;
		font-weight: 700;
	}
	
	.pricebox .line .left .price {
		font-size: 30px;
		margin-bottom: -12px;
	}
	
	.pricebox.panel .badge {
		position: relative;
		margin: 0 -30px -20px;
	}
	

	

	
	
}	
	
	



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




	.QA, .QA-answer .qa-answer-flex {
		display: block;
	}
	
	.QA .qa-block,
	.QA-answer .qa-block {
		width: auto;
		border-top: 1px solid #C9E3AA;
		margin-bottom: 0;
	}
	
	.QA .qa-block {
		margin: 0;
		padding: 12px 0;
	}
	
	.QA .qa-block h2,
	.QA-answer .qa-block h2 {
		font-size: 20px;
		line-height: 28px;
	}
	
	.QA .qa-block h2:after {
		position: absolute;
		right: 0;
		top: 50%;
		width: 14px;
		height: 14px;
		border-bottom: 3px solid var(--green);
		border-right: 3px solid var(--green);
		transform: translateY(-50%) rotate(45deg);
		content: '';
		transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		margin-top: -4px;
	}
	
	.QA .qa-block.show h2:after {
		transform: translateY(-50%) rotate(45deg) scale(-1);
		margin: 4px;
	}
	
	.QA .qa-block .contents {
		overflow: hidden;
		height: 0;
		opacity: 0;
	}
	
	.QA .qa-block.show .contents {
		height: auto;
		opacity: 1;
		transition: opacity 0.3s ease-out;
		-webkit-transition: opacity 0.3s ease-out;
		margin-bottom: 12px;
	}

	
	.QA-answer .qa-answer-flex .qa-answer-content {
		width: auto;
		max-width: 100%;
	}
	
	.QA-answer .qa-side {
		width: auto;
		min-width: 0;
		padding-left: 0;
		margin-top: 36px;
	}
	
	
	
	
	
	

	
	.abs {
		position: relative;
		margin-bottom: -180px;
		z-index: 10;
	}
	
	.up-50 { margin-top: 60px }
	
	/* FLEX */
	
	.auto-columns {
		height: auto !important;
	}
	
	.auto-columns-2 {
		columns: 1;
		padding-bottom: 32px;
	}
	
	
	

	.price-foot .caption { margin-bottom: 32px }
	.price-foot .nowrap {.text-align: center }
	
	
	.left-right-float {
		padding-top: 2px;
	}
	
	.card .bubble {
		left: 50%;
		transform: translateX(-50%);
	}
	
	.card.with-bubble {
		margin-bottom: 36px;
		margin-top: 36px;
	}
	
	.card.with-bubble .wrap {
		padding-top: 70px;
	}

	.mobup-30 {
		margin-top: -30px;
	}
	
	.city-sign,.airport-sign { background-size: 24px auto; padding-left: 32px; }
	.airport-header .arrow { width: 40px; background-size: 24px auto; }
	h2.airport-header { font-size: 21px; }
	
	.slogen { font-size: 24px; line-height: 36px; }
	.slogen .highlight { font-size: 30px; }
	
	.b2b-logos .logo {
		width: 48%;
		margin: 24px 0;
	}
	
	.b2b-logos .logo > div {
		margin: 0 16px;
	}
	
	.card-news.with-image .img {
		border-radius: 10px;
		margin: -30px -22px 32px;
		background: #eee;
		overflow: hidden;
		height: 0;
		padding-top: 64%;
	}
	
	
	.register-img {
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		max-width: 480px;
		margin: 0 auto  0;
	}
	
	.chargeflow .fl-box .wrap {
		margin-top: 0 !important;
		margin-bottom: 48px;
	}
	
	.chargeflow .img.chargerflow {display: none }
	
	.actual .card-legal .button,
	.card-legal .button {
		margin-top: 16px;
	}
	
	.flow .btnholder { display: none }
	
	
	.speckidbelt {
		text-align: left;
		max-width: 240px;
	}
    
    
        
    .partner-logos {
        max-width: 460px;
    }

    .partner-logos .partner-logo {
        width: 48%;
        position: relative;
        margin-bottom: 32px;
    }

    .partner-logos .partner-logo img {
        width: 130px;
        max-width: 100%;
        max-height: 150px;
    }
	
}



@media only screen and (max-width: 519px) {
	
	
	/* SPEC */
	
	.flow .img { margin-left: -40px; margin-right: 40px }
	.flow h2 { left: 38% }
	
	.pricebox { margin: 15px 20px }	
	
	
	.green-with-arch { background-size: 125% auto; }
	
	.card-news { padding: 32px 20px }
	.card-news.with-image .img { margin: -22px -10px 32px }
	
	.contact .block.facebook {
		padding-left: 48px;
	}
	
	.contact .block.facebook:before {
		top: 0;
		left: 0;
	}

	
}

@media only screen and (min-width: 520px) {
	
	.wrap { margin-left: 40px; margin-right: 40px  }
	.dewrap { margin-left: -40px; margin-right: -40px  }
	
	
	/* BACKGROUNDS */
	
	
	.green-with-lines {
		background: url(/hu/images/web/bg-lines-top.png) no-repeat left center, url(/hu/images/web/bg-lines-bot.png) no-repeat right center;
		background-size: 24% auto;
		background-color: var(--greenwashed);
	}
	
	.green-with-lines2 {
		background: url(/hu/images/web/bg-lines-left.png) no-repeat left top, url(/hu/images/web/bg-lines-right.png) no-repeat right bottom;
		background-size: 24% auto;
		background-color: var(--greenwashed);
	}

	
	.bg-lr-lines {
		background: url(/hu/images/web/bg-lines-left.png) no-repeat left top, url(/hu/images/web/bg-lines-right.png) no-repeat right bottom;
		background-size: 12% auto;
	}
	
	.bg-lr-lines2 {
		background: url(/hu/images/web/bg-lines-left2.png) no-repeat -20px 340px, url(/hu/images/web/bg-lines-right2.png) no-repeat right 360px;
		background-size: 16% auto;
	}
	
	.bg-arc-fromright {
		background: url(/hu/images/web/bg-arc-fromright.png) no-repeat right bottom;
		background-size: 50% auto;
	}
	
	

}



/* FOR TABLET and SMALL DESKTOP */

@media only screen and (min-width: 520px) and (max-width: 1179px) {
}



/* FROM TABLET TO ALL */

@media only screen and (min-width: 920px) {
	
	
	
	.flex-boxes {
		margin-bottom: -120px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.flex-boxes.for-4 {
		justify-content: flex-start;
	}
	
	.flex-boxes .card {
		width: 50%;
		min-width: 50%;
	}
	
	.flex-boxes .card:nth-child(1) { margin-bottom: 0; margin-left: -40px }
	.flex-boxes .card:nth-child(2) { margin-top: 60px; margin-left: 0;}
	.flex-boxes .card:nth-child(3) { margin-top: -40px; margin-left: 0 }
	
	.flex-boxes.for-4 .card:nth-child(1) { margin-bottom: 0; margin-left: 0}
	.flex-boxes.for-4 .card:nth-child(2) { margin-top: 60px; margin-left: 0 }
	.flex-boxes.for-4 .card:nth-child(3) { margin-top: -40px; margin-left: -40px; }
	.flex-boxes.for-4 .card:nth-child(4) { margin-top: 20px; margin-left: 0 }
	
	.flex-boxes .card .wrap {
		margin: 0 20px;
	}
	

	.flex-basic {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	
	.fluid { max-width: 1180px }
	.fluid.slim { max-width: 960px }
	.fluid.xslim { max-width: 820px }
	.fluid.xxslim { max-width: 740px }
	.fluid.xxxslim { max-width: 560px }	
	
	.abs { position: absolute; top: 0; left: 0; width: 100% }
	.up-50 { top: -50px }
	.up-100 { top: -100px }
	
	/* SPEC */
	
	
	
	.flow { display: none }
	.flow:nth-child(1) { display: block }
	
	.renting-order {
		position: sticky;
		position: -webkit-sticky;
		top: 280px;
	}
	
	
	
	/* FLEX */
	
	/* working together with autoColums js */
	
	
	.auto-columns-2 {
		columns: 2;
	}
	
	.auto-columns-2 .card {
		padding-bottom: 20px;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid-column;
	}
	
	.auto-columns {
		position: relative;
		display: flex;
		flex-flow: column wrap;
		justify-content: flex-start;
		align-content: flex-start;
	}
	
	.columns {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;
	}
	
	.columns .col50 {
		max-width: 560px;
		width: 50%;
	}
	
	.columns .col40 {
		max-width: 460px;
		width: 40%;
	}
	
	.columns .col60 {
		max-width: 680px;
		width: 60%;
	}
	
	.columns .col33 {
		width: 33.33%;
	}
	
	.flex-center {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	
	.flex-center.reverse {
		flex-direction: row-reverse;
	}
	
	.flex-center.lr:nth-child(even) {
		flex-direction: row-reverse;
	}
	
	.flex-center.right:nth-child(even) {
		flex-direction: row-reverse;
	}
	
	.b50 { width: 50% }
	
	
	.card.with-bubble .wrap {
		margin-left: 20px;
		margin-right: 40px;
		padding-top: 40px;
	}
	
	.card .bubble {
		right: -40px;
	}
	
	.left-right-float { padding-top: 40px }

	.left-right-float .card { position: relative; width: 50%; }
	.left-right-float .card:nth-child(odd)  { float: left; }
	.left-right-float .card:nth-child(even) { float: right; }
	
	.left-right-float .card:nth-child(1) { left: 20px;}
	.left-right-float .card:nth-child(2) { top: 120px;}
	.left-right-float .card:nth-child(3) { top: 60px;}
	
	
	.slogen { font-size: 30px; line-height: 42px; }
	.slogen .highlight { font-size: 36px; }
	
	.b2b-bg {
		background: url(/hu/images/content/b2b.jpg) no-repeat center;
		background-size: cover;
		padding: 0;
	}
	
	.b2b-bg .arc {
		background: var(--bg);
		padding: 96px 0;
		padding-right: 40px;
	}
	
	.b2b-bg .arc:after {
		display: block;
		position: absolute;
		left: 100%;
		top: 0;
		margin-left: -2px;
		width: 40px;
		height: 100%;
		background: url(/hu/images/web/bg-arch-right.png) no-repeat center;
		background-size: 100% 100%;
		content: '';
	}
	
	.b2b-bg .img {
		display: none;
	}
	
	
	.card-news.with-image {
		padding-left: 272px;
	}
	
	.card-news.with-image .img {
		border-radius: 10px;
		position: absolute;
		top: 10px;
		left: 10px;
		bottom: 10px;
		width: 232px;
		background: #eee;
		overflow: hidden;
	}
	
	
	
	.chargeflow .fl-box {
		position: relative;
		width: 50%;
	}
	
	.chargeflow .fl-box .wrap {
		position: relative;
	}
	
	.chargeflow .fl-box:nth-child(1) .wrap {
		margin-top: 0;
	}
	
	.chargeflow .fl-box .img.chargerflow {
		position: absolute;
		width: 66%;
		transform: translate(-60px, -120%);
		
	}
	
	.chargeflow .fl-box .img.chargerflow.toleft {
		right: 0;
		width: 88%;
		transform: translate(60px, -120%);
	}
	
	.chargeflow .fl-box:nth-child(odd) {
	;
	}
	
	.chargeflow .fl-box:nth-child(even) {
		margin-left: 50%;
	}
	
	
	.card-legal {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	
	.actual .card-legal {
		height: auto;
	}
	
	.actual .card-legal {
		height: 100px;
	}
	
	.archive .card-legal {
		height: 72px;
	}
	
	
	
		
	



	
}


/* FROM BSIC DESKTOP */

@media only screen and (min-width: 1080px) {
	
	.pricebox-container,
	.price-column-container {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: stretch;
		flex-wrap: nowrap;
	}
	
	
	section.prices.leaf-bg {
		background: url(/hu/images/web/leaf-bg.png) no-repeat center;
		background-size: contain;
	}
	
	.pricebox.panel  { width: auto; }
	.pricebox.panel.slim  { width: 210px; margin: 0 6px; }
	.pricebox.naked  { width: auto; margin-right: 0; text-align: right }
	.pricebox.naked .line.active  { opacity: 1 }
	.pricebox.naked .line .left { text-align: left; }
	.pricebox.naked .line.bordered .left { padding-top: 8px }
	.pricebox.panel .line .left { display: none }
	.pricebox.panel .line .right { display: block; text-align: center }
	.pricebox.panel .line.bordered .caption { display: block; text-align: center; margin-top: 6px; }
	
	.pricebox .line.bordered {
		height: 60px;
	}
	
	.pricebox.panel .badge {
		position: absolute;
		top: -30px;
		left: 0;
		width: 100%;
	}

	
	
		
}

@media only screen and (min-width: 1420px) {
	
	.fluid {
		max-width: 1360px;
	}
	
	.columns .col50 {
		max-width: 660px;
	}

	.columns .col40 {
		max-width: 520px;
	}
	
	.columns .col60 {
		max-width: 760px;
	}
	
	.wrap {
		
	}
	
	.fluid.slim {
		max-width: 1040px;
	}
	
	.pricebox.panel.slim  { width: 240px; margin: 0 6px; }
}
		
		
		
		
/* disp */

pre {
	font-size: 13px;
	white-space: pre-wrap;
}







/* B2B v2 */


.B2B .b2b-common-header p {
	max-width: 840px;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	margin: 48px auto 72px;
	text-align: center;
}

.b2b-solutions {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: 24px auto 24px;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
}


.b2b-solution-box {
	position: relative;
	box-sizing: border-box;
	width: 25%;
	margin: 0 12px 124px;
	background: white;
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
	border-radius: 20px 0px 0px 0px;
	font-size: 15px;
	line-height: 24px;
	padding-bottom: 12px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.b2b-solution-box:first-child { margin-left: 0 }
.b2b-solution-box:last-child { margin-right: 0 }

.b2b-solution-box .title {
	position: relative;
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	margin: 24px;
	text-align: center;
}

.b2b-solution-box p {
	margin: 24px;
	font-weight: 500;
}


.b2b-solution-box .title .colored {
	display: block;
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	margin-top: 8px;
}

.b2b-solution-box .heading {
	position: relative;
	padding: 24px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	border-radius: 20px 0px 0px 0px;
}

.b2b-solution-box .ico {
	position: relative;
	width: 80px;
	height: 80px;
	border-radius: 80px;
	margin: 32px auto 24px;
}

.b2b-solution-box .ico img {
	display: block;
	width: 100%;
}

.b2b-solution-box .button {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	bottom: -80px;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.solution .b2b-solution-box .button {
	opacity: 0.7;
}

.solution.compcar .b2b-solution-box:nth-child(1) .button,
.solution.keycar .b2b-solution-box:nth-child(2) .button,
.solution.cafeteria .b2b-solution-box:nth-child(3) .button,
.solution.employee .b2b-solution-box:nth-child(4) .button {
	opacity: 1;
}

.b2b-solution-box:nth-child(1) .colored {
	color: var(--green);
}

.b2b-solution-box:nth-child(2) .colored,
.b2b-solution-box:nth-child(3) .colored,
.b2b-solution-box:nth-child(4) .colored {
	color: var(--greendark);
}

.b2b-solution-box:nth-child(1) .heading,
.b2b-solution-box:nth-child(1) .ico {
	background: var(--green);
}

.b2b-solution-box:nth-child(2) .heading,
.b2b-solution-box:nth-child(3) .heading,
.b2b-solution-box:nth-child(4) .heading,
.b2b-solution-box:nth-child(2) .ico,
.b2b-solution-box:nth-child(3) .ico,
.b2b-solution-box:nth-child(4) .ico {
	background: var(--greendark);
}

.b2b-solution-box:nth-child(2) .heading {
	width: 300%;
	z-index: 10;
}


.B2B .startpoint {
	height: 48px;
}


.b2b-solutions-nav {
	position: sticky;
	position: -webkit-sticky;
	top: 74px;
	width: 100%;
	background: var(--bg);
	height: 24px;
	padding: 12px 0 8px;
	text-align: center;
	z-index: 999;
	opacity: 0;
}

.solution .b2b-solutions-nav {
	opacity: 1;
}

.b2b-solutions-nav div {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	max-width: 860px;
	margin: 0 auto;
	padding: 0 30px;
	opacity: 0;
	pointer-events: none;
	transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
}

.solution .b2b-solutions-nav.show div {
	opacity: 1;
	pointer-events: auto;
}


.b2b-solutions-nav a {
	position: relative;
	display: block;
	margin: 0 14px;
	color: var(--dark);
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
	line-height: 24px;
}

.b2b-solutions-nav a:hover,
.B2B.compcar .b2b-solutions-nav a.compcar,
.B2B.keycar .b2b-solutions-nav a.keycar,
.B2B.cafeteria .b2b-solutions-nav a.cafeteria,
.B2B.employee .b2b-solutions-nav a.employee {
	color: var(--orange)
}




.B2B.solution .b2b-solution-port {
	opacity: 0;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
}

.B2B.solution .b2b-solution-port.show {
	opacity: 1;
}

.B2B .b2b-solution-port.in-use {
	min-height: 100vh;
}

.b2b-page-title {
	max-width: 420px;
}

.B2B header h1 span {
	display: block;
	color: #fff;
}

.B2B header .button {
	margin: 24px 0;
	padding-left: 56px;
	padding-right: 56px;
}

.b2b-highlight {
	margin: 24px auto 48px;
	max-width: 840px;
	font-size: 30px;
	line-height: 36px;
	font-weight: 700;
}

.b2b-highlight .h1 {
	color: white;
	margin-bottom: 24px;

}

.b2b-solution-port .button.orange {
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	padding-left: 56px;
	padding-right: 56px;
}

.b2b-solution-port h2 {
	text-transform: uppercase;
}



.b2b-table-top,
.b2b-table-disp,
.b2b-table-switch {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: center;
}




.b2b-table-holder.brutto .b2b-table-disp .netto,
.b2b-table-holder.netto .b2b-table-disp .brutto {
	display: none;
}

.b2b-table-holder.brutto .b2b-table-disp .brutto,
.b2b-table-holder.netto .b2b-table-disp .netto {
	display: block;
	font-weight: 600;
}




.b2b-table-switch {
	margin-left: 24px;
}

.b2b-table-switch .switcher {
	position: relative;
	width: 46px;
	height: 26px;
	margin: 0 12px;
	border: 3px solid var(--green);
	border-radius: 26px;
	background: var(--green);
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;

}

.b2b-table-switch .switcher div {
	position: relative;
	width: 26px;
	height: 26px;
	border-radius: 26px;
	background: white;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
}

.b2b-table-holder.netto .b2b-table-switch .switcher {
	border: 3px solid var(--yellow);
	background: var(--yellow);
}

.b2b-table-holder.netto .b2b-table-switch .switcher div {
	margin-left: 20px;
}

.b2b-table-holder .b2b-table-switch .netto,
.b2b-table-holder .b2b-table-switch .brutto {
	width: 60px;
	text-align: center;
}


.b2b-table-holder.netto .b2b-table-switch .netto,
.b2b-table-holder.brutto .b2b-table-switch .brutto {
	font-weight: 600;
}

.brutto .brt, .netto .ntt { display: block }
.brutto .ntt, .netto .brt { display: none }





.b2b-table {
	position: relative;
	margin: 32px 0 24px;
}



.b2b-table .heading {
	position: relative;
	padding: 14px;
	height: 40px;
	line-height: 20px;
	font-size: 18px;
	color: white;
	border-radius: 20px 0px 0px 0px;
	text-align: center;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	text-align: left;
	font-weight: 600;
}

.b2b-table .heading .image {
	width: 40px;
	position: relative;
	margin-left: 10px;
}

.b2b-table .heading .image img {
	width: 100%;
	display: block;
}

.brutto .b2b-table .b2b-table-box .heading,
.brutto .b2b-table .main-heading {
	background: var(--green);
}

.netto .b2b-table .b2b-table-box .heading,
.netto .b2b-table .main-heading {
	background: var(--yellow);
}

/*.netto .b2b-table .b2b-table-box .heading div {
	filter: invert(100%);
	opacity: 0.8;
}*/

.b2b-table-texts,
.b2b-table-box {
	position: relative;
	box-sizing: border-box;
	border-radius: 20px 0px 0px 0px;
	line-height: 24px;
	padding-bottom: 12px;
}





.b2b-table.b2b-table-corporate  .b2b-table-content {
	gap: 12px
}

.b2b-table-corporate .b2b-table-box {
	width: 25%;
}

.b2b-table-corporate .b2b-table-box:first-child {
	width: 20%;
}

.b2b-table-corporate .b2b-table-box:last-child {
	width: 22%;
}


.b2b-table.b2b-table-corporate .main-heading {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 0;
	padding-right: 0;
	z-index: 1;
	width: 100%;
}

.b2b-table.b2b-table-corporate .b2b-table-box .heading div {
	display: none;
}

.b2b-table.b2b-table-corporate .b2b-table-box .colored {
	font-size: 20px;
}



.b2b-table-box.highlight-box .contents > div  {
	font-size: 26px;
	color: var(--greendark);
}

.brutto .b2b-table .highlight-box .heading {
	background: var(--greendark);
}




.b2b-table-texts {
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
}

.b2b-table-box {
	width: 40%;
	background: white;
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
	font-size: 18px;
	line-height: 22px;
}


.b2b-table-texts .contents,
.b2b-table-box .contents {
	margin: 32px 0 0;
	line-height: 20px;
	font-weight: 600;
	padding: 0 10px;
}

.b2b-table-box .contents > div {
	height: 50px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 18px;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
}

.b2b-table-texts .contents > div {
	height: 50px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
}

.brutto .b2b-table .colored { color: var(--green) }
.netto .b2b-table .colored { color: var(--yellow) }

.b2b-table .gray-text { color: var(--gray) }
.b2b-table .txt { display: none }

.b2b-table-caption {
	font-size: 16px;
	font-weight: 600;
	margin-left: 20%;
	margin-top: 24px;
}


.b2b-cafeteria-diagram {
	height: 320px;
	width: 240px;
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-end;
	justify-content: center;
	margin: 96px auto 80px;
	border-bottom: 2px solid var(--green);
	position: relative;
}

.b2b-cafeteria-diagram:before,
.b2b-cafeteria-diagram:after {
	position: absolute;
	width: 10px;
	height: 10px;
	bottom: -1px;
	background: var(--green);
	content: '';
}

.b2b-cafeteria-diagram:before {
	left: 0;
	transform: translate(-50%,50%) rotate(45deg);
}

.b2b-cafeteria-diagram:after {
	left: 100%;
	transform: translate(-50%,50%) rotate(45deg);
}

.b2b-cafeteria-diagram > div {
	position: relative;
	width: 86px;
	min-width: 86px;
	border-radius: 20px 0px 0px 0px;
	line-height: 20px;
	margin: 0 12px;
	text-align: center;
}

.b2b-cafeteria-diagram .diagram-column {
	position: relative;
	width: 86px;
	min-width: 86px;
	height: 100%;
}

.b2b-cafeteria-diagram .diagram-greengo {
	height: 100%;
	background: var(--green);
}

.b2b-cafeteria-diagram .diagram-sallary {
	height: 56%;
	background: var(--greenlight);
}

.b2b-cafeteria-diagram .diagram-greengo .diagram-column {
	background: var(-green);
}

.b2b-cafeteria-diagram .diagram-sallary .diagram-column {
	background: var(-greenlight);
}

.b2b-cafeteria-diagram .diagram-value {
	position: absolute;
	bottom: 100%;
	margin-bottom: 10px;
	width: 100%;
}

.b2b-cafeteria-diagram .diagram-caption {
	position: absolute;
	top: 100%;
	margin-top: 10px;
	width: 100%;
}




.b2b-main-buttons {
	margin: -36px 0 64px;
}

.b2b-main-buttons .button {
	margin: 6px 8px !important;
}



.hide-form-input { display: none }
.disp-for-keycar .form-input-users,
.disp-for-keycar .form-input-usage,
.disp-for-cafeteria .form-input-people,
.disp-for-employee .form-input-people,
.disp-for-employee .form-input-budapest  { display: block; }

#b2b-feed-container {
	display: none;
}




.cta-offer-button.inact {
	background: #aaa;
	pointer-events: none;
	box-shadow: 0 0 0 rgba(0,0,0,0);
}

.cta-offer-content {
	display: none;
	max-width: 560px;
	margin: 48px auto 64px;
}

.cta-offer-content label {
	font-weight: 600;
}





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

	.b2b-solution-box:nth-child(2) .heading {
		width: auto;
		z-index: auto;
	}

	

}


@media only screen and (min-width: 920px) { 
	
	.b2b-table,
	.b2b-table .b2b-table-content {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-content: stretch;
		gap: 24px
	}
	
	.b2b-table-content {
		width: 85%;
	}
}



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



	.B2B .b2b-solutions-container .fluid {
		max-width: 480px;
		overflow: hidden;
	}
	
	.B2B .b2b-solutions-container .fluid .wrap {
		
	}

	.b2b-solution-box {
		margin: 0 2% 84px !important;
		width: 78%;
		min-width: 78%;
	}
	
	.b2b-solution-stepper {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
	}
	
	.solution .b2b-solution-box p {
		display: none;
	}
	
	
	.b2b-solution-stepper div {
		width: 24px;
		height: 24px;
		position: relative;
	}
	
	.b2b-solution-stepper div:after {
		width: 8px;
		height: 8px;
		border-radius: 8px;
		background: var(--light);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		content: '';
	}
	
	.step1 .b2b-solution-stepper .step1:after,
	.step2 .b2b-solution-stepper .step2:after,
	.step3 .b2b-solution-stepper .step3:after,
	.step4 .b2b-solution-stepper .step4:after {
		background: var(--green);
	}
	
	.step1 .b2b-solution-box:first-child {
		margin-left: 11% !important;
	}
	
	.step2 .b2b-solution-box:first-child {
		margin-left: -71% !important;
	}
	
	.step3 .b2b-solution-box:first-child {
		margin-left: -153% !important;
	}
	
	.step4 .b2b-solution-box:first-child {
		margin-left: -237% !important;
	}
	
	
	


	
	.b2b-table,
	.b2b-table-content {
		display: block;
		width: 100%;
		max-width: 100%;;
	}
	
	
	.b2b-table-texts,
	.b2b-table-disp {
		display: none;
	}
	
	.b2b-table-corporate .b2b-table-box,
	.b2b-table-corporate .b2b-table-box:first-child,
	.b2b-table-corporate .b2b-table-box:last-child,
	.b2b-table-content .b2b-table-box {
		width: 100%;
		min-width: 100%;
		margin-bottom: 24px;
	}
	
	.b2b-table-box  .contents div {
		justify-content: space-between;
	}
	
	.b2b-table-box  .contents div .txt {
		display: block;
		font-size: 16px;
		text-align: left;
	}
	
	.b2b-table-box  .contents div .brt,
	.b2b-table-box  .contents div .ntt {
		text-align: right;
		white-space: nowrap;
		margin-left: 32px;
	}
	
	.b2b-table-box .heading br {
		display: none;
	}
	
	.b2b-table.b2b-table-corporate .main-heading {
		display: none;
	}
	
	.b2b-table.b2b-table-corporate .b2b-table-box .heading div {
		display: block;
	}
		


}



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

	
		
	.b2b-highlight {
		font-size: 24px;
		line-height: 32px;
	}
	
	.b2b-highlight .h1 {
		font-size: 27px;
		line-height: 35px;
	}
	
	
	
	.archider-base:before {
		display: none;
	}
	
	
	.b2b-solutions-nav {
		height: 36px;
		padding: 16px 0 11px;
		transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
	}
	
	.b2b-solutions-nav.invert {
		background: var(--green);
	}
	
	
	.b2b-solutions-nav div {
		justify-content: center;
	}
	
	.solution .b2b-solutions-nav div {
		opacity: 1;
		pointer-events: auto;
	}
	
	.b2b-solutions-nav span {
		display: none;
	}
	
	.b2b-solutions-nav a {
		position: relative;
		display: block;
		width: 36px;
		height: 36px;
		margin: 0 18px;
	}
	
	
	.b2b-solutions-nav a:before,
	.b2b-solutions-nav a:after {
		position: absolute;
		top: 18px;
		left: 18px;
		transform: translate(-50%,-50%);
		content: '';
		transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
	}
	
	.b2b-solutions-nav a:after {
		display: block;
		width: 36px;
		height: 36px;
		border-radius: 36px;
	}
	
	.b2b-solutions-nav a:before {
		width: 90px;
		height: 58px;
		background: url(/hu/images/b2b/ico/tab-green.png) no-repeat center;
		background-size: 100%;
		display: none;
	}
	
	.b2b-solutions-nav.invert a:before {
		background: url(/hu/images/b2b/ico/tab-invert.png) no-repeat center;
		background-size: 100%;
	}

	
	.b2b-solutions-nav a.compcar:after,
	.B2B.compcar .b2b-solutions-nav.invert a.compcar:after  {
		background: var(--green) url(/hu/images/b2b/ico/cegauto.png) no-repeat center;
		background-size: 100%;
	}
	
	.b2b-solutions-nav a.keycar:after,
	.B2B.keycar .b2b-solutions-nav.invert a.keycar:after  {
		background: var(--greendark) url(/hu/images/b2b/ico/kulcsosauto.png) no-repeat center;
		background-size: 100%;
	}
	
	.b2b-solutions-nav a.cafeteria:after,
	.B2B.cafeteria .b2b-solutions-nav.invert a.cafeteria:after  {
		background: var(--greendark) url(/hu/images/b2b/ico/cafeteria.png) no-repeat center;
		background-size: 100%;
	}
	
	.b2b-solutions-nav a.employee:after,
	.B2B.employee .b2b-solutions-nav.invert a.employee:after  {
		background: var(--greendark) url(/hu/images/b2b/ico/dolgozoi-kedvezmeny.png) no-repeat center;
		background-size: 100%;
	}
	
	.B2B.compcar .b2b-solutions-nav a.compcar:before { display: block; }
	
	.B2B.compcar .b2b-solutions-nav a.compcar:after,
	.b2b-solutions-nav.invert a.compcar:after  {
		background: white url(/hu/images/b2b/ico/cegauto-green.png) no-repeat center;
		background-size: 100%;
	}
	
	.B2B.keycar .b2b-solutions-nav a.keycar:before { display: block; }
	
	.B2B.keycar .b2b-solutions-nav a.keycar:after,
	.b2b-solutions-nav.invert a.keycar:after  {
		background: white url(/hu/images/b2b/ico/kulcsosauto-green.png) no-repeat center;
		background-size: 100%;
	}
	
	.B2B.cafeteria .b2b-solutions-nav a.cafeteria:before { display: block; }
	
	.B2B.cafeteria .b2b-solutions-nav a.cafeteria:after,
	.b2b-solutions-nav.invert a.cafeteria:after  {
		background: white url(/hu/images/b2b/ico/cafeteria-green.png) no-repeat center;
		background-size: 100%;
	}
	
	.B2B.employee .b2b-solutions-nav a.employee:before { display: block; }
	
	.B2B.employee .b2b-solutions-nav a.employee:after,
	.b2b-solutions-nav.invert a.employee:after  {
		background: white url(/hu/images/b2b/ico/dolgozoi-kedvezmeny-green.png) no-repeat center;
		background-size: 100%;
	}
	
	
	
	
	

	


}





:root {
  --zones_green: #78BE20;
  --zones_blue: #495A98;
  --zones_orange: #EC672F;
}



.zones-green {
	background: var(--zones_green)
}

.zones-blue{
	background: var(--zones_blue)
}

.zones-orange {
	background: var(--zones_orange)
}

.zones-green h1.inv,
.zones-blue h1.inv,
.zones-orange h1.inv {
	color: white;
	margin-bottom: 48px;
}

.zones-block-uplift-z {
	z-index: 10;
}