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, #mainContent, #tlContainer, .container, #footer, #footerBottom, #logo, #logo a, #logo img, .showMenuBox, #menuTitle, #mainMenu, #mainMenu li, #mainMenu a, .socialLink, #homeSearch, .homeInput, #pTimeS, #dTimeS, #reserveVehicleFilters, #reserveVehicleList, .reserveVehicleC, .reserveVehiclePhoto, .submitButton, #contactInDiv i, #footerLogo, #footerLogo img, #footerLogo span, #footerLogo:after {transition-duration:0.5s;} .fixed {overflow:hidden;} header {position:absolute; top:0; left:0; width:100%; height:100px; background:#00B2B3; z-index:99; transition-property:height, color; -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);} header.slidingHeader {position:fixed; top:-30px; left:0; height:80px; background:rgba(0, 178, 179,0.8); backdrop-filter:blur(5px);} #header {float:left; height:70px; position:relative;} .slidingHeader #header {height:50px;} #logo {position:absolute; left:80px; z-index:2;} #logo img {width:100%; height:100%;} .slidingHeader #logo {top:5px; left:60px; width:153px; height:40px;} #topLine {position:absolute; background:#313131; top:0; left:0; width:100%; height:30px; color:#FFF;} #headerContact {float:left; height:30px; line-height:30px; font-size:12px; font-weight:600; position:relative; white-space:nowrap; overflow:hidden;} #headerContact a {color:#FBC43D;} #headerContact a:hover {color:#00B2B3;} #headerSocial {float:right; height:30px; text-align:center; display:flex; align-items:center;} .showMenu {position:absolute; width:70px; height:70px; left:0; margin:0; border:0; display:inline-block; overflow:visible; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; z-index:100;} .slidingHeader .showMenu {width:50px; height:50px;} .showMenu.showBG {background:rgba(0, 0, 0, 0.5);} .showMenuBox {position:absolute; top:17px; left:20px; width:30px; height:24px;} .slidingHeader .showMenuBox {top:7px; left:10px;} #menuTitle {position:absolute; bottom:10px; left:0; width:100%; height:14px; line-height:14px; text-align:center; text-transform:uppercase; color:#FFF; font-size:10px;} .slidingHeader #menuTitle {bottom:0;} .showMenu.is-active #menuTitle {color:#231F20;} .showMenuContent {top:50%; display:block; margin-top:-2px;} .showMenuContent, .showMenuContent::before, .showMenuContent::after {position:absolute; width:30px; height:2px; background:#FFF; 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 {background:rgba(255, 190, 69, 0.6);} .showMenu:hover .showMenuContent, .showMenu:hover .showMenuContent::before, .showMenu:hover .showMenuContent::after {background:#FFF;} .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:#231F20; 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:#231F20; 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:#231F20; 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;} #mainMenu {position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(255,255,255,0.8); z-index:99; overflow-y:auto; display:none; opacity:0;} .slidingHeader #mainMenu {top:30px;} #menuContainer {position:absolute; background:rgba(255, 255, 255, 0.9); height:100vh; padding:25px; box-shadow:5px 0px 5px 0px rgba(196,196,196,0.75); -webkit-box-shadow:5px 0px 5px 0px rgba(196,196,196,0.75); -moz-box-shadow:5px 0px 5px 0px rgba(196,196,196,0.75); transition:transform 0.4s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0s;} #menuList, #menuLogo {float:left; width:100%;} #menuList {margin-top:100px; overflow-y:auto; overflow-x:hidden;} #menuLogo {height:90px; text-align:right;} #menuLogo img {margin:15px 0;} #mainMenu ul {float:left; width:100%; list-style:none; padding:0; margin:0;} #mainMenu li {float:left; width:100%; padding:8px 0; opacity:0; transition-delay:0.8s, 0s; transition-duration:0.8s, 0.6s; transition-property:transform, opacity; transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); transform:translate3d(-100vw, 0px, 0px);} #mainMenu li a {width:100%; color:#231F20; font-family:"Oswald"; font-size:24px; text-transform:uppercase; padding:0 10px; cursor:pointer; display:block;} #mainMenu li a:hover, #mainMenu li a.selectedPage {color:#00B2B3; text-decoration:none;} .ddMenu {padding:0 0 0 20px !important; margin:0 !important; display:none;} nav.is-active #mainMenu li, nav.is-active #languagesContainer {transform:translate3d(0px, 0px, 0px); 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;} .socialLink {width:22px; height:22px; color:#FFF !important; font-size:12px; line-height:20px; display:inline-block; margin-right:8px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden;} .socialWALink {line-height:20px; display:inline-block; margin-right:0;} .socialWALink img {width:auto; height:22px; vertical-align:middle;} .socialLink:last-child {margin-right:0;} #menuSocial a:hover .socialLink, .socialLink:hover {background:#FFF;} .fbLink {background:#3B5998; border:1px solid #3B5998;} #menuSocial a:hover .fbLink, .fbLink:hover, .fbLinkA:hover {color:#3B5998 !important;} .twLink {background:#0F1419; border:1px solid #0F1419;} #menuSocial a:hover .twLink, .twLink:hover, .twLinkA:hover {color:#0F1419 !important;} .gpLink {background:#E8574F; border:1px solid #E8574F;} #menuSocial a:hover .gpLink, .gpLink:hover, .gpLinkA: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;} #menuSocial a:hover .instaLink, .instaLink:hover, .instaLinkA:hover {color:#BC1888 !important;} .ytLink {background:#FF0000; border:1px solid #FF0000;} #menuSocial a:hover .ytLink, .ytLink:hover, .ytLinkA:hover {color:#FF0000 !important;} .liLink {background:#0073B1; border:1px solid #0073B1;} #menuSocial a:hover .liLink, .liLink:hover, .liLinkA:hover {color:#0073B1 !important;} #manageBooking, #manageBookingM {position:absolute; background:#FBC43D; font-weight:600; padding:0 10px; border:1px solid rgba(0, 0, 0, 0.2); border-radius:4px; cursor:pointer; z-index:1; } #manageBookingM {top:45px; right:25px; height:40px; line-height:38px; color:#FFF; font-size:16px;} #manageBooking:hover, #manageBookingM:hover {background:#00B2B3; color:#FFF; text-decoration:none;} .languages {float:right; height:100%; margin:0; display:flex; justify-content:center; align-items:center; z-index:2; cursor:pointer; position:relative;} .slidingHeader .languages {margin:0;} .languages i {color:#FFF; margin-left:5px; transition-duration:0.5s;} .languages:hover i {color:#FBC43D;} .languageMenu {position:absolute; background:rgba(255,255,255,0.9); top:100%; left:0; width:100%; 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;} .languageHolder {float:left; width:24px; height:24px; overflow:hidden; position:relative; z-index:2;} .languageRow {float:left; width:100%; font-size:12px; margin-bottom:5px;} .languageRow:last-child {margin-bottom:0;} .languageMenu .languageHolder {margin:4px 5px 6px 0;} .languageMenu .languageHolder img {opacity:0.6;} .languageMenu .languageHolder img:hover, .langSelected {opacity:1;} .languageRow a {float:left; display:flex; align-items:center; width:100%; color:#231F20; margin:0 !important;} .languageRow a:hover {color:#008F8F; text-decoration:none;} .languageHolder img {position:absolute; top:0; cursor:pointer; transition-duration:0.5s;} .enLang, .Lang, .gTransImg {left:0;} .esLang {left:-25px;} .deLang {left:-50px;} .frLang {left:-75px;} .nlLang {left:-100px;} .ruLang {left:-125px;} #homeGallery, #pageGallery, #pageGalleryS {float:left; width:100%; position:relative; overflow:hidden;} #homeGallery {height:100vh;} #pageGallery {height:75vh;} #pageGalleryS {height:250px;} #gallerySlides, .pageGallery {position:absolute; top:0; left:0; width:100%; height:100%;} .pageGallery {overflow:hidden;} .videoHolder {float:left; width:100%; height:100%; position:relative;} .pageGallery img, .pageGallery video {width:100%; height:100%; object-fit:cover;} #homeOverlay, #galleryOverlay {position:absolute; background:rgba(35, 31, 32, 0.35); background:linear-gradient(60deg,rgba(35, 31, 32, 0.5) 0%, rgba(35, 31, 32, 0.1) 100%); top:0; left:0; width:100%; height:100%; z-index:12;} #homeOverlay {display:flex; justify-content:center; align-items:center;} #homeSearchC, .reservationForm {float:left; width:96%; max-width:600px; text-align:left;} #homeSearch, .pageSearch {float:left; width:100%; background:rgba(251, 196, 61, 0.5); padding:15px; backdrop-filter:blur(10px); border-radius:6px; -webkit-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.4); box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.4);} #homeSearchC h1, #pageGalleryOverlay h1 {color:#FFF; margin:0 0 5px;} #searchReservations, .updateReservationBtn, .selectVehicle, #sendFinalBtn, .searchReservations {float:left; background:#00B2B3; color:#FFF; font-weight:600; text-align:center; border-radius:4px; border:1px solid rgba(0,0,0,0.5); cursor:pointer;} #searchReservations, .searchReservations {width:100%; height:68px; line-height:66px; font-size:32px;} .updateReservationBtn, #sendFinalBtn {height:65px; line-height:63px; font-size:18px;} #sendFinalBtn {width:100%;} #searchReservations:hover, .updateReservationBtn:hover, #showHideFilters:hover, .selectVehicle:hover, .selectVehicle.selectedVehicle, .selectVehicle.selectedVehicle:hover, #sendFinalBtn:hover, .searchReservations:hover {background:#017879; text-decoration:none;} #pageGalleryOverlay {position:absolute; display:flex; align-items:center;} main, footer {float:left; width:100%;} main {min-height:90vh;} .resContainer {max-width:1170px; margin:auto !important;} h1, h2, h3, h4, h5, h6 {font-family:"Oswald", Arial, Verdana, Helvetica; font-weight:400;} .mainContent h1, .mainContent h2, .mainContent h3, .mainContent h4, .mainContent h5, .mainContent h6, #cookieText h6, #shareProjectDiv h6 {font-size:32px; color:#00B2B3; margin:5px 0 15px;} .boxN h1, .boxN h2, .boxN h3, .boxN h4, .boxN h5, .boxN h6 {color:#FFF;} .textWBG h1, .textWBG h2, .textWBG h3, .textWBG h4, .textWBG h5, .textWBG h6 {color:#FBC43D !important;} .mPhotoL h1, .mPhotoL h2, .mPhotoL h3, .mPhotoL h4, .mPhotoL h5, .mPhotoL h6, .mPhotoR h1, .mPhotoR h2, .mPhotoR h3, .mPhotoR h4, .mPhotoR h5, .mPhotoR h6 {color:#231F20 !important;} .mPhotoL ol h1, .mPhotoL ol h2, .mPhotoL ol h3, .mPhotoL ol h4, .mPhotoL ol h5, .mPhotoL ol h6, .mPhotoR ol h1, .mPhotoR ol h2, .mPhotoR ol h3, .mPhotoR ol h4, .mPhotoR ol h5, .mPhotoR ol h6 {text-transform:uppercase;} .homeInput, .reserveInput {float:left; background:#FFF; color:#231F20; padding:2px 5px; margin-bottom:15px; border:1px solid #D1D3D4; border-radius:4px;} .homeInput.rFError, .reserveInput.rFError {border:1px solid #840103;} .homeInput.rFError, .homeInput.rFError select, .reserveInput.rFError, .reserveInput.rFError input, .reserveInput.rFError select, .bFormInpW.rFError select {background:#BB0003; color:#FFF;} .homeInput select, #pTime, #dTime, .reserveInput select, .bFormInpW select, .reserveInput input, .reserveInput textarea, .homeInput select, .pTime, .dTime {float:left; height:40px; background:#FFF; border:1px solid #FFF; cursor:pointer;} .homeInput select, .reserveInput select, .bFormInpW select, .reserveInput input, textarea {font-size:16px; font-family:"Open Sans", Arial, Verdana, Helvetica;} .bFormInpW select {width:100%;} .reserveInput textarea, .bFormInpW textarea {width:100%; height:200px; resize:none;} .homeInput.rFError select, .reserveInput.rFError input, .reserveInput.rFError select {border:1px solid #BB0003;} #pLocation, #dLocation, #clientTitle, #noDrivers, .reserveInput input, .pLocation, .dLocation, .clientTitle, .noDrivers {width:100%;} .homeInput label, #homeReturnQ label, .reserveInput label, #reserveReturnQ label, .pageReturnQ label, .reserveReturnQ label {float:left; width:100%; font-size:14px;} .homeInput.noBM {margin-bottom:0;} #homeReturnC, .pageReturnC {float:left; width:100%; display:none; margin-bottom:15px;} #homeReturnQ, #reserveReturnQ, .pageReturnQ, .reserveReturnQ {float:left; width:100%; line-height:18px; cursor:pointer;} #homeReturnQ, .pageReturnQ {color:#FFF; margin:-10px 0 2px;} #reserveReturnQ, .reserveReturnQ {margin:10px 0 0;} #homeReturnQ label, #reserveReturnQ label, .pageReturnQ label, .reserveReturnQ label {cursor:pointer;} #homeSearch input[type="checkbox"], #reserveLocation input[type="checkbox"], .pagSearch input[type="checkbox"], .reserveLocation {display:none;} #returnQ, .returnQ {width:18px; height:18px; margin:2px 6px 0 0; vertical-align:bottom;} .date-picker-wrapper {z-index:14;} #dateRangeC, #dateRange, .dateRangeC, .dateRange {float:left; width:100%; position:relative;} #pDateD, #dDateD, .pDateD, .dDateD {float:left; width:calc(100% - 75px); height:40px; line-height:40px; font-weight:600; padding-left:20px; position:relative; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer;} #pDateD::before, #dDateD::before, #pTimeS::after, #dTimeS::after, .pDateD::before, .dDateD::before, .pTimeS::after, .dTimeS::after {position:absolute; color:#B2B2B2; font-family:"Font Awesome 6 Free"; font-size:16px; display:inline-block;} #pDateD::before, #dDateD::before, .pDateD::before, .dDateD::before {top:0; left:0; content:"\f073"; font-weight:900;} #pDateD span, #dDateD span, .pDateD span, .dDateD span {font-weight:400; color:#515151;} #pTimeS, #dTimeS, .pTimeS, .dTimeS {position:absolute; width:70px; padding-right:14px;} #pTime, #dTime, .pTime, .dTime {width:100%; font-size:16px; font-weight:600; font-family:"Open Sans", Arial, Verdana, Helvetica; -webkit-appearance: none; -moz-appearance: none; appearance: none;} #pTime::-ms-expand, #dTime::-ms-expand, .pTime::-ms-expand, .dTime::-ms-expand {display: none;} #pTimeS::after, #dTimeS::after, .pTimeS::after, .dTimeS::after {content:"\f017"; right:3px; bottom:11px; font-weight:400;} .checkLabel {float:left; width:100%; min-height:20px; line-height:20px; padding-left:30px; margin-bottom:5px; cursor:pointer; position:relative; transition-duration:0.5s;} .checkBox {position:absolute; top:0; left:0; background:#FFF; height:20px; width:20px; border:1px solid #AAA; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration:0.5s;} .checkLabel:hover {color:#154372;} .checkLabel:hover input ~ .checkBox {border-color:#555;} .checkLabel input:checked ~ .checkBox {background-color:#00B2B3; border-color:#017879;} .checkBox:after {content:""; position:absolute; display:none;} .checkLabel input:checked ~ .checkBox:after {display:block;} .checkLabel .checkBox:after {left:7px; top:2px; width:6px; height:12px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} #pageBreadcrumb {float:left; width:100%; background:#00B2B3; 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 6 Free"; content:"\f30b"; display:inline-block; font-weight:900; font-size:12px; color:#F3F3F3; margin:0 3px 0 0;} #pageBreadcrumb li, #pageBreadcrumb li a {color:#FFF;} #pageBreadcrumb li a:hover {color:#FBC43D; text-decoration:underline;} .mainContent {float:left; width:100%; display:inline-block; margin-bottom:60px;} .mainContent.tb40, #pageBreadcrumb + .mainContent, #homeGallery + .mainContent {margin:40px 0;} #pageBreadcrumb + .mainContent.mTopBot100 {margin:100px 0 !important;} .mainContent.tb60 {margin:60px 0 !important;} .mainContent.tb80 {margin:80px 0 !important;} .mainContent.mTopBot100 {margin:100px 0;} .mainContent.t20 {margin:20px 0 0 !important;} .mainContent.t40 {margin:40px 0 0 !important;} .mainContent.t60 {margin:60px 0 0 !important;} .mainContent.t80 {margin:80px 0 0 !important;} .mainContent.t100 {margin:100px 0 0 !important;} .mainContent.b20 {margin:0 0 20px !important;} .mainContent.b40 {margin:0 0 40px !important;} .mainContent.b60 {margin:0 0 60px !important;} .mainContent.b80 {margin:0 0 80px !important;} .mainContent.b100 {margin:0 0 100px !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;} .mainContentW, .mainContentN {float:left;} #resFormFull {float:left; width:100%; margin:140px 0 0; position:relative;} #resFormFull h1 {margin:0;} #reserveLocation, #reserveVehicle, #reserveSpecial, #reserveFinal {float:left; width:100%; background:#FBFBFB; padding:5px 10px; margin:20px 0; border:1px solid #E1E1E1; border-radius:6px;} #reserveLocation h2, #reserveLocation h3, #reserveLocation h4, #reserveLocation h5, #reserveLocation h6, #reserveVehicle h2, #reserveVehicle h3, #reserveVehicle h4, #reserveVehicle h5, #reserveVehicle h6, #reserveSpecial h2, #reserveSpecial h3, #reserveSpecial h4, #reserveSpecial h5, #reserveSpecial h6, #reserveFinal h2, #reserveFinal h3, #reserveFinal h4, #reserveFinal h5, #reserveFinal h6 {margin:0 0 10px;} #reservePickDropC, #reservePickDropCS, #reservePickDropD, #reserveDateRange, #reserveCustomAddress, #reserveCustomAddressCS, #reserveFlightDetailsCS {float:left; display:flex;} #reservePickDropF, #pickupDropoffOverview, #vehicleOverview, #vehicleOverviewS, #reserveSpecialF, #specialOverview, #reserveFinalF {float:left;} #reservePickDropD {position:relative;} #reservePickDropC {flex-direction:column;} #reservePickDropCS, #reserveDateRange, #reserveCustomAddress, #reserveCustomAddressCS, #reserveFlightDetailsCS {width:100%;} #reserveReturnQ, #vehicleOverviewC, #specialOverviewC, .reserveInput {float:left; width:100%;} #vehicleOverviewC, #specialOverviewC, #finalOverviewC, #updateSpecialBtn, #updateFinalBtn {display:none;} #resDays {display:flex; width:50px; height:50px; background:#00B2B3; color:#FFF; text-align:center; font-size:12px; line-height:16px; justify-content:center; align-items:center; flex-direction:column; border-radius:50%;} #resDays span {float:left; width:100%; font-size:1.5em; font-weight:600;} #reserveFlightDetailsCS, #reserveCustomAddressCS, #pickupDropoffOverview, #vehicleOverview, #vehicleOverviewS, #reserveCustomAddress, #specialOverview, #specialOverview, .hiddenInput {display:none;} #updateVehicleBtn {float:right; margin-bottom:5px;} .reserveInput.reserveInputSel select {width:100%;} #reservePickupFlightC, #reserveDropoffFlightC {float:left; width:100%;} .reserveCurrent {border-color:#00B2B3 !important;} .reserveOverview {float:left; width:100%; margin-bottom:5px;} .reserveOverview strong span {font-family:"Open Sans"; font-size:14px; font-weight:400; color:#999;} .reserveOverview table {float:left; width:100%;} .reserveOverview table th {text-align:left;} #reserveVehicleFilters, #reserveVehicleList, #reserveVehicleListA, .reserveVehicleC {float:left;} #reserveVehicle {position:relative;} #reserveVehicleListA {width:100%;} #reserveVehicleFilters h3 {font-size:20px; margin:0;} #reserveVehicleFilters, .reserveVehicleC {background:#FFF; border:1px solid #E1E1E1; border-radius:8px;} .reserveVehicleC {width:100%; display:flex; margin-bottom:15px; overflow:hidden;} .reserveVehiclePhoto, .reserveVehicleDetails, .reserveVehiclePrice, #reserveSpecialCL, #reserveSpecialCR, #reserveFinalForm, #reserveFinalSummary {float:left;} .reserveVehicleDetails {padding:5px 0 5px 10px;} .reserveVehicleDetails h4 {font-size:28px; font-weight:600; margin:5px 0 10px !important;} .reserveVehicleDetails h4 span {font-family:"Open Sans"; font-size:14px; font-weight:400; color:#999;} .reserveVehicleDetails h4 span.hvType {font-size:15px; color:#7D7D7D; margin-left:20px;} .reserveVehiclePhoto img {float:left; width:100%; height:auto;} .reserveVehiclePrice {display:flex; padding:0 5px 0 0;} .reserveVehicleTitle, .reserveVehicleFilter, .reserveReqsCheckboxes {float:left; width:100%; padding:8px 10px 5px;} .reserveVehicleFilter, .reserveReqsCheckboxes {font-size:14px; margin-bottom:15px; border-top:1px solid #EAEAEA;} .reserveReqsCheckboxes {border-top:none;} .reserveVehicleFilter .checkLabel, .reserveReqsCheckboxes .checkLabel {font-size:14px;} .reserveVehicleFilter p {margin:0 0 5px; font-weight:600;} #showHideFilters {float:right; background:#00B2B3; color:#FFF; font-weight:600; text-align:center; padding:5px 10px; border-radius:4px; border:1px solid rgba(0,0,0,0.5); cursor:pointer;} .checkLabel input {display:none;} .selectVehicle {float:none; padding:10px 15px; margin:10px 0 5px;} ul.vehicleHL, ul.vehicleE, ul.vehicleD {float:left; list-style:none; padding:0;} ul.vehicleHL {width:100%; margin:0 0 15px;} ul.vehicleE, ul.vehicleD {width:50%;} ul.vehicleHL li, ul.vehicleE li, ul.vehicleD li {float:left; min-height:28px; line-height:28px; padding-left:30px; position:relative;} ul.vehicleHL li {margin:0 25px 0 0;} ul.vehicleE li, ul.vehicleD li {width:100%; margin-bottom:5px; clear:left;} .reserveVehicleDetails svg {position:absolute; top:4px; left:0; width:20px; height:auto;} ul.vehicleE, ul.vehicleD {margin:5px 0 0;} ul.vehicleD i {color:#1C8901; position:absolute; top:6px; left:8px;} svg .vIconGrey {fill:#B2B2B2;} svg .vIconBlack {fill:#020202;} svg .vIconLBlack {fill:#575757;} .reserveVehiclePriceFor {font-size:14px; color:#999;} .reserveVehiclePriceC {container-type:inline-size;} .reserveVehiclePriceDS {font-weight:600; font-family:"Oswald", Arial, Verdana, Helvetica;} .selectVehicle .selectedThisVehicle, .selectVehicle.selectedVehicle .toChoose {display:none;} .selectVehicle .toChoose, .selectVehicle.selectedVehicle .selectedThisVehicle {display:inline-block;} .vExtraPrice {float:right; font-weight:600; margin-right:20px;} .reserveCC, .reserveTel, .reserveFNo, .reserveFTime {float:left;} .reserveCC, .reserveFTime {width:25%;} .reserveCC select, .reserveFTime select {width:100%;} .reserveTel {width:calc(75% - 10px); margin-left:10px;} .reserveFNo {width:calc(75% - 10px); margin-right:10px;} .tableTotal {font-weight:600; font-size:1.4em; padding:8px 0;} .tableTotalT {border-bottom:2px solid #000; border-top:2px solid #000;} .reservationFormC {width:100%; display:flex; justify-content:center; align-items:center; padding-bottom:40px;} #faqQuestions {background:#FDFDFD; border:1px solid #00B2B3; padding:5px 10px; margin-bottom:20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .textBG {float:left; width:100%; position:relative; padding:20px 10px;} .textBGCover {position:absolute; background:rgba(0,0,0,0.5); top:0; left:0; width:100%; height:100%;} .textWBG .container {max-width:1300px; color:#FFF; margin:0 auto; position:relative; z-index:1;} .textWBG .textBG {padding:100px 0;} .textWBG .textRow {font-size:20px;} .textWBG .textRow h1, .textWBG .textRow h2, .textWBG .textRow h3, .textWBG .textRow h4, .textWBG .textRow h5, .textWBG .textRow h6 {font-family:"Oswald", Arial, Verdana, Helvetica; font-variant:normal; font-size:32px !important;} .mainContent hr {width:100px; color:#C3C3C3; margin:0;} .textBG hr {color:#FFF !important;} .boxRow {float:left; width:100%; vertical-align:top; position:relative; display:flex; flex-wrap:wrap; justify-content:center;} .hBoxR, .hBoxL {float:left; width:100%; vertical-align:top; position:relative;} .hBoxR .boxN, .hBoxL .boxW {float:right;} .hBoxL .boxN, .hBoxR .boxW {float:left;} .boxRow.mPhotoR {flex-direction:row-reverse;} .mPhotoL.twoPhotos .colPic, .mPhotoR.twoPhotos .colPic {border-radius:10px; box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.25); overflow:hidden;} .mPhotoL ol, .mPhotoR ol {list-style:none; counter-reset:item; padding-left:70px;} .mPhotoL li, .mPhotoR li {counter-increment:item; margin-bottom:40px; position:relative;} .mPhotoL li:hover::before, .mPhotoR li:hover::before {top:5px; left:-65px; width:50px; height:50px; line-height:46px;} .mPhotoL li:before, .mPhotoR li:before {position:absolute; top:0; left:-70px; width:60px; height:60px; line-height:56px; font-family:"Oswald", Arial, Verdana, Helvetica; font-size:36px; font-weight:700; content:counter(item); background:#FBC43D; border-radius:100%; color:#FFF; text-align:center; display:inline-block; transition-duration:0.3s;} .mPhotoL li:nth-child(2n+1)::before, .mPhotoR li:nth-child(2n+1)::before {background:#00B2B3;} .boxW, .boxN {border:15px solid transparent; border-radius:15px;} .twoBoxes, .threeBoxes, .fourBoxes {float:left; width:100%; padding:25px 0 30px; margin:0 0 25px;} .twoBox, .threeBox, .fourBox {float:left; background-clip:padding-box;} .boxW, .boxN {display:flex; flex-direction:column;} .twoBox, .threeBox, .fourBox {display:flex; flex-direction:column;} .fourPhotos .twoBox {flex-direction:row; flex-wrap:wrap;} .fourPhotos .twoBox:last-child {flex-direction:column;} p.photoTitle {margin:8px 0 15px;} .boxN {background:#00B2B3; width:calc(35% - 30px); color:#FFF; margin:0 15px; padding:25px 15px 30px; box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.25);} .boxN a {color:#FFF;} .boxN a:hover {color:#FFF;} .mainContent.blue .boxN {background:#FBC43D;} .boxW {width:65%; padding:5px 15px 10px;} .twoBox {width:calc(50% - 1px);} .threeBox {width:33.3333%;} .fourBox {width:calc(25% - 1px);} .twoBox, .threeBox, .fourBox {background-clip:padding-box; border:15px solid transparent; position:relative; vertical-align:top;} .boxC {float:left; background:#FEFEFE; width:100%; padding:5px 10px; border:1px solid #FAFAFA;} .threeCol {width:100%;} .colPic {float:left; width:100%;} .fourPhotos .colPic {width:calc(50% - 10px); position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:10px; margin:5px;} .colPic img {float:left; width:100%; height:auto; border-radius:10px;} .fourPhotos .colPic {border-radius:none;} .fourPhotos .colPic img {position:absolute; top:-9999px; left:-9999px; right:-9999px; bottom:-9999px; margin:auto;} a.boxLink, a.highBtn {height:40px; line-height:20px; background:#00B2B3; color:#FFF; text-align:center; text-decoration:none; display:inline-block; padding:10px 20px; margin:15px auto; position:relative; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; cursor:pointer;} a.boxLink:hover, a.highBtn:hover {background:#FBC43D ; color:#FFF; text-decoration:none; transition-duration:0.5s;} .pGallery {float:left; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;} .galleryPhoto {min-height:100px; aspect-ratio:16/9; display:flex; align-items:center; border:5px solid transparent; position:relative; overflow:hidden;} .galleryPhoto img {float:left; width:100%; height:auto; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;} .galleryPhotoTitle {position:absolute; bottom:0; left:0; background:rgba(35, 31, 32,0.4); width:100%; height:31px; font-size:14px; color:#FFF; padding:5px 10px; border-top:1px solid rgba(35, 31, 32,0.4); border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; transition-duration:0.6s; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .centredText p, .centredTextWide p, .centredText, .centredTextWide {text-align:center;} .centredText {width:75%; padding:0 1%;} .centredTextWide {width:100%; padding:0 1%;} .centredText, .centredTextWide {margin:0 auto;} .halfColPic {width:40%; height:auto;} .textPicLeft .halfColPic {float:left; margin:0 15px 5px 0; position:relative; z-index:1;} .textPicRight .halfColPic {float:right; margin:0 0 5px 15px;} .halfColPic img {width:100%; height:auto; margin-bottom:20px; -webkit-box-shadow:3px 3px 8px 0px rgba(98,99,98,0.3); -moz-box-shadow:3px 3px 8px 0px rgba(98,99,98,0.3); box-shadow:3px 3px 8px 0px rgba(98,99,98,0.3);} .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 6 Free"; font-size:28px; position:absolute; color:#00B2B3; 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;} .faqBlock {float:left; width:100%; background:#FDFDFD; padding:5px 10px; border:1px solid #F0F0F0; border-radius:4px; margin-bottom:30px;} #faqQuestions h1, #faqQuestions h2, #faqQuestions h3, #faqQuestions h4, #faqQuestions h5, #faqQuestions h6, .faqBlock h1, .faqBlock h2, .faqBlock h3, .faqBlock h4, .faqBlock h5, .faqBlock h6 {color:#58595B;} #faqQuestions p {margin:15px 0; text-align:left;} #faqQuestions a {cursor:pointer;} #faqAnswers h3 {margin:15px 0 25px;} #faqAnswers p {padding-left:43px;} .topLink {width:100%; font-size:14px; text-align:center; margin-bottom:80px; cursor:pointer; display:inline-block;} span.faqQuestion {float:left; font-size:22px; line-height:20px; color:#017879; font-weight:700; margin:0 5px 0 0;} span.faqAQuestion, span.faqAnswer {float:left; font-size:50px; margin:0 10px 0 0; text-shadow:3px 3px 3px #CCC;} span.faqAQuestion {line-height:36px; color:#231F20;} span.faqAnswer {clear:left; line-height:20px; color:#00B2B3; font-weight:700;} .formInput, .formSelect, .formRadio, .formInputW, .formCheckbox {float:left; width:100%; position:relative; margin:0 0 20px;} .formInput {background:#FFF; border:1px solid #909090; padding:10px 0;} .propFormRow .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 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;} .formInput label, .formSelect label, .propertyContactInput label {position:absolute; color:#909090; left:5px; padding:0 5px; pointer-events:none; transition-duration:0.5s;} .formInput label, .formSelect.emptyVal label {top:16px; font-size:18px;} #bookingForm label {font-size:14px;} .propertyContactInput label {top:9px;} .formInput label, .propertyContactInput label {background:transparent;} .formSelect.emptyVal label {background:#FFF; width:calc(100% - 30px);} .formSelect.fiDark.emptyVal label {background:#FDFDFD;} .formInput input:focus ~ label, .formInput textarea:focus ~ label, .formInput input:not(:placeholder-shown) ~ label, .formInput textarea:valid ~ label, .formSelect select ~ label, .propertyContactInput input:focus ~ label, .propertyContactInput textarea:focus ~ label, .propertyContactInput input:not(:placeholder-shown) ~ label, .propertyContactInput textarea:valid ~ label, #bookingForm input:focus ~ label, #bookingForm input:not(:placeholder-shown) ~ label {background: rgb(255,255,255); background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 45%, rgba(247,248,248,0) 45%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 45%, rgba(247,248,248,0) 45%); background: linear-gradient(0deg, rgba(255,255,255,1) 45%, rgba(247,248,248,0) 45%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f7f8f8",GradientType=1); top:-10px; font-size:12px;} .formInput.fiDark input:focus ~ label, .formInput.fiDark textarea:focus ~ label, .formInput.fiDark input:not(:placeholder-shown) ~ label, .formInput.fiDark textarea:valid ~ label, .formSelect.fiDark select ~ label {background: rgb(253,253,253); background: -moz-linear-gradient(0deg, rgba(253,253,253,1) 45%, rgba(255,255,255,0) 45%); background: -webkit-linear-gradient(0deg, rgba(253,253,253,1) 45%, rgba(255,255,255,0) 45%); background: linear-gradient(0deg, rgba(253,253,253,1) 45%, rgba(255,255,255,0) 45%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdfdfd",endColorstr="#ffffff",GradientType=1); } .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, .selectInput:focus, .bFormInpW input:focus, .bFormInpW textarea:focus {outline:none !important;} .formCheckbox {font-size:0.8em; text-align:left;} .contactSubmit {float:left; width:100%; margin:15px 0; text-align:center;} #loginContinue, .submitButton {background:#00B2B3; height:40px; line-height:36px; font-family:"Open Sans", Arial, Verdana; font-weight:600; text-align:center; color:#FFF; padding:0 10px; border:1px solid rgba(0, 0, 0, 0.2); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration:0.5s; cursor:pointer;} #loginContinue {display:inline-block;} #loginContinue:hover, .submitButton:hover {background:#FBC43D; color:#FFF; text-decoration:none;} .submitButton:disabled {opacity:0.4; cursor:default !important;} .formInput input:required ~ label:after, .formInput textarea:required ~ label:after, .formInputFull textarea:required ~ label:after, .propertyContactInput input:required ~ label:after {content:"*"; color:#BB0003; margin-left:3px;} .formInput input:focus, .reserveInput input:focus, .formInput textarea:focus, .reserveInput textarea:focus, #homeSearch input:focus, #homeSearch select:focus {outline:none !important;} .reservationContainer, .reservationHeader, .reservationBody, .reservationFooter {display:flex;} .reservationContainer, .reservationHeader, .reservationBody {flex-wrap:wrap;} .reservationContainer, .reservationBody {flex-direction:column;} .reservationHeader, .reservationFooter {flex-direction:row;} .reservationContainer {border:1px solid #DFDFDF; border-radius:8px; box-shadow:0 0 40px 0 rgba(0,0,0,0.3);} .reservationPhoto, .reservationTitle, .reservationManageC, .reservationViewC {display:flex; flex-direction:column; justify-content:center;} .reservationPhoto {width:250px; height:auto; border-radius:6px 0 0 6px; overflow:hidden;} .reservationPhoto img {float:left; width:100%; height:auto;} .reservationTitle {text-align:center; font-size:20px;} .reservationTitleRef {margin-bottom:10px;} .reservationTitleVehicle {font-weight:700;} .reservationBody {padding:5px 10px;} .reservationClientD, .reservationPickDropD, .reservationVehicleD, .reservationReqsD, .reservationDriversD, .reservationPriceD {width:100%; max-width:468px; margin:0 auto 20px; position:relative;} .reservationClientRow {float:left; width:100%; margin-bottom:10px;} .reservationClientTitle {float:left; width:200px; font-weight:600;} .reservationClientData {float:left; width:calc(100% - 215px); margin-left:15px;} .reservationFooter {justify-content:stretch; flex-wrap:nowrap; border-radius:0 0 6px 6px; overflow:hidden;} .reservationManageC, .reservationAcceptC, .reservationViewC {width:100%; height:60px;} .reservationManage {position:absolute; top:12px; right:0; color:#FFF; font-size:14px; font-weight:700; padding:5px 10px; border-radius:4px; cursor:pointer;} .reservationAccept, .reservationView {height:100%; color:#FFF; font-weight:700; display:flex; justify-content:center; align-items:center; overflow:hidden; cursor:pointer;} .reservationManage {background:#FBC43D;} .reservationAccept {background:#2A9F47;} .reservationView {background:#00B2B3;} .reservationManage:hover, .reservationAccept:hover, .reservationView:hover {color:#FFF; text-decoration:none;} .reservationManage:hover {background:#017879;} .reservationAccept:hover {background:#1C642E;} .reservationView:hover {background:#BF942B;} .changeReqd {color:#2A9F47;} .contactRow {display:flex;} .contactCols {display:flex; flex-direction:column; 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;} .imgCaptcha h1 {margin:0 !important;} #captchaVerification iframe {float:left;} input.captchaResponse {clear:none !important;} footer {background:#00B2B3; min-height:100px; color:#FFF; border-top:1px solid rgba(0, 0, 0, 0.2); padding:70px 0 0;} #flContainer, #footerMenuContainer, .footerMenu {float:left;} #footerLogo {width:230px; height:60px;} #flContainer {font-size:11px; text-align:center;} .footerSocial {float:left; width:100%; height:30px; text-align:center; margin:15px 0 0;} .footerSocial .socialLink {width:30px; height:30px; line-height:28px; font-size:16px;} .footerSocial .socialWALink img {height:30px; vertical-align:baseline;} .footerMenu {padding:0 20px;} .footerMenu ul {float:left; width:100%; list-style:none; padding:0; margin:0 0 15px;} .footerMenu li {color:#FFF; margin:0 0 22px; font-size:16px; line-height:22px; padding:0;} .ddfMenu {float:left; width:100%; text-align:center; list-style:none; padding:0; margin:5px 0 0;} .ddfMenu li {font-size:12px !important; font-weight:400 !important; padding:0 !important; margin:0 0 5px !important; display:block !important;} #footerMenuContainer a {color:#FFF; transition-duration:0.5s; cursor:pointer;} #footerBottom {float:left; width:100%; margin-top:50px; position:relative;} #fbBorderT, #fbBorderB {position:absolute; left:0; width:100%; height:1px;} #fbBorderT {top:-2px; background:rgba(0, 0, 0, 0.75)} #fbBorderB {top:-1px; background:rgba(44, 222, 223, 0.75);} #footerLeft, #footerRight {float:left; height:40px; line-height:40px; font-size:10px;} #footerRight {text-align:right;} #footerLeft a, #footerRight a {color:#FAFAFA;} #footerMenuContainer a:hover, #footerLeft a:hover, #footerRight a:hover {color:#FBC43D; text-decoration:none;} #loginBGContainer, #manageBGContainer {position:fixed; display:table; height:100vh; width:100vw; top:0; left:0; transform:scale(0); z-index:99998; } #loginBGContainer.unfold, #manageBGContainer.unfold {transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #loginBGContainer.unfold #loginBG #loginSignupContainer, #manageBGContainer.unfold #manageBG #manageFormContainer {transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #loginBGContainer.unfold.out, #manageBGContainer.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, #manageBGContainer.unfold.out #manageBG #manageFormContainer {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #loginBGContainer #loginBG, #manageBGContainer #manageBG {display:table-cell; background:rgba(35,31,32,0.8); text-align:center; vertical-align:middle;} #loginContainer {float:left; width:100%; display:none;} #loginSignupContainer, #manageFormContainer {width:calc(100% - 60px); 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);} #loginSignupContainer, #manageFormContainer {display:inline-flex; flex-direction:row; justify-content:center; align-items:stretch;} #loginSignupContainer {max-width:468px;} #manageFormContainer {max-width:600px; max-height:98vh;} #manageFormC {float:left; width:100%; overflow-y:auto;} #loginSignupContainer h6, #manageFormContainer h6 {font-size:22px; margin:0 0 10px;} #loginForm, #manageForm {float:left; width:100%; padding:20px;} .bFormRow {float:left; width:100%;} .bFormInpTW {width:100%; font-size:14px; font-weight:600; text-align:left; clear:both; margin-bottom:5px;} .bFormInpW {background:#FFF; width:100%; height:48px; border:1px solid #909090; position:relative; margin-bottom:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .bFormInpW.wTA {height:204px;} .bFormInpW.wTA textarea {border:none;} .bFormInpW input {float:left; width:100%; height:46px; line-height:46px; background:none; border:none; font-family:"Open Sans"; font-size:14px; padding:2px 8px; cursor:pointer;} .bFormInpW.inputError {border-color:#B0222A;} .bFormRow .checkLabel {float:none; display:flex;} #saveMChanges, #closeDiscChanges {color:#FFF; font-weight:600; text-align:center; padding:5px 10px; border-radius:4px; border:1px solid rgba(0,0,0,0.5); cursor:pointer;} #saveMChanges {float:right; background:#00B2B3;} #closeDiscChanges {float:left; background:#B0222A;} #saveMChanges:hover, #closeDiscChanges:hover {color:#FFF; text-decoration:none;} #saveMChanges:hover {background:#017879;} #closeDiscChanges:hover {background:#80171D;} #closeLogin, #closeManage {position:absolute; background:#FBC43D; top:-27.5px; right:-27.5px; width:55px; height:55px; color:#FFF; font-size:40px; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #closeLogin:hover, #closeManage:hover {color:#00B2B3; background:#F1F2F3; text-decoration:none;} #cookieUseContainer {position:fixed; bottom:15px; background:rgba(255,255,255,0.95); text-align:center; border:2px solid #00B2B3; 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:#00B2B3;} #cookieText a:hover {color:#FBC43D;} #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:#00B2B3; width:65%; color:#FFF; font-size:16px; margin:20px 5%; border:2px solid rgba(35, 31, 32, 0.3);} #cookieContinue:hover {background:#008F8F; 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:#231F20; border-radius:7px 7px 0 0; bottom:0; color:#FFF; font-family:"Open Sans"; font-size:32px; display:block; height:32px; opacity:0.6; padding:9px 0; 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 {opacity:0.9;} #memLoginACL {background:#00B2B3; width:70px; height:40px; line-height:36px; display:none; text-align:center; position:relative; clear:both; border:1px solid rgba(0, 0, 0, 0.2); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;} .memLoginErr {color:#BB0003;} #memLoginACL svg {width:32px; height:32px; margin:3px 0;} #searchLoadingBG, #submitLoadingBG {background:rgba(255,255,255,0.6); top:0; left:0; width:100%; height:100%; z-index:97; display:none; position:absolute;} #searchLoadingBG svg, #submitLoadingBG svg, #ftpOutBG svg {position:absolute; left:50%; top:50%; width:128px; height:128px; margin:-64px 0 0 -64px;} .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} #searchLoadingBG svg, #submitLoadingBG svg, #ftpOutBG svg, .loadingWaiting svg {stroke:#00B2B3; animation:spinner_MN 5s ease-in-out infinite} #memLoginACL svg {stroke:#FBC43D; 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:#00B2B3;} 66.6666% {stroke:#FBC43D;} } @keyframes spinner_MN3 { 0% {stroke:#FBC43D;} 33.3333% {stroke:#FFF;} 66.6666% {stroke:#BF942B;} } @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: 1600px) { #pageGalleryOverlay {width:75%; left:12.5%;} } @media only screen and (min-width: 1556px) { #mainContent, .container, #footer {width:90%; max-width:1400px; margin:0 auto;} } @media only screen and (min-width: 1000px) and (max-width: 1599px) { #pageGalleryOverlay {width:90%; left:5%;} } @media only screen and (min-width: 1200px) { #reservePickDropD #pTimeS, #reservePickDropD #dTimeS {bottom:18px;} #reservePickDropD #pTimeS {right:calc(50% + 38px);} #reservePickDropD #dTimeS {right:3px} #reservePickDropF, #pickupDropoffOverview, #vehicleOverview, #vehicleOverviewS, #reserveSpecialF, #specialOverview, #reserveFinalF {width:90%; margin-right:10px;} #reservePickDropC {width:50%; margin-right:10px;} #reserveCustomAddress {margin-top:10px;} #reservePickDropCS, #reserveCustomAddress, #reserveCustomAddressCS, #reserveFlightDetailsCS {flex-direction:row;} #reservePickDropCS .reserveInput:nth-child(2), #reserveDateRange .reserveInput:nth-child(2), #reserveCustomAddressCS .reserveInput:nth-child(2), #reserveDropoffFlightC {margin-left:10px;} #reservePickDropD {width:calc(50% - 10px); flex-direction:row;} #reserveDateRange .reserveInput {width:calc(50% - 35px);} #resDays {margin:7.5px 10px;} .updateReservationBtn {width:calc(10% - 10px);} #reserveSpecialCL, #reserveSpecialCR, #reserveFinalForm, #reserveFinalSummary {width:50%;} #reserveFinalForm {padding:0 0 0 10px;} #reserveFinalSummary {padding:0 10px 0 0;} #reserveVehicleFilters {width:250px; margin:0 20px 5px 0;} #reserveVehicleList {width:calc(100% - 270px);} #showHideFilters {display:none;} } @media only screen and (min-width: 1000px) and (max-width: 1199px) { .reserveVehiclePhoto {width:350px;} } @media only screen and (min-width: 768px) and (max-width: 999px) { .galleryPhoto {width:33.3333%;} } @media only screen and (min-width: 1000px) and (max-width: 1556px) { #mainContent, .container, #footer {width:90%; max-width:1300px; margin:0 5%;} } @media only screen and (min-width: 1000px) { #header {width:90%; margin:30px 5% 0;} #tlContainer {width:90%; margin:0 5%;} .galleryPhoto {width:25%;} #flContainer {width:265px;} #footerMenuContainer {width:500px; margin-left:calc(100% - 765px);} .footerMenu {width:250px; margin:0 0 20px;} .contactMenu li {position:relative; padding:0 0 0 20px;} .footerMenu i {position:absolute; top:3px; left:-10px; width:15px; text-align:center;} } @media only screen and (max-width: 1199px) { #pageGalleryOverlay {width:96%; left:2%;} #reservePickDropD #pTimeS, #reservePickDropD #dTimeS {right:1px;} #reservePickDropD #pTimeS {bottom:138px} #reservePickDropD #dTimeS {bottom:3px} #reservePickDropF, #pickupDropoffOverview, #vehicleOverview, #reserveVehicleFilters, #reserveVehicleList, #reserveSpecialF, #specialOverview, #reserveFinalF, #reserveSpecialCL, #reserveSpecialCR, #reserveFinalForm, #reserveFinalSummary {width:100%;} #reservePickDropC, #reservePickDropCS, #reservePickDropD, #reserveDateRange, #reserveCustomAddress, #reserveCustomAddressCS, #reserveFlightDetailsCS {width:100%; flex-direction:column;} #reservePickDropC, #reservePickDropD {margin-bottom:10px;} #reservePickDropCS .reserveInput:nth-child(2), #reserveDateRange .reserveInput:nth-child(2), #reserveCustomAddressCS .reserveInput:nth-child(2), #reserveDropoffFlightC {margin-top:10px;} #reserveDateRange {align-items:center;} #resDays { margin:10px 0;} #reserveDateRange .reserveInput {margin:0;} #reserveVehicleFilters {margin-bottom:15px;} #showHideFilters {display:inline-block;} #showFilters {display:block;} #vehicleOverviewS, #hideFilters, .reserveVehicleFilter {display:none;} #reserveFinalForm {padding:10px 0 0 0;} #reserveFinalSummary {padding:0 0 10px 0;} .updateReservationBtn {width:100%;} } @media only screen and (max-width: 999px) { #header {width:98%; margin:30px 1% 0;} #mainContent, #tlContainer, .container, #footer {width:96%; margin:0 2%;} #flContainer, #footerMenuContainer, .footerMenu {width:100%;} #flContainer {display:flex; flex-direction:column; justify-content:center; align-items:center; margin-bottom:40px;} .footerMenu {text-align:center;} .footerMenu i {margin-right:10px;} } @media screen and (min-width: 768px) { #logo {top:10px; width:192px; height:50px;} #menuContainer {width:600px; left:-600px;} #menuList {height:calc(100vh - 215px);} nav.is-active #menuContainer {transform:translateX(600px);} #headerContact {width:50%;} #manageBooking {top:15px; right:105px; height:40px; line-height:38px; color:#FFF; font-size:16px;} .slidingHeader #manageBooking {top:5px;} .languages {padding:0 30px;} #pageGalleryOverlay {top:100px; height:calc(100% - 100px);} #pageGalleryOverlay h1, #projectPrice {font-size:50px;} .mainContentW {width:calc(70% - 40px); margin-top:60px;} .mainContentN {width:30%; margin:60px 40px 0 0;} .mainContentW + .mainContentN {margin:60px 0 0 40px;} .input100 {width:100%;} .input50 {width:calc(50% - 7.5px);} .input50L {margin-right:15px;} #pTimeS, #dTimeS, .pTimeS, .dTimeS {bottom:18px;} #pTimeS, .pTimeS {right:calc(50% + 8.5px);} #dTimeS, .dTimeS {right:1px;} #pageBreadcrumb li {font-size:14px;} #pageBreadcrumb li:not(:first-child)::before {padding:0 5px;} .reserveVehicleC {flex-direction:row;} .reserveVehiclePhoto {width:33.3333%;} .reserveVehicleDetails {width:calc(66.6667% - 210px);} .reserveVehiclePrice {width:200px; margin-left:10px;} .reserveVehiclePrice {flex-direction:column;} .reserveVehiclePriceC {width:100%; height:calc(100% - 40px); padding-top:5px; text-align:center;} .reserveVehiclePriceFor {padding:16px 0 0;} .reserveVehiclePriceDS {font-size:20cqw; margin:0 0 20px;} .reservationTitle {width:calc(100% - 250px);} .reserveInput.reserveInputSel {width:33.3333%;} .reserveInput.reserveInputWS {width:calc(66.6667% - 5px); margin:0 5px 15px 0;} .reserveInput.reserveInputSel + .pFormInput.reserveInputWS {margin:0 5px 15px 0;} .mPhotoL.twoPhotos .colPic:first-of-type, .mPhotoR.twoPhotos .colPic:first-of-type {margin:-100px 0 30px;} .mPhotoL.twoPhotos .colPic:last-of-type, .mPhotoR.twoPhotos .colPic:last-of-type {margin:0 0 -100px;} .mPhotoL.twoPhotos .twoBox {justify-content:center;} .galleryPhotoTitle {opacity:0;} .galleryPhoto:hover .galleryPhotoTitle {opacity:1;} .formInput50 {width:49%;} .formInput50:nth-child(2) {margin:0 2% 20px 0;} .contactRow {flex-direction:row;} .contactCols {width:50%;} .contactCols:first-child, .popupForm .contactCols:nth-child(2) {padding-right:30px;} #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;} #footerLeft, #footerRight {width:50%;} #cookieUseContainer {right:15px; width:calc(100% - 30px);} } @media only screen and (max-width: 767px) { header.slidingHeader {height:80px;} .slidingHeader #header {height:50px;} #logo {top:15px; width:153px; height:40px;} #menuList {height:calc(100vh - 150px);} #menuLogo {display:none;} #headerContactF, #menuTitle, .languageTitle {display:none;} #headerContact {width:140px;} #manageBooking {top:-28px; right:0; height:26px; line-height:24px; color:#313131; font-size:14px;} #headerSocial {float:left;} .socialLink {margin-right:14px;} .languages {padding:0 10px;} .showMenuBox {top:21px;} .slidingHeader .showMenuBox {top:11px;} #menuContainer {width:100vw; left:-100vw;} nav.is-active #menuContainer {transform:translateX(100vw);} #pageGalleryOverlay {top:50px; height:calc(100% - 50px);} #pageGalleryOverlay h1 {font-size:40px;} .mainContent {overflow-x:clip;} .mainContentW, .mainContentN {width:100%; margin:40px 0;} .input100, .input50 {width:100%;} #pTimeS, #dTimeS, .pTimeS, .dTimeS {right:1px;} #pTimeS, .pTimeS {bottom:98px;} #dTimeS, .dTimeS {bottom:18px;} #pageBreadcrumb ol {overflow-x:auto; white-space:nowrap;} #pageBreadcrumb li {font-size:11px;} #pageBreadcrumb li:not(:first-child)::before {padding:0 2.5px; font-size:10px;} .reserveVehicleC {flex-direction:column;} .reserveVehiclePhoto, .reserveVehicleDetails, .reserveVehiclePrice {width:100%;} .reserveVehiclePrice {flex-direction:row; flex-flow:row-reverse; align-items:end;} .vehicleHL {text-align:center; display:flex; justify-content:center; flex-wrap:wrap;} .reserveVehiclePriceC {width:calc(100% - 160px); text-align:right; padding:0 10px 5px 0;} .selectVehicle {width:150px; margin:0 0 10px 0;} .reserveVehiclePriceDS {font-size:10cqw; line-height:11cqw; margin:0 0 15px;} #reservePickupFlightC, #reserveDropoffFlightC {width:100%;} #reservePickupFlightC {margin-bottom:10px;} .reservationPhoto, .reservationTitle, .reservationViewC {width:100%;} .reservationTitle {padding:5px 10px;} .reservationView {width:100%; height:60px;} .boxN, .boxW, .twoBox, .threeBox, .fourBox {width:100%;} .boxN {margin:0 0 15px;} .mPhotoL.twoPhotos .colPic, .mPhotoR.twoPhotos .colPic {margin:0 0 30px;} .centredText {width:80%;} .centredTextWide {width:100%;} .centredTextWide, .threeBox, .fourBox, .halfColText, .halfColPic, .discoveryArea, .colSixty, .colThirty, .subscribePhoto, .subscribeForm {width:100%;} .formInput50 {width:100%; margin:0 0 20px;} .contactRow {flex-direction:column;} .contactCols {width:100%;} .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;} #footerLeft, #footerRight {width:100%;} #footerLeft {padding-left:2%;} #footerRight {padding-right:2%;} #cookieUseContainer {right:5px; width:calc(100% - 10px);} } a {color:#00B2B3; text-decoration:none; transition-duration:0.5s;} a:hover {color:#FBC43D; transition-duration:0.5s; text-decoration:underline;}