/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,900&subset=latin-ext);*/
/*@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,600&subset=latin-ext);*/
/* @import (css) url("https://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin-ext");*/
.grid1200 {
  max-width: 900px;
}
/*********  grid ***********/
.topNav {
  display: grid;
  margin: 0 auto;
  grid-gap: 20px;
  align-items: center;
  max-width: 1800px;
  grid-template-columns: 250px 1fr min-content min-content;
  grid-template-areas: "logoContainer mainMenu loginMenu languageMenu";
}
.topNav .logoContainer {
  grid-area: logoContainer;
}
.topNav .mainMenu {
  grid-area: mainMenu;
}
.topNav .loginMenu {
  grid-area: loginMenu;
}
.topNav .languageMenu {
  grid-area: languageMenu;
}
.gridMenu {
  display: grid;
  margin: 0;
  grid-gap: 0;
  align-items: stretch;
}
.gridMenu .parentTitle {
  grid-area: parentTitle;
}
.gridMenu .i1 {
  grid-area: i1;
}
.gridMenu .i2 {
  grid-area: i2;
}
.gridMenu .i3 {
  grid-area: i3;
}
.gridMenu .i4 {
  grid-area: i4;
}
.gridMenu .i5 {
  grid-area: i5;
}
.gridMenu .i6 {
  grid-area: i6;
}
.gridMenu .i7 {
  grid-area: i7;
}
.gridMenu .i8 {
  grid-area: i8;
}
.gridMenu .i9 {
  grid-area: i9;
}
.gridMenu .i10 {
  grid-area: i10;
}
.gridMenu.grid4 {
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "i1 i2 i3 i4";
}
.gridMenu.grid5 {
  grid-template-columns: repeat(5, 1fr);
  grid-template-areas: "i1 i2 i3 i4 i5";
}
.gridMenu.grid6 {
  grid-template-columns: repeat(6, 1fr);
  grid-template-areas: "i1 i2 i3 i4 i5 i6";
}
.gridMenu.grid7 {
  grid-template-columns: repeat(7, 1fr);
  grid-template-areas: "i1 i2 i3 i4 i5 i6 i7";
}
.gridMenu.grid8 {
  grid-template-columns: repeat(8, 1fr);
  grid-template-areas: "i1 i2 i3 i4 i5 i6 i7 i8";
}
.gridMenu.grid9 {
  grid-template-columns: repeat(9, 1fr);
  grid-template-areas: "i1 i2 i3 i4 i5 i6 i7 i8 i9";
}
.gridMenu.grid10 {
  grid-template-columns: repeat(10, 1fr);
  grid-template-areas: "i1 i2 i3 i4 i5 i6 i7 i8 i9 i10";
}
/*****************   body  *****************/
body {
  font-family: 'Roboto Condensed', sans-serif;
  position: relative;
  font-size: 18px;
  letter-spacing: 0.5px;
}
::placeholder {
  display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  padding: 0;
  text-align: left;
}
h1 {
  font-size: 30px;
  margin: 27px 0;
}
h2 {
  font-size: 30px;
  margin: 27px 0;
}
h3 {
  font-size: 28px;
}
h4 {
  font-size: 25px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 18px;
  text-align: center;
}
.inner p,
.inner .lpGroupText p,
.inner .lpArticle p {
  text-align: left;
}
.home .lpArticle p {
  text-align: center;
}
.home .lpArticle td p {
  text-align: left;
}
.lpContentTitle h1,
.stationSelector h2 {
  text-transform: uppercase;
}
a:hover {
  cursor: pointer;
}
a:focus {
  text-decoration: none;
}
article {
  font-size: 20px;
}
/*.inner article{
	overflow:hidden;	
}*/
table {
  font-size: 18px;
}
th {
  font-weight: normal;
}
.stationSelector h2 {
  /*text-align:center;
	margin:0;
	padding:30px 0;*/
  display: none;
}
.gridRow {
  line-height: 1.5;
}
/** Form elements **/
.lpArticle textarea {
  height: 160px;
  max-width: 100%;
}
select:focus,
textarea:focus,
input:focus {
  outline: none;
}
.regLabel {
  font-weight: normal;
}
/********        menu  general        ******/
.linkBtn {
  text-transform: uppercase;
  border-radius: 0;
  font-weight: normal;
}
.bottomIcon a,
.buyPass .linkBtn,
.textBottom,
.lpMenu li,
.lpMenu .menuItemText,
.price-menu {
  transition: all 0.1s ease-out;
}
.selectorButton,
.lpMenu {
  transition: all 0.3s ease-out;
}
.textBottom {
  font-weight: bold;
}
.lpMenu .ul_level_2 {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: 0.1s;
  animation-direction: normal;
  /*-webkit-transform: translateZ(0);*/
}
a .menuItemText {
  text-transform: uppercase;
}
/*******  grid menu/price menu ************/
.gridMenu .menuItem {
  text-align: center;
  transition: 0.5s;
}
.gridMenu .menuItem h4,
.gridMenu .menuItem p {
  text-align: center;
}
.gridMenu .menuItem h2 {
  font-size: 24px;
  margin: 0;
  text-align: center;
  min-height: 72px;
}
.gridMenu .menuItem h3 {
  text-align: center;
  font-size: 60px;
  font-weight: bold;
  transition: 0;
  margin: 8px 0;
  line-height: 1;
}
.gridMenu .menuItem h3 .currency {
  font-size: 20px;
}
.gridMenu .menuItem h6 {
  margin: 8px 0;
  font-weight: normal;
}
.gridMenu .menuItem a {
  display: inline-block;
  width: 100%;
  padding: 16px;
}
.gridMenu .menuItem .more {
  margin-top: 20px;
  display: inline-block;
}
/*****************  TopNav *****************/
.topNavContainer {
  display: inline-block;
  width: 100%;
}
.topNav {
  width: 100%;
  padding: 20px 30px;
  z-index: 80;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  /**  general menu items **/
}
.topNav .logo {
  max-width: 100%;
}
.topNav .mainMenu {
  text-align: center;
}
.topNav .mainMenu .menuItemText {
  font-size: 19px;
}
.topNav .mainMenu .iconContainer {
  line-height: 45px;
}
.topNav .loginMenu {
  display: inline-block;
  position: relative;
  padding: 12px 4px 12px 36px;
}
.topNav .loginMenu .menuItemText {
  white-space: nowrap;
}
.topNav .loginMenu .ul_level_0 .li_level_0 {
  line-height: 0;
  position: initial;
  /*> a >.menuItemText{	
				line-height:1;
			}*/
  /*> a > span::after,
			> span::after{display:none;}*/
}
.topNav .loginMenu .ul_level_1 {
  right: 0;
  text-align: center;
}
.topNav .loginMenu .iconContainer {
  font-size: 24px;
  position: absolute;
  left: 5px;
  top: 16px;
}
.topNav .loginMenu .loggedInText {
  margin: 0 6px 0 12px;
  line-height: 36px;
  font-size: 16px;
}
.topNav .languageMenuContainer {
  position: relative;
  padding: 12px 4px 12px 36px;
  border-radius: 8px;
}
.topNav .languageMenuContainer .iLeft {
  position: absolute;
  left: 10px;
  top: 10px;
}
.topNav .languageMenuContainer .ul_level_0 {
  line-height: 0;
  font-size: 0;
}
.topNav .languageMenuContainer .li_level_0 > .menuItemText {
  padding: 0 20px 0 0;
  position: relative;
  line-height: 1;
}
.topNav .languageMenuContainer .li_level_0 > .menuItemText .iconContainer {
  position: absolute;
  right: 4px;
  top: 0px;
}
.topNav .languageMenuContainer .li_level_0 > .menuItemText::after {
  display: none;
}
.topNav .languageMenuContainer .li_level_0 .ul_level_1 {
  padding-top: 36px;
  right: -4px;
}
.topNav .languageMenuContainer:hover .ul_level_1 {
  opacity: 1;
  visibility: visible;
}
.topNav .lpMenu .ul_level_1 {
  top: 0px;
  padding-top: 45px;
}
.topNav .lpMenu .menuItemText {
  position: relative;
  line-height: 35px;
}
.topNav .mainMenu .li_level_0 {
  padding: 0 14px;
}
.topNav .mainMenu .li_level_0 a {
  position: relative;
}
.topNav .li_level_0 > .menuItemText,
.topNav .li_level_0 > a > .menuItemText {
  padding: 0;
}
.topNav .lpMenu .li_level_0 a .menuItemText::after,
.topNav .lpMenu .li_level_0 .menuItemText::after,
.topNav .lpMenu .li_level_1 a .menuItemText::after,
.topNav .lpMenu .li_level_1 .menuItemText::after,
.topNav .lpMenu .li_level_0 a .iFacebook::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  height: 3px;
  width: 0;
  transition: all 0.4s ease-out;
}
.topNav .lpMenu .li_level_0.active > span::after,
.topNav .lpMenu .li_level_0:hover > span::after,
.topNav .lpMenu .li_level_0.active > a > span::after,
.topNav .lpMenu .li_level_0:hover > a > span::after {
  width: 100%;
  left: 0;
}
.topNav .lpMenu .li_level_1.active span::after,
.topNav .lpMenu .li_level_1:hover span::after {
  width: 0;
  left: 50%;
}
.topNav .lpMenu .li_level_1 {
  position: relative;
  padding-bottom: 10px;
}
.topNav .lpMenu .li_level_1 .menuItemText {
  width: auto;
  position: relative;
  padding: 0;
  margin: 0 20px;
}
.topNav .lpMenu .li_level_0:hover .li_level_1:hover a span::after {
  width: 100%;
  left: 0;
}
.TBBike .topNav {
  padding-bottom: 0;
}
.cmeAirPollutionInfo {
  display: block;
  width: 100%;
  max-width: 1800px;
  margin: 0 auto;
  padding-right: 30px;
  font-size: 0.9em;
  line-height: 2;
  text-align: right;
}
.cmeAirPollutionInfo .iconContainer {
  margin-left: 12px;
  font-size: 20px;
}
/******** content, menu inside ***********/
.articleBody {
  line-height: 1.5;
}
.lpArticle.home {
  margin: auto;
  display: block;
}
.homeArticle {
  max-width: 1200px;
  margin: auto;
  /*display:inline-block;*/
  width: 100%;
}
.homeArticle .lpArticle {
  padding: 0 40px 16px 40px;
}
.homeArticle .lpArticle h1 {
  margin-bottom: 0;
}
.mainSlogain {
  margin-top: 38px;
  text-transform: uppercase;
}
.mainSlogain h2 {
  text-align: center;
}
.newsMenu {
  display: inline-block;
}
.newsMenu li {
  padding: 10px 20px;
}
.newsMenu a {
  width: auto;
  line-height: 2;
  display: inline-block;
  position: relative;
}
.newsMenu .menuItemText {
  display: inline;
  padding: 0;
  line-height: 1;
  font-size: 20px;
  /*width: auto;
		line-height: 1.5;
		display: inline-block;
		font-size: 1.2em;	*/
}
.home .howItWorksMenu {
  width: 50%;
  float: left;
}
.inner .howItWorksMenu {
  width: 100%;
}
.inner .howItWorksMenu .last {
  display: none;
}
.lpArticle .howItWorksMenu,
.howItWorksMenu {
  grid-template-columns: 2fr 50px 2fr 50px 2fr 50px 2fr;
  grid-template-areas: "parentTitle parentTitle parentTitle parentTitle parentTitle parentTitle parentTitle " "i1 i2 i3 i4 i5 i6 i7" "i8 i8 i8 i8 i8 i8 i8";
}
.lpArticle .howItWorksMenu .parentTitle,
.howItWorksMenu .parentTitle {
  font-size: 1.8em;
  line-height: 2.5;
  text-transform: uppercase;
  margin: 8px 0;
}
.lpArticle .howItWorksMenu .menuItem,
.howItWorksMenu .menuItem {
  line-height: 1.5;
  padding: 6px;
}
.lpArticle .howItWorksMenu .menuItem a,
.howItWorksMenu .menuItem a {
  width: auto;
  padding: 6px 0;
  line-height: 1.5;
  display: inline-block;
  position: relative;
  font-size: 1.2em;
}
.lpArticle .howItWorksMenu .arrow,
.howItWorksMenu .arrow {
  align-self: center;
  padding: 0;
}
.lpArticle .howItWorksMenu .last,
.howItWorksMenu .last {
  padding: 8px 0;
}
.lpArticle .howItWorksMenu .last .menuItemText:after,
.howItWorksMenu .last .menuItemText:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  height: 3px;
  width: 0;
  transition: all 0.4s ease-out;
}
.lpArticle .howItWorksMenu .last:hover .menuItemText:after,
.howItWorksMenu .last:hover .menuItemText:after {
  width: 100%;
  left: 0;
}
.lpArticle .howItWorksMenu img,
.howItWorksMenu img {
  width: auto;
  max-width: 100%;
  margin: 16px auto;
  display: block;
  transition: 0.5s;
  cursor: initial;
}
/* kapcsolat űrlap, home */
.contactGrid,
.ctaGrid {
  display: grid;
  margin: auto;
  padding-bottom: 20px;
  grid-gap: 0 20px;
  max-width: 555px;
  align-items: stretch;
  grid-template-columns: 1fr 2fr ;
}
.lpArticle .contactGrid {
  grid-template-areas: ".   l1 b1  ." ".   l2 b2  .";
}
.lpArticle .contactGrid .l1 {
  grid-area: l1;
}
.lpArticle .contactGrid .l2 {
  grid-area: l2;
}
.lpArticle .contactGrid .b1 {
  grid-area: b1;
}
.lpArticle .contactGrid .b2 {
  grid-area: b2;
}
.lpArticle .contactGrid label {
  padding: 8px;
  text-align: right;
  width: 100%;
  margin-bottom: 10px;
}
.lpArticle .contactGrid .contactBlock {
  margin-bottom: 8px;
  padding: 4px;
}
.lpArticle .contactGrid p {
  padding: 0;
  margin: 0;
  text-align: left;
}
.ctaGrid {
  grid-template-areas: "   ctaMessage ctaMessage  " "   registerWebsite registerWebsite  " "   regLabelName2 ctaBlockName2  " "   regLabelEmail ctaBlockEmail  " "   regLabelTel ctaBlockTel " "   regLabelRemark ctaBlockRemark  " "   regLabelTerms regLabelTerms " "   ctaBlockTerms ctaBlockTerms  " "   registerBtn registerBtn ";
  /*.ctaBlockTerms{
		.lpChkContainer{float:right;margin:0 20px;}
		
	}*/
  /*terms and conditions*/
}
.ctaGrid .ctaMessage {
  grid-area: ctaMessage;
}
.ctaGrid .ctaBlockName1 {
  grid-area: ctaBlockName1;
}
.ctaGrid .ctaBlockName2 {
  grid-area: ctaBlockName2;
}
.ctaGrid .ctaBlockEmail {
  grid-area: ctaBlockEmail;
}
.ctaGrid .ctaBlockTel {
  grid-area: ctaBlockTel;
}
.ctaGrid .ctaBlockTerms {
  grid-area: ctaBlockTerms;
}
.ctaGrid .ctaBlockRemark {
  grid-area: ctaBlockRemark;
}
.ctaGrid .regLabelName1 {
  grid-area: regLabelName1;
}
.ctaGrid .regLabelName2 {
  grid-area: regLabelName2;
}
.ctaGrid .regLabelEmail {
  grid-area: regLabelEmail;
}
.ctaGrid .regLabelTel {
  grid-area: regLabelTel;
}
.ctaGrid .regLabelTerms {
  grid-area: regLabelTerms;
}
.ctaGrid .regLabelRemark {
  grid-area: regLabelRemark;
}
.ctaGrid .registerBtn {
  grid-area: registerBtn;
  border-radius: 0;
  text-align: center;
  margin: 0;
}
.ctaGrid .registerBtn .btnText {
  display: inline-block;
  line-height: 2;
  margin-right: 6px;
  position: relative;
}
.ctaGrid .registerBtn:hover .btnText::after {
  width: 125%;
}
.ctaGrid .regLabelTerms {
  display: none;
}
.ctaGrid .registerWebsite {
  grid-area: registerWebsite;
}
.ctaGrid .ctaBlock input {
  width: 100%;
  height: 43px;
  line-height: 40px;
}
.ctaGrid input,
.ctaGrid textarea {
  border-radius: 0;
}
.ctaGrid textarea {
  height: 68px;
  margin: 0;
}
.ctaGrid .regLabel {
  padding: 8px;
  text-align: right;
  width: 100%;
  margin-bottom: 10px;
}
.ctaGrid .formErrMsg {
  min-height: 0;
}
.ctaGrid .readTerms {
  text-align: left;
  padding: 0 8px;
  font-weigt: bold;
}
.ctaGrid .ctaBlockInner .formRow {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "readTerms ." "regLabel lpChkContainer";
}
.ctaGrid .ctaBlockInner .formRow .readTerms {
  grid-area: readTerms;
}
.ctaGrid .ctaBlockInner .formRow .regLabel {
  grid-area: regLabel;
  text-align: left;
}
.ctaGrid .ctaBlockInner .formRow .lpChkContainer {
  grid-area: lpChkContainer;
}
#input_login_email_modkapcsolat_urlap_accept_terms.lpChk0 {
  background-position: -1px -3px;
  border-radius: 4px;
  margin: 2px 0 2px 0;
}
#input_login_email_modkapcsolat_urlap_accept_terms.lpChk0 {
  background-position: 0px -36px;
}
/**********     buttons   **************
.loginMenu .li_level_0 > a .menuItemText{
	line-height:65px;
	border-radius: 50px;
	padding:0 35px
}*/
.wsOrderNav li .textBottom,
#banner-menu .menuItemText {
  line-height: 55px;
  letter-spacing: 2px;
  font-size: 22px;
  padding: 0 25px;
  font-weight: bold;
}
.wsOrderNav li .textBottom {
  margin: 0 20px;
}
.internalArticleLink,
.wsOrderNav li,
#banner-menu li {
  font-weight: 600;
  border-radius: 12px;
  margin: 0 10px;
  white-space: nowrap;
}
/**********  end  buttons **************/
/****** underline effect ********/
.linkBtn .menuItemText {
  position: relative;
  line-height: 2;
  display: inline-block;
}
.selectorButton::after,
.registerBtn .btnText::after,
a .menuItemText:after,
.loginForm .buttonRow a::after,
.buyPass a .menuItemText::after,
.wsOrderNav a .menuItemText::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  height: 3px;
  width: 0;
  transition: all 0.4s ease-out;
}
/*
.loginContainer .lpTabLi::after,
.loginForm .buttonRow a::after{
		bottom: 4px;
}*/
.selectorButton:hover::after,
.registerBtn:hover .btnText::after,
a:hover .menuItemText:after {
  width: 100%;
  left: 0;
}
/*
.loginForm .buttonRow a:hover::after,
.loginContainer .lpTabLi:hover::after,
.loginContainer .lpTabLi.active::after{
	width:~"calc(100% - 20px)";
	left:10px;
}
*/
.loginView {
  /*
	
	.registerForm{
			grid-template-areas: 
				"item1 item1 item1 item1 "
				"item2 item2 item2 item2 "
				"item3 item3 item3 item3 "
				"item4 item4 item4 item4 "
				"item5 item5 item5 item5"
				"item6 item6 item6 item6"
				"item7 item7 item8 item8 "
				"item9 item9 item10 item10 "
				"item11 item11 item11 item11 "
				"item12 item12 item12 item12 "
				"item13 item13 item14 item14 "
				;
		}
	
	.registerForm {
		  grid-template-areas:
		  
		"item1  item1  item1  item1 " 
		"item2  item2  item2  item2 " 
		"item3  item3  item3  item3 " 
		"item4  item4  item4  item4 " 
		"item5  item5  item5  item5 " 
		
		"item7  item7  item8  item8 " 
		"item6  item6  item6  item6 " 
		
		
		"item9  item9  item10 item10" 
		
		"item11 item11 item11 item11" 
		".      item12 item12 .     " 
		"item13 item13 item14 item14";  
		}  
		*/
}
.loginView .selectorButton {
  font-size: 22px;
  font-weight: bold;
  display: inline-block;
  position: relative;
  justify-self: center;
}
.loginView .gFormRow2.checkboxGrid {
  gap: 2px 24px;
  grid-template-areas: "labelArea labelArea inputArea inputArea" ".         errorArea errorArea errorArea";
}
.deleteAccountForm .sysPanelRow,
.newPassword .sysPanelRow {
  grid-template-areas: ". . item1 item1";
}
.imgMenu a .menuItemText::after {
  display: none;
}
/*****   banner  ******/
.lpBanner .textContainer {
  width: 100%;
  text-align: center;
  font-size: 50px;
  line-height: 1.2;
  font-weight: bold;
  padding: 50px 25% 0 25%;
}
.lpBanner .textContainer p {
  font-size: 50px;
  line-height: 1.2;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
#banner-menu {
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
}
.lpMenu .arrowLeft {
  padding-right: 10px;
}
#banner-menu .arrowLeft .menuItemText {
  padding-left: 60px;
}
/**** login, register *****/
.loginForm .name1,
.registerForm .name1 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.loginForm .name2,
.registerForm .name2 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.loginContainer {
  margin-left: auto;
  margin-right: auto;
}
/******** map ***********/
.greenMenu {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 16px 10px;
}
.greenMenu .lpMenu .i1 {
  display: block;
}
.greenMenu .menuItemText {
  display: inline;
  padding: 0;
  font-size: 1.2em;
}
.greenMenu h3 {
  text-align: center;
  text-transform: uppercase;
}
.mapContainer {
  position: relative;
}
.mapContainer h4 {
  font-size: 20px;
  margin-bottom: 20px;
}
.mapContainer .gm-style {
  font-family: 'Roboto Condensed', sans-serif;
}
.mapContainer .googleMapContainer {
  min-height: 600px;
}
/****  map popup messages *****/
.mapMsg .lpPopupContent {
  padding: 30px 8px;
  font-size: 1.2em;
  text-align: center;
  font-weight: bold;
}
/******  auto refresh   ******/
.autoRefresh {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.autoRefresh h3,
.autoRefresh .linkBtn {
  margin-bottom: 40px;
}
.autoRefresh .progressBar {
  margin: 20px 0;
  display: block;
  height: 2px;
  width: 0;
}
/*********** imgMenu **********/
.imgMenu {
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
  max-width: 1200px;
}
.imgMenu ul {
  display: -ms-flexbox;
  -ms-flex-direction: row;
  -ms-flex-pack: justify;
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: center;
  flex-flow: row wrap;
}
.imgMenu ul:hover li {
  transform: scale(0.98);
}
.imgMenu ul:hover li:hover {
  transform: scale(1.04);
  z-index: 5;
}
.imgMenu li {
  font-size: 18px;
  width: 17%;
  display: inline-block;
  transition: all 0.3s ease-in;
  overflow: hidden;
  position: relative;
}
.imgMenu.lpMenu .menuItemText {
  text-align: center;
  padding: 0;
  line-height: 45px;
}
.imgMenu img,
.navMenuLeft img {
  display: block;
  width: 100%;
  margin: auto;
  border-radius: 12px;
  transition: background-color 0.4s linear;
}
.imgMenu .imgContainer {
  display: inline-block;
  padding: 40px;
  width: 80%;
  margin: 10%;
  border-radius: 50%;
}
/************  content **********/
#lpContent {
  margin-bottom: 0;
  line-height: 1.5;
}
.home #lpContent {
  margin-bottom: 0;
}
.lpPopupContent .lpArticle {
  padding: 20px;
}
.articleHead {
  margin: 32px 0;
}
.groupInfo {
  font-size: 18px;
  line-height: 1.5;
  padding: 8px;
}
.groupInfo .groupDateCreate {
  font-size: 18px;
}
.groupTitle h1,
.articleTitleContainer h1 {
  text-align: center;
}
#lpContent .privacySettings .lpArticle {
  width: 100%;
}
.lpGroupArticle {
  border-radius: 4px;
}
.internalArticleLink {
  /*display:inline-block;*/
  padding: 0px 20px;
  margin: 10px;
  line-height: 3;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.4s, color 0.4s;
  -webkit-transition: background-color 0.4s, color 0.4s;
  display: inline-block;
}
#lpContent .lpArticle {
  margin: 0 auto;
  display: block;
}
#lpContent .lpArticle .idxImg {
  width: 100%;
  text-align: center;
}
#lpContent .lpArticle .idxImg img {
  height: 40px;
  display: inline-block;
  margin: 10px;
}
#lpContent .lpArticle a {
  position: relative;
  display: inline-block;
}
#lpContent .lpArticle .lpMenu .menuItemText {
  position: relative;
  display: inline;
  padding: 0;
}
#lpContent .lpArticle .lpMenu a:hover .menuItemText::after {
  width: calc(100% + 20px);
}
#lpContent .lpArticle .lpMenu li > .menuItemText {
  padding: 0;
  line-height: 1.5;
  font-size: 20px;
}
#lpContent .lpArticle .lpMenu ul {
  margin: 0;
}
#lpContent .lpArticle .lpMenu li {
  display: block;
  margin: 0 0 20px 0;
}
#lpContent .lpArticle .lpMenu li a {
  text-align: center;
  width: auto;
  padding: 0 20px;
}
#lpContent .lpArticle .lpMenu .i2 {
  text-align: center;
}
#lpContent .lpArticle .lpMenu.userTypeNav li {
  width: 50%;
  float: left;
  text-align: center;
}
#lpContent .lpArticle .lpMenu.userTypeNav li a {
  width: 100%;
}
#lpContent .lpArticle .lpMenu.userTypeNav li .menuItemText {
  padding-bottom: 5px;
}
#lpContent .lpArticle table {
  margin: 0 auto;
  border-collapse: initial;
  border-spacing: 4px;
}
#lpContent .lpArticle table th {
  text-transform: uppercase;
}
#lpContent .lpArticle table th a {
  width: 100%;
  min-width: 580px;
}
#lpContent .lpArticle table th a .menuItemText {
  position: relative;
  display: inline-block;
  line-height: 2;
}
#lpContent .lpArticle table td:first-child {
  text-transform: uppercase;
  text-align: right;
  width: 250px;
}
#lpContent .lpArticle table td.whiteBg {
  text-align: left;
  padding-bottom: 0;
}
#lpContent .lpArticle table td.whiteBg h2,
#lpContent .lpArticle table td.whiteBg h3,
#lpContent .lpArticle table td.whiteBg h4,
#lpContent .lpArticle table td.whiteBg h5 {
  margin-bottom: 0;
  line-height: 1.1;
}
#lpContent .lpArticle table td.whiteBg h4,
#lpContent .lpArticle table td.whiteBg h5 {
  font-weight: normal;
}
#lpContent .lpArticle table td .cellData {
  min-width: 120px;
  padding: 0 2px;
  float: left;
  text-align: center;
}
.articleBody.salespoints {
  margin-top: 42px;
}
/************* stations  *********************/
.googleMapLegend {
  width: 100%;
  padding: 12px;
}
.legendRow {
  padding: 8px;
}
.articleBody .legendRow img,
.legendRow img {
  display: block;
  float: left;
  margin: 2px 8px 0 0;
  width: 35px;
}
.legendText {
  line-height: 48px;
}
.stationSelector .legendText {
  font-size: 0.9em;
}
.stationImg {
  margin: 8px 0;
  width: 100%;
}
.stationInfo {
  float: left;
  min-width: 110px;
  margin-right: 5px;
}
.stationData {
  float: left;
  font-weight: bold;
}
/********* station ********/
.stationComponent .googleMapLegend {
  padding-bottom: 0;
}
.stationComponent .stationTable {
  margin: 0 auto 40px auto;
  border-collapse: initial;
  border-spacing: 4px;
  /*td{	padding:4px;
			.inner{
				display:inline-block;
				width:100%;
				padding:4px 8px;
			}
			
		}*/
}
.stationComponent .stationTable .areaInfo h3 {
  text-transform: uppercase;
  margin: 35px 0 0 0;
  text-align: center;
  line-height: 1.1;
}
.stationComponent .stationTable .areaInfo h4 {
  margin-bottom: 10px;
  font-weight: normal;
}
.stationComponent .stationTable .selectedRow .inner {
  padding-right: 60px;
}
/****** error reporting  ******/
.errorReport {
  line-height: 1.5;
}
.errorReport h2 {
  text-transform: uppercase;
}
.errorReport .dataBlockInner {
  max-width: 800px;
  margin: 0 auto;
}
.errorReport .stationTable {
  margin: 0 auto;
}
.errorReport textarea.formInput {
  height: 160px;
  width: 500px;
  max-width: 100%;
}
#stationTable table {
  margin: 20px auto;
}
.loginText {
  line-height: 1.5;
}
/*****************  scrolling ****************/
.srollTopButton {
  border-radius: 2px;
}
/**************  contact form *****************/
.lpArticle .registerForm {
  max-width: 500px;
}
.registerForm .dataBlockInner {
  padding: 0 12px;
}
#lpContent .registerForm .regLabel.terms {
  width: auto;
}
.registerForm .acceptTerms {
  float: right;
  padding-right: 20px;
}
/*.registerForm .readTerms{
	padding-left:10px;
}*/
.registerText {
  text-align: center;
}
/***************  webshop **********************/
.wsCart h2 {
  text-transform: uppercase;
}
.wsCart table.lpOptionGroup {
  margin: 10px auto;
}
.wsCart .orderInput {
  margin: 13px 0 0 20px;
  display: inline-block;
}
.wsCart .depositTable td {
  padding-left: 3px;
  padding-right: 3px;
}
.wsCart .cmeOrderInfo {
  font-size: 20px;
  margin: 10px 0;
  text-align: center;
}
.wsCart .address {
  display: inline-block;
}
.wsCart .address.flexItem2 {
  margin: 10px 0;
}
.wsCart .formInput.email {
  width: 210px;
}
.wsCart .formInput {
  width: 260px;
}
.wsCart .largeSelect {
  width: 100%;
  max-width: 480px;
}
.wsCart .largeSelect {
  padding-left: 10px;
}
.wsCart .dataLabel {
  min-width: 220px;
  margin-right: 16px;
}
.wsCart .dataItem {
  float: left;
  display: inline-block;
  min-width: 100px;
  text-align: right;
}
.wsCart .dataLabel.large,
.wsCart .dataItem.large {
  font-weight: bold;
  font-size: 1.1em;
}
.passType .passTypesExtend {
  margin: 0 auto;
}
.passType .optionGroupDisplay {
  text-align: center;
  display: inline-block;
}
.passType .optionGroupDisplay .large {
  padding-top: 12px;
}
.passExtension label {
  text-align: left;
}
.passExtension .dataItem {
  text-align: right;
}
.passExtension .dataBlock {
  float: none;
  clear: both;
  width: auto;
}
.orderTerms {
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-template-areas: "dataLabel lpChkContainer" "dataBlockLink dataBlockLink" "formErrMsg formErrMsg" "buttonContainer buttonContainer";
}
.orderTerms .dataLabel {
  grid-area: dataLabel;
}
.orderTerms .lpChkContainer {
  grid-area: lpChkContainer;
}
.orderTerms .dataLabel {
  grid-area: dataLabel;
}
.orderTerms .dataBlockLink {
  grid-area: dataBlockLink;
}
.orderTerms .formErrMsg {
  grid-area: formErrMsg;
}
.orderTerms .buttonContainer {
  grid-area: buttonContainer;
  justify-self: center;
}
.orderTerms .buttonContainer .linkBtn {
  margin: 0;
}
.wsCart .topupcredit {
  width: 100px;
}
.wsCart .currency {
  line-height: 32px;
  padding-left: 8px;
}
.dataItem.pin {
  display: inline-block;
  padding: 2px 20px;
}
.wsCart .balanceLabel {
  line-height: 40px;
  margin-right: 12px;
}
.wsCart .balance {
  font-size: 26px;
  line-height: 40px;
  font-weight: bold;
  float: left;
  display: inline-block;
}
.wsCart .messages {
  line-height: 40px;
  font-weight: bold;
}
.wsCart.history .dataBlockInner {
  position: relative;
}
.wsCart.history .iconContainer {
  position: absolute;
  right: 24px;
  top: 35px;
}
.wsCart.history h2 {
  padding: 0 58px 0 3px;
}
/******  webshop pass   ******/
.summaryBlock .dataLabel {
  float: left;
}
.cmePass label {
  padding-left: 16px;
  max-width: 450px;
  text-align: justify;
}
.wsCart .dataLabel.terms {
  width: auto;
}
.buyPass {
  float: right;
  margin-bottom: 16px;
}
/*.wsCart .buyPass .linkBtn{
	display:inline-block;
	font-weight:600;
	text-align:center;
	padding: 0 10px;
	margin:0;
}
.buyPass .menuItemText{
	line-height: 55px;
	letter-spacing:2px;
	font-size:22px;
	padding: 0 2px;
	font-weight:bold;
}*/
.wsCart .buyPass input {
  padding: 0 16px;
  width: 230px;
  float: right;
}
.wsCart .buyPass .datepicker {
  text-align: center;
}
.buyPass .iconContainer,
.buyPass .iconText {
  display: block;
}
.passList a {
  display: inline-block;
}
.passList .passButtons {
  float: right;
}
.passList .iconContainer {
  display: inline-block;
  width: 32px;
  text-align: center;
  margin: 4px 0;
  float: left;
}
.passList .iconText {
  display: inline-block;
  line-height: 32px;
  float: left;
}
#input_cme_pass_passtypeErr,
#input_cme_pass_topupamountErr,
#input_cme_pass_voucherErr {
  width: 100%;
  text-align: center;
}
td.variantPrice {
  min-width: 0;
}
td.variantPayable,
td.variantBalanceAfter {
  text-align: right;
}
/******** footer ************/
.addrText {
  line-height: 1.5;
  display: inline-block;
  padding: 0 10px;
}
.footerMenu {
  text-align: center;
  width: 100%;
}
.footerIcon .iconContainer {
  float: left;
  margin-right: 8px;
  font-size: 24px;
}
.footerIcon a,
.footerIcon .addrText {
  line-height: 32px;
}
.bottomNav {
  padding: 30px;
  text-align: center;
}
.footerLogo li {
  width: 14%;
  max-width: 160px;
  padding: 16px;
}
.footerLogo li img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.footerLogo li.wide {
  width: 20%;
  max-width: 250px;
  padding: 16px 4px;
}
.footerLogo {
  padding-bottom: 0;
}
.footerLogoGrid {
  display: grid;
  grid-gap: 0px;
  justify-items: center;
  max-width: 1200px;
  margin: auto;
  grid-template-columns: repeat(8, 1fr);
  grid-template-areas: "i1 i1 i2 i2 i3 i3 i4 i4" "i5 i5 i6 i6 i7 i7 i8 i8";
}
.footerLogoGrid .i1 {
  grid-area: i1;
}
.footerLogoGrid .i2 {
  grid-area: i2;
}
.footerLogoGrid .i3 {
  grid-area: i3;
}
.footerLogoGrid .i4 {
  grid-area: i4;
}
.footerLogoGrid .i5 {
  grid-area: i5;
}
.footerLogoGrid .i6 {
  grid-area: i6;
}
.footerLogoGrid .i7 {
  grid-area: i7;
}
.footerLogoGrid .i8 {
  grid-area: i8;
}
.footerLogoGrid .menuItem {
  padding: 10px;
  border-radius: 4px;
  transition: 0.3s;
}
.footerLogoGrid img {
  max-width: 100%;
}
.GRBike .footerLogoGrid {
  gap: 24px;
  grid-template-columns: repeat(12, 1fr);
  grid-template-areas: "i1 i1 . i2 i2 . i3 i3 . i4 i4 i4" "i1 i1 . i2 i2 . i3 i3 - i5 i5 i5";
}
.MVBike .footerLogoGrid {
  grid-template-columns: repeat(8, 1fr);
  grid-template-areas: "i1 i2 i3 i3 i4 i4 i5 i5" "i1 i2 i3 i3 i6 i6 i7 i7";
}
.KMBike .footerLogoGrid {
  align-items: center;
  grid-template-areas: "i1 i2 i2 i3 i3 i4 i5 i5" "i1 i2 i2 i3 i3 i4 i5 i5";
}
.ERBike .footerLogoGrid {
  grid-gap: 16px;
  align-items: center;
  grid-template-columns: repeat(5, 1fr);
  grid-template-areas: "i1 i2 i3 i4 i5" "i1 i2 i3 i4 i6";
}
.ERBike .footerLogoGrid .menuItem {
  padding: 0;
}
.ERBike .footerLogoGrid img {
  max-height: 200px;
}
.VMBike .footerLogoGrid {
  gap: 16px 32px;
  align-items: center;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "i1 i2 i3 i4" "i1 i2 i3 i5";
}
.VMBike .footerLogoGrid .menuItem {
  padding: 0;
}
.VMBike .footerLogoGrid img {
  max-height: 160px;
}
.TBBike .footerLogoGrid {
  gap: 16px 32px;
  grid-template-columns: repeat(7, 1fr);
  grid-template-areas: "i1 i2 i3 i3 i4 i5 i5" "i1 i2 i3 i3 i4 i6 i6";
}
.footerBank {
  padding: 0;
}
.footCopyright {
  display: inline-block;
  width: 100%;
}
.poweredBy {
  display: block;
  margin-top: 32px;
}
/******** end footer ************/
#ajaxLoader i {
  font-size: 40px;
}
/***************  media queries ****************/
@media (min-width: 1000px) {
  .ERBike .lpArticle table {
    min-width: 500px;
  }
  .ERBike .lpArticle .cellData {
    width: 100%;
  }
}
@media (max-width: 1600px) {
  .topNav {
    padding: 25px 10px;
    grid-template-columns: 180px 1fr min-content min-content;
  }
  .topNav .mainMenu .li_level_0 .menuItemText {
    font-size: 18px;
  }
  .cmeAirPollutionInfo {
    padding-right: 10px;
  }
  .languageMenuContainer {
    margin-left: 0;
    margin-right: 0;
  }
  .loginMenu .li_level_0 > a .menuItemText {
    padding: 0 12px;
    line-height: 40px;
    font-size: 16px;
  }
  .lpBanner .textContainer {
    font-size: 40px;
    line-height: 55px;
  }
  .lpBanner .textContainer p {
    font-size: 40px;
    line-height: 55px;
  }
  .howItWorksMenu {
    grid-template-columns: 2fr 30px 2fr 30px 2fr 30px 2fr;
  }
}
@media (max-width: 1300px) {
  .mainMenu .li_level_0 {
    margin: 0 14px;
  }
  .languageMenuContainer .menuItemText,
  .mainMenu .li_level_0 .menuItemText {
    font-size: 16px;
  }
  /*.topNav .lpMenu .li_level_0.arrowDown > .menuItemText {

    		padding-left: 10px;

	}*/
  .loginMenu .ul_level_0 {
    padding: 0 8px;
  }
  .mainMenu .li_level_0 {
    margin: 0 12px;
  }
  .gridMenu .menuItem {
    padding: 16px 4px;
  }
  .gridMenu .menuItem h2 {
    font-size: 18px;
  }
  .gridMenu .menuItem h3 {
    font-size: 55px;
  }
  /*.lpBanner .textContainer{
		padding-top:40px 10% 0 10%;
		font-size:36px;
		line-height:45px;
	}
	.lpBanner .textContainer p{
		font-size:36px;
		line-height:45px;
	}*/
  /*#banner-menu{
		bottom:10px;
	}*/
  .howItWorksMenu {
    grid-template-columns: 2fr 30px 2fr 30px 2fr 30px 2fr;
  }
  .howItWorksMenu .menuItemText {
    font-size: 0.9em;
  }
}
@media (max-width: 1100px) {
  h1,
  h2,
  h3 {
    font-size: 22px;
  }
  /** input, select **
	input,
	.regOrderAddres input,
	.loginForm .loginTelPre,
	.loginForm .formInput.lpAutoComplete,
	.loginForm .countrySelect,
	.loginForm input{
		line-height:40px;
		height:40px;
		font-size:16px;
	}*/
  .topNav .menuItemText,
  .topNav .noclickItem {
    font-size: 18px;
    letter-spacing: 1px;
  }
  .loginMenu.loggedIn ul.ul_level_0 {
    padding: 0 12px;
  }
  .home .howItWorksMenu {
    width: 100%;
  }
  .gridMenu.grid6 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "i1 i2 i3" "i4 i5 i6";
  }
  .gridMenu.grid8 {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "i1 i2 i3 i4" "i5 i6 i7 i8";
  }
  .gridMenu.grid9 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "i1 i2 i3" "i4 i5 i6" "i7 i8 i9";
  }
  .gridMenu.grid10 {
    grid-template-columns: repeat(10, 1fr);
    grid-template-areas: "i1 i2 i3" "i4 i5 i6" "i7 i8 i9" ". i10 .";
  }
  .homeArticle .lpArticle {
    padding: 16px ;
  }
  #lpContent .lpArticle {
    width: 100%;
  }
  .loginMenu .li_level_0 {
    line-height: 30px;
  }
  .loginMenu {
    line-height: 20px;
    letter-spacing: 0px;
  }
  .topNav .lpMenu.loginMenu .ul_level_1 {
    right: 0;
    left: auto;
  }
  .loginMenu.loggedIn {
    background: none;
  }
  .loginMenu {
    padding: 2px 8px 0 8px;
    font-size: 13px;
  }
  .imgMenu ul {
    justify-content: space-around;
  }
  .imgMenu li {
    width: 31%;
  }
  .howItWorksMenu {
    width: 100%;
  }
  .productOrderFormInner {
    padding: 20px 8px;
  }
  .cmePass label {
    max-width: 100%;
    padding: 0 16px;
    text-align: center;
  }
  .footerMenu .li_level_0,
  .footerMenu a,
  .footerMenu .menuItemText {
    width: 100%;
    text-align: center;
  }
  .headerContainer {
    line-height: 40px;
  }
  .lpBanner .imgContainer {
    overflow: hidden;
    position: relative;
  }
  /*.lpBanner .imgContainer img {
    	width:auto;
    	margin:auto;
    	display:block;
    	position:absolute;
    	left:50%;
    	transform: translate(-35%,0%)
	}*/
  .lpBanner .textContainer {
    padding: 30px 10% 0 10%;
    font-size: 36px;
    line-height: 54px;
  }
  .lpBanner .textContainer p {
    font-size: 36px;
    line-height: 54px;
  }
  #banner-menu {
    bottom: 40px;
  }
  .userMenu ul {
    padding-bottom: 10px;
  }
  .userMenu li {
    padding: 50px 8px;
    width: 100%;
  }
  .userMenu .menuItemText {
    line-height: 1.8;
    padding-left: 50%;
  }
  .userMenu li img {
    position: absolute;
    left: 20px;
    width: 30%;
    top: 50%;
    transform: translateY(-50%);
  }
  #learn-more li,
  #banner-menu.lpMenu li {
    width: auto;
    margin: 8px 0;
    bottom: auto;
  }
  #progress-menu li:not(.rightArrow) {
    width: 80%;
  }
  .rightArrow {
    transform: rotate(90deg);
    width: 100%;
  }
  #progress-menu .menuItemText {
    padding: 0  0 0 16px;
    font-size: 18px;
    text-align: left;
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(70%, -50%);
  }
  .legend {
    width: 70%;
  }
  .headerContainer a {
    font-size: 24px;
  }
  /*.headerContainer a {
		right:0px;
    	font-size: 24px;
	}*/
  .wsCart.history .iconContainer {
    top: 25px;
  }
  .lpOptionGroup td {
    font-size: 14px;
  }
  .wsCart .formInput.company {
    width: 150px;
  }
  .wsCart .buyPass {
    float: none;
    clear: both;
    /*text-align:center;*/
  }
  .wsCart .buyPass label {
    text-align: left;
  }
  .wsCart .buyPass input {
    float: none;
    width: 150px;
  }
  .wsCart .buyPass .buttonContainer {
    text-align: center;
  }
  .wsCart .buyPass a,
  .wsCart .buyPass a .menuItemText {
    font-size: 18px;
    float: none;
  }
  .selectFloor {
    clear: both;
  }
  /*.topNav .ul_level_0 li.li_level_0{
		position:static;
	}
	.topNavFix .row{
		position:relative;
	}
	.topNav .lpMenu .ul_level_1{
		left:0;
		right:auto;
	}
	*/
  .bottomNav {
    padding: 4px 10px;
  }
  .footerLogoGrid {
    grid-gap: 5px 30px;
  }
  #footer-menu {
    width: 100%;
    text-align: center;
  }
  #footer-menu li .menuItemText {
    display: inline-block;
    width: auto;
    position: relative;
    line-height: 45px;
  }
  .footer {
    padding: 15px 0 6px 0;
  }
  /*.bottomNav .ul_level_0{
		margin-bottom:24px;
	}
	.ul_level_0{
		border-bottom:none;
	}
	.ul_level_0 > li span,
	.ul_level_0 > li{
		/*width:100%;*/
  /*}
	
	.ul_level_0 > li .noclickItem,
	.ul_level_0 > li a{
		width:100%;
		/*border-bottom:1px solid #CCC;*/
  /*text-align:center;
	}*/
  /*.legendRow{
		width:100%;
	}
	.legendText{
		font-size:14px;
		line-height:26px;
	}*/
}
@media (max-width: 800px) {
  .topNav {
    grid-template-columns: 1fr 1fr min-content;
    grid-template-areas: "logoContainer loginMenu languageMenu" "mainMenu  mainMenu  mainMenu ";
  }
  .topNav .logo {
    width: 100%;
  }
  .topNav .lpMenu.loginMenu {
    display: inline-block;
    justify-self: center;
  }
  .topNav .languageMenuContainer {
    justify-self: right;
  }
  .topNav .lpMenu .menuItemText {
    width: auto;
    line-height: 45px;
  }
  .topNav .iFacebook::after {
    display: none;
  }
  .gridMenu.grid6 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "i1 i2" "i3 i4" "i5 i6";
  }
  .gridMenu.grid8 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "i1 i2" "i3 i4" "i5 i6" "i7 i8";
  }
  .gridMenu.grid9 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "i1 i2 i3" "i4 i5 i6" "i7 i8 i9";
  }
  .gridMenu.grid10 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "i1 i2" "i3 i4" "i5 i6" "i7 i8" "i9 i10";
  }
  .lpArticle .howItWorksMenu,
  .howItWorksMenu {
    display: block;
  }
  .lpArticle .howItWorksMenu img,
  .howItWorksMenu img {
    max-width: 200px;
    margin: 0 auto;
  }
  .lpArticle .howItWorksMenu .arrow img,
  .howItWorksMenu .arrow img {
    max-width: 80px;
    transform: rotate(90deg);
  }
  .legendRow {
    width: 100%;
  }
  #lpContent .lpArticle .lpMenu.userTypeNav li {
    width: 100%;
  }
  .footerMenu li {
    margin: 0;
  }
  .footerMenu .menuItemText::after {
    display: none;
  }
  .GRBike .footerLogoGrid {
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "i1 i2 i3 " "i4 i4 i4" "i5 i5 i5";
  }
  .MVBike .footerLogoGrid {
    padding: 10px;
    grid-gap: 40px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "i1 i2" "i3 i3" "i4 i4" "i5 i5" "i6 i6" "i7 i7";
  }
  .VMBike .footerLogoGrid {
    max-width: 350px;
    padding: 10px;
    grid-gap: 40px;
    grid-template-columns: 1fr;
    grid-template-areas: "i1" "i2" "i3" "i4" "i5" "i6" "i7" "i8";
  }
  .KMBike .footerLogoGrid,
  .footerLogoGrid {
    max-width: 350px;
    padding: 10px;
    grid-gap: 40px;
    grid-template-columns: 1fr;
    grid-template-areas: "i1" "i2" "i3" "i4" "i5" "i6" "i7" "i8";
  }
  .TBBike .footerLogoGrid {
    max-width: 350px;
    padding: 10px;
    grid-gap: 40px;
    grid-template-columns: 1fr;
    grid-template-areas: "i1" "i2" "i3" "i4" "i5" "i6";
  }
  .registerBtn .btnText::after,
  a .menuItemText:after,
  .loginForm .buttonRow a::after,
  .buyPass a .menuItemText::after,
  .wsOrderNav a .menuItemText::after {
    display: none;
  }
}
@media (max-width: 500px) {
  h1,
  h2,
  h3 {
    margin: 0;
  }
  .topNav {
    padding: 16px 4px 0 4px;
    grid-gap: 0px 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "logoContainer logoContainer" "loginMenu languageMenu" "mainMenu  mainMenu";
  }
  .topNav .logoContainer {
    justify-self: center;
  }
  .topNav .logo {
    width: 180px;
  }
  .topNav .mainMenu .li_level_0 {
    margin: 0;
    padding: 0;
  }
  .topNav .lpMenu.loginMenu .ul_level_1 {
    left: 0;
    right: auto;
  }
  .TBBike .logoContainer {
    width: 100%;
    padding-bottom: 16px;
  }
  .cmeAirPollutionInfo {
    padding-right: 4px;
  }
  .gridMenu.grid4,
  .gridMenu.grid5,
  .gridMenu.grid6,
  .gridMenu.grid7,
  .gridMenu.grid8,
  .gridMenu.grid9,
  .gridMenu.grid10 {
    display: block;
  }
  .mainSlogain {
    margin-top: 0px;
  }
  .mainSlogain h2 {
    margin: 20px 0;
  }
  .contact_us td {
    font-size: 16px;
  }
  .home #lpContent {
    margin-top: 20px;
  }
  #lpContent .lpArticle table {
    width: 100%;
  }
  #lpContent .lpArticle table th a {
    min-width: 0;
  }
  #lpContent .lpArticle table td:first-child {
    font-size: 0.9em;
    width: auto;
  }
  #lpContent .lpArticle table td .cellData {
    width: 100%;
  }
  .errorReport .address {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0 10px;
  }
  .errorReport .dataLabel,
  .errorReport .formInput {
    width: 100%;
  }
  .stationTable h4 {
    text-align: center;
    font-size: 0.9em;
  }
  th {
    padding: 4px;
    font-size: 14px;
  }
  .loginMenu .ul_level_0 > li {
    width: auto;
  }
  .loginMenu {
    padding: 2px 0 0 0;
  }
  .loginMenu .menuItemText {
    padding: 0 8px;
  }
  .lpPopup .loginForm .loginLabel,
  .lpPopup .lpTabElement .dataBlock .loginLabel {
    width: 100%;
  }
  .mTopMenu .menuItemText {
    padding: 0 8px;
    white-space: initial;
  }
  .logoContainer {
    width: auto;
    padding-left: 2px;
  }
  .logo {
    max-width: 130px;
  }
  .logoLink {
    padding-left: 2px;
  }
  .lpMenu.mobileMenu {
    padding-top: 4px;
  }
  .lpBanner .textContainer {
    padding-top: 30px;
    font-size: 26px;
    line-height: 32px;
  }
  .lpBanner .textContainer p {
    font-size: 26px;
    line-height: 32px;
  }
  .lpBanner .quickMenuContainer {
    position: relative;
    display: inline-block;
    left: auto;
    bottom: auto;
    margin-top: 8px;
  }
  .lpBanner .imgContainer {
    overflow: hidden;
  }
  .lpBanner .imgContainer img {
    transform: translateX(-25%);
    width: 150%;
  }
  #banner-menu {
    bottom: 5px;
    text-align: center;
  }
  #lpContent {
    min-height: 0px;
  }
  .imgMenu li {
    width: 48%;
  }
  .passList .passButtons {
    padding: 20px 10px 0 10px;
    width: 100%;
    float: none;
    clear: both;
  }
  .wsCart .dataLabel.pinLabel {
    width: auto;
    min-width: 0;
    margin-right: 4px;
  }
  .wsCart .dataItem {
    margin: 0 4px;
    float: right;
    min-width: 0;
  }
  .buyPass {
    margin-top: 16px;
  }
  .buyPass label {
    margin-bottom: 8px;
  }
  .buyPass .menuItemText {
    line-height: 45px;
  }
  .lpPopup {
    width: 320px;
  }
  .lpPopupToolbar {
    right: 10px;
  }
  .loginForm .registerArticle {
    width: 75%;
  }
  .progressMenuContainer {
    padding: 30px 0 0 0;
  }
  .progressMenuContainer h2 {
    font-size: 26px;
    padding: 0 16px;
    margin-bottom: 20px;
  }
  #learn-more {
    padding: 30px 0;
  }
  .mapContainer .menuItemText {
    font-size: 26px;
  }
  .priceMenuContainer .price-menu {
    padding: 0 20px 40px 30%;
  }
  .priceMenuContainer .price-menu h3 {
    width: 30%;
  }
  .passType .optionGroupDisplay {
    padding-left: 0px;
  }
  .ui-widget {
    font-size: 14px;
  }
  .registerForm .regLabel {
    padding-left: 10px;
    max-width: initial;
  }
  .bottomIcon .iconContainer {
    min-width: 30px;
    display: inline-block;
    text-align: center;
  }
  .footerImgMenu img {
    max-width: 100%;
  }
  .footerLogo li {
    width: 28%;
  }
  .footerLogo li.wide {
    width: 33%;
  }
}