@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
@keyframes mdfadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



:root {
	
	--highlight: #ffbb00;
	--complete: #669900;
	--bg_light:rgba(255, 255, 255, 0.2);
	--bg_lighter:rgba(255, 255, 255, 0.5);
	--bg_dark:rgba(0, 0, 0, 0.5);
	--bg_darkest:rgba(0, 0, 0, 0.9);
	
}

#mb-c .mb-float:nth-child(even) {
    float: none;
}

.otgs-development-site-front-end {display:none;}

#admin-icon {position: absolute;
	display:none;
    /* width: 20px; */
    margin-left: 40px;
    margin-top: 4px;
    z-index: 1;}

body.logged .mobile-menu__btns {display:none !important;}
body.logged .mobile-menu-logged__btns {display:block !important;}

.clear {display: none !important;}
#mb-loader .mb-load-text {display: none !important;}

#header-wrap.booking-focus {position:relative;}
.is-secondary-search-section .search-pic-block-wrap {display:none;}

#mb-close {
	
	z-index: 1000;
    position: absolute;
    background-image: url(../images-final-V3/White-FFFFFF/icon-close-FFFFFF.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
	cursor:pointer;
	display:none;
	top:0;
	margin-top: 10px;
    margin-left: -5px;
}

body #mb-c .mb-form-head .mb-icon.mb-icon-close {
	/*background-image: url(../images-final-V3/White-FFFFFF/icon-close-FFFFFF.png);*/
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M0.328018 0.641867C-0.109339 1.08533 -0.109339 1.86139 0.328018 2.30486L9.19134 11.2919L0.328018 20.286C-0.109339 20.7294 -0.109339 21.5055 0.328018 21.949C0.546697 22.1707 0.840547 22.2954 1.14806 22.2954C1.45558 22.2954 1.74943 22.1707 1.96811 21.949L11.6583 12.1304C11.877 11.9086 12 11.6107 12 11.2989C12 10.9871 11.877 10.6891 11.6583 10.4674L1.97494 0.641867C1.75626 0.420134 1.46241 0.29541 1.1549 0.29541C0.84738 0.29541 0.553531 0.420134 0.334852 0.641867H0.328018Z' fill='%23737373'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
	left:0;
	height: 25px;
    width: 25px;
	background-size: 10px;
    transform: rotate(180deg);
}

.mb-book-focus #mb-close {
	display:block;
}

#mb-c.mb-return .mb-form-content #mb-journeys .mb-journey2.mb-defaultHide {display:none;}

.arrow_top {display:none;}
.iti-arrow {display:none;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, .ui-button.ui-state-disabled:hover, .ui-button.ui-state-disabled:active {
color: #ddd;
}

#mb-BF {
	position: absolute;
    top: 0;
    width: 100%;
    z-index: 998;
}

#mb-BF > div {
	
	position: fixed;
	top:0;
    width: 100%;
	/*height: 100vh !important;*/
    z-index: 998;
	
}

#mb-BF > #mb-c {
	
	top:7em !important;
	z-index: 999;
	position: absolute;
	max-width:100%;
	margin:0 auto;
	
}

#mb-BF  > #mb-c.mb-book-focus {
	top:7em !important;
}

body #form-wrapper {
	width:100%;
}

.search-pic-block-wrap {
	/*display:none;*/
}

#mb-c .mb-icon {
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 15px 50%;
}

#mb-dates .mb-overlay {
	/*display:none !important;*/
}

#mb-date {position:absolute;}

#mb-c .mb-messages .mb-overlay .mb-content {
    margin: 0;;
    max-width: 600px;
    color: #fff;
}

#mb-c .mb-messages  .mb-overlay .mb-content .mb-row {
    background-color: transparent;
    height:auto;
}

#mb-c .mb-messages  .mb-overlay .mb-content .mb-row a {
    color:var(--highlight);
}

#mb-c .mb-pophover.mb-pop-mail .mb-row.mb-text p, #mb-c .mb-pophover.mb-pop-receipts .mb-row.mb-text p {
    padding-bottom: 10px;
    color: white;
    font-size: 0.9em;
}

#mb-c .mb-booking-item .mb-cell.mb-messages .mb-icon-receipt {
    margin-bottom:0;
}

#mb-overlay {display:none !important;}

.page-content {
	
	/*padding-top: 200em;*/
	
}

.ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_dedede_256x240.png);
}

.intl-tel-input {
    width: 100%;
   	position: relative;
    top: 0;
    left:0;
    z-index: 10;
}

.ui-datepicker td {
    text-align: center;
}

.ui-datepicker td a, .ui-datepicker td span {
    line-height: 2em;
	width: 2em;
    background-color: transparent !important;
    border: none !important;
	display: inline-grid;
    align-items: center;
    margin: 0;
    padding: 0;
}

.ui-widget.ui-autocomplete, .ui-widget.ui-widget-content.ui-datepicker {
	z-index:1000 !important;
}

.ui-widget.ui-widget-content.ui-datepicker {
	border:none !important;
	border-radius:1em;
	background-color:rgba(0,0,0,0.99);
	width: calc(100% - 3.5em);
    /*left: 0 !important;*/
    margin-left: 1.5em;
	margin-top: -0.5em !important;
	max-width: 400px !important;
}

.ui-datepicker .ui-datepicker-title {
	
	color:white;
	
}

.mb-datepicker-arrow {
	display:none;
}

.ui-datepicker th {
    color: var(--highlight);
    line-height: 2em;
}

.ui-state-active, .ui-widget-content .ui-state-active {
	
	background-color:var(--highlight) !important;
	border-radius:50%;
	color: #000;
	
}


body .ui-widget.ui-autocomplete.md-style {
	overflow: initial;
	background-color:var(--bg_dark);
    border: none;
    color: white;
	border-radius: 1em;
    padding: 1em;
    max-height: none;
    font-weight: 400;
	max-width: 100% !important;
	-webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);
}

.ui-autocomplete li span {
    font-style: italic;
    height: 1rem;
    line-height: 1rem;
}

.ui-autocomplete.md-style li {
	background-color: transparent;
    border: none;
    font-size: 1em;
    padding: 0em 1em 0.5em 1em;
}

.ui-autocomplete.md-style li {
	background-color: transparent;
    border: none;
    font-size: 1em;
	padding: 0.2em 0.5em 0.2em 0.5em;
}

.ui-autocomplete.md-style li:not(.zone):hover {
	background-color:var(--bg_light);
	border-radius: 1em;
}

.ui-autocomplete.md-style li span {
    color: #ccc;
}

.ui-autocomplete.md-resort {
	column-count: 2;
}

.ui-autocomplete.md-flights {
	column-count: 1;
}

.ui-autocomplete.md-flights li:nth-child(even) {
	/*background-color:#444;*/
}

.ui-autocomplete .zone.ui-menu-item {
	color: #888;
    /* border-bottom: 1px solid #999; */
    font-weight: 700;
    font-size: 1.1em;
	margin-top: 1em;
	/*text-decoration: underline;*/
	cursor: default;
}

.ui-autocomplete .zone.ui-menu-item:first-child {
	margin-top: 0;
}

#mb-c .time_pick {position:relative;}
#mb-c .mb-isinput .time_pick > input[type="text"] {height:40px;}
#mb-c .timepicker_wrap {
	padding:10px;
	background-color: #333;
	border: none;
}

#mb-c .mb-first-text, #mb-c .mb-highlight-text {
    color: #fff;
	font-size: 1.8rem;
}


#mb-c .timepicker_wrap .next, #mb-c .timepicker_wrap .prev {
	background-color: var(--highlight);
    border: none;
}

body, #mb-c * {
	
	box-sizing: border-box;
}

#mb-c {
	
	/*font-family: var(--primaryFont);*/
	font-family: "Roboto", sans-serif;
    width: 100%;
	margin-top: 0;
    color: white;
	height: auto;
    min-height: 10px;
    height:auto;
	min-height:10px;
	z-index:998;
	font-weight: 400;
}

#mb-c .mb-text {
    color:white;
}

#mb-c h3 {
    font-weight: 600;
}

#mb-c .mb-form p {
    font-size: 1.2em;
    line-height: 1.5em;
}

#mb-c .mb-input-text, #mb-c .mb-text textarea, #mb-c .mb-text input[type="text"], #mb-c .mb-text input[type="time"], #mb-c .mb-text input[type="tel"], #mb-c .mb-text input[type="password"] {
	font-size:1em;
	
}

#mb-c .mb-input-text, #mb-c .mb-text input[type="text"], #mb-c .mb-text input[type="tel"], #mb-c .mb-text input[type="password"], #mb-c .mb-mobile.mb-input .mb-input-ext {
	font-size: 16px;
}

#mb-c .mb-input-text, #mb-c .mb-text textarea, #mb-c .mb-text input[type="text"], #mb-c .mb-text input[type="time"], #mb-c .mb-text input[type="tel"], #mb-c .mb-text input[type="password"]

#mb-c .mb-text input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
#mb-c .mb-text input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
#mb-c .mb-text input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
#mb-c .mb-text input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}

#mb-c .mb-text input[type="text"]::placeholder {
	color:#ccc;
}

#mb-c .mb-mobile.mb-input .mb-input-ext {
	margin:0;
}

#mb-c .mb-input-text span.mb-sub {
	display:block;
	font-style: italic;
	font-size:11px;
}



#mbc input:-webkit-autofill,
#mbc input:-webkit-autofill:hover,
#mbc input:-webkit-autofill:focus,
#mbc input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
	-webkit-text-fill-color: white !important;
}

#mb-c .mb-nav .mb-confirm, #mb-c .mb-nav .mb-cancel, #mb-c .mb-nav .mb-prev, #mb-c .mb-nav .mb-next, #mb-c .mb-cta {
	font-size:0.9em;
}

#mb-c .mb-footer.mb-nav {
	display:grid !important;
	grid-template-columns:1fr 1fr;
}

#mb-c:not(.mb-book-focus) .mb-form h2 {
   display:none;
}

#mb-c:not(.mb-book-focus) #mb-dates {
	/*display:none;*/
}

#mb-c.booking-home:not(.mb-book-focus) .mb-form {
	grid-template-columns: 4fr 1fr;
	height: 80px;
	opacity:1 !important;
	align-items: center;
}

#mb-c.booking-home.mb-book-focus #mb-journeys-details {
	display:grid;
	grid-template-columns:1fr 1fr;
	opacity:1 !important;
	padding:0;
}

#mb-c.booking-home.mb-book-focus #mb-journeys-details {
	
	
}

#mb-c.booking-home:not(.mb-book-focus) #mb-journeys-details {
	display:grid;
	grid-template-columns: 3fr 1fr;
	opacity:1 !important;
	gap: 1em;
}

#mb-c.booking-home:not(.mb-book-focus) #mb-journeys-details .mb-journey1 {
	width: 100%;
    gap: 1.5em;
    background-color: transparent;
    padding: 0;
    padding-bottom: 0;
    border-radius:0;
	grid-template-columns: 2fr 1fr;
    height: 100%;
    display: grid;
}

#mb-c .mb-book.mb-oneway .mb-journey2 {display:none;}

#mb-c.booking-home:not(.mb-book-focus) #mb-journeys-details .mb-journey2 {
	/*display:none !important;*/
}

#mb-c.booking-home.mb-book-focus #mb-journeys-details .mb-journey1 {
	padding:0;
	background-color: transparent;
	grid-template-columns: 1fr;
	display:grid;
	gap: 1.5em;
}

#mb-c.booking-home.mb-book-focus #mb-journeys-details .mb-journey2 {
	padding:0;
	background-color: transparent;
	grid-template-columns: 1fr;
}

#mb-c.booking-home:not(.mb-book-focus) #mb-locations .mb-input.mb-text {
	background-color: transparent;
} 

#mb-c.booking-home:not(.mb-book-focus) .mb-switch-tofrom {
	display:none;
}

#mb-c.booking-home:not(.mb-book-focus) #mb-tofrom {
	display: grid;
    grid-template-columns:1fr;
	
}

#mb-c.booking-home:not(.mb-book-focus) #mb-tofrom2 {
	
	display:none;
	
}

#mb-c.booking-home:not(.mb-book-focus) #mb-ticket {
	order:2;
}

#mb-c.booking-home:not(.mb-book-focus) #mb-locations {
	order:1;
}

#mb-c.booking-home:not(.mb-book-focus) .mb-load {
	border-radius: 40px;
	height:80px !important;
	padding: 0;
}

#mb-c.booking-home:not(.mb-book-focus) #mb-ticket .mb-row {
    grid-template-columns: 1fr;
}

#mb-c:not(.mb-book-focus) .mb-book[data-page="home"] {
	background-color: transparent;
	display:grid;
	grid-template-columns: 1fr 75px;
	padding: 0.5em;
    column-gap: 1em;
    border-radius: 3em;
}

#mb-c.booking-home:not(.mb-book-focus) .mb-nav {
	margin: 0;
    height: 80px;
    grid-template-columns: 1fr;
    align-items: center;
    justify-self: right;
    margin-right: 10px;
    width: 4em;
}

#mb-c.booking-home:not(.mb-book-focus) .mb-next span {
	display:none;
}

#mb-c.booking-home:not(.mb-book-focus) .mb-book[data-page="home"] {
	padding:0;
	    padding-left: 1em;
}

#mb-c.booking-home:not(.mb-book-focus) .mb-next {
	background-image: url(/booking/images/icon-mag-black.png);
    background-size: 1.5em;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 4em;
    width: 4em;
	border:none;
    border-radius: 50%;
    background-color: var(--highlight);
    min-width: 4em;
}

#mb-c.booking-home:not(.mb-book-focus) .mb-next:hover{
	background-color: var(--highlight);
}

#mb-c.booking-home:not(.mb-book-focus) .mb-radio .mb-value:hover {
    background-color: var(--bg_light);
}

body #mb-c .mb-book, body #mb-c .mb-search, body #mb-c .mb-account {
	padding: 0 1em 1em 1em;
}

#mb-c.booking-home .mb-book {
    background-color: transparent;
}

#mb-c .mb-booking-item, #mb-c .mb-booking-item:nth-child(even), #mb-c .mb-booking-item.active {
	background-color: var(--bg_light);
    border-radius: 2em;
    display: grid;
	border:none;
	margin:0;
	padding: 1.5em;
}

#mb-c .mb-booking-item h3 span {
	
	
}

#mb-c .mb-form .alert, #mb-c #mb-lead_mobile.alert .mb-ext-wrap, #mb-c #mb-lead_mobile.alert .mb-mobile-wrap {
    border-color: #ff0000 !important;
    box-shadow:0 0 8px #ff0000 !important;
}

#mb-c .mb-ext-wrap {
    border: none;
    height: 40px;
}

#mb-c .intl-tel-input .flag-container {
	
	margin: 0;
    margin-left: -91px;
    width: 100px;
}

#mb-c #mb-lead_mobile {
	
	display: grid;
    grid-template-columns: 1fr 3fr;
	gap:1em;
	
}

#mb-c #mb-lead_mobile .mb-mobile-wrap {
    border: none;
	height: auto;
	width: 100%;
	border-radius: 2em;
}

#mb-c #mb-lead_mobile .mb-mobile-wrap .mb-isinput {
	grid-template-columns: 1fr;
}

#mb-c .mb-input-ext input[type=text] {
	padding: 0 !important;
    margin: 0;
    width: 100% !important;
    line-height: 40px !important;
    margin: 0;
}

body:not(.mb-book-focus) #mb-c .mb-load {
    background-color: rgba(0, 0, 0, 0.7) !important;
	border-radius: 1em;
	-webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);
}

#mb-c .mb-login-options {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	    gap: 1.5em;
}

#mb-c .mb-login-options .mb-page-head {
	display:block;
	grid-column: span 3;
	margin-bottom: 0;
}

#mb-c .mb-login-options .mb-login-option {
	float:none;
	width: 100%;
	margin: 0;
}

#mb-c .mb-form-nologin {
	font-size: 1em;
}

#mb-c .mb-page-login .mb-login-option-skip {
	display:none;
}

#mb-c.booking-home .mb-nav {
	z-index: 2;
    position: absolute;
    width: 180px;
    right: 0;
	margin-top: -40px;
}

#mb-c .mb-form .mb-number input {
	background-color: transparent;
    border: none;
    color: white;
	user-select: none; 
	width: 100%;
    max-width: 100%;
}

#mb-c .mb-plus, #mb-c .mb-minus {
	color:white;
	user-select: none; 
}

#mb-c .mb-focus, #mb-c .mb-focus .mb-mobile-wrap, #mb-c .mb-focus .mb-ext-wrap {
	border-color:transparent;
	box-shadow: none;
}

#mb-c .mb-text input[name="lead-mobile"] {
    margin-left:0;
    width:100%;
}

#mb-c #mb-lead_mobile .mb-mobile-wrap .mb-mobileinput {
	line-height:26px;
	padding-top:0;
	padding-left:15px;
	width:100% !important;
	height: 26px;
    margin-top: 7px !important;
	border-radius:0;
}

#mb-c .mb-form-content.mb-thankyou-page .mb-block-content {
    background-color: var(--bg_light);
    border-radius: 1.5em;
    padding: 1em 0;
    margin-bottom: 2em;
}

#mb-c .mb-input-text, #mb-c .mb-text textarea, #mb-c .mb-text input[type="text"], #mb-c .mb-text input[type="time"], #mb-c .mb-text input[type="tel"], #mb-c .mb-text input[type="password"] {
	color: white;
    padding: 0;
    display: block;
    position: relative;
	width: 100%;
	top: auto;
    height: auto;
	padding-left: 0.5em;
}

#mb-c .mb-search .mb-input {
    background-color: var(--bg_light);
    box-shadow: none;
    border-radius: 2em;
    color: #333;
}

#mb-c .mb-nav .mb-next:hover, #mb-c .mb-nav .mb-confirm:hover {
    background-color: transparent;
}

#mb-c .mb-nav .mb-confirm:hover, #mb-c .mb-nav .mb-cancel:hover, #mb-c .mb-nav .mb-prev:hover, #mb-c .mb-nav .mb-next:hover {
	background-color: var(--highlight);
}

#mb-c .mb-text.active input[type="time"],#mb-c .mb-text.complete input[type="time"], #mb-c .mb-text.active input[type="text"], #mb-c .mb-text.active input[type="tel"], #mb-c .mb-text.active input[type="password"], #mb-c .mb-text.complete input[type="text"], #mb-c .mb-text.complete input[type="tel"], #mb-c .mb-text.complete input[type="password"], #mb-c .mb-text.filled input[type="text"], #mb-c .mb-text.filled input[type="tel"], #mb-c .mb-text.filled input[type="password"] {
	
	/*line-height:normal;*/
	padding-top:0;
	padding-left: 0.5em;
	
}

#mb-c .mb-text input[type="text"]:focus-visible, #mb-c .mb-text input[type="time"]:focus-visible {
    outline: none;
	background-color: #888;
}

#mb-c #mb-from input[type=text], #mb-c #mb-to input[type=text] {
    width: 100%;
}

#mb-c .mb-number .mb-input-text {
    color: white;
	font-size: 1.1em;
}

#mb-c .complete .mb-input-text {
	padding:0;
	width: auto;
	float: none;
	padding-left: 0.5em;
}

#mb-c .mb-load {
	
	max-width:1352px;
    margin: 0 auto;
	background-color:transparent;
	
}
#mb-c .mb-nav {
	max-width:100%;
	display: grid;
	grid-template-columns:1fr 1fr;
}

body #mb-c .mb-form, body #mb-c .mb-inc-details {max-width:100%; margin: 0;}
#mb-c.booking-home .mb-form {display:grid; grid-template-columns:1fr; gap:1.5em;}

#form-wrapper .container .booking-form {padding:0; background-color:transparent;}
#form-wrapper .container {}

section.search {margin:0; padding:0;}
#mb-c.booking-home.mb-book-focus .mb-journey2 .mb-input.mb-text, #mb-c.booking-home.mb-book-focus .mb-journey1 .mb-input.mb-text, #mb-c #mb-journeys .mb-input.mb-text, #mb-c #mb-journeys .mb-input.mb-number, #mb-c .mb-account-content .mb-input.mb-text {
	
	border: none;
    border-radius: 2em;
    background-color: var(--bg_light);
	height: 40px;
	
}

#mb-c .mb-login-options .mb-nav {
    grid-template-columns: 1fr;
	justify-items:center;
}

#mb-c .mb-join {
	display:none !important;
}

#mb-c .mb-jover {
	margin-bottom: 1.5em;
    padding-bottom: 0;

}

#mb-c .mb-booking-items .mb-jover > p:first-child {
	
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:1.5em;

}

#mb-c .mb-booking-overview {
	display:grid;
	grid-template-columns:1fr 1fr;
	text-align: left;
}

#mb-c .mb-booking-overview p {
	margin:0;
	text-align: left;
}

#mb-c .mb-booking-item .mb-cell.mb-messages {
    vertical-align: bottom;
    padding-bottom: 0;
    position: relative;
    max-width: 100%;
}

#mb-c .mb-booking-overview > div:nth-child(2) {
	display: flex;
    align-items: flex-end;
    justify-items: flex-end;
	justify-content: end; 
}

#mb-c .mb-booking-item .mb-table {
    width: 100%;
    margin: 0;
    display: block;
}

#mb-c .mb-booking-item .mb-cell {
    /* vertical-align: top; */
    max-width: 100%;
    display: block;
}

#mb-c .mb-booking-item .mb-row {
    display: block;
    height: auto;
    width: 100%;
}


#mb-c .mb-jover .mb-from-name, #mb-c .mb-jover .mb-to-name, #mb-c .mb-jover .mb-from-name2 , #mb-c .mb-jover .mb-to-name2 {
	
	display: block !important;
    border-radius: 2em;
    background-color: rgba(0, 0, 0, 0.5);
    font-weight: 400;
    margin: 0.5em 0;
    padding: 0.3em 1em;
    text-align: left;
	
}

#mb-c .mb-jover .mb-from-name:hover, #mb-c .mb-jover .mb-to-name:hover, #mb-c .mb-jover .mb-from-name2:hover , #mb-c .mb-jover .mb-to-name2:hover {
	

    background-color: rgba(0, 0, 0, 0.7);

	
}

#mb-c .mb-jover .mb-date1-text, #mb-c .mb-jover .mb-date2-text {
	display: block;
    text-align: left;
    padding-left: 1em;
}

#mb-c .mb-jover p {
	margin:0;
}

#mb-c .mb-jover p em strong {
	color: var(--highlight) !important;
}

#mb-c .mb-input .mb-input-name {
	padding:0;
	display:none;
}

#mb-c .mb-input .mb-input-name.mb-summary {
	display:block;
}

#mb-c .mb-form .mb-icon, #mb-c .mb-inc-details .mb-icon {
    width: 100%;
   	background-position:50%;
	margin: 0;
}

#mb-c form.mb-small-form .mb-input .mb-row .mb-cell {
    height:40px;
    min-height: 40px;
    width:100%;
}

#mb-c #mb-journeys, #mb-c #mb-journeys-details {
	grid-template-columns:1fr 1fr;
	align-items: center;
}

#mb-c .mb-float.mb-flight-details {
	width:100%;
}

#mb-c .mb-float.mb-flight-time {
	width:100%;
}

#mb-c .mb-currency-container {
	display: grid;
    float: none;
    grid-template-columns: 1fr 25px 25px;
	justify-items: right;
	font-size: 1.5em;
    gap: 1em;
}

#mb-c .mb-currency-container .mb-currency.mb-txt {
	width:auto;
	margin-right: 1em;
}

#mb-c .mb-currency-container .mb-currency.mb-icon {
	margin:0;
	padding:0;
	font-size: 30px;
    display: grid;
    align-items: center;
}

#mb-c .mb-currency-container .mb-currency.mb-icon-sterling {
	
	background-size: 23px;
}

#mb-c .mb-currency-container .mb-currency span {
    display: block;
}

#mb-c .mb-input.complete .mb-input-name, #mb-c .complete .mb-input .mb-input-name, #mb-c .mb-input.filled .mb-input-name {
	color:#ccc;
	line-height: 22px;
}

#mb-c #mb-journeys,#mb-c #mb-journeys-details, #mb-c .mb-arriving, #mb-c.mb-return #mb-journeys .mb-journey2 .mb-from-airport {
	
	margin: 0;
	background-color:transparent;
	
}

#mb-c .mb-arriving.mb-radio-container {min-height:265px;}

#mb-c .mb-payment-basket.mb-float .mb-basket-items.mb-basket-body {
    order: 5;
    
}

#mb-c .mb-anchor {
    height: auto;
    padding: 0;
    padding: 0.5em;
    font-size: 12px;
    line-height: 1em;
}


body #mb-c div.mb-tip {
	background-color: var(--highlight);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: #fff;
    display: grid;
    cursor: pointer;
    position: absolute;
    right: 0;
    font-size: 10px;
    align-items: center;
    justify-items: center;
    font-weight: bold;
    z-index: 100;
}

body #mb-c .mb-isinput div.mb-tip {
	
    margin-top: 12px;
    margin-right: 10px;

}

#mb-tip-txt {
	position:absolute;
	color:white;
	background-color: var(--bg_darkest);
	z-index:1000;
	margin-top:-35px;
	padding:3px 6px;
	border-radius:12px;
}

#mb-c .mb-qu {
	background-color: var(--highlight);
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    color: white;
    display: inline-block;
	cursor:pointer;
}

#mb-c .mb-an {opacity:0; color:var(--highlight);}
#mb-c p.mb-an {margin-bottom:0.5em;}

#mb-c .mb-totals .mb-cell:last-child {
	color:white;
}

#mb-c .mb-anchor.mb-compare, #mb-c .mb-button, .mb-button, .mb-link-button, #mb-c .mb-anchor {
	padding: 0.5em 1em;
    background-color: var(--highlight);
    border-radius: 1em;
    display: inline-block;
    color: #333;
	height:auto;
	text-decoration: none;
}

#mb-c .mb-anchor.mb-compare p, #mb-c .mb-button p, .mb-button p, .mb-link-button p {
	padding:0;
	margin:0;
	text-decoration: none;
	text-decoration-line: none;
	line-height: 1em;
}


#mb-c .mb-page-head {display:none;}
#mb-menu-load {display:none;}

#mb-c #mb-journeys .mb-journey1, #mb-c.mb-return #mb-journeys .mb-journey2, #mb-c.mb-return #mb-journeys .mb-journey1, #mb-c #mb-journeys .mb-add, #mb-c #mb-hotel2 {
	
	width:100%;
	gap: 1.5em;
    background-color: var(--bg_light);
    padding: 1em;
	padding-bottom: 2em;
    border-radius: 1em;
	margin:0;
	height: 100%;
	display:grid;
	float:none;
	
	
}

#mb-c.booking-home.mb-book-focus:not(.mb-return) #mb-journeys-details {
	width:50%;
	grid-template-columns:1fr;
	padding-right:1em;
}

#mb-c:not(.mb-return) #mb-journeys-details .mb-journey1 {
	/*grid-column:span 2;*/
	
}

#mb-c:not(.mb-return) #mb-journeys-details .mb-journey2 {
	display:none;
}

.mb-book.mb-return #mb-journeys-details .mb-journey2, .mb-book.mb-return #mb-journeys-details .mb-journey1 {
    display: grid !important;
	gap:1.5em;
}

#mb-c .mb-book[data-page="transfer"] .mb-journey1, #mb-c .mb-book[data-page="transfer"] .mb-journey2 {
	grid-template-rows: 190px 1fr;
}

#mb-c #mb-arriving .mb-row, #mb-c #mb-arriving2 .mb-row {
	height:auto;
}

#mb-c #mb-journeys .mb-journey1 {
	display: grid;
}

#mb-c.mb-return .mb-journey2 {
	gap:1.5em;
}

#mb-c .mb-form h2 {
  font-weight: 600;
	font-size: 1.8em;
}

#mb-c .mb-form h3 {
	
	margin-top: 0.5em;
	font-weight: 600;
    text-align: center;
    font-size:1.2rem;
}

#mb-c .mb-isflight {
	display:grid; grid-template-columns: 2fr 1fr;
	gap: 1.5em;
}

#mb-c #mb-lead_mobile.mb-input .mb-row.mb-isinput {
    display: grid;
        grid-template-columns: 80px 1fr;
}

.intl-tel-input .selected-flag .iti-flag {
    margin-left: 0.8em;
}

#mb-c .intl-tel-input .selected-flag {
	width:90px;
}

#mb-c #mb-lead_mobile_ext {

    height: 40px;
    justify-items: center;
    position: relative;
	overflow:visible;
	
}

#mb-c #mb-arriving, #mb-c #mb-arriving2 {
    height: auto;
    margin: 0;
    padding: 0;
    margin-top:0;
}

#mb-c #mb-arriving > div.mb-row, #mb-c #mb-arriving2 > div.mb-row {
    display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	justify-items: stretch;
	gap: 1em;
}

#mb-c .mb-form .mb-icon.mb-value {
    background-size: auto 50%;
    background-position: 1.5em 50%;
}

body #mb-c .mb-nav {
	
	margin-top:1.5em;
	
}

#mb-c #mb-arriving .mb-row div.mb-value.mb-icon, #mb-c #mb-arriving2 .mb-row div.mb-value.mb-icon {

	width:100%;
	text-align: center;
	margin:0;

}

#mb-c .mb-book[data-page="transfer"] #mb-journeys .mb-transfer.active .mb-strap {
    margin-bottom: 1em;
}

.mb-book[data-page="transfer"] #mb-journeys .mb-radio {
	
	display:grid;
	grid-template-columns:1fr 1fr;
	gap: 1.5em;
	justify-items:stretch;
	
}

#mb-c .mb-radio .mb-transfer.mb-float {
    height: 200px;
}

#mb-c .mb-radio .mb-transfer.mb-noservice .mb-cell.mb-summary {
    border: none !important;
}

#mb-c .mb-radio .mb-transfer .mb-row.mb-transfer-head .mb-cell {
	border: none !important;
}

#mb-c .mb-radio .mb-transfer .mb-row.mb-transfer-body .mb-summary {
    border:none !important;
}

#mb-c .mb-book[data-page="transfer"] #mb-journeys > div {
	
	/*background-color: transparent;*/
}

#mb-c .mb-journey-overview {
	grid-column:2;
}

#mb-c .mb-input-next {
	display:none;
}

#mb-c .mb-book[data-page="transfer"] #mb-journeys .mb-radio > div.mb-transfer {

    margin: 0;
    padding: 1em;
    border-radius: 1em;
    border: 2px solid white;
    background-color: transparent;
    color: white;
    opacity: 1;
	width:100%;
	
}

#mb-c .mb-transfer .mb-input-name ul li {
    min-height: 20px;
    font-size: 14px;
    line-height: 20px;
}

#mb-c .mb-transfer .mb-input-name ul li span {
	font-size:14px;
}

#mb-c .mb-radio .mb-transfer .mb-price .mb-ppprice, #mb-c .mb-radio .mb-value.mb-transfer .mb-price .mb-ppprice span {
    font-size: 15px;
}

#mb-c .mb-book[data-page="transfer"] #mb-journeys .mb-radio > div.mb-transfer.mb-noservice.mb-nshide {
	display:none;
}

#mb-c .mb-book[data-page="transfer"] #mb-journeys .mb-radio > div.mb-transfer.mb-noservice {
	color:#999;
	border-color:#999;
}

#mb-c .mb-book[data-page="transfer"] #mb-journeys .mb-radio > div.mb-transfer.mb-noservice h3,#mb-c .mb-book[data-page="transfer"] #mb-journeys .mb-radio > div.mb-transfer.mb-noservice h3 span, #mb-c .mb-book[data-page="transfer"] #mb-journeys .mb-radio > div.mb-transfer.mb-noservice p {
	color:#999 !important;
}

#mb-c .mb-book[data-page="transfer"] #mb-journeys .mb-radio > div.active {
	
	border-color: var(--highlight);
    color: var(--highlight);
	
}

#mb-c .mb-book[data-page="transfer"] #mb-journeys .mb-journey1, .mb-book[data-page="transfer"] #mb-journeys .mb-journey2 {
	
	/*background-color: transparent;*/
	position: relative;
	
}

#mb-c .mb-book[data-page="transfer"] #mb-journeys .mb-radio > div * {

    color: white !important;
	background-color: transparent !important;
    min-height: auto;
    height: auto;
    margin: 0;

}

#mb-c .mb-book[data-page="transfer"] #mb-journeys .mb-radio > div.active * {
	color: var(--highlight) !important;
}

#mb-c .mb-transfer .mb-input-name ul li span.mb-no {

    background-image: url(../images-final/icon-cross-red.png);
}

#mb-c .mb-compare-container {
	
	color: var(--highlight);
	
}

#mb-c .mb-container-promo {
	
	display: grid;
    grid-template-columns: 1fr 120px;
    margin: 0;
    width: 100%;
    grid-column: 2 / span 1;
    background-color: var(--bg_light);
    border-radius: 2em;
	    position: relative;
	
}

#mb-c.mb-return .mb-container-promo {
    width: 100%;
    margin: 0;
	
}

body #mb-c #mb-journeys .mb-container-promo .mb-input {
	
	width:100%;
	border: none;
    box-shadow: none;
    background-color: transparent;
	height: 40px;
	
}

body #mb-c .mb-container-promo .mb-input, body #mb-c .mb-container-promo .mb-input .mb-row {
    width: 100%;
    padding: 0;
    margin: 0;
}

#mb-c .mb-show-promo {
    margin: 0;
    position: absolute;
    top: 55px;
    font-size: 1em;
}

body #mb-c .mb-container-promo .mb-remove-promo.mb-button {
	float:none;
    max-width: 18px;
    width: 18px;
    padding: 0;
    border-radius: 12px;
	height: 18px;
}

body #mb-c .mb-container-promo .mb-button {
	padding: 1em;
    border-radius: 0 2em 2em 0;
	background-color: white;
    color: #333;
	height: 40px;
}

#mb-c .mb-radio .mb-input.mb-transfer.mb-float:hover {
	box-shadow:none;
}

#mb-c .mb-nav .mb-prev, #mb-c .mb-nav .mb-next, #mb-c .mb-cta, #mb-c .mb-button.mb-large, #mb-c .mb-pop .mb-nav > div:not(.clear):not(.mb-nocancel)  {
    height: 40px;
    color: #333;
    border: none;
    background-color: var(--highlight);
    padding: 0;
    display: inline-grid;
    align-items: center;
    cursor: pointer;
    border-radius: 2em;
    width: auto;
    padding: 0 2em;
	min-width: 12em;
    max-width: 12em;
}

#mb-c .mb-map-search {
    width: 100%;
    line-height: auto;
    max-width: 100%;
	height: 40px;
}


body #mb-c .mb-nav .mb-login-nav {
    border-radius: 2em;
    width: 12em;
	justify-self: center;
}

#mb-c .mb-extras .mb-overlay .mb-content .mb-row {
	display: grid;
    grid-template-columns: 1fr 40px 50px 40px;
    width: 100%;
    align-items: center;
    justify-items: center;
    height: auto;
    min-height: 50px;
}

#mb-c .mb-extras-additionalinfo.mb-overlay .mb-content .mb-row {
	grid-template-columns: 1fr;
}

#mb-c .mb-luggage {
	order:1;
}

#mb-c .mb-childseats {
	order:2;
}

#mb-c .mb-skis {
	order:3;
}

#mb-c .mb-addinfo {
	order:4;
}


body #mb-c .mb-input-btn:nth-child(n+3) .mb-overlay {
	margin-left: 0;
}

#mb-c .mb-nav .mb-confirm {
	justify-self:right;
}

#mb-c .mb-overlay .mb-content h3 {
    text-align: center;
    /* margin-bottom: 1.5em; */
    color: #fff !important;
    font-weight: 400;
    font-size: 1em;
}

#mb-c .mb-overlay .mb-content h3 a {

    color: #fff !important;

}

#mb-c .mb-overlay .mb-content .mb-icon {
    background-size: auto 100%;
}

#map1, #map2, #map3, #map4 {
	
	border-radius: 1em;
	color:#333;
	
}

#mb-c .mb-nav .mb-next {
	justify-self:right;
}

#mb-c .mb-gsearch {
	display: grid;
    grid-template-columns: 1fr 120px;
    justify-items: right;
    gap: 1.5em;
}

#mb-c #mb-arriving .mb-row div.mb-value.mb-icon, #mb-c #mb-arriving2 .mb-row div.mb-value.mb-icon {
	
	border-radius:2em;
	margin-top: 0;
	display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: right;
    padding-right: 1.5em;
	
}

#mb-c #mb-arriving .mb-row div.mb-value.mb-icon:hover, #mb-c #mb-arriving2 .mb-row div.mb-value.mb-icon:hover {
   	border-color: #FFbb00;
    color: var(--highlight);
    border: 1px solid;
	background-color: var(--bg_dark);
	height:40px;
	background-size: auto 50%;
    background-position: 1.5em 50%;
}

#mb-c #mb-arriving .mb-row div.mb-value.mb-icon:hover span, #mb-c #mb-arriving2 .mb-row div.mb-value.mb-icon:hover span {
    margin-top: 0;
}

#mb-c .mb-radio .mb-value, #mb-c .complete .mb-value.mb-icon {
	
	background-color: transparent;
    border-color: white;
    border: 1px solid;
	
}

#mb-c .mb-radio .mb-value:nth-child(odd), #mb-c .complete .mb-value.mb-icon:nth-child(odd) {
	
	background-color: transparent;
	
}

#mb-c .mb-radio .mb-value:nth-child(1) {
    border-bottom-left-radius: 2em;
}

#mb-c .complete .mb-value.mb-icon:last-child {
    border-bottom-right-radius: 2em;
}

#mb-c .mb-radio .mb-value.active.mb-icon, #mb-c .mb-radio.complete .mb-value.active.mb-icon {
	background-color: transparent;
    border-color: var(--highlight);
    color: var(--highlight);
    border: 1px solid;
}

#mb-c .mb-transfer.mb-float {
	float: none;
	width: auto;
}

#mb-c.booking-home.mb-book-focus:not(.mb-return) #mb-journeys-details {
	width:100%;
}

#mb-c #mb-journeys-details, #mb-c #mb-journeys {background-color:transparent; gap: 2em;}
#mb-c .mb-book.mb-oneway #mb-journeys {grid-template-columns:1fr;}
#mb-c .mb-book.mb-oneway .mb-journey2 {display:none !important;}
#mb-c .mb-book.mb-oneway .mb-journey-overview {grid-column:1;}
#mb-c .mb-book.mb-oneway .mb-container-promo {grid-column:1;}

#mb-c .mb-form-content {
	
	background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
	
}

#mb-c .mb-form-payment .mb-form-content {
	
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5em;

}

#mb-c .mb-form-payment .mb-form-content h3.mb-tc {

    margin-top: 1em;
    text-align: right;
    font-size: 0.9rem;
    font-weight: 400;
	
}

#mb-c .mb-payment-basket.mb-float {
	width:100%;
	float:none;
	display:grid;
	border: none;
	grid-template-columns: 1fr;
    gap: 1.5em;
    margin:0;
	    padding: 0;
}

#mb-c .mb-payment-basket .mb-make-payment {
	justify-self:right;
}

#mb-c .mb-form input[type="checkbox"] {
    margin-bottom: 0;
    display: inline-block;
    width: 1em;
    height: 1em;
}

#mb-c .mb-payment-basket.mb-float > div {
    order:1;
	grid-column: 1;
}

#mb-c .mb-payment-basket.mb-float .mb-container-promo {
	display:none;
}

#mb-c #mb-card-details > div {
	display:grid;
	gap:1.5em;
	margin-bottom: 1.5em;
}

#mb-c .mb-payment.mb-float {
    width: 100%;
	float:none;
}

#mb-c .mb-card-detail {
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5em;
}

#mb-c .mb-card-detail > div.mb-input {
	width:100%;
	min-height: 40px;
}

#mb-c .mb-select-ext {
	background-image: url(../images/world-999-white.png);
	display:none;
}

#mb-c .mb-contact-container {
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5em;
}

#mb-c .mb-contact-container .mb-input {
	background-color: var(--bg_light);
    box-shadow: none;
    border-radius: 2em;
    color: #333;
}

#mb-c .mb-login-options .mb-input {
	background-color: var(--bg_light);
    box-shadow: none;
    border-radius: 2em;
    color: #333;
}

#mb-c form.mb-small-form .mb-input {
    margin:0;
}

#mb-c .mb-login-option .mb-body {
    padding-bottom:0;
	display:grid;
	grid-template-columns:1fr;
	gap:1.5em;
}

#mb-c .mb-ispax .mb-input-text {
    line-height: normal;
}

#mb-c .mb-radio-table .mb-input {
    background-color: var(--bg_light);
    box-shadow: none;
    border-radius: 2em;
    color: #333;
}

#mb-c .mb-radio-table > div.mb-table {
    border: none;
    margin: 0;
    background-color: transparent;
	color: white;
}


#mb-c .mb-radio-table.mb-radio .mb-row.mb-isinput {
	display: flex;
    align-items: center;
    border: none;
}

#mb-c .mb-radio-table.mb-radio .mb-row.mb-isinput {
	display: flex;
    align-items: center;
    border: none;
}

#mb-c .mb-radio-table .mb-row > div.mb-value {
	border: none;
    display: grid;
    align-items: center;
}

#mb-c .mb-container-payment {
	display:grid;
	gap:1.5em;
}

#mb-c .mb-contact-container .mb-input input {
	
	
}

#mb-c .mb-basket-item, #mb-c .mb-basket-item:hover {
    bbackground-color: #333;
    border-radius: 1em;
    padding: 1em 1em 1.5em 1em;
}

#mb-c .mb-overlay .mb-header {
        display: none;
}

#mb-c .mb-overlay .mb-header h3 {
	display: none;
}

#mb-c .mb-extras .mb-input.mb-input-btn .mb-input-name, #mb-c .mb-extras .mb-input.mb-input-btn .mb-input-name a {
	display: grid;
    justify-self: left;
    color: white;
    font-size: 16px;
    align-items: center;
    padding: 0;
    padding-left: 0.5em;
    text-transform: none;
}

#mb-c .mb-extras .mb-input.mb-input-btn .mb-info .mb-input-name {
	
	background-size: 40px;
    background-position: 25px 50%;
	padding-left: 5em;
	
}

#mb-c .mb-extras .mb-input.mb-input-btn .mb-info .mb-input-name.mb-icon-bike {
	background-size:40px;
}

#mb-c .mb-extras .mb-input.mb-input-btn .mb-info .mb-input-name.mb-icon-skis {
	background-size:30px;
	background-position: 30px 50%;
}

#mb-c .mb-extras .mb-input.mb-input-btn .mb-info .mb-input-name.mb-icon-snowboard {
	background-size:30px;
	background-position: 30px 50%;
}

#mb-c .mb-form-content .mb-extras  {
	
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:1.5em;
	background-color:  var(--bg_light);
	margin:2em 0;
	padding:2em 1em;
	border-radius: 1.5em;
	
}

#mb-c .mb-form-content .mb-extras .mb-input-btn:hover  {

	background-color:  var(--bg_light);

	
}

#mb-c .mb-form-content .mb-journey2 .mb-page-head, #mb-c #mb-hotel2 .mb-page-head {
    display: block;
    padding: 0;
    padding-top: 2em;
}

/*
#mb-c .mb-return-only {display:none !important;}
*/

#mb-c .mb-form-content .mb-extras > div {
	background-color: transparent;
    border: 1px solid #999;
    border-radius: 2em;
    width: 100%;
    float: none;
	margin: 0 !important;
}

#mb-c .mb-form .mb-page-head h2 {
    font-size: 1.8em;
}

#mb-c .mb-form-content #mb-journeys {
	
	
	
}

#mb-c .mb-form-content #mb-journeys .mb-journey1, #mb-c.mb-return .mb-form-content #mb-journeys .mb-journey2, #mb-c #mb-hotel2, #mb-c #mb-journeys .mb-add {
	background-color: transparent;
	display:grid;
	grid-template-columns:1fr;
}

#mb-c .mb-form-content #mb-journeys .mb-journey1 > div, #mb-c .mb-form-content .mb-journey2 > div, #mb-hotel2 > div , #mb-c .mb-form-content .mb-journey2 > div > .mb-float {
	display:grid;
	gap:1.5em;
}

#mb-c .mb-form-content #mb-journeys div.mb-page-head {
	gap:0.5em;
}

#mb-c .mb-form .mb-page-head h2 {
    font-size: 1.8em;
    margin: 0;
	line-height: 1.2em;
}

#mb-c .mb-form-content #mb-journeys .mb-journey1 div.mb-page-head, #mb-c .mb-form-content .mb-journey1 div.mb-page-head {
	grid-column:1 / span 1;
	margin:0;
}

#mb-c .mb-form-content #mb-journeys .mb-journey1 div.mb-page-head strong, #mb-c .mb-form-content .mb-journey1 div.mb-page-head strong, #mb-c .mb-form-content #mb-journeys strong {
	color:var(--highlight);
}



#mb-c .mb-form-content #mb-journeys .mb-journey1 > .mb-map1, #mb-c .mb-form-content .mb-journey2 > .mb-map2, #mb-hotel2 .mb-map2 {
	display:none !important;
}

.mb-hasmap #mb-c .mb-form-content #mb-journeys .mb-journey1 >  .mb-map3, .mb-hasmap #mb-c .mb-form-content #mb-journeys .mb-journey1 >  .mb-map4, .mb-hasmap #mb-c .mb-form-content #mb-journeys .mb-journey1 >  .mb-map1, .mb-hasmap #mb-c .mb-form-content .mb-journey2 > .mb-map2, .mb-hasmap #mb-hotel2 .mb-map2 {
	display:block !important;
}

.mb-hasmap #mb-c .mb-form-content #mb-journeys .mb-journey1, .mb-hasmap #mb-c .mb-form-content #mb-journeys .mb-journey2, .mb-hasmap #mb-c #mb-hotel2, .mb-hasmap #mb-c .mb-add {
	grid-template-columns:1fr 1fr;
}

.mb-hasmap #mb-c .mb-form-content #mb-journeys .mb-journey1 div.mb-page-head, .mb-hasmap #mb-c .mb-form-content div.mb-page-head {
	grid-column:1 / span 2;
	margin:0;
}


#mb-journeys div.mb-page-head {gap:0;}

#mb-c .mb-nav-1 {
	display: block;
    padding: 0;
    height: auto;
    margin-bottom: 2em;
}
#mb-c .mb-nav-1 ul {
	
	background-color: transparent;
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	justify-items:center;
	align-items: center;
	
}

#mb-c .mb-nav-1 .mb-icon {
	float:none;
	margin:0;
	padding:0;
	border-radius: unset;
    background-color: transparent;
	width:100%;
	border: none;
	display: grid;
    align-items: center;
}

#mb-c .mb-nav-1 ul li:last-child {
    position:inherit;
}

#mb-c .mb-nav-1 ul li > span:nth-child(2) {
    display: block;
    font-size: 0.8em;
	width: 100%;
    padding: 0;
    margin: 0;
    line-height: normal;
    border: none;
	color:#ddd;
}

#mb-c .mb-nav-1 ul li.active span {
	color: var(--highlight);
}

#mb-c .mb-nav-1 ul li.complete span {
	color: var(--complete);
}

#mb-c .mb-nav-1 ul li.active, #mb-c .mb-nav-1 ul li:hover, #mb-c .mb-nav-1 ul li.complete {
	font-weight:400;
	border: none;
	background-color: transparent;
	line-height: normal;
}

#mb-c .mb-nav-1 ul li:before {
	content:'' !important;
}

#mb-c .mb-nav-1 ul li.active span:nth-child(2) {
	display: none;
}

#mb-c .mb-nav-1 ul li:hover span {color:#fff;}
#mb-c .mb-nav-1 ul li.active span:nth-child(2) {
	display: block;
}

#mb-c.booking-home .mb-load {background:none;}

#mb-c .mb-booking-item .mb-body {
    margin: 1em 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
}


#mb-c .mb-booking-item .mb-body ul li {
    line-height: 1.4em;
}

#mb-c .mb-booking-item .mb-body h3 {
    text-align: left;
}

#mb-c .mb-book {
    background-color: transparent;
}

#mb-c #mb-tofrom {width:100%;}

#mb-c #mb-locations {
	display:grid; grid-template-columns:1fr 1fr;
	justify-items: stretch;
	gap:1em;
	align-items: center;
    justify-items: center;
}

#mb-dates > div {
	display:grid; grid-template-columns:1fr 1fr;
	justify-items: stretch;
	align-items: center;
	gap:2em;
	height: 100%;
}

#mb-c .mb-inc-details {
    margin: 0 auto;
    width: 100%;
   	max-width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
	gap:1em;
	align-items: center;
}

#mb-c .mb-form input::placeholder {color:white;}

#mb-c .mb-float {
    float: none;
    width: 100%;
    min-width: 0;
}

#mb-c .mb-row > div {
	width:100%;
}


#mb-c .mb-input .mb-row.mb-isinput {
    display: grid;
    height: auto;
    grid-template-columns: 40px 1fr;
}

#mb-c .mb-input .mb-row.mb-ispax {
    display: grid;
    height: auto;
    grid-template-columns: 40px 1fr 30px 40px 30px;
    align-items: center;
    justify-items: center;
}

#mb-c .mb-icon-address-outline-mid_grey, #mb-c .mb-icon-address, #mb-c .mb-input[data-name=journey-position] > div.mb-row > div:last-child, #mb-c .mb-input[data-name=journey-position] > div.mb-row > div:first-child {
	
	background-image: url('../icons/Step 0.5/White | FFFFFF/icon-destinationpin.png');
	
}


#mb-c .clear {    display: none;}

#mb-c .mb-input {margin:0; background-color:transparent; border:none;}

#mb-c #mb-ticket {margin:0;}
#mb-c #mb-ticket h2 span {
    font-weight: 400;
}

#mb-c .mb-pop .mb-overlay {
    background-color:#000;
    /* border: none !important; */
    border-radius: 1em;
    color: white;
    margin: 0 !important;
    z-index: 2000;
    max-width: 100%;
    margin-top: 45px !important;
    position: absolute;
    height: auto !important;
    top: 0 !important;
    border: 1px solid #999 !important;
}

#mb-c .mb-messages .mb-pop .mb-overlay {
	    left: auto !important;
    right: 0 !important;
    max-width: calc(70vw) !important;
    padding: 10px;
    color: white;
}

body #mb-c .mb-overlay .close {
	top: 10px;
    right: 10px;
    opacity: 1;
    background-size: 14px;
	display:none;
}

#mb-c .mb-overlay .mb-footer.mb-nav {
	padding: 0 1em;
}

#mb-c .mb-overlay .mb-footer.mb-nav > div:not(.clear) {
	height: 30px;
}

#mb-c #mb-ticket .mb-row {
	display:grid;
	grid-template-columns: 1fr 1fr 50%;
	position: relative;
}

#mb-c #mb-ticket .mb-radioopt {
	display:grid;
	grid-template-columns:1fr 1fr;
	background-color:  var(--bg_light);
    border-radius: 2em;
    border: none;
}

#mb-c #mb-ticket .mb-radioopt:hover {
	background-color:  var(--bg_lighter);
}

#mb-c #mb-ticket .mb-radioopt > div {
	border:none;
	display:grid;
	align-items: center;
}

#mb-c #mb-ticket .mb-radioopt > div.active {
	background-color:var(--highlight);
	color:rgb(0,0,0);
}

#mb-c #mb-ticket .mb-radioopt > div:first-child {
	border-bottom-left-radius:2em;
	border-top-left-radius:2em;
	border-radius: 2em;
}

#mb-c #mb-ticket .mb-radioopt > div:last-child {
	border-bottom-right-radius:2em;
	border-top-right-radius:2em;
	border-radius: 2em;
}

#mb-c #mb-ticket .mb-radioopt>div {background-color:transparent;}

#mb-c .mb-switch-tofrom.mb-icon {
	width: auto;
	background-size: 25px;
    background-position: 1em 50%;
}

#mb-c .mb-icon-summary {background-size: auto 50%;}

#mb-c #mb-menu .mb-header, #mb-c #mb-menu nav {position:absolute;}
#mb-c #mb-menu {height:42px;}
#mb-c #mb-menu > div, #mb-c #mb-menu > nav, #mb-c #mb-menu > div.mb-icon-menu {display:none;}
#mb-c #mb-menu #mb-home-menu {position:absolute; top:0; display:none; width:100%; z-index:10; font-size:16px;}
#mb-c #mb-home-menu .mb-row {height:40px;}
#mb-c #mb-menu .mb-header {display:none;}
#mb-c #mb-home-menu .mb-cell {text-align:center; background-color:#333333; cursor:pointer;}
#mb-c #mb-home-menu .mb-cell div {height:40px; display: inline-block; padding-left: 50px; margin-left: -50px;}
#mb-c #mb-home-menu .mb-cell div.mb-icon-van {background-position: 0 50%; background-size: auto 40%;}
#mb-c.booking-home #mb-home-menu .mb-cell div.mb-icon-van {}
#mb-c #mb-home-menu .mb-cell div h2 {line-height:40px; font-size:16px;}
#mb-c.logged #mb-home-menu .mb-row li {}

#mb-c .mb-options {} 
#mb-c .mb-options ul ul {background-color:transparent; padding-top: 10px;}
/*#mb-c .mb-cta {color:#0096b9; cursor:pointer; font-size: 14px;}*/
#mb-c #mb-tofrom .mb-right {float:right;}

#mb-c .mb-map-search {
	background-color:var(--highlight);
	border-radius:2em;
	color:#333;
}

#mb-c .mb-form-payment .mb-totals.mb-table {
	float: none;
    margin: 0;
    margin-top: 1.5em;
    width: 100%;
    text-align: left;
}

#mb-c .mb-container-totals .mb-currency-container {
	float:none;
	    
}

#mb-c .mb-large.mb-make-payment {
	float:right;
	margin-top:1em;
	font-size: 12px;
	line-height: 1em;
}

#mb-c .mb-form-payment .mb-input {
    background-color: var(--bg_light);
    box-shadow: none;
    border-radius: 2em;
    color: #333;
}

#mb-c #mb-time .mb-footer, #mb-time2 .mb-footer {margin-top:240px;}


#mb-c .mb-text .mb-overlay input[type="text"] {border-radius:5px; padding:18px; margin-bottom:20px;}

#mb-c .mb-overlay .mb-content .mb-cell {vertical-align:middle;}
#mb-c .mb-text .mb-overlay input[type="text"], #mb-c .mb-text .mb-overlay input[type="tel"], #mb-c .mb-text .mb-overlay input[type="password"] { margin:0; max-width:100px; min-width: 50px; }
#mb-c .mb-text .mb-overlay .mb-input-name {width:70%; color:#eee; margin: 0 0 10px 0 !important;}

#mb-c .mb-text {}
#mb-c .mb-checkbox {margin-bottom:10px;}

#mb-c .mb-pop-below .mb-overlay {position:absolute; top:0; z-index:-2; opacity:0;}
#mb-c .mb-pop-below .mb-overlay .mb-datepicker {position:absolute; top:0; height:60px;}

#mb-c #mb-pass.mb-max .mb-input-name, #mb-c #mb-pass2.mb-max .mb-input-name {visibility:visible;}
#mb-c #mb-pass.mb-max .mb-input-text, #mb-c #mb-pass2.mb-max .mb-input-text {margin-top:0;}



#mb-site-block, #mb-full-block {position:fixed; top:0; left:0; width:100%; height:100%; z-index:900; background-color:rgba(0,0,0,0.80); display:none;
	/*-webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);*/
}

.mb-book-focus #mb-site-block {display:block;-webkit-backdrop-filter: blur(11px);
   		backdrop-filter: blur(11px);}

#mb-BF #mb-full-block {z-index:10; overflow:hidden; z-index:1500;}
.ui-datepicker {margin-top:20px !important; border:2px solid #0096b9 !important;}
.wickedpicker {
    position: absolute !important;
}
#mb-c .mb-form-register {display:none;}

#mb-c .mb-input .mb-row.mb-popclick > div:first-child {
    border-bottom-left-radius: 2px;
}

#mb-loader {background-position: 50% calc(50% + 20px); z-index: 998; position:fixed;}

#mb-c .mb-nav .mb-confirm span, #mb-c .mb-nav .mb-cancel span, #mb-c .mb-nav .mb-prev span, #mb-c .mb-nav .mb-next span {
	line-height:normal;
}

#mb-c.mb-book-focus #mb-tofrom #mb-from.mb-float, #mb-c.mb-book-focus #mb-tofrom #mb-to.mb-float, #mb-c.mb-book-focus #mb-dates > div .mb-input, #mb-c.mb-book-focus #mb-tofrom2 #mb-to2.mb-float, #mb-c.mb-book-focus #mb-tofrom2 #mb-from2.mb-float, #mb-c.mb-book-focus #mb-dates > div .mb-input {
	width: 100%;
	background-color:  var(--bg_light);
	border-radius: 2em;

}

#mb-c .mb-options ul ul div {
	background-color: transparent;
	background-size:25px;
	padding-left:60px;
	min-height: auto;
}

#mb-c .mb-options ul ul div:hover, #mb-c .mb-options ul ul li.active div, #mb-c .mb-options .button:hover {
    background-color:transparent;
}

#mb-c .mb-options ul ul h2 {
	font-size: 16px;
	vertical-align: middle;
	line-height: 1.2em;
}

#mb-c .mb-options ul ul {
    display:grid;
	grid-template-columns: 1fr 1fr;
}

#mb-c .mb-options ul ul li:nth-child(even) {
    margin-left:0;
}

#mb-c .mb-options ul ul li {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
    grid-template-columns: 1fr;
    border-bottom: 1px solid rgb(171 165 161 / 50%);
}

#mb-c .mb-options ul ul li[data-link="book/account-details"] > div h2, #mb-c .mb-options ul ul li[data-link="book/account-details"] > div h3 {
	color:var(--highlight);
}

#mb-c .mb-options ul ul li:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='23' viewBox='0 0 12 23' fill='none'%3E%3Cpath d='M0.328018 0.641867C-0.109339 1.08533 -0.109339 1.86139 0.328018 2.30486L9.19134 11.2919L0.328018 20.286C-0.109339 20.7294 -0.109339 21.5055 0.328018 21.949C0.546697 22.1707 0.840547 22.2954 1.14806 22.2954C1.45558 22.2954 1.74943 22.1707 1.96811 21.949L11.6583 12.1304C11.877 11.9086 12 11.6107 12 11.2989C12 10.9871 11.877 10.6891 11.6583 10.4674L1.97494 0.641867C1.75626 0.420134 1.46241 0.29541 1.1549 0.29541C0.84738 0.29541 0.553531 0.420134 0.334852 0.641867H0.328018Z' fill='%23737373'/%3E%3C/svg%3E");
    width: 12px;
    height: 23px;
    position: absolute;
    right: 19px;
    top: 22px;
}

#mb-c .mb-options ul ul li:hover {
    background-color:var(--bg_dark);
}

#mb-c .mb-account-content {
	margin: 0 auto;
}

#mb-c .mb-account-content > div > div {
	display:grid;
	grid-template-columns:1fr;
	gap:1.5em;
}

#mb-c #mb-tofrom #mb-from.mb-float, #mb-c #mb-tofrom #mb-to.mb-float, #mb-c #mb-dates #mb-date, #mb-c #mb-dates #mb-date2 {
	width: 100%;
}

#mb-c .mb-icon-email {
    background-image: url(../images/icon-email-white.png);
}

#mb-c .mb-text.active .mb-icon-email {
	background-image: url(../images/icon-email-green.png);
}

#mb-c .mb-icon-mobile, #mb-c .mb-icon-telephone {
    background-image: url(../images/icon-mobile-white.png);
}

#mb-c .filled .mb-icon-mobile, #mb-c .filled .mb-icon-telephone {
    background-image: url(../images/icon-mobile-green.png);
}


#mb-c .mb-icon-mobile.complete, #mb-c .mb-text.active .mb-icon-mobile {
    background-image:none;
}

#mb-c .mb-icon-address {
    background-image: url(../images-final-V3/White-FFFFFF/icon-address-FFFFFF.png);
}

#mb-c .complete .mb-icon-address, #mb-c .mb-text.active .mb-icon-address {
    background-image: url(../images-final-V3/Green-669900/icon-address-669900.png);
}

#mb-c .mb-icon-cal {
    background-image: url(../images/icon-calendar-white.png);
}

#mb-c .complete .mb-icon-cal {
    background-image: url(../images/icon-calendar-green.png);
}

#mb-c .mb-icon-flight {
    background-image: url(../images-final/icon-flightselect-white.png);
}

#mb-c .filled .mb-icon-flight, #mb-c .complete .mb-icon-flight {
    background-image: url(../images-final/icon-flightselect-green.png);
}

#mb-c .mb-icon-time {
    background-image: url(../images/icon-time-white.png);
}

#mb-c .complete .mb-icon-time, #mb-c .filled .mb-icon-time {
    background-image: url(../images/icon-time-green.png);
}

#mb-c .mb-icon-pax, #mb-c .mb-icon-profile {
    background-image: url(../images/icon-pax-FFFFFF.png);
}

#mb-c .complete .mb-icon-pax, #mb-c .complete .mb-icon-profile, #mb-c .active.mb-text .mb-icon-profile {
    background-image: url(../images/icon-pax-669900.png);
}

#mb-c .mb-icon-littlepeople {
    background-image: url(../images/icon-childseat-white.png);
}

#mb-c .complete .mb-icon-littlepeople {
    background-image: url(../images/icon-childseat-green.png);
}

#mb-c .mb-icon-flightoption {
    background-image: url('../images-final/icon-flightselect-white.png');
}

#mb-c .mb-icon-train {
    background-image: url(../images-final/icon-trainselect-white.png);
}

#mb-c .mb-icon-bus {
    background-image: url(../images-final/icon-busselect-white.png);
}

#mb-c .mb-icon-other {
    background-image: url(../images-final/icon-otherselect-white.png);
}

#mb-c .mb-input .mb-icon-details {
    background-image: url(../images-final/icon-accountdetails-white.png);
}

#mb-c .mb-icon-receipt {
    background-image: url(../images/icon-receipt.png);
}

#mb-c .mb-icon-euro {
	background-image:none
    /*background-image: url(../images-final/icon-euroselected-white.png);*/
}

#mb-c .mb-icon-euro:hover, #mb-c .mb-icon-euro.active {
	background-image:none;
	color:var(--highlight);
    /*background-image: url(../images-final/icon-euroselected-yellow.png);*/
}

#mb-c .mb-icon-sterling {
	background-image:none;
    /*background-image: url(../images-final/icon-sterling-white.png);*/
}

#mb-c .mb-icon-sterling:hover, #mb-c .mb-icon-sterling.active {
	background-image:none;
	color:var(--highlight);
    /*background-image: url(../images-final/icon-sterling-yellow.png);*/
}

#mb-c .mb-form-content .mb-icon-payment, #mb-c .mb-form-content .mb-input .mb-icon.mb-icon-payment, #mb-c .mb-nav-1 .mb-icon.mb-icon-payment {
    background-image: url(../images-final/icon-paymentdetails-white.png);
	    background-size: 15px;
}

.md-flights .ui-state-active {
	
	background-color:transparent !important;
	
}

.md-address .ui-state-active {
	
	background-color:transparent !important;
	
}

#mb-c .mb-form .mb-icon.mb-icon-flight {
    background-size: 15px;
}

body.home #mb-BF > #mb-c.mb-mobileFix:not(.mb-book-focus) {
	position:fixed;
	top:22px !important;
}

body.home #mb-BF > #mb-c:not(.mb-mobileFix):not(.mb-book-focus) {
	position:fixed;
	top:110px !important;
}

#mb-c .mb-extras .mb-icon.mb-icon-extraluggage {
	background-size:45%;
}

#mb-c .mb-overlay .mb-content .mb-icon-extraluggage {
    background-image: url(../images-final/icon-extraluggage-white.png);
}

#mb-c .mb-overlay .mb-content .mb-icon-bike {
    background-image: url("../images-final/icon-bikeoption-white.png");
}

#mb-c .mb-overlay .mb-content .mb-icon-skis {
    background-image: url(../images-final/icon-skisoption-white.png);
}

#mb-c .mb-overlay .mb-icon-snowboard {
    background-image: url(../images-final/icon-snowboardoption-white.png);
}


/* Direct Site changes */


@media (max-width: 1200px) {
	
	.menu-active #header-wrap, .menu-active #header-wrap-bg-2, .menu-active #mb-c, .menu-active #mb-site-block {display:none !important;}
	#mb-BF  > #mb-c {
		top:5em !important;
	}
	
}

@media (max-width: 1100px) {
	
	#mb-c.booking-home:not(.mb-book-focus) #mb-ticket {
		display:none;
	}
	
	#mb-c.booking-home:not(.mb-book-focus) .mb-form {
		grid-template-columns: 1fr;
	}
	
}

@media (max-width: 1000px) {
	
	#mb-c #mb-arriving .mb-row div.mb-value.mb-icon, #mb-c #mb-arriving2 .mb-row div.mb-value.mb-icon {
		background: none;
		align-items: center;
		justify-items: center;
		padding-right: 0;
	}
	
	#mb-c .mb-cell span {
        margin-top:0;
        font-size: 11px;
		line-height: 11px;
    }
	
	#mb-c .mb-switch-tofrom {
        display: block;
    }
	
	#mb-c #mb-arriving .mb-row div.mb-value.mb-icon:hover, #mb-c #mb-arriving2 .mb-row div.mb-value.mb-icon:hover {

		justify-items: center;
		padding-right:0;

	}
	
}

@media (max-width: 900px) {
	#mb-c .mb-map-search {
		display:block;
	}
	
	#mb-c .mb-form-payment .mb-form-content {
    	display: grid;
		grid-template-columns: 1fr;
		gap: 1.5em;
	}
	
	   #mb-c .mb-pop-mail .mb-content .mb-row p {
        font-size: 14px;
        color: white;
        line-height: 1.5em;
    }
	
}



@media (max-width: 768px) {
	
	#mb-c.booking-home.mb-book-focus #mb-journeys-details {
		grid-template-columns: 1fr;
	}
	
	body.home #mb-BF > #mb-c.mb-mobileFix:not(.mb-book-focus) {
		position: absolute;
		top: 110px !important;
	}
	
	body.home #mb-BF > #mb-c:not(.mb-mobileFix):not(.mb-book-focus) {
		position: absolute;
		top: 110px !important;
	}

	#mb-c {
		top: 0;
		width: 100%;
		border-radius: 0;

		max-width: 100vw;
	}
	
	#mb-c .mb-login-options {
		grid-template-columns: 1fr;
		gap:1em;
	}
	
	#mb-c #mb-journeys .mb-journey1, #mb-c.mb-return #mb-journeys .mb-journey2, #mb-c.mb-return #mb-journeys .mb-journey1, #mb-c #mb-journeys .mb-add, #mb-c #mb-hotel2 {

		background-color: var(--bg_light);
	}
	
	#mb-c .mb-load {
		background-color:transparent !important;
		-webkit-backdrop-filter:none;
		backdrop-filter:none;
	}
	
	#mb-c #mb-lead_mobile {
		grid-template-columns: 1fr 2fr;
	}
	
	body #mb-c .mb-nav .mb-login-nav {
		border-radius: 2em;
		height: 40px;
		max-width: 100%;
		width: 100%;
		margin: 0 auto;
		float: none;
	}
	
	#mb-c .mb-login-options .mb-login-option-skip .mb-nav {
		margin-top: 1em;
	}
	
	#mb-c .mb-book[data-page="home"] {
		grid-template-columns:1fr;
	}
	
	#mb-c .mb-login-options .mb-page-head {
		display: block;
		grid-column: span 1;
	}
	
	#mb-c.booking-home:not(.mb-book-focus) .mb-form {
		grid-template-columns: 1fr;
		height: 80px;
	}
	
	#mb-c.booking-home.mb-book-focus .mb-form {
		grid-template-columns: 1fr;
	}
	
	#mb-c.booking-home:not(.mb-book-focus) #mb-locations {
		grid-template-columns: 1fr 1fr;
	}
	
	#mb-c:not(.mb-book-focus) #mb-dates {
    	display: none;
	}
	
	#mb-c.booking-home:not(.mb-book-focus) .mb-nav .mb-next {
		width: 4em;
		height: 4em;
		border-radius: 50%;
	}
	
	#mb-c.booking-home:not(.mb-book-focus) .mb-nav .mb-next span {
		display: none;
	}
	
	#mb-c:not(.mb-book-focus) #mb-ticket {
    	display: none;
	}
	
	body #mb-c .mb-book[data-page="home"], body #mb-c .mb-book, body #mb-c .mb-search, body #mb-c .mb-account {
        padding: 0 1em 1em 1em;
		        margin-bottom: 5em;
    }
	
	#mb-site-block {
		background-image:url('../images/blur.jpg');
		background-size: cover;
		/*
		-webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
		*/
	}
	
	.mb-hasmap #mb-c .mb-form-content #mb-journeys .mb-journey1, .mb-hasmap #mb-c .mb-form-content #mb-journeys .mb-journey2, .mb-hasmap #mb-c #mb-hotel2, .mb-hasmap #mb-c .mb-add {
		grid-template-columns: 1fr;
		background-color: transparent;
	}
	
	body.mb-book-focus #main, body.mb-book-focus footer {
		display:none;
	}
	
	#mb-c #mb-ticket .mb-row {
		grid-template-columns: 2fr 1fr;
	}
	
	#mb-c.mb-return .mb-container-promo {
		grid-column: 1;
	}
	
	.mb-hasmap #mb-c .mb-form-content #mb-journeys .mb-journey1 div.mb-page-head, .mb-hasmap #mb-c .mb-form-content div.mb-page-head {
		grid-column:1;
	}
	
	.mb-book[data-page="transfer"] #mb-journeys .mb-radio {
		/*grid-template-columns: 1fr;*/
	}
	
	#mb-c .mb-form-content #mb-journeys .mb-journey1, #mb-c .mb-form-content .mb-journey2, #mb-hotel2 > div {
		grid-template-columns: 1fr;
	}

	#mb-c #mb-locations, #mb-dates > div {
		grid-template-columns: 1fr;
		gap: 1em;
	}
	
	#mb-c .mb-number .mb-input-text {
        font-size: 11px;
    }
	
	#mb-c #mb-dates #mb-date, #mb-c #mb-dates #mb-date2 {
		width: 100%;
	}
	
	body #mb-c .mb-book[data-page="home"] .mb-nav {
        bottom: auto;
        position: relative;
        width: 100%;
		grid-template-columns: 1fr;
		padding:0;
		border:none;
    }
	
	body #mb-c.mb-book-focus .mb-book[data-page="home"] .mb-nav {
		margin-top:1em;
    }
	
	#mb-c .mb-arriving.mb-radio-container {
    	min-height: 0;
	}
	
	#mb-c.booking-home .mb-nav .mb-next {
		
		width: 100%;
		height: auto;
        border-radius: 2em;
		background-color: var(--highlight);
        border: none;
		float:right;
		height: 40px;
	}
	
	#mb-c.booking-home .mb-nav .mb-next span {
		display:block;
		color:#333;
		font-size: 16px;
	}
	
	#mb-c.booking-home:not(.mb-book-focus) #mb-date {
		margin-top:1em;
	}
	
	#mb-c.booking-home:not(.mb-book-focus) #mb-date {
		display:none;
	}
	
	#mb-c.booking-home:not(.mb-book-focus) #mb-journeys-details .mb-journey1 {
		grid-template-columns: 1fr;
	}
	
	body #mb-c .mb-nav {
		margin-top: 1.5em;
		position: relative;
	}
	
	#mb-c.booking-home:not(.mb-book-focus) #mb-journeys-details {
    	display: grid;
    	grid-template-columns:1fr;
	}
	
	#mb-c.booking-home:not(.mb-book-focus) #mb-journeys-details .mb-journey2 {
    	display: none !important;
	}
	
	#mb-c #mb-journeys {
		
		grid-template-columns: 100%;
		
	}
	
	#mb-c .mb-contact-container {
		grid-template-columns: 1fr;
		background-color: rgba(255, 255, 255, 0.1);
		padding: 2em 1em;
    	border-radius: 1em;
	}
	
	#mb-c .mb-form-content .mb-extras {
		grid-template-columns: 1fr;
	}
	
	#mb-c .mb-form-content #mb-journeys .mb-journey1 div.mb-page-head, #mb-c .mb-form-content .mb-journey2 div.mb-page-head {
		    grid-column: 1;
	}
	
	#mb-c .mb-journey-overview {
		grid-column: 1;
	}
	
	

	.ui-autocomplete.md-style {
		left: 1em !important;
		width: calc(100% - 2em) !important;
	}
	
}

@media (max-width: 575px) {
	
	#mb-BF > div {
		height: 100% !important;
	}
	
	body.mb-book-focus #main {
		display:none;
	}
	
	body.mb-site-hide #hero-slider {
		height: 100vh;
	}
	
	#mb-c .mb-options ul ul {
		display:grid;
		grid-template-columns: 1fr;
		gap:0;
	}
	
	#mb-c.booking-home.mb-book-focus .mb-form {
		margin-bottom: 3em;
		margin-top: 2em;
	}
	
	.mb-book[data-page="transfer"] #mb-journeys .mb-radio {
		grid-template-columns: 1fr;
	}
	
	#mb-close {
		margin :0;
		padding:0;
	}
	
	#mb-c .mb-input-ext input[type=text] {
		padding-left: 13px !important;
	}

	
	#mb-c .mb-select-ext {
		left:25px;
	}
	
	#mb-c .mb-flight-time .mb-isinput .time_pick > input[type="text"] {
		text-align: right;
		padding-right:0.5em;
	}
	
	#mb-c form.mb-small-form .mb-input .mb-row .mb-cell {
		height: 40px;
		min-height: 20px;
		width:100%;
		background-image: url(../images-final/icon-accountdetails-white.png);
	}
	
	#mb-c .mb-nav-1 ul li.active span:nth-child(2) {
        font-size:1em;
    }
	
	#mb-c .mb-nav-1 ul li > span:nth-child(2) {
		font-size:1em;
	}
	
	#mb-c #mb-journeys .mb-journey1, #mb-c.mb-return .mb-journey2, #mb-c.mb-return #mb-journeys .mb-journey2, #mb-c.mb-return #mb-journeys .mb-journey1 {

		background-color: transparent;
		padding: 0;
    	padding-bottom: 2em;
	}
	
	#mb-c .mb-input .mb-row.mb-isinput {
    	grid-template-columns: 25px 8fr;
	}
	
	#mb-c .mb-form .mb-icon, #mb-c .mb-inc-details .mb-icon {
		background-position: right center;
		background-size: 12px;
	}
	
	#mb-c .mb-form .mb-switch-tofrom.mb-icon {
		background-size: 22px;
        position: absolute;
        right: 0.7em;
        top: -5em;
        width: 22px;
        transform: rotate(90deg);
		z-index: 1000;
	}
	
	#mb-c .mb-input .mb-row.mb-ispax {
		grid-template-columns: 25px 1fr 30px 40px 30px;
	}
	
	#mb-c .mb-input-next {
		
		display: block;
        position: absolute;
        top: 2px;
        right: 2px;
        height: 3em;
        width: 3em;
        min-width: 3em;
        background-color: var(--highlight);
        border: none;
        border-radius: 50%;
		
		background-image: url(/booking/images/icon-mag-black.png);
		background-size: 1.5em;
		background-repeat: no-repeat;
		background-position: 50%;
		
		display:none;
	
	}
	
	#mb-c .mb-contact-container {
        background-color: transparent;
        padding: 0;
        border-radius: 1.5em;
    }
	
	#mb-c:not(.mb-book-focus) .mb-input-next {
		display:block;
		z-index:5;
	}
	
	#mb-c:not(.mb-book-focus) .mb-input-next {
		display:block;
		z-index:5;
	}
	
	#mb-c .mb-extras .mb-input.mb-input-btn .mb-input-name {
		font-size: 0.8rem;
	}
	
	#mb-c #mb-ticket, #mb-c #mb-dates, #mb-c .mb-nav {
		/*display:none;*/
	}
	
	#mb-c .mb-form-content .mb-extras {
        background-color: var(--bg_dark);
    }
	
	#mb-c #mb-lead_mobile_ext {
		grid-template-columns: 25px 1fr;
		
	}
	
	#mb-c .mb-mobile.mb-input .mb-input-ext {
      font-size: 12px;
        height: 40px;
        line-height: 40px;
        width: 100%;
        margin: 0;
    }
	
	body.mb-site-hide main .page-content {
		display:none
	}
	
	body.mb-site-hide footer {
		display:none
	}
	
	#mb-c .mb-load {
		-webkit-backdrop-filter:none;
    	backdrop-filter:none;
	}
	
	#mb-BF > #mb-c.mb-book-focus .mb-mobile-show {
		display:grid !important;
		animation: mdfadeIn 1s;
	}
	
	#mb-site-block, #mb-full-block {
		background-color: rgba(0, 0, 0, 0.80);
	}
	
	#mb-site-block {
		background-image:url('../images/blur.jpg');
		background-size: cover;
		-webkit-backdrop-filter:none;
   		backdrop-filter:none;
		/*
		-webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
		*/
	}
	
	#mb-c .mb-input-text, #mb-c .mb-text textarea, #mb-c .mb-text input[type="time"], #mb-c .mb-text input[type="text"], #mb-c .mb-text input[type="tel"], #mb-c .mb-text input[type="password"] {
		font-size: 16px;

	}
	
	#mb-c form.mb-small-form .mb-input .mb-row input[type="text"], #mb-c form.mb-small-form .mb-input .mb-row input[type="password"] {
		font-size: 16px;
	}
	
	body:not(.mb-book-focus) #mb-c .mb-load, body.mb-book-focus #mb-c .mb-load {
		background-color: transparent !important;
	}
	body.mb-book-focus #mb-c .mb-load {
		margin-bottom: 10em;
	}
	
	#mb-BF > #mb-c:not(.mb-book-focus) {
        top: 6.5em !important;
        width: calc(100% - 2em);
        margin: 0 1em;
		height:auto !important;
    }
	
	#mb-BF > #mb-c.mb-book-focus {
        top: 6.5em !important;
		height:100%;
    }
	
	#mb-c #mb-from {
		background-color: var(--bg_light);
    	border-radius: 2em;
	}
	
	#mb-c:not(.mb-book-focus) #mb-tofrom #mb-from.mb-float, #mb-c:not(.mb-book-focus) #mb-tofrom #mb-to.mb-float, #mb-c:not(.mb-book-focus) #mb-dates > div .mb-input {
		width: 100%;
		background-color: var(--bg_light);
		border-radius: 2em;
	}
	
	#mb-c.booking-home:not(.mb-book-focus) .mb-book[data-page="home"] {
		grid-template-columns: 1fr;
		padding-left: 0;
	}
	
	#mb-c.booking-home:not(.mb-book-focus) #mb-locations {
        grid-template-columns: 1fr;
    }
	
	#mb-c.booking-home:not(.mb-book-focus) #mb-to {
		/*display:none;*/
	}
	
	#mb-c.booking-home #mb-date2 {
		display:none;
	}
	
	#mb-c.booking-home:not(.mb-book-focus) .mb-form {
        grid-template-columns: 1fr;
        height: 60px;
    }
	
	#mb-c.booking-home:not(.mb-book-focus) .mb-load {
		border-radius: 100px;
		height: 60px !important;
		padding: 0;
	}
	
	body #mb-c.booking-home:not(.mb-book-focus) .mb-nav {
		margin: 0;
		height: 60px;
		top: 0;
		position: absolute;
		left: calc(100% - 3.2em);
		width: 3.2em;
		display:none;
	}
	
	#mb-c.booking-home:not(.mb-book-focus) .mb-nav .mb-next {
		height: 3.2em;
		width: 3.2em;
		min-width: 3em;
	}
	
	#mb-c .mb-form-payment .mb-form-content {

		grid-template-columns: 1fr;

	}
	
	#mb-c #mb-tofrom {
		/*order:1;*/
	}
	
	#mb-c #mb-ticket {
		order:2;
	}
	
	#mb-c #mb-dates {
		order:3;
	}
	
	#mb-c #mb-ticket h2 {
		display:none;
	}
	
	#mb-c .mb-isflight {
		grid-template-columns:1fr;
	}
	
	#mb-c .mb-flight-time {
		display: block;
		position: absolute;
		right: 0;
		width: 50%;
	}
	
	#mb-c #mb-journeys #mb-flight-time1, #mb-c #mb-journeys #mb-flight-time2 {
		    display: none;
			position: absolute;
			right: 0.5em;
			width: 75px;
			background-color: transparent;
			min-width: 50px;
		
	}
	
	#mb-c #mb-journeys  #mb-flight-time1.filled, #mb-c #mb-journeys #mb-flight-time2.filled {
		    display: block;
		
	}
	
	#mb-c .mb-number .mb-input-text {
        font-size: 16px;
    }
	
	#mb-c #mb-ticket .mb-radioopt > div {
    	font-size: 16px;
	}
	
	#mb-c .mb-cell span {
        font-size: 16px;
    }
	
	#mb-c .mb-form p {
		font-size: 14px;
		line-height: 1.6em;
	}
	
	#mb-c .mb-form p strong {
		line-height: 1.6em;
	}
	
	#mb-c .mb-form .mb-jover p strong {
        font-size: 14px;
        line-height: 1.2em;
    }
	
	body.home #mb-BF > #mb-c.mb-mobileFix:not(.mb-book-focus) {
		position:absolute;
		top:90px !important;
	}
	
	body.home #mb-BF > #mb-c:not(.mb-mobileFix):not(.mb-book-focus) {
		position:absolute;
		top:90px !important;
	}

}

@media (max-width:500px) {
	#mb-c .mb-gsearch {
		grid-template-columns: 1fr;
	}
}
	
@media (max-width: 400px) {
	#mb-c #mb-arriving .mb-row div.mb-value.mb-icon, #mb-c #mb-arriving2 .mb-row div.mb-value.mb-icon {
		
		justify-items: center;
    	padding-right: 0;
		background:none;
		
	}
}

@media (max-width: 375px) {
	
	#mb-c #mb-journeys #mb-flight-time1 .mb-icon-time, #mb-c #mb-journeys #mb-flight-time2 .mb-icon-time {
		opacity:0;
	}
}



@media (min-width: 500px) {
	body #form-wrapper {margin-top: -6em;}
}

@media (min-width: 768px) {
	/*body #form-wrapper {margin-top: -14em; position:inherit;}*/
	#mb-c #mb-arriving .mb-row div.mb-value.mb-icon, #mb-c #mb-arriving2 .mb-row div.mb-value.mb-icon {
		font-size: 1.1em;
	}
	
	
}

@media (min-width: 1000px) {
	/*body #form-wrapper {margin-top: -10em;}*/
}

@media (min-width: 1300px) {
	/*body #form-wrapper {margin-top: -60px;}*/
}