body {background:#FFF; top:0 !important; margin:0 auto; font-family:"Open Sans", Arial, Verdana, Helvetica; font-size:16px; color:#231F20; overflow-x:hidden;} *, *::before, *::after {box-sizing:border-box;} header, #header, header::before, #mainContent, .container, #headerTop, #logo, #logo img, #logo span, .showMenuBox, #menuTitle, #manageBookings i, #homeBookingFormF, #homeBookingForm, #homeBookingJSel a, #homeBookingBookSubmit, .bookInpSel a::after, .bookInpDate a::before, .plusMinus, .closeSelect, #pageGalleryOverlay, #bookingFormSummary, .summaryClosed, .summaryOpen, #bookingBookSubmit, #bookingBookSave, #confirmTaxiO, #confirmTaxiR {transition-duration:0.5s;} .fixed {overflow:hidden;} header {width:100%; border-bottom:1px solid #594B9A; -webkit-box-shadow:0px 6px 8px 0px rgba(0,0,0,0.6); -moz-box-shadow:0px 6px 8px 0px rgba(0,0,0,0.6); box-shadow:0px 6px 8px 0px rgba(0,0,0,0.6); position:fixed; z-index:3;} header::before {content:""; background:url(/images/header-bg.png) center left repeat-x #FFF; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;} #header {float:left; width:100%; height:100%; position:relative;} #logo {float:left; width:217px; height:60px; position:relative;} #logo img {width:auto; height:100%;} #logo span {position:absolute; top:0; left:65px; height:60px; font-family:Arial; font-size:26px; font-weight:400; color:#F5A232;} #logo span span {float:left; color:#594B9A; font-size:22px; margin:0; position:relative; left:unset !important; height:unset !important;} #logo:hover span span {color:#F5A232;} #manageBookings {position:absolute; right:0; line-height:40px; font-weight:600; cursor:pointer;} #manageBookings:hover {text-decoration:none;} header.scrollingHeader {height:50px; -webkit-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.4); -moz-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.4); box-shadow:0px 3px 4px 0px rgba(0,0,0,0.4);} header.scrollingHeader::before {opacity:0.8;} header.scrollingHeader #logo, header.scrollingHeader #logo span {height:40px;} header.scrollingHeader #logo {width:160px; margin:5px 0;} header.scrollingHeader #logo span {left:44px; font-size:18px;} header.scrollingHeader #logo span span {font-size:14px;} header.scrollingHeader #manageBookings {top:5px;} .showMenu {float:left; width:70px; height:70px; border:0; display:inline-block; overflow:visible; cursor:pointer; position:relative;} header.scrollingHeader .showMenu {height:40px; margin:5px 10px 5px 0;} .showMenuBox {position:absolute; top:17px; left:20px; width:30px; height:24px;} header.scrollingHeader .showMenuBox {top:0;} #menuTitle {position:absolute; bottom:10px; left:0; width:100%; height:14px; line-height:14px; text-align:center; text-transform:uppercase; color:#231F20; font-size:10px;} header.scrollingHeader #menuTitle {bottom:0;} .showMenuContent {top:50%; display:block; margin-top:-2px;} .showMenuContent, .showMenuContent::before, .showMenuContent::after {position:absolute; width:30px; height:2px; background:#231F20; transition-duration:0.15s; transition-property:transform, -webkit-transform; transition-timing-function:ease;} .showMenuContent::before, .showMenuContent::after {content:""; display:block;} .showMenuContent::before {top:-6px;} .showMenuContent::after {bottom:-6px;} .showMenu:hover .showMenuContent, .showMenu:hover .showMenuContent::before, .showMenu:hover .showMenuContent::after {background:#594B9A;} .showMenu:hover #menuTitle {color:#594B9A;} .menuCollapsed .showMenuContent {bottom:0; top:auto; transition-delay:0.15s; transition-duration:0.15s; transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);} .menuCollapsed .showMenuContent::after {top:-16px; transition:top 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, opacity 0.1s linear 0s;} .menuCollapsed .showMenuContent::before {top:-8px; transition:top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;} .menuCollapsed.is-active .showMenuContent {background:#F5A232; transform:translate3d(0px, -10px, 0px) rotate(-45deg); transition-delay:0.32s; transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);} .menuCollapsed.is-active .showMenuContent::after {background:#F5A232; top:0; opacity:0; transition:top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0s, opacity 0.1s linear 0.27s;} .menuCollapsed.is-active .showMenuContent::before {top:0; background:#F5A232; top:0; transform:rotate(-90deg); transition:top 0.12s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.18s, transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s, -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s;} .menuCollapsed.is-active #menuTitle {color:#F5A232;} .sideMenu .menuCollapsed.is-active .showMenuContent, .sideMenu .menuCollapsed.is-active .showMenuContent::after, .sideMenu .menuCollapsed.is-active .showMenuContent::before {background:#FFF;} .sideMenu .menuCollapsed.is-active #menuTitle {color:#FFF;} #mainMenu {float:left; width:100%;} #menuContainer {float:left; white-space:nowrap;} #mainMenu ul {float:left; width:100%; list-style:none; padding:0;} .sideMenu #mainMenu ul {margin:100px 0 0;} #menuContainer li a {font-weight:600;} #menuContainer li a:hover {text-decoration:none;} .menuPH, #rewardsLogin {cursor:pointer;} .ddMenu {padding:0 0 0 20px !important; margin:0 !important; display:none;} nav.is-active {opacity:1; transition:transform 0.8s ease 0s, opacity 0.6s ease 0s;} nav.is-active #mainMenu li:nth-child(2) {transition-delay:0.05s;} nav.is-active #mainMenu li:nth-child(3) {transition-delay:0.1s;} nav.is-active #mainMenu li:nth-child(4) {transition-delay:0.15s;} nav.is-active #mainMenu li:nth-child(5) {transition-delay:0.2s;} nav.is-active #mainMenu li:nth-child(6) {transition-delay:0.25s;} nav.is-active #mainMenu li:nth-child(7) {transition-delay:0.3s;} nav.is-active #mainMenu li:nth-child(8) {transition-delay:0.35s;} nav.is-active #mainMenu li:nth-child(9) {transition-delay:0.4s;} nav.is-active #mainMenu li:nth-child(n+10) {transition-delay:0.45s;} #languages {float:left; width:50px; height:40px; padding:0 10px 0 0; z-index:9997; cursor:pointer; position:relative;} .sideMenu #languages {float:none; position:absolute; left:25px; top:25px; margin:0; display:block;} #languages:hover #moreLangs {color:#594B9A;} .sideMenu #languages:hover #moreLangs {color:#F5A232;} #languageMenu {position:absolute; background:rgba(255,255,255,0.9); top:40px; left:0; width:40px; display:none; padding:5px 8px; webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5); z-index:1045;} .sideMenu #languageMenu {background:rgba(35,31,32,0.9);} .languageHolder {float:left; width:24px; height:24px; margin:8px; overflow:hidden; position:relative; z-index:2;} #moreLangs {position:absolute; top:0; right:0; color:#231F20; width:10px; height:40px; line-height:40px; display:inline-block; vertical-align:middle; z-index:2; transition-duration:0.5s;} .sideMenu #moreLangs {color:#FFF;} .languageBG {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;} #languageMenu .languageHolder {margin:4px 0 6px;} #languageMenu .languageHolder img {opacity:0.6;} #languageMenu .languageHolder img:hover, .langSelected {opacity:1;} .languageHolder a {margin:0 !important;} .languageHolder img {position:absolute; top:0; cursor:pointer; transition-duration:0.5s;} .enLang, .Lang {left:0;} .esLang {left:-25px;} .deLang {left:-50px;} .frLang {left:-75px;} .nlLang {left:-100px;} #homeGallery {float:left; width:100%; height:650px; position:relative;} #homeSlider {width:100%; height:100%; display:block; overflow:hidden; position:relative;} .homeGallery {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;} .homeGallery img, #pageGallery img, .pageGallery img, .homeGallery video, #pageGallery video, .pageGallery video {position:absolute; bottom:0; left:-9999px; right:-9999px; width:auto; min-width:100vw; margin:auto; display:block;} #homeBookingFormF {position:absolute; left:0; width:100%; display:flex; align-items:center;} #homeBookingForm {float:left; background:rgba(255, 255, 255, 0.95); border:1px solid #594B9A; z-index:200; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; webkit-box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.5); -moz-box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.5); box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.5);} #homeBookingForm h2 {float:left; width:100%; font-size:22px; padding:7px; background:#594B9A; color:#FFF; margin:0; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;} #homeBookingInps {float:left; width:calc(100% - 14px); margin:7px;} #homeBookingJSel, #homeBookingADSel, #bFormBookingJSel, #bFormBookingADSel, .homeBookTSel {float:left; width:100%; height:30px; margin-bottom:7px;} #homeBookingJSel a, #homeBookingADSel a, #bFormBookingJSel a, #bFormBookingADSel a, .homeBookTSel a {float:left; width:calc(50% - 1px); height:28px; line-height:28px; background:#E6E7E8; color:#6D6E70; text-align:center; font-size:14px; font-weight:600; display:block; text-decoration:none; cursor:pointer;} #homeBookingJSel a:hover, #homeBookingADSel a:hover, #bFormBookingJSel a:hover, #bFormBookingADSel a:hover, .homeBookTSel a:hover {background:#C1C1C1; color:#231F20; text-decoration:none;} #homeBookingJSel a.homeBookJSel, #homeBookingJSel a.homeBookJSel:hover, #homeBookingADSel a.homeBookADSel, #homeBookingADSel a.homeBookADSel:hover, #bFormBookingJSel a.bFormBookJSel, #bFormBookingJSel a.bFormBookJSel:hover, #bFormBookingADSel a.bFormBookADSel, #bFormBookingADSel a.bFormBookADSel:hover, .homeBookTSel a.bFormBookTXSel, .homeBookTSel a.bFormBookTXSel:hover, .homeBookTSel a.bFormBookTXSel:hover {background:#F5A232; color:#FFF; text-decoration:none;} #homeBookOW, #homeBookAR, #bFormBookOW, #bFormBookAR, #bFormBookNTaxiD, #bFormBookNTaxiR {margin-right:2px;} .homeBookBlock {float:left; width:100%; border:1px solid #E6E7E8; padding:7px; margin-bottom:7px;} .homeBookBlock.homeBookBlockNB {border:none;} .homeBookBlockO3 {float:left; width:100%; display:none;} .homeBookInpT, .homeBookInpTW, .homeBookInp, .bookInpSel, .homeBookInpW, .bFormInpT, .bFormInpTW, .bFormInp, .bFormInpW, .bFormSel, .homeBookPass, .plusMinus, .plusMinusCount, .bookInpTime, .bFormInpCheck {float:left;} .homeBookInpT, .homeBookInpTW, .bFormInpT, .bFormInpTW, .bFormInpCheck {font-size:14px; font-weight:600; clear:both;} .bFormInpTWC {text-align:center;} .homeBookInpT, .bFormInpT {width:160px;} .bFormInpT.bFormInpTBoo {width:250px;} .bFormInpT {line-height:37px;} .homeBookInpTW, .bFormInpTW {width:100%; margin-bottom:5px;} .bFormInpCheck {width:calc(100% - 50px); height:30px; line-height:30px;} .homeBookInpT span.subTitle, .homeBookInpTW span.subTitle, .bFormInpT span.subTitle, .bFormInpTW span.subTitle {float:left; width:100%; font-weight:400; font-size:12px;} .homeBookInp, .homeBookInpW, .bookInpSel, .bookInpTime {height:22px; border-bottom:1px solid #E6E7E8; position:relative;} .bookingViewBlock .homeBookInp {height:auto; min-height:22px;} .homeBookInp, .bFormInp, .bFormSel, .bookInpSel, .bookInpTime {width:calc(100% - 191px); margin:0 0 7px 7px;} .bookInpCheck {float:left; width:43px; height:37px; position:relative;} .homeBookInpW, .bFormInpW {width:100%; margin:0 0 7px;} .bFormInp, .bFormInpW {background:#FFF; height:37px; border:1px solid #E6E7E8; position:relative; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .homeBookInp.bookingError {border-bottom-color:#B0222A;} .homeBookInp:last-of-type, .homeBookPass:last-of-type {margin-bottom:0;} .homeBookInp a, .bookInpSel a {float:left; width:100%; height:22px; line-height:22px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .homeBookInp.bookInpSel a {cursor:pointer;} .homeBookInp a:hover, .bookInpSel a:hover {color:#594B9A; text-decoration:none;} .bookInpSel a::after, .bookInpDate a::before, .bookInpTime a::before {position:absolute; top:2px; font-family:"Font Awesome 5 Free"; font-size:14px; color:#F5A232;} .bookInpSel a:hover::after, .bookInpDate a:hover::before, .plusMinus:hover {color:#594B9A;} .bookInpSel a::after {content:"\f03a"; right:-24px; font-weight:900;} .bookInpDate, .bookInpTime {margin-left:31px;} .bookInpTime {position:relative;} .bookInpDate a::before {content:"\f073"; left:-24px;} .bookInpTime a::before {content:"\f017"; left:-24px;} .homeBookPass {width:calc(70% - 167px); margin:0 15% 7px calc(15% + 7px);} .homeBookBoosters {width:calc(70% - 257px);} .plusMinus, .plusMinusCount {height:30px; line-height:30px; text-align:center;} .plusMinus {width:25%; color:#F5A232; cursor:pointer;} .plusMinusCount {width:50%; font-size:20px; font-weight:600;} .depDate, #jFromSpain {display:none;} .bFormSel .ui-selectmenu-button {width:100%;} .bFormError .ui-selectmenu-button {background:#B0222A; color:#FFF; border:1px solid #B0222A;} .bFormPTaxiTitle {font-size:18px; color:#594B9A; margin-bottom:10px;} #outDate, #returnDate, .homeBookInp input, .homeBookInpW input, .bFormInp input, .bFormInpW input, .bookInpTime input {float:left; width:100%; background:none; border:none; font-family:"Open Sans"; font-size:14px; cursor:pointer;} #outDate, #returnDate, .homeBookInp input, .homeBookInpW input, .bookInpTime input {height:24px; line-height:24px;} .bFormInp input, .bFormInpW input {height:36px; line-height:36px; padding:2px 8px;} .homeBookInp.inputError, .homeBookInpW.inputError {border-bottom-color:#B0222A;} .bFormInp.inputError, .bFormInpW.inputError {border-color:#B0222A;} .bookInpCheck input {position:absolute; height:0; width:0; opacity:0; cursor:pointer;} .checkboxCheck {position:absolute; top:0; left:0; width:30px; height:30px; background:#FFF; cursor:pointer; border:2px solid #EEE; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; transition-duration:0.5s;} .bookInpCheck:hover input ~ .checkboxCheck {background:#FCFCFC;} .bookInpCheck input:checked ~ .checkboxCheck {background:#594B9A; border-color:#393066;} .checkboxCheck:after {content:""; position:absolute; display:none;} .bookInpCheck input:checked ~ .checkboxCheck:after {display:block;} .bookInpCheck .checkboxCheck:after {left:9px; top:3px; width:10px; height:18px; border:solid white; border-width:0 5px 5px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .ui-datepicker {z-index:10 !important;} #oFlightH-button, #oFlightM-button, #rFlightH-button, #rFlightM-button, #oFlightHA-button, #oFlightHD-button, #oFlightMA-button, #oFlightMD-button, #rFlightHA-button, #rFlightHD-button, #rFlightMA-button, #rFlightMD-button, #oTimeH-button, #oTimeM-button, #rTimeH-button, #rTimeM-button {float:left; width:49%;} #oFlightH-button, #rFlightH-button, #oFlightHA-button, #oFlightHD-button, #rFlightHA-button, #rFlightHD-button, #oTimeH-button, #rTimeH-button {margin-right:2%;} #oFlightM-button, #rFlightM-button, #oFlightMA-button, #oFlightMD-button, #rFlightMA-button, #rFlightMD-button, #oTimeM-button, #rTimeM-button {margin:0;} #oFlightHD-button, #rFlightHA-button, #oFlightMA-button, #rFlightMA-button {display:none;} .uiSelectC {z-index:10000;} .uiSelectCPlus {z-index:99999;} #homeBookingBookSubmit, #bookingBookSubmit, #bookingBookSave, #editBookingCancel, #confirmTaxiO, #confirmTaxiR, .backBookings {float:left; width:100%;} #bookingBookSubmit:disabled {opacity:0.4;} .confirmMFlight, .confirmMTime {float:right; padding:0 10px; margin:20px 0 0;} #homeBookingBookSubmit, #bookingBookSubmit, #bookingBookSave, #confirmTaxiO, #confirmTaxiR, .confirmMFlight, .confirmMTime, #guestContinue, #guestLogin, #createContinue, .viewBookingFunc, #createAccount, #createRAccount {height:34px; line-height:34px; background:#F5A232; color:#FFF; text-align:center; font-weight:600; display:block; text-decoration:none; cursor:pointer;} #homeBookingBookSubmit {border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;} #bookingBookSubmit, #bookingBookSave, .confirmMFlight, .confirmMTime {font-size:16px; font-family:"Open Sans", Arial, Verdana, Helvetica; border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #confirmTaxiO, #confirmTaxiR {float:left; width:100%; height:26px; line-height:26px; background:#F5A232; color:#FFF; text-align:center; font-weight:600; display:block; text-decoration:none; cursor:pointer; font-family:"Open Sans", Arial, Verdana, Helvetica; font-size:14px; border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #confirmTaxiO:disabled, #confirmTaxiR:disabled {opacity:0.4;} #homeBookingBookSubmit:hover, #bookingBookSubmit:hover, #bookingBookSave:hover, #confirmTaxiO:hover, #confirmTaxiR:hover, .confirmMFlight:hover, .confirmMTime:hover, #guestContinue:hover, #guestLogin:hover, #createAccount:hover, #memForgotAC:hover, #completeClose:hover, .viewBookingFunc:hover, #memForgotAAC:hover, .backBookings:hover, #memForgotRAC:hover, #createRAccount:hover {background:#594B9A; color:#FFF; text-decoration:none;} #confirmTaxiO.confirmedTaxi, #confirmTaxiR.confirmedTaxi, #confirmTaxiO.confirmedTaxi:hover, #confirmTaxiR.confirmedTaxi:hover, #createContinue:hover {background:#56A14A !important; color:#FFF;} .cancelBookingFunc:hover {background:#862025; color:#FFF; text-decoration:none;} #bookingBookMarkPaid, .backBookings, .backOBookings {background:#D9D9DD;} .viewBookingBtn {clear:none !important; width:auto !important;} .viewBookingFunc, .backBookings, .cancelBookingFunc {float:left; font-size:14px; padding:0 10px; margin-right:15px; border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration:0.5s;} .cancelBookingFunc {height:34px; line-height:34px; background:#B0222A; color:#FFF; text-align:center; font-weight:600; display:block; text-decoration:none; cursor:pointer;} .backBookings {height:34px; line-height:34px; color:#231F20; text-align:center; font-weight:600; display:block; text-decoration:none; font-family:"Open Sans", Arial, Verdana, Helvetica; cursor:pointer; font-size:16px; border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #bookingBookSave, #editBookingCancel {width:45% !important;} #editBookingCancel {height:34px !important; line-height:34px !important; margin-right:10%;} main {min-height:800px;} h1, h2, h3, h4, h5, h6 {font-family:Arial, Verdana, Helvetica; font-weight:600;} .mainContent h1, .mainContent h2, .mainContent h3, .mainContent h4, .mainContent h5, .mainContent h6, #cookieText h6, #returnQ h6, #popText h2 {font-size:26px; color:#594B9A; margin:5px 0 15px;} #bookingFormSummary h5, #bookingFormSummary h6, #loginBookAN h6, #loginSignupFormContainer h6, .memLoginContainer, #paymentChoice h6, #voucherContainer h6 {color:#594B9A;} #bookingFormSummary h5 {font-size:22px; margin:5px 0 15px;} #bookingFormSummary h6 {font-size:18px; margin:0 0 10px;} #loginSignupContainer h6, #loginBookContainer h6, #loginAgentContainer h6, #paymentChoice h6, #voucherContainer h6 {font-size:22px; margin:0 0 10px;} #loginBookAC h6, #loginAgent {color:#FFF;} .shuttleStops h3 span {display:table; font-size:0.8em; clear:both;} .flightCheckTable h3 {font-family:"Open Sans", Arial, Verdana, Helvetica; font-size:20px;} .smallText {font-size:12px;} #dFManual .smallText, #rFManual .smallText {font-size:14px;} #flightCheckListC {float:left; width:100%; min-height:300px; position:relative; margin-bottom:40px;} #flightCheckList {float:left; width:100%;} .flightCheckTableContainer {float:left; width:100%; overflow-x:auto;} .flightCheckTable table {float:left; width:100%; font-size:14px; margin-bottom:40px; border:1px solid #CCC; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-spacing:0; border-collapse:separate;} .flightCheckTable table:last-child {margin-bottom:20px;} .flightCheckTable thead th {font-weight:600; padding:5px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 47%, rgba(236,235,235,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(251,251,251,1) 47%,rgba(236,235,235,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(251,251,251,1) 47%,rgba(236,235,235,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecebeb',GradientType=0 );} .flightCheckTable thead th, .flightCheckTable td {text-align:left; border-right:1px solid #CCC; border-bottom:1px solid #CCC; margin:0;} .flightCheckTable td {padding:10px;} .flightCheckTable tr {background:#FFF;} .flightCheckTable tr td:last-child, .flightCheckTable tr th:last-child {border-right:none;} .flightCheckTable tbody tr:last-child td {border-bottom:none;} .flightCheckTable tbody tr:nth-child(even) {background:#FBFBFB;} .flightCheckSelectC, .flightCheckInp {float:left; width:100%;} .flightCheckSelectC {background:#FDFDFD; border:1px solid #F0F0F0; padding:5px 10px; margin-bottom:20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .flightCheckInp {font-size:14px; font-weight:600; margin-bottom:5px;} .flightCheckSelect {float:left;} .flightCheckSelect select {display:none;} .orderTable {margin-left:10px; color:#594B9A;} #pageGalleryContainer, #bookingGalleryContainer {float:left; width:100%; position:relative;} #pageGalleryContainer {height:360px;} #bookingGalleryContainer {height:200px;} #pageGallery {float:left; width:100%; height:100%; position:relative; overflow:hidden;} #pageGalleryC {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;} #pageGalleryC img, #pageGalleryC video {position:absolute; top:0; left:-9999px; right:-9999px; min-height:100%; margin:auto;} #pageGalleryOverlay, #bookingGalleryOverlay {position:absolute; width:100%; left:0;} #pageGalleryTitle, #bookingGalleryTitle {float:left; width:100%; display:flex; flex-direction:column; justify-content:center;} #pageGalleryTitle h1, #bookingGalleryTitle h1 {float:left; width:100%; line-height:50px; color:#FFF; margin:0; text-shadow:2px 2px 2px rgba(0,0,0,1); transition-duration:0.5s;} #pageGalleryTitle h1 {font-size:40px;} #bookingGalleryTitle h1 {font-size:32px;} #pageGalleryTitle h1 span, #bookingGalleryTitle h1 span {float:unset; line-height:50px !important; vertical-align:text-top;} #pageGalleryTitle h1 span {font-size:24px;} #bookingGalleryTitle h1 span {font-size:18px;} #pageGalleryTitle span, #bookingGalleryTitle span {float:left; width:100%; color:#FFF; font-family:Arial, Verdana, Helvetica; font-weight:700; font-size:14px; line-height:18px !important; margin:5px 0 0; text-shadow:2px 2px 2px rgba(0,0,0,1);} .mainContent {float:left; width:100%; display:inline-block; margin-bottom:60px;} .mainContent.tb40, #pageBreadcrumb + .mainContent, #homeGallery + .mainContent {margin:40px 0 !important;} .mainContent.tb60 {margin:60px 0 !important;} .mainContent.b20 {margin:0 0 20px !important;} .mainContent.b40 {margin:0 0 40px !important;} .mainContent.b60 {margin:0 0 60px !important;} .mainContent.noMargin {margin:0 !important;} .mainContent::before, .mainContent::after {content:" "; display:table;} .mainContent p strong {font-weight:600;} .mainContent.grey {background:#FBFBFB; padding:20px 0;} #pageBreadcrumb {float:left; width:100%; background:#594B9A; padding:2px 0; -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6); position:relative; z-index:2;} #pageBreadcrumb ol {width:100%; list-style:none; display:block; line-height:16px; padding:5px 0; margin:0;} #pageBreadcrumb li {display:inline-block;} #pageBreadcrumb li:not(:first-child)::before {font-family:"Font Awesome 5 Free"; content:"\f30b"; display:inline-block; font-weight:900; font-size:12px; color:#F3F3F3;} #pageBreadcrumb li a {color:#FFF;} #pageBreadcrumb li a:hover {color:#F5A232; text-decoration:none;} #bookingFormSummary {background:#FCFCFC; padding:5px 10px; border:2px solid #F5A232; -webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow:0px 0px 3px 0px rgba(0,0,0,0.3); transition:right 0.5s, top 0s;} #bookingFormSummary.scrolling {position:fixed; top:60px !important;} #bookingFormSummaryCC, #bookingFormSummaryC {float:left; width:100%; height:100%;} #bookingFormSummaryC {overflow-y:auto;} #bookingFormSummaryCC {overflow:hidden;} .summarySection {float:left; width:100%; margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #E6E7E8;} .summarySection p {margin:8px 0;} .summarySection p span.addLuggageSummary, .bookingViewBlock span.addLuggageSummary {font-size:0.8em;} .bookingViewBlock span.addLuggageSummary {float:left; width:100%;} .summaryTotal {float:left; width:100%; font-size:18px; font-weight:600; color:#594B9A; text-transform:uppercase; padding-bottom:10px;} .summaryPaymentsTotal {float:left; width:100%; padding:30px 0 10px; margin-top:20px; border-top:1px solid #E6E7E8;} .busTime {color:#594B9A; font-weight:600;} #openCloseSummary {position:absolute; top:-2px; right:100%; height:40px; font-size:14px; font-weight:600; background:#F5A232; color:#FFF; justify-content:center; align-items:center; text-align:center; padding:0 10px; cursor:pointer; border-radius:6px 0 0 6px; -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px;} #openCloseSummary:hover {background:#594B9A; color:#FFF; text-decoration:none;} #bookingFormSummary.closedSummary {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} #bookingFormSummary.openSummary {-webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow:0px 0px 3px 0px rgba(0,0,0,0.3);} #bookingFormSummary.closedSummary .summaryClosed {display:block;} #bookingFormSummary.closedSummary .summaryOpen {display:none;} #bookingFormSummary.openSummary .summaryClosed {display:none;} #bookingFormSummary.openSummary .summaryOpen {display:block;} .summaryOpen {font-size:20px;} #summaryWaiting, #paymentWaiting, #articlesLoadingBG {position:absolute; background:rgba(255, 255, 255, 0.5); top:0; left:0; width:100%; height:100%; display:none;} #paymentWaiting img, #paymentWaiting svg {position:absolute; top:calc(50% - 32px); left:calc(50% - 32px); width:64px; height:64px;} #summaryWaiting img, #articlesLoadingBG img, #summaryWaiting svg, #articlesLoadingBG svg {position:absolute; top:calc(50% - 64px); left:calc(50% - 64px); width:128px; height:128px;} .bookingForm.mainContent {position:relative;} .bFormRow, .bookingWarning {float:left;} .bFormJourney {float:left; clear:left; background:#FCFCFC; padding:10px 20px; border:1px solid #F2F3F4; margin-bottom:40px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .bFormJourney .bFormRow {width:100% !important; padding:7px 0; margin-bottom:5px;} .bFormRow.bFormError {color:#B0222A !important;} .bookingSelectContainer .bFormError input {background:#B0222A; color:#FFF !important;} .bFormRow.bFormError .bFormInp, .bFormRow.bFormError .bookInpSel {border-color:#B0222A;} .bFormRow, .bFormJourney {width:100%;} .bFormRowSelect {display:flex; justify-content:center;} #bFormBookingJSel, #bFormBookingADSel {width:100%;} .homeBookSel {float:left; width:25%;} #countryCode-button {float:left; width:calc(100% - 7px); padding:.4em 5px; margin-left:7px;} #countryCode-button .ui-selectmenu-icon.ui-icon {margin-top:3px;} .homeBookingTel {width:calc(75% - 191px);} .homeBookInpTel, .homeBookingTel {height:36px; line-height:36px;} .homeBookingTel input {height:36px;} #countryCode-menu .ui-icon {width:24px; height:24px; background-size:24px 24px;} .ui-menu {max-height:225px;} .bookingWarning {width:100% !important; background:#FFF; text-align:center; text-transform:uppercase; font-weight:600; color:#B0222A; padding:5px 10px; margin-bottom:5px; border:1px solid #B0222A; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:none;} #journeyOut .obJourney, #journeyReturn .rtJourney {display:none;} #journeyOut .rtJourney, #journeyReturn .obJourney {display:inline-block;} #addLuggageO, #addLuggageR, #termsBtn, #editBookingCancel, #creditVoucherBtn {float:left; width:100%; height:28px; line-height:28px; background:#F2F3F4; color:#231F20; text-align:center; font-size:14px; font-weight:600; display:block; text-decoration:none; cursor:pointer; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #termsBtn:hover {background:#CECECE;} .bFormError #termsBtn, .bFormError #confirmTaxiO, .bFormError #confirmTaxiR {background:#B0222A; color:#FFF;} .bFormError #termsBtn:hover, .bFormError #confirmTaxiO:hover, .bFormError #confirmTaxiR:hover {background:#7B181D;} #addLuggageO:hover, #addLuggageR:hover, #editBookingCancel:hover, #creditVoucherBtn:hover {background:#594B9A; color:#FFF;} #termsBtn.termsAccepted {background:#56A14A; color:#FFF;} #termsBtn.termsAccepted:hover {background:#3B7332 !important; color:#FFF !important;} #termsBtn .termsA, #termsBtn.termsAccepted .termsNA {display:none;} #termsBtn .termsNA, #termsBtn.termsAccepted .termsA {display:inline-block;} .pagePop {cursor:pointer;} #creditVoucherList {float:left; width:100%;} #creditVoucherList:empty {display:none;} #creditVoucherList ul {margin:0;} .h4.fa-cloud-upload-alt {font-size:20px; color:#98A6AD; transition-duration:0.5s;} .dropzone {float:left; width:calc(100% - 191px); margin:0 0 7px 7px; border:2px dashed #CED4DA; border-radius:6px; cursor:pointer; min-height:150px; padding:20px; box-shadow:none; transition-duration:0.5s;} .dropzone:hover {border:2px dashed #98A6AD;} .dropzone:hover .h4.fa-cloud-upload-alt {color:#F5A232;} .dropzone .dz-message {text-align:center; margin:2rem 0} .dropzone.dz-started .dz-message {display:none} #bFormBookingTXDSel, #taxiAddressO, #bFormBookingTXRSel, #taxiAddressR, #bFormBookingTXDMax, #bFormBookingTXRMax {float:left; width:100%; display:none;} #bFormBookingTXDMax, #bFormBookingTXRMax {text-align:center; font-weight:600;} .bFormSubmitRow {margin:15px 0 0;} .bForm50Split {float:left; width:50%; padding:0 10px; margin:0 0 20px;} .bookingViewContainer {float:left; width:100%; display:flex; justify-content:center;} .bookingView {float:left; background:#FDFDFD; padding:5px 10px; margin-bottom:20px; border:2px solid #F5A232; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} .bookingViewBlock {float:left; width:100%; margin-bottom:20px;} .bookingView .bFormRow {margin-bottom:5px;} .bookingView .homeBookInp, .bookingView .homeBookInpW {font-size:14px; border-bottom:none;} .formInput, .formSelect, .formRadio {float:left; width:100%; position:relative; margin:0 0 20px;} .formInput {background:#FFF; border:1px solid #909090; border-top:none; padding:10px 0;} .bFormRow .formInput {margin:0 0 8px;} .formSelect {padding:0;} .formSelect .ui-selectmenu-button {width:100% !important; border-top:none; border-left:1px solid #909090; border-right:1px solid #909090; border-bottom:1px solid #909090; padding:18px 14px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;} .twoBox .formInput, .threeBox .formInput, .fourBox .formInput {background:#FFF;} .formInputHalf {width:49%;} .formInputHalfL, .propFormInputHalfL {margin-right:2%;} .formInput.formError {border:1px solid #BB0003; border-top:none;} .formInput input, .formInput textarea, .formRadio input {width:100%; font-size:20px; color:#333; background:transparent; border:none; padding:0 10px; margin:0;} .formInput input, .formRadio input {height:35px; line-height:35px;} .formInputT input {width:calc(100% - 30px);} .formRadio input[type="radio"] {float:left; width:20px; margin-right:10px; cursor:pointer;} .radioLabel {float:left; width:calc(100% - 30px); line-height:35px; cursor:pointer;} .radioLabel img {vertical-align:middle;} .formInput.formError {border-color:#BB0003;} .formInput textarea {height:187px; font-family:"Open Sans", Arial, Verdana; resize:none;} textarea.propertyAddress {height:112px;} .formLabel {position:absolute; top:0; left:0; right:0; width:100%; height:16px; font-size:12px; display:flex; flex-flow:row nowrap;} .formLabel::before, .formLabel::after {content: ""; background:#909090; display:inline-block; height:1px; top:0; width:7px;} .formError .formLabel::before, .formError .formLabel::after {background:#BB0003;} .formLabel::after {flex:1 1 auto;} .formLabel {line-height:16px !important;} .formLabel label {position:relative; top:-8px; color:#909090; padding:0 5px;} .formLabel label span {color:#BB0003; margin-left:5px;} .formInput input:focus, .formInput textarea:focus, #subEmail:focus, .homeBookInp input:focus, .homeBookInpW input:focus, .bFormInp input:focus, .bFormInpW input:focus, .bookInpTime input:focus {outline:none !important;} .formInput input:required + .formLabel label:after, .formInput textarea:required + .formLabel label:after, .formInputFull textarea:required + .formLabel label:after {content:"*"; color:#BB0003; margin-left:3px;} .mainContent img {max-width:100%; height:auto;} .newsArticlesList {position:relative;} .boxRow {float:left; width:100%; text-align:center; vertical-align:top; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; position:relative;} .twoBoxes, .threeBoxes, fourBoxes, .featuredContainer, .latestContainer, .categoryContainer {float:left; width:100%; text-align:center; padding:25px 0 30px; margin:0 0 25px;} .twoBox, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox {float:left; background:#F1F2F3; background-clip:padding-box !important; text-align:justify;} .twoBox, .threeBox, .fourBox {padding:15px;} .twoBox {width:50%;} .threeBox, .featuredThreeBox, .latestThreeBox, .categoryThreeBox {width:33.3333%;} .threeBox {min-height:300px;} .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox {width:25%;} .twoBox, .fourBox {min-height:200px;} .twoBox, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox {background-clip:padding-box; text-align:left; display:inline-block; border:15px solid transparent; position:relative; vertical-align:top;} .boxImage h1, .boxImage h2, .boxImage h3, .boxImage h4, .boxImage h5, .boxImage h6 {float:left; width:100%;} .twoBox.boxImage, .threeBox.boxImage, .fourBox.boxImage {background:none; padding:0;} .twoBox.boxImage img, .threeBox.boxImage img, .fourBox.boxImage img {float:left; width:100%; height:auto;} .textBG {position:relative; padding-top:20px;} .textBGCover {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);} .boxBorder {float:left; width:80%; height:100%; background:#FFF; color:#231F20; text-align:center; border:1px solid #594B9A; margin:0 10%; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; overflow:hidden; webkit-box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.5); -moz-box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.5); box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.5);} .boxBorder h3, .boxBorder p {width:calc(100% - 20px);} .boxBorder h3 {margin:5px 10px 10px;} .boxBorder p {margin:15px 10px;} .reviewsList {float:left; width:100%;} .reviewContainer {float:left; width:100%; margin-bottom:40px;} .mainContent blockquote {width:calc(100% - 100px); background:#FAFAFA; text-align:center; position:relative; padding:5px 15px; margin:0 50px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .mainContent blockquote:before, .mainContent blockquote:after {font-family:"Font Awesome 5 Free"; font-size:28px; position:absolute; color:#594B9A; font-weight:900; font-style:italic;} .mainContent blockquote:before {content:"\f10d"; top:0; margin-right:13px; right:100%;} .mainContent blockquote:after {content:"\f10e"; bottom:0; margin-left:13px; left:100%;} .reviewDetails {width:calc(100% - 100px); font-size:14px; font-weight:600; font-style:italic; margin:0 50px; padding-left:55px; line-height:30px; position:relative;} .reviewDetails:before {content:""; position:absolute; left:15px; top:0; width:0; height:0; border-style:solid; border-width:30px 0px 0 30px; border-color:#FAFAFA transparent transparent transparent;} .reviewData {margin-left:10px; font-size:12px; font-weight:400; display:inline-block;} .reviewData .far.fa-clock {margin-right:3px;} .reviewDate {display:inline-block; margin-right:10px;} .reviewStars .fas.fa-star {color:#FFD055;} .reviewStars {display:inline-block;} .btnRow {float:left; width:100%; margin:15px 0;} .linkButton {float:left; height:34px; line-height:34px; background:#F5A232; color:#FFF; font-size:14px; font-weight:600; display:block; text-decoration:none; cursor:pointer; padding:0 10px; margin-right:15px; border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration:0.5s;} .linkButton:hover {background:#594B9A !important; color:#FFF; text-decoration:none;} .shuttleStopList {float:left; width:100%; display:flex; justify-content:center; flex-wrap:wrap;} .shuttleStop {float:left; padding:20px; position:relative; height:300px; display:block; position:relative; overflow:hidden; border:5px solid transparent;} .shuttleStop.stopLowLight {opacity:0.3;} .shuttleStop.stopHighlight {border-color:#F5A232;} .shuttleStop img {width:auto; height:100%; position:absolute; top:0; left:-9999px; right:-9999px; margin:auto;} .showLargeStop {cursor:pointer;} .shuttleStopText {position:absolute; bottom:0; left:0; width:100%; min-height:82px; font-size:14px; padding:0 10px 5px; background:linear-gradient(0deg, rgba(35,31,32,0.1) 0%, rgba(35,31,32,0.6) 100%); border-top:1px solid rgba(35,31,32,0.65); webkit-box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.75); -moz-box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.75); box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.75); z-index:1;} .shuttleStopText h3 {color:#F5A232; font-size:20px; margin:5px 0 10px; text-shadow:1px 1px 3px rgba(35, 31, 32, 0.8);} .shuttleStopText span {color:#FFF; text-shadow:1px 1px 3px rgba(35, 31, 32, 0.6);} .shuttleStopInstr {position:absolute; top:0; left:0; width:100%; color:#FFF; font-weight:600; display:flex; justify-content:center; align-items:center; z-index:2; transition-duration:0.5s;} .shuttleStopInstr i {margin-right:10px;} .showLargeStop, .showStopMap {background:rgba(35,31,32,0.6); text-align:center; color:#FFF; display:flex; justify-content:center; align-items:center;} .showLargeStop:hover, .showStopMap:hover {background:#231F20; color:#F5A232; text-decoration:none;} #articlesList {float:left; width:100%; min-height:200px;} .newsArticleExcerpt {float:left; width:100%; background:#FDFDFD; border:1px solid #F0F0F0; padding:5px 10px 35px; margin-bottom:20px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; position:relative;} .newsArticleExcerpt h3 {font-family:"Open Sans", Arial; margin:0 !important;} .newsArticleDate {font-size:12px; display:block; margin:0 0 10px;} .twoBox .readMore, .threeBox .readMore, .fourBox .readMore, .newsArticleExcerpt .readMore {position:absolute; bottom:5px; right:10px; line-height:30px; font-size:12px; font-style:italic;} .newsContainer .twoBox, .newsContainer .threeBox, .newsContainer .fourBox {background:#FFF; padding:0; display:flex; min-height:150px;} .newsContainer.grey .twoBox, .newsContainer.grey .threeBox, .newsContainer.grey .fourBox {background:#FBFBFB;} .newsTwoBox, .newsThreeBox, .newsFourBox {width:100%; background:#FBFBFB; font-size:14px; padding:5px 10px 35px; border:1px solid #F1F2F3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .grey .newsTwoBox, .grey .newsThreeBox, .grey .newsFourBox {background:#FFF;} .newsTwoBox h2, .newsThreeBox h2, .newsFourBox h2 {font-size:22px; margin:0 0 5px;} .newsTwoBox .newsArticleDate, .newsThreeBox .newsArticleDate, .newsFourBox .newsArticleDate {font-size:10px;} .pagination {float:left; width:100%; text-align:center; margin:0 0 5px; position:relative;} .pagiL {font-size:12px;} .pagination a, .pagination span.currentPage {background:#FFF; display:inline-block; color:#231F20; margin:5px 1px; border:1px solid #C5C5C5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .prevLink, .nextLink, .pagination span.currentPage, .pagination span.currentPage {background:#594B9A !important; color:#FFF !important; font-weight:bold; border:1px solid rgba(0,0,0,0.2) !important;} .prevLink {float:left;} .nextLink {float:right;} a.prevLink:hover, a.nextLink:hover, .pagination a:hover {background:#F5A232 !important; color:#FFF; border:1px solid rgba(0,0,0,0.2) !important;} .pageSplitLeft {margin-left:20px !important;} .pageSplitRight {margin-right:20px !important;} .pageNumbers a {text-decoration:none !important;} #photoGalleryBG {position:fixed; background:rgba(35, 31, 32, 0.95); top:0; left:0; width:100%; height:100vh; display:none; z-index:99998;} #photoGalleryContent {position:absolute; height:cal100vh - 60px);} #photoGalleryClose {position:absolute; top:6px; right:14px; width:200px; display:block; color:#FFF; overflow:hidden; cursor:pointer; font-size:24px; line-height:30px; font-weight:600; text-align:right; z-index:99999} #photoGalleryClose i {font-size:26px; vertical-align:bottom;} #photoGalleryClose:hover {color:#F5A232; text-decoration:none; transition-duration:0.5s;} .pGSPhotoContainer {float:left; width:100%; height:100%; padding:30px 0; overflow:hidden; position:relative; z-index:1;} #photoGalleryContent {top:0; left:0; width:100%; height:100vh;} .pGPhotoDetails {padding:5px 10px;} .pGPhotoDetails h1 {float:left; width:100%; margin:0;} .pGPhotoDesc p {clear:both;} .pGGallery, .pageGallery {height:100%;} .pGGallery {display:table-cell;} .pGSGallery {height:100vh;} .pGPhoto {text-align:center;} .pGPreview {overflow:hidden; display:inline-block;} .pGPhoto {float:left; width:100vw; height:calc(100vh - 60px); text-align:center; position:relative; margin-bottom:31px;} .pGPhoto img, .pGPhoto video {top:50%; transform:translateY(-50%); position:relative; width:auto; height:auto; max-width:calc(100vw - 20px); max-height:100%; -webkit-box-shadow:0px 0px 5px 3px rgba(35, 31, 32, 0.4); -moz-box-shadow:0px 0px 5px 3px rgba(35, 31, 32, 0.4); box-shadow:0px 0px 5px 3px rgba(35, 31, 32, 0.4);} .pGPhotoTitle {position:absolute; background:rgba(35, 31, 32,0.4); bottom:-1px; left:50%; color:#FFF; text-align:center; padding:5px 10px; border:1px solid rgba(35, 31, 32,0.4);} #pGLeft, #pGRight {position:absolute; top:0; width:50%; height:100%; font-size:60px; color:#FFF; display:block; opacity:0.2; cursor:pointer; z-index:100;} #pGLeft span, #pGRight span {position:absolute; top:calc(50% - 39.5px);} #pGLeft span {left:0;} #pGRight span {right:0;} #pGLeft:hover, #pGRight:hover {opacity:1; text-decoration:none;} .pGPhoto.activeSlide {z-index:10;} #galleryLoading {position:absolute; background:rgba(255, 255, 255, 0.8); left:0; width:100vw; top:0; height:100vh; display:none; z-index:99998;} #galleryLoading img, #galleryLoading svg {position:absolute; top:calc(50% - 32px); left:calc(50% - 32px);} #swipeInstr {position:fixed; background:rgba(255, 255, 255, 0.4); top:calc(50% - 65px); left:0; width:100%; height:130px; text-align:center; padding:10px 0; display:none; z-index:99999;} #swipeInstr img {animation:leftToRight 1.5s ease-in-out infinite;} .contactCols {float:left; padding-top:5px;} #captchaVerification {float:left; background:#FFF; width:calc(100% - 2px); border:1px solid #A6A6A6; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .imgCaptcha {background:none; width:200px; font-size:14px; margin:0 !important;} #captchaVerification iframe {float:left;} input.captchaResponse {clear:none !important;} .submitButton {float:left; background:#594B9A; height:40px; line-height:36px; text-align:center !important; font-family:"Open Sans", Arial, Verdana; font-size:16px; color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); display:block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; transition-duration:0.5s; cursor:pointer;} .submitButton {width:200px; left:50%; margin:10px 0 10px -100px; padding:0 10px; position:relative;} .submitButton:hover {background:#F5A232;} footer {float:left; width:100%; height:auto; background:url(/images/footer-bg.png) center top repeat-x #594B9A; padding:0;} #flContainer {float:left;} #footerLogo {width:168px; height:45px; position:relative;} #footerLogo span {position:absolute; top:0; left:50px; width:123px; height:45px; font-family:Arial; font-size:21px; font-weight:400; color:#F5A232;} #footerLogo span span {float:left; width:100%; color:#FFF; font-size:17px; margin:0; position:relative; height:unset; left:unset;} .footerSocial {float:left; width:100%; height:30px; text-align:center; margin:15px 0 0;} .socialLink {width:30px; height:30px; color:#FFF !important; font-size:16px; line-height:28px; display:inline-block; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; margin-right:15px;} .socialLink:last-child {margin-right:0;} .socialLink:hover {background:#FFF;} .fbLink, .twLink {margin-right:15px;} .fbLink {background:#3B5998; border:1px solid #3B5998;} .fbLink:hover {color:#3B5998 !important;} .twLink {background:#1DA1F2; border:1px solid #1DA1F2;} .twLink:hover {color:#1DA1F2 !important;} .gpLink {background:#E8574F; border:1px solid #E8574F;} .gpLink:hover {color:#E8574F !important;} .instaLink {background:#BC1888; background:-moz-linear-gradient(45deg, #F09433 0%, #E6683C 25%, #DC2743 50%, #CC2366 75%, #BC1888 100%); background: -webkit-linear-gradient(45deg, #F09433 0%,#E6683C 25%,#DC2743 50%,#CC2366 75%,#BC1888 100%); background: linear-gradient(45deg, #F09433 0%, #E6683C 25%, #DC2743 50%, #CC2366 75%, #BC1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F09433', endColorstr='#BC1888',GradientType=1 ); border:1px solid #BC1888;} .instaLink:hover {color:#BC1888 !important;} .fmContainer {display:flex; flex-direction:row; justify-content:center; align-items:center; min-height:212px;} #footerMenu {float:left; width:100%; list-style:none; padding:0;} #footerMenu li {margin:0 15px; font-size:14px; font-weight:600; padding:0;} .ddfMenu {float:left; width:100%; list-style:none; padding:0; margin:5px 0 0;} .ddfMenu li {width:100% !important; max-width:100% !important; font-size:12px !important; font-weight:400 !important; color:#FFF; padding:0 !important; margin:0 0 5px !important; display:block !important;} .ddfAdds {white-space:nowrap;} #footerMenu a {color:#FFF; opacity:0.85; transition-duration:0.5s; cursor:pointer;} #footerMenu a:hover, .footerDisclaimer:hover {color:#F5A232; opacity:1; text-decoration:none;} .emergencyNo {position:relative;} .emergencyNo a:hover {color:#B0222A !important;} .emergencyNo span {background:rgba(176, 34, 42, 0.8); color:#FFF; font-size:14px; padding:5px 10px; border:1px solid #B0222A; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #footerBottom {float:left; background:#3D346A; width:100%; height:30px; line-height:20px; font-size:10px; padding:5px 0; text-align:right;} #footerBottom a {color:#FFF;} #footerBottom a:hover {color:#F5A232; text-decoration:none;} .bookingSelectContainer {position:fixed; top:0; right:0; width:100vw; height:100vh; background:rgba(35,31,32,0.4); z-index:9999; opacity:0; visibility:hidden; transition-duration:0.5s;} .bookingSelectContainer.showSelection {opacity:1; visibility:visible;} .bookingSelect, .pickDropSelect, .flightSelect, .flightEntry, .addLuggageSelect {position:absolute; top:0; right:-100vw; width:90vw; max-width:690px; height:100%; background:rgba(35,31,32,0.8); border-left:1px solid rgba(35,31,32,0.8); padding:10vh 25px; z-index:-1; overflow-y:auto; transition:transform 0.8s ease;} .showSelection .bookingSelect, .showSelection .pickDropSelect, .showSelection .flightSelect, .showSelection .flightEntry, .showSelection .addLuggageSelect {transform:translateX(-100vw);} .bookingSelect h6, .pickDropSelect h6, .flightSelect h6, .flightEntry h6, .addLuggageSelect h6 {float:left; width:100%; font-size:26px; color:#FFF; text-align:center; margin:15px 0;} .bookingSelect a, .pickDropSelect a, pointSelectOptionsList a, .flightSelect a, .addLuggageSelect a {float:left; width:100%; line-height:24px; background:rgba(35, 31, 32, 0.9); color:#FFF; text-align:center; margin-bottom:5px; cursor:pointer;} .bookingSelect a:hover, .pickDropSelect a:hover, .pointSelectOptionsList a:hover, .flightSelect a:hover, .addLuggageSelect a:hover, .selectedVal {background:#F5A232 !important; color:#FFF !important; text-decoration:none;} #pickupList, #dropoffList, #flightDList #flightRList, #flightManualD, #flightManualR, #outPickupList, #outDropoffList, #retPickupList, #retDropoffList, #taxiOCityList, #taxiRCityList {float:left; width:100%; position:relative; white-space:nowrap; overflow:hidden;} #flightManualD .bFormInpT, #flightManualR .bFormInpT, #pickupTimeD .bFormInpT, #pickupTimeR .bFormInpT {color:#FFF;} .pointSelectList, .flightSelectList {width:100%; display:inline-flex; flex-direction:column;} .pointSelectOptionsList {width:100%; display:inline-flex; flex-direction:column; position:relative; left:100%; top:0;} .pointSelectOptionsListR {float:left; width:100%; display:none;} .pointSelectShowList {margin-left:-100%;} .pointSelectStop {font-size:14px; padding:0 5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .pointBack {margin-bottom:15px !important;} #pickupList p, #dropoffList p, #flightDList p, #flightRList p, #outPickupList p, #outDropoffList p, #retPickupList p, #retDropoffList p, #taxiOCityList p, #taxiRCityList p {text-align:center; color:#FFF;} .closeSelect {position:absolute; top:10px; right:10px; width:36px; height:36px; line-height:36px; background:rgba(255, 255, 255, 0.8); color:#231F20; font-size:30px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; cursor:pointer;} .closeSelect:hover {background:#F5A232; color:#FFF; text-decoration:none;} #arrAlicanteD, #arrAlicanteR, #depAlicanteD, #depAlicanteR {float:left; width:100%; background:#FFF; color:#B0222A; font-weight:600; padding:0 10px; margin:15px 0; text-align:center; white-space:normal; border:1px solid #B0222A; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} #arrAlicanteR, #depAlicanteD, #depAlicanteR {display:none;} #bookSelectedAdditional, #bookSelectedAdditionalR, .addLuggageLine {float:left; width:100%;} #bookSelectedAdditional, #bookSelectedAdditionalR {background:#FDFDFD; font-size:14px; line-height:20px; border:1px solid #E6E7E8; margin-bottom:5px; padding:5px 10px;} #bookSelectedAdditional span, #bookSelectedAdditionalR span {margin-left:5px;} #bookSelectedAdditional:empty, #bookSelectedAdditionalR:empty {display:none;} .addLuggageSelect .homeBookInpT, .addLuggageSelect .plusMinusCount {color:#FFF !important; margin-bottom:5px;} .addLuggageSelect .homeBookInpT span {float:left; font-size:0.9em; margin-bottom:5px;} #validVoucherDiv {display:none;} #loginBGContainer, #popBGContainer, #mapBGContainer, #returnQBGContainer, #loginBookBGContainer, #voucherBGContainer {position:fixed; display:table; height:100vh; width:100vw; top:0; left:0; transform:scale(0); z-index:99998; } #loginBGContainer.unfold, #popBGContainer.unfold, #mapBGContainer.unfold, #returnQBGContainer.unfold, #loginBookBGContainer.unfold, #voucherBGContainer.unfold {transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #loginBGContainer.unfold #loginBG #loginSignupContainer, #popBGContainer.unfold #popBG #popContainer, #mapBGContainer.unfold #mapBG #mapContainer, #returnQBGContainer.unfold #returnQBG #returnQ, #loginBookBGContainer.unfold #loginBookBG #loginBookContainer, #loginBGContainer.unfold #loginBG #loginAgentContainer, #voucherBGContainer.unfold #voucherBG #voucherContainer {transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #loginBGContainer.unfold.out, #popBGContainer.unfold.out, #mapBGContainer.unfold.out, #returnQBGContainer.unfold.out, #loginBookBGContainer.unfold.out, #voucherBGContainer.unfold.out {transform:scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #loginBGContainer.unfold.out #loginBG #loginSignupContainer, #popBGContainer.unfold.out #popBG #popContainer, #mapBGContainer.unfold.out #mapBG #mapContainer, #returnQBGContainer.unfold.out #returnQBG #returnQ, #loginBookBGContainer.unfold.out #loginBookBG #loginBookContainer, #loginBGContainer.unfold.out #loginBG #loginAgentContainer, #voucherBGContainer.unfold.out #voucherBG #voucherContainer {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #loginBGContainer #loginBG, #popBGContainer #popBG, #mapBGContainer #mapBG, #returnQBGContainer #returnQBG, #loginBookBGContainer #loginBookBG, #voucherBGContainer #voucherBG {display:table-cell; background:rgba(35,31,32,0.8); text-align:center; vertical-align:middle;} #loginContainer, #loginHelpContainer, #loginSignupFormContainer {float:left; width:100%; display:none;} #popContent, #mapContent, #returnQT, #returnQBtns {float:left; width:100%; text-align:left;} #loginSignupContainer, #popContainer, #mapContainer, #returnQ, #loginBookContainer, #loginAgentContainer, #voucherContainer {width:96%; background:#FFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); transition-duration:0.5s; cursor:default; transform:scale(0);} #popContainer, #mapContainer, #returnQ, #voucherContainer {display:inline-block; padding:10px;} #loginSignupContainer, #loginBookContainer, #loginAgentContainer {display:inline-flex; flex-direction:row; justify-content:center; align-items:stretch;} #loginSignupContainer, #popContainer, #returnQ, #loginBookContainer, #voucherContainer {max-width:768px;} #loginSignupContainer.rewardsLogin {max-width:468px;} #voucherContainer {padding:10px;} #loginAgentContainer {width:300px;} #popContainer, #returnQ, #loginBookContainer, #voucherContainer {max-height:90vh;} #popContent {height:100%; max-height:calc(90vh - 20px); overflow-y:auto;} #popText {float:left; width:100%;} #popText .container {width:100% !important;} #popText .mainContent {margin-bottom:20px;} #mapContainer {height:90vh;} #mapContent {height:100%; position:relative; z-index:2;} .signupShowContainer {display:block !important;} #loginHelpContainer, #loginSignupFormContainer {padding:10px 15px;} #loginForm, .memLoginContainer, .loginSignup, .signupFormContainer {float:left; width:100%;} .memLoginContainer {display:flex; flex-direction:column; align-items:center; padding-top:40px;} .loginSignup {text-align:center; padding-bottom:40px; margin-top:20px;} .formTitle {font-weight:600;} #loginForm {overflow:hidden;} #forgotPass {float:left; width:100%; font-size:12px; text-align:center;} #loginBG, #forgotPass, #loginSignup, #loginRem, #signupCancelRem, #loginBack, #loginFooter, #notAClient {cursor:pointer;} #memForgotAC, #completeClose, #memForgotAAC, #memForgotRAC {float:left; clear:both; background:#F5A232; font-family:"Open Sans", Arial, Verdana, Helvetica; width:200px; height:40px; line-height:36px; display:block; color:#FFF; font-size:16px; font-weight:600; text-align:center; border:1px solid rgba(0, 0, 0, 0.4); margin:10px 0; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; transition-duration:0.5s;} .loginError, .errList {color:#B30002; font-weight:600; padding:0; list-style:none;} .loginError {margin:0;} .errList {margin:0 0 40px;} #loginRem, #signupCancelRem {font-size:14px; font-weight:600;} #loginRem:hover, #signupCancelRem:hover {text-decoration:none;} .showPass {float:right; width:20px; height:36px; line-height:36px; font-size:18px; color:#CCC; margin:-36px 20px 0 0; display:block; cursor:pointer; transition-duration:0.5s; position:relative; z-index:1;} #loginPass:hover + .showPass {color:#231F20;} .showPass:hover {color:#F5A232;} #memLoginACL, #memForgotACL, #guestLoginACL, #memLoginCAL, #memLoginRACL {float:left; width:70px; height:36px; line-height:32px; display:none; text-align:center; position:relative; clear:both; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;} #memForgotACL, #guestLoginACL, #memLoginCAL {margin:10px 0;} #loginContinue, #guestLogin, #createAccount, #createContinue, #memLoginACL, #memForgotACL, #guestLoginACL, #loginAContinue, #memLoginCAL, #loginRContinue, #createRAccount, #memLoginRACL {border:1px solid rgba(0, 0, 0, 0.4);} #memLoginACL, #memLoginRACL {background:#F2F3F4; margin:10px 0 0;} #guestLoginACL, #memForgotACL, #memLoginCAL {background:#F5A232;} #memLoginRes, #memForgotRes, #guestLoginRes, #memSignupRes {float:left; width:100%; min-height:25px; line-height:25px; font-size:14px; margin-bottom:15px; display:none;} .memLoginErr {color:#BB0003;} #loginBookAC .memLoginErr, #loginAgent .memLoginErr {color:#000;} .forgotPassLink {float:left; width:100%; margin:15px 0 0;} #forgotPass, #notAClient {float:left; width:100%; text-align:center; color:#FFF;} #forgotPass {font-size:12px;} #notAClient {font-size:14px; font-weight:600;} #forgotPass:hover, #notAClient:hover {color:#F5A232; text-decoration:none;} #guestLoginACL svg, #memLoginACL svg, #memLoginCAL svg, #memForgotACL svg, #guestLoginACL svg {width:32px; height:32px;} #passStrength, #passNoMatch {float:left; width:100%; text-align:center; font-size:20px; display:none; margin-bottom:15px;} #passStrength {font-weight:600;} #passNoMatch {font-weight:700; color:#BB0003;} .submitButton:disabled {opacity:0.4; cursor:default !important;} #returnQBtns {padding-top:20px;} #returnQBtns a {float:left; width:45%; height:34px; line-height:34px; color:#FFF; text-align:center; font-size:14px; font-weight:600; display:block; text-decoration:none; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} #returnQNo {background:#B0222A; margin-right:10%;} #returnQNo:hover {background:#7B181D;} #returnQYes {background:#56A14A;} #returnQYes:hover {background:#226937;} #closeLogin, #closePop, #closeMap, #closeLoginBook, #closeVoucherPop {position:absolute; background:#F5A232; width:55px; height:55px; color:#FFF; font-size:40px; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #closeLogin, #closePop, #closeVoucherPop {top:-27.5px; right:-27.5px;} #closeLoginBook, #closeMap {top:5px; right:5px; z-index:99;} #closeLogin:hover, #closePop:hover, #closeMap:hover, #closeLoginBook:hover, #closeVoucherPop:hover {color:#F5A232; background:#F1F2F3; text-decoration:none;} #taxiMapInst, #confirmLocation, #geoLatLong {position:absolute; z-index:99999; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #taxiMapInst {top:65px; left:20px; width:calc(100% - 40px); background:rgba(89, 75, 154, 0.8); color:#FFF; font-size:14px; text-align:center; padding:5px 10px;} #geoLatLong {background:#B0222A; color:#FFF; bottom:72px; right:70px; border:1px solid #862025; font-weight:600; padding:5px 10px;} #confirmLocation {bottom:32px; right:70px; height:34px; line-height:34px; background:#F5A232; color:#FFF; font-weight:600; cursor:pointer; padding:0 10px;} #confirmLocation:hover {background:#56A14A; color:#FFF; text-decoration:none;} #loginBookAC, #loginBookAN, #loginAgent, #loginRewards, .signupFormContainer {float:left; padding:10px; display:flex; flex-direction:column; align-items:center;} #loginBookAC, #loginBookAN {width:50%;} #loginBookAC, #loginAgent, #loginRewards {background:url(/images/footer-bg.png) center top repeat-x #594B9A; color:#FFF;} #loginBookAC {border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px;} #loginAgent, #paymentChoice {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} #loginBookAC .bFormInpTW, #loginBookAN .bFormInpTW {text-align:left;} #loginBookAN {border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0;} #loginAgent, #loginRewards {width:100%;} #loginAgent .bFormInpTW, #loginRewards .bFormInpTW {text-align:left;} #paymentChoice {float:left; width:100%; padding:5px 10px; position:relative;} #paymentChoiceBtns {float:left; width:100%; display:flex; flex-direction:row; justify-content:center; align-items:center;} #paymentChoiceBtns a, #gPayContainer, #payViaGPayC {width:20%; height:40px; margin:10px 15px 15px;} #paymentChoiceBtns a {background:#F5A232; color:#FFF; font-size:14px; font-weight:600; text-decoration:none; padding:5px 10px; display:flex; align-items:center; justify-content:center; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;} #payViaGooglePay, #payViaApplePay, #payViaGooglePayM, #payViaApplePayM, #payViaGooglePayT, #payViaApplePayT, #payViaGooglePayTT, #payViaApplePayTT {background:#000 !important; border:1px solid #757575; padding:0 !important; overflow:hidden; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration: 0.5s;} #payViaGPayC {background:#000 !important; line-height:30px; color:#FFF; font-family:'Google Sans', sans-serif; font-weight:500 !important; border:1px solid #757575; padding:0 !important; overflow:hidden; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration: 0.5s;} #payViaGooglePay:hover, #payViaApplePay:hover, #payViaGooglePayM:hover, #payViaApplePayM:hover, #payViaGooglePayT:hover, #payViaApplePayT:hover, #payViaGooglePayTT:hover, #payViaApplePayTT:hover {background:#3C4043 !important;} #paymentChoiceBtns a img {width:80%; height:auto;} #payViaGPayC iframe {max-width:100%; height:40px; border:none !important; cursor:pointer;} c-wiz {max-width:100%; position:relative;} c-wiz div:first-child {width:150px !important;} #payViaGPay, #payViaGPayM, #payViaGPayT, #payViaGPayTT {background:none !important; position:absolute; top:0; left:0; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; z-index:2;} #paymentChoiceBtns a:hover {background:#594B9A; color:#FFF; text-decoration:none;} #loginOrCreate {float:left; width:100%; color:#FFF; font-weight:600; margin:15px 0 0; overflow:hidden;} #loginOrCreate::before, #loginOrCreate::after {content:""; background:rgba(255, 255, 255, 0.5); width:50%; display:inline-block; height:1px; vertical-align:middle; position:relative;} #loginOrCreate::before, #uploadOrManual::before {right:8px; margin-left:-50%;} #loginOrCreate::after, #uploadOrManual::after {left:8px; margin-right:-50%;} #uploadOrManual {float:left; width:100%; color:#231F20; font-weight:600; text-align:center; margin:15px 0 30px; overflow:hidden;} #uploadOrManual::before, #uploadOrManual::after {content:""; background:rgba(144, 144, 144, 0.5); width:50%; display:inline-block; height:1px; vertical-align:middle; position:relative;} #loginContinue, #loginAContinue, #loginRContinue {height:34px; line-height:34px; background:#F2F3F4; color:#231F20; text-align:center; font-weight:600; display:block; text-decoration:none; margin:10px 0 0; cursor:pointer;} #loginContinue:hover, #loginAContinue:hover, #loginRContinue:hover {background:#56A14A; color:#FFF;} #loginContinue, #createContinue, #guestContinue, #guestLogin, #loginAContinue, #createAccount, #loginRContinue, #createRAccount {padding:0 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #guestLogin, #createAccount, #createRAccount {margin:10px 0 0;} label {cursor:pointer;} .voucherCode {float:left; width:100%; padding:15px; text-align:center; font-family:monospace; margin:20px 0; border:1px solid #F1F2F3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .refundChoice {float:left; background:#FCFCFC; width:100%; min-height:100px; border:2px solid #CCC; padding:10px 15px; display:flex; flex-direction:column; justify-content:center; text-align:left; margin-bottom:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration:0.5s; cursor:pointer;} .refundChoice:last-of-type {margin-bottom:0;} .refundChoice p {margin:5px 0;} .refundChoice:hover {border-color:#594B9A; text-decoration:none;} .refundSelected, .refundSelected:hover {border-color:#C3892C; background:#F5A232; color:#FFF;} .refundTitle {font-size:20px; color:#594B9A; font-weight:600; margin:5px 0 10px;} .refundSelected .refundTitle {color:#FFF;} .refundChoice .bookingViewBlock {display:none; margin:0;} .confirmRefundChoice, .confirmRefundChoiceDisabled {float:right; background:#594B9A; text-align:center; font-weight:600; color:#FFF; border:1px solid #594B9A; margin:15px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none; transition-duration:0.5s;} .confirmRefundChoice {padding:5px 10px; cursor:pointer;} .confirmRefundChoice img, .confirmRefundChoiceDisabled img {float:left;} .confirmRefundChoice:hover {background:#FCFCFC; color:#594B9A; text-decoration:none;} #cookieUseContainer {position:fixed; bottom:15px; background:rgba(255,255,255,0.95); text-align:center; border:2px solid #594B9A; padding:14px; font-size:14px; display:none; z-index:99997; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; webkit-box-shadow:4px 4px 5px 0px rgba(20, 20, 20, 0.75); -moz-box-shadow:4px 4px 5px 0px rgba(20, 20, 20, 0.75); box-shadow:4px 4px 5px 0px rgba(20, 20, 20, 0.75);} #cookieUse, #cookieText, #cookieButtons {float:left; width:100%; color:#231F20;} #cookieText {padding:14px;} #cookieText h6 {text-align:center;} #cookieText a {color:#594B9A;} #cookieText a:hover {color:#F5A232;} #cookieContinue, #cookieRefuse {float:left; height:40px; line-height:36px; display:block; cursor:pointer; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} #cookieContinue {background:#594B9A; width:65%; color:#FFF; font-size:16px; margin:20px 5%; border:2px solid #3D346A;} #cookieContinue:hover {background:#3D346A; color:#FEF200; text-decoration:none;} #cookieRefuse {background:#FFF; width:calc(25% - 4px); color:#231F20; font-size:12px; border:2px solid #231F20; margin:20px 0;} #cookieRefuse:hover {background:#231F20; color:#FFF; text-decoration:none;} #scrollToTop {background:rgba(35, 31, 32, 0.6); border-radius:7px 7px 0 0; bottom:0; color:#FFF; font-size:32px; display:block; height:32px; padding:5px 2px 15px; position:fixed; right:10px; text-align:center; text-decoration:none; width:49px; z-index:1040; display:none; cursor:pointer; box-sizing:content-box;} #scrollToTop:hover {background:rgba(35, 31, 32, 0.9);} .spinner_V8m1{transform-origin:center;animation:spinner_zKoa 2s linear infinite} .spinner_V8m1 circle{stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite} #summaryWaiting svg, #paymentWaiting svg, #articlesLoadingBG svg, #galleryLoading svg {stroke:#594B9A; animation:spinner_MN 5s ease-in-out infinite} #guestLoginACL svg, #memLoginCAL svg, #memForgotACL svg, #guestLoginACL svg {stroke:#FFF; animation:spinner_MN2 5s ease-in-out infinite} #memLoginACL svg {stroke:#F5A232; animation:spinner_MN3 5s ease-in-out infinite} @keyframes spinner_zKoa{ 100%{transform:rotate(360deg)} } @keyframes spinner_YpZS{ 0%{stroke-dasharray:0 150;stroke-dashoffset:0} 47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16} 95%,100%{stroke-dasharray:42 150;stroke-dashoffset:-59} } @keyframes spinner_MN { 0% {stroke:#594B9A;} 25% {stroke:#F5A232;} 50% {stroke:#372B68;} 75% {stroke:#C3892C;} } @keyframes spinner_MN2 { 0% {stroke:#FFF;} 33.3333% {stroke:#231F20;} 66.6666% {stroke:#594B9A;} } @keyframes spinner_MN3 { 0% {stroke:#F5A232;} 33.3333% {stroke:#231F20;} 66.6666% {stroke:#594B9A;} } @keyframes unfoldIn { 0% {transform: scaleY(0.005) scaleX(0);} 50% {transform: scaleY(0.005) scaleX(1);} 100% {transform: scaleY(1) scaleX(1);} } @keyframes unfoldOut { 0% {transform: scaleY(1) scaleX(1);} 50% {transform: scaleY(0.005) scaleX(1);} 100% {transform: scaleY(0.005) scaleX(0);} } @keyframes zoomIn { 0% {transform:scale(0);} 100% {transform:scale(1);} } @keyframes zoomOut { 0% {transform: scale(1);} 100% {transform: scale(0);} } @media screen and (min-width: 1320px) { #mainContent, .container, #footer {width:1170px; margin:0 auto;} } @media screen and (min-width: 1200px) { #bookingFormSummary {float:right; width:35%; position:relative; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} #openCloseSummary {display:none;} #bookingFormC {width:60%;} .shuttleStop {width:33.3333%;} .reviewsList {column-count:3; column-gap:15px;} .pagination {height:40px; line-height:40px;} .pagination a, .pagination span.currentPage {min-width:30px; height:30px; line-height:28px; font-size:14px; padding:0 5px;} } @media screen and (max-width: 1199px) { #bookingFormSummary {position:absolute; top:-45px; right:0; width:300px; border-right:none; border-radius:0 0 0 6px; -moz-border-radius:0 0 0 6px; -webkit-border-radius:0 0 0 6px; z-index:2;} #openCloseSummary {display:flex;} #bookingFormSummary.closedSummary {right:-300px;} #bookingFormSummary.openSummary {right:0;} #bookingFormC {width:100%;} } @media screen and (min-width: 768px) and (max-width: 1319px) { #mainContent, .container, #footer {width:90%; margin:0 5%;} } @media screen and (min-width: 900px) and (max-width: 1199px) { .shuttleStop {width:33.3333%;} .reviewsList {column-count:2; column-gap:15px;} .pagination {height:34px; line-height:34px;} .pagination a, .pagination span.currentPage {min-width:26px; height:26px; line-height:24px; font-size:12px; padding:0 4px;} } @media screen and (min-width: 450px) and (max-width: 899px) { .shuttleStop {width:50%;} } @media screen and (min-width: 768px) { header {height:80px; padding:0 20px;} #logo {margin:10px 0;} #manageBookings {top:20px;} #manageBookings i {margin-right:5px;} .showMenu {margin:5px 10px 5px 0; display:none;} .sideMenu .showMenu {display:block; z-index:9998;} nav {float:left; width:calc(100% - 398px); height:40px; margin:20px 10px;} #mainMenu {height:40px;} #mainMenu ul {margin:0;} #menuContainer li {display:inline-block; position:relative;} #menuContainer li a {height:40px; line-height:40px; font-size:14px; display:inline-block; padding:0 15px;} #menuContainer li a.selectedPage, #menuContainer li a:hover, .ddMenu a.selectedPage, .ddMenu a:hover {color:#F5A232 !important;} header.scrollingHeader nav {margin:5px 10px;} header.scrollingHeader.sideMenu nav, .sideMenu nav {margin:0 !important;} .sideMenu nav {position:fixed; top:0; right:0; width:100vw; height:100vh; background:rgba(35,31,32,0.4); opacity:0; visibility:hidden;} nav.navTD {transition-duration:0.5s;} .sideMenu nav.is-active {opacity:1; visibility:visible; z-index:9997;} .sideMenu nav.is-active #mainMenu {transform:translateX(-100vw);} .sideMenu #mainMenu {position:absolute; top:0; right:-100vw; width:90vw; max-width:690px; height:100%; background:rgba(35,31,32,0.8); border-left:1px solid rgba(35,31,32,0.8); padding:25px; z-index:-1; overflow-y:auto; transition:transform 0.8s ease;} .sideMenu #menuContainer {width:100%; margin:50px 0;} .sideMenu #menuContainer li {display:flex; width:100%; min-height:40px; margin:0 0 5px; justify-content:center; align-items:center;} .sideMenu #menuContainer ul {width:100%; white-space:normal;} .sideMenu #menuContainer li a {float:left; width:100%; color:#FFF; text-align:center;} .sideMenu #menuContainer li a.selectedPage, .sideMenu #menuContainer li a:hover {color:#F5A232;} #mainMenu ul.ddMenu {height:auto;} .ddMenu {position:absolute; top:calc(100% + 20px); left:50%; width:auto !important; background:rgba(255, 255, 255, 0.95); padding:0 !important; margin:0 0 0 -125px !important; webkit-box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); -moz-box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); z-index:1;} .scrollingHeader .ddMenu {background:rgba(255, 255, 255, 0.9); top:calc(100% + 5px);} #clientsMenuMenu {left:auto; right:100%; margin:0 -20px 0 0 !important;} .ddMenu.ddSideMenu {top:0; left:100%; margin:0 !important;} .ddMenu li {width:100% !important; margin:0 0 1px !important; padding:0 8px !important; display:block !important;} .ddMenu li:last-child {margin:0 !important;} .ddMenu a {width:100%; color:#594B9A !important; text-shadow:none !important;} #pageGalleryOverlay {top:80px; height:280px;} #pageGalleryTitle {height:280px;} #bookingGalleryOverlay {top:80px; height:120px;} #bookingGalleryTitle {height:120px;} #homeBookingFormF {height:570px; top:80px;} #homeBookingForm {width:400px;} #pageBreadcrumb li {font-size:14px;} #pageBreadcrumb li:not(:first-child)::before {padding:0 7px 0 5px; margin:0;} .summaryClosed {display:none;} .summaryOpen {display:block;} .shuttleStopInstr {height:100%; font-size:20px; opacity:0; flex-direction:column;} .shuttleStop:hover .shuttleStopInstr {opacity:1;} .showLargeStop, .showStopMap {width:100%; height:50%;} .showLargeStop {margin-bottom:1px;} .showStopMap {margin-top:1px;} .pagination {width:100%;} .paginationBottom {margin:0 0 25px;} .mobilePage, .mobileSplitLeft, .mobileSplitRight {display:none !important;} .flightCheckSelect {width:33.3333%; border:15px solid transparent; border-top:none;} .reviewsList .reviewContainer {break-inside:avoid-column; page-break-inside:avoid;} .pGPhoto img {border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} #pGLeft {left:10px;} #pGRight {right:10px;} .pGPhotoTitle {font-size:20px; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;} .boxRow {align-items:stretch;} .bookingViewContainer {flex-direction:row;} .bookingView {width:100%; max-width:600px;} .bookingView.returnJourney {margin-left:20px;} .formInput50 {width:49%;} .formInput50:nth-child(2) {margin:0 2% 20px 0;} .contactCols {width:50%; padding-top:30px; margin:0 0 20px;} .contactCols:first-child, .popupForm .contactCols:nth-child(2) {padding-right:30px;} .contactCols textarea {height:186px} #captchaVerification {margin:0 0 20px;} input.captchaResponse {width:200px !important; margin:0 0 15px 10px !important;} #captchaVerification .formInput {width:calc(100% - 220px); margin-left:20px;} #flContainer {width:168px;} #footerLogo {float:left; margin:34px 0 0;} #footerMenuContainer {float:right; width:calc(100% - 188px); margin-left:20px;} #footerMenu {text-align:right;} #footerMenu li {width:calc(25% - 40px); text-align:left; display:inline-block;} .emergencyNo span {position:absolute; bottom:100%; width:150%; margin-left:-25%; display:none; z-index:99;} .emergencyNo:hover span {display:block;} #cookieUseContainer {right:15px; width:calc(100% - 30px);} } @media screen and (max-width: 767px) { #mainContent, .container, #footer {width:96%; margin:0 2%;} header {height:70px; padding:0 0 0 10px;} #logo {margin:5px 0;} #logo span {display:none;} .showMenu {margin:0 10px 0 0; display:block; z-index:9998;} nav {position:fixed; top:0; right:-100vw; width:100vw; height:100vh; margin:0; transition:transform 0.4s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0s;} nav.is-active {transform:translateX(-100vw);} #mainMenu {float:right; width:100vw; height:100%; background:rgba(35,31,32,0.8); border-left:1px solid rgba(35,31,32,0.8); padding:25px; z-index:-1; overflow-y:auto;} #menuContainer {width:100%; margin:50px 0;} #menuContainer li {display:flex; width:100%; min-height:40px; margin:0 0 5px; flex-direction:column; justify-content:center; align-items:center;} #menuContainer li a {float:left; width:100%; color:#FFF; text-align:center;} #mainMenu ul {width:100%;} nav.is-active #menuContainer ul {white-space:normal;} #menuContainer li a.selectedPage, #menuContainer li a:hover {color:#F5A232;} #manageBookings {top:10px; width:80px; height:50px; font-size:12px; text-align:center; line-height:normal;} header.scrollingHeader #manageBookings {height:30px; font-size:10px;} #manageBookings i {float:left; width:100%; font-size:16px;} header.scrollingHeader #manageBookings i {font-size:14px;} #pageGalleryOverlay {top:70px; height:290px;} #pageGalleryTitle {height:290px;} #bookingGalleryOverlay {top:70px; height:200px;} #bookingGalleryTitle {height:130px;} #homeBookingFormF {height:580px; top:70px;} #homeBookingForm {width:90%; margin:0 5%;} .homeBookInpT, .homeBookInpTW, .bFormInpT, .bFormInpTW, .bFormInpCheck, .homeBookInp, .homeBookInp input, .homeBookInp a {font-size:12px !important;} .homeBookInpT, .bFormInpT {width:50%;} .homeBookInp, .bookInpSel {width:calc(50% - 31px);} .bFormInp, .bFormSel, .bookInpTime, .homeBookSel, .homeBookingTel {width:calc(50% - 7px);} #countryCode-button {width:100%;} .homeBookingTel {margin:5px 0 0 calc(50% + 7px);} .homeBookPass {width:50%; margin:0 0 7px;} .bookingSelectContainer {font-size:14px;} .bookingSelect a, .pickDropSelect a, pointSelectOptionsList a, .flightSelect a, .addLuggageSelect a {white-space:wrap; line-height:normal;} #pageBreadcrumb ol {overflow-x:auto; white-space:nowrap;} #pageBreadcrumb li {font-size:9px;} #pageBreadcrumb li:not(:first-child)::before {padding:0 2.5px; margin:0;} .mainContent {overflow-x:clip;} #bookingFormSummary, #bookingFormSummary.closedSummary {top:-47px; right:-300px; width:300px; height:100vh; max-height:calc(100vh - 230px);} .summaryClosed {display:block;} .summaryOpen {display:none;} .shuttleStopInstr {height:80px; font-size:14px; opacity:1; flex-direction:row;} .showLargeStop, .showStopMap {width:50%; height:100%; padding:5px 10px;} .showLargeStop {margin-right:1px;} .showStopMap {margin-left:1px;} #paymentChoiceBtns a {font-size:10px; margin:10px 7px 15px;} #paymentChoiceBtns a img {width:95%;} .boxRow {flex-wrap:wrap;} .threeBox, .fourBox {margin-bottom:5px;} .twoBox, .threeBox, .fourBox, .centredTextWide, .halfColText, .halfColPic {width:100%;} #photoGalleryContent {top:0; left:0; width:100%; height:100vh;} .pGSPhotoContainer {width:100%; overflow:hidden; padding:30px 0;} .pGPhoto img {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .pGPhotoTitle {border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;} #pGLeft, #pGRight, #previousPhoto, #nextPhoto {display:none;} .pGPhotoTitle {font-size:16px; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;} .flightCheckSelect {width:100%; text-align:center; margin-bottom:15px;} .bookingViewContainer {flex-direction:column;} .bookingView {width:100%;} .pagination {height:28px; line-height:28px; margin:10px 0;} .fullPage, .pageSplitLeft, .pageSplitRight, #showFilters {display:none !important;} .pageNumbers a.mobilePage, .nextLink, .prevLink, .mobileSplitRight, .mobileSplitLeft {display:inline-block !important;} .formInput50 {width:100%; margin:0 0 20px;} .contactCols {width:100%; padding-top:20px; margin-bottom:20px;} .contactCols:first-of-type {margin-bottom:0;} #captchaVerification {margin:20px 0;} #captchaVerification iframe {left:50%; margin:0 0 20px -100px; position:relative;} input.captchaResponse {width:calc(80% - 2px) !important; margin:0 10% 15px !important;} #flContainer {width:100%;} #footerLogo {margin:30px auto 0;} #footerMenuContainer {width:100%;} #footerMenu {text-align:center;} #footerMenu li {float:left; width:100%; display:block; margin:0 0 25px;} .emergencyNo span {float:left; width:94%; margin:5px 3% 0;} #cookieUseContainer {right:5px; width:calc(100% - 10px);} } @media screen and (max-width: 449px) { .shuttleStop {width:100%;} } a {color:#594B9A; text-decoration:none; transition-duration:0.5s;} a:hover {color:#F5A232; transition-duration:0.5s; text-decoration:underline;}