/* ========================================================================== Fonts ========================================================================== */ @font-face { font-family: 'CircularStd-Book'; src: url('/fonts/lineto-circular-book.eot'); /* IE9 Compat Modes */ src: url('/fonts/lineto-circular-book.eot?#iefix') format('embedded-opentype'), url('/fonts/lineto-circular-book.woff') format('woff'), url('/fonts/lineto-circular-book.ttf') format('truetype'); } @font-face { font-family: 'CircularStd-Medium'; src: url('/fonts/lineto-circular-medium.eot'); /* IE9 Compat Modes */ src: url('/fonts/lineto-circular-medium.eot?#iefix') format('embedded-opentype'), url('/fonts/lineto-circular-medium.woff') format('woff'), url('/fonts/lineto-circular-medium.ttf') format('truetype'); } /* ========================================================================== General structure ========================================================================== */ * { -webkit-box-sizing: border-box; box-sizing: border-box; } html { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -moz-text-size-adjust: 100%; background: #fff; } body { margin: 0; padding: 0; color: #005886; background: #fff; font-size: 16px; line-height: 1.4; font-family: 'CircularStd-Book', sans-serif; overflow-x: hidden; } html, body { width: 100%; } a { color: #286AC9; text-decoration: none; outline: none; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } h1, h2, h3, h4, h5, h6 { margin: 0px 0px; font-weight: normal; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: normal; } img { max-width: 100%; } section { padding: 118px 0; } header + section {padding-top: 57px;} #errorLayout .section-general-content p a { text-decoration: underline; } /* ========================================================================== Helper classes ========================================================================== */ .container { width: 1040px; margin: 0 auto; position: relative; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } .container--fluid { width: auto; padding: 0 35px; } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .row { /*margin: 0 -10px;*/ margin: 0; *zoom: 1; } .row > div { padding: 0 10px; } .row > div.no-padding { padding: 0px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row--zero { margin: 0 0; } .row--zero > div { padding: 0 0; } .col12 { width: 100%; float: left; } .col11 { width: 91.666666666667%; float: left; } .col10 { width: 83.333333333333%; float: left; } .col9 { width: 75%; float: left; } .col8 { width: 66.666666666667%; float: left; } .col7 { width: 58.333333333333%; float: left; } .col6 { width: 50%; float: left; } .col5 { width: 41.666666666667%; float: left; } .col4 { width: 33.333333333333%; float: left; } .col3 { width: 25%; float: left; } .col2 { width: 16.666666666667%; float: left; } .col1 { width: 8.3333333333333%; float: left; } .hidden-desktop { display: none; } .pull-right { float: right; } .pull-left { float: left; } .display-none { display: none; } .col--center { margin: 0 auto; float: none; } .visible-print { display: none; } .blue-bg { background: #005886; } .grey-bg { background: #EEEBE7; } .has-gutter { } .has-gutter .row > div { padding-left: 15px; padding-right: 15px; } .has-gutter .row > div:first-child { padding-left: 0; } .has-gutter .row > div:last-child { padding-right: 0; } .table { display: table; width: 100%; height: 100%; } .table .table-cell { display: table-cell; width: 100%; vertical-align: middle; } .text-center { text-align: center; } .text-right { text-align: right; } .btn { display: inline-block; color: #005886; font-size: 17px; line-height: 1; padding: 10px 30px; border: 1px solid #005886; border-radius: 5px; } .btn:hover { background-color: #005886; color: #EEEBE7; } .btn-red, .btn-red:hover { background-color: #F04E43; color: #fff; min-width: 170px; padding: 10px; border-radius: 5px; font-size: 17px; text-align: center; border: 1px solid #F04E43; } .btn-red:hover { background-color: #005886; border-color: #005886; color: #fff; } .btn-green, .btn-green:hover { background-color: #4d9e3d; color: #fff; min-width: 170px; padding: 10px; border-radius: 5px; font-size: 17px; text-align: center; border: 1px solid #4d9e3d; } .btn-green:hover { background-color: #005886; border-color: #005886; color: #fff; } .section-vehicle-booknow .btn-green.btn-book { font-size: 28px; padding-right: 60px; } .btn-blue, .btn-blue:hover { background-color: #005886; color: #fff; width: 100%; padding: 10px; border-radius: 5px; font-size: 17px; text-align: left; font-family: 'CircularStd-Medium'; border: 1px solid #005886; } .btn-blue:hover { background-color: #F04E43; border-color: #F04E43; color: #fff; } .btn-book, .btn-book:hover { background-image: url('../images/btn-go-icon.png'); background-position: calc(100% - 17px) center; background-repeat: no-repeat; text-align: center; font-family: 'CircularStd-Medium'; padding-left: 20px; padding-right: 40px; } .locationAnchor { position: absolute; margin-top: -120px; z-index: 1000; } /* knock out all border paddings */ /* .knockout-border-padding .container .row:first-child > div { padding-top: 0; } .knockout-border-padding .container .row > div:first-child { padding-left: 0; } .knockout-border-padding .container .row > div:last-child { padding-right: 0; } .knockout-border-padding .container .row:last-child > div { padding-bottom: 0; } */ .knockout-border-padding .container .row { margin: 0 -20px; } .knockout-border-padding .container .row:first-child > div { padding-top: 0; } .knockout-border-padding .container .row:last-child > div { padding-bottom: 0; } /* end knock out all border paddings */ /* ========================================================================== General form classes ========================================================================== */ ::-webkit-input-placeholder { font-size: 18px; color: #005886; font-family: 'CircularStd-Book', sans-serif; font-weight: 100; } :-moz-placeholder { /* Firefox 18- */ font-size: 18px; color: #005886; font-family: 'CircularStd-Book', sans-serif; font-weight: 100; } ::-moz-placeholder { /* Firefox 19+ */ font-size: 18px; color: #005886; font-family: 'CircularStd-Book', sans-serif; font-weight: 100; } :-ms-input-placeholder { font-size: 18px; color: #005886; font-family: 'CircularStd-Book', sans-serif; font-weight: 100; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Top Bar classes ========================================================================== */ .top-bar { height: 40px; background: #005886; color: #fff; position: fixed; top: 0; width: 100%; z-index: 51; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .top-bar li { color: #fff; display: inline-block; height: 40px; position: relative; } .top-bar li.call { background: #F04E43; margin-right: 13px; margin-left: -13px; } .top-bar li.call .Pnumber{ display: none; width: 113px; text-decoration: underline;} .top-bar li.call:hover .Ptext{display: none;} .top-bar li.call:hover .Pnumber{display: inline-block;} .top-bar li a { color: #fff; line-height: 40px; margin-right: 26px; font-size: 18px; } .top-bar li a.selected { text-decoration: underline; } .top-bar li.call a { margin-left: 13px; margin-right: 13px; } .top-bar li a:hover { text-decoration: underline; } .top-bar .nav-desktop-tablet > ul > li:hover > a { text-decoration: underline; } .top-bar li ul { position: absolute; z-index: 52; min-width: 270px; display: none; margin-left: 0px; padding-top: 10px; } .top-bar .nav-desktop-tablet li ul li a { padding-left: 10px; } .top-bar li ul li { display: block; height: 100%; } /* .top-bar li ul li a { color: #005886; display: block; padding: 0 20px 0 0; margin-right: 0 !important; -webkit-transition: none; transition: none; border-right: none !important; } */ /* .top-bar li ul li a:before { content: '\2013'; display: inline-block; margin-right: 5px; } */ .top-bar li ul li a {color: #005886; display: inline-block; margin-right: 0 !important; -webkit-transition: none; transition: none; border-right: none !important; width: 225px; padding: 0; line-height: inherit; vertical-align: top; margin-bottom: 20px;} .top-bar li ul li:before { content: '\2013'; display: inline-block; margin-right: 5px;color: #005886; margin-left: 15px; } .top-bar li ul li a:hover { background: #005886; color: #fff; text-decoration: none; } /*.top-bar li:hover ul { display: block; }*/ .top-bar .top-bar--social { margin-right: 0; } .top-bar .top-bar--social a { display: inline-block; text-indent: -9999px; width: 20px; height: 40px; margin-right: 10px; border-right: none !important; } .top-bar .top-bar--social a:hover { text-decoration: none; } .top-bar .top-bar--social a:last-child { margin-right: 0; } .top-bar .top-bar--social a.facebook { background: url('../images/ico-facebook.png') center center no-repeat; background-size: contain; } .top-bar .top-bar--social a.instagram { background: url('../images/ico-instagram.png') center center no-repeat; background-size: contain; } .top-bar .btn-book, .top-bar .btn-book:hover { /*visibility: hidden; opacity: 0;*/ margin-left: 10px; padding: 5px; font-size: 14px; min-width: 130px; background-size: 9%; margin-top: 8px;} .top-bar.booking-button .btn-book { visibility: visible; opacity: 1; } /* ========================================================================== Logo Bar classes ========================================================================== */ .logo-bar {position: fixed;width: 100%;height: 80px;background: rgba(242, 242, 242, 0.8);z-index: 50;padding: 17px 0;} .logo-bar .logo-button {height: 46px;margin-left: 3px;} .logo-bar .logo-button img {height: 46px;width: auto;} .logo-bar .jumbo-book-now {padding-top: 4px;} /* ========================================================================== Nav Bar classes ========================================================================== */ html.responsive-desktop .top-bar.hamburger { height: 50px; } /* .top-bar.hamburger .nav-desktop-tablet { display: none; } .top-bar.hamburger .nav-mobile { display: block; } */ .nav-mobile .top { vertical-align: bottom; display: block; height: 50px; position: relative; } .nav-mobile--logo { width: 74px; height: 50px; position: relative; margin-right: 10px; } .nav-mobile--logo a { display: block; height: 50px; width: 100%; } .nav-mobile--logo a img { display: inline; width: 100%; vertical-align: -100%; } .nav-mobile--phone-number { float: left; font: 15px/1 'CircularStd-Medium', sans-serif; height: 50px; margin: 0 10px 0 0; /*background: #F04E43;*/ } .nav-mobile--phone-number a { color: #fff; vertical-align: top; height: 50px; line-height: 50px; font-size: 18px; padding: 0 20px; } .nav-mobile--book-now { float: right; margin-right: 50px; } .nav-mobile--book-now a.btn, .nav-mobile--book-now a.btn:hover { min-width: 0px; width: 109px; height: 32px; padding: 0px 10px; text-align: left; line-height: 32px; font-size: 15px; border-radius: 3px; border-color: #F04E43; } .nav-mobile--book-now a.btn-red { background-color: #F04E43; } .nav-mobile--book-now a.btn-book { background-position: calc(100% - 10px) center; font-size: 18px !important; width: 124px !important; } .nav-mobile--nav-click { position: absolute; right: 0; top: 50%; margin-top: -15px;} .nav-mobile--nav-click a.nav-click { display: block; width: 30px; height: 30px; vertical-align: top; color: #fff; font-size: 32px; line-height: 25px; text-align: right; text-shadow: none; } .nav-mobile .bottom { display: none; background: #fbf9f4; position: fixed; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 50px; width: 100%; max-width: 1040px; -webkit-box-shadow: 0px 15px 20px -10px rgba(0,0,0,0.75); box-shadow: 0px 15px 20px -10px rgba(0,0,0,0.75); } .nav-mobile--menu { width: 100%; padding-top: 5px; padding-bottom: 5px; } .nav-mobile--menu li { display: block; width: 100%; height: auto; min-height: 40px; } .nav-mobile--menu li:last-child a { border-bottom: none; } .nav-mobile--menu li a { display: block; border-right: none; border-bottom: 1px solid #eeebe7; margin: 0 !important; font-size: 18.75px; line-height: 40px; color: #005886; position: relative; padding-right: 0; border-left: 15px solid transparent !important; border-right: 15px solid transparent !important; -webkit-transition: none !important; transition: none !important; position: relatve; } /*.nav-mobile--menu li a:hover { text-decoration: none; }*/ .nav-mobile--menu li a.has-children { } .nav-mobile--menu li a.has-children:after { content: ''; position: absolute; width: 16px; height: 16px; right: 0; top: 50%; margin-top: -8px; display: block; background: url('/resources/images/form-down-arrow.png') right center no-repeat; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .nav-mobile--menu li a.has-children.opened { color: #fff; margin-left: 0; margin-right: 0; background-color: #005886; border-color: #005886; } .nav-mobile--menu li a.has-children.opened:after { background: url('/resources/images/form-down-arrow-white.png') right center no-repeat; -webkit-transform: rotate(0); transform: rotate(0); } .nav-mobile--children-menu { position: relative !important; display: none; } .nav-mobile--children-menu li { min-height: 0; } .nav-mobile--children-menu li:last-child a { border-bottom: 1px solid #eeebe7; padding-bottom: 40px; } .nav-mobile--children-menu li a { border-bottom: none; height: 30px; line-height: 30px; width: auto;} .nav-mobile .nav-mobile--children-menu li a{width: auto; padding-right: 15px; } /* .nav-mobile--children-menu li a:before { content: "\2013"; display: inline-block; margin-right: 5px;} */ /* ========================================================================== Header classes ========================================================================== */ header { height: 390px; margin-top: 40px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; } #homeLayout header, #agencyLayout header { height: 490px; } #agencyLayout header {margin: 0;} #aboutLayout header, #vehiclesLayout header { height: 590px; } header.header-blank { height: 120px; background: #fff; } header:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.15); } header.header-blank:before { background: #fff; } header h1 { margin-top: 250px; color: #fff; font: 45px/54px 'CircularStd-Medium', sans-serif; } #blogLayout header h1, #testimonialsLayout header h1, #generalLayout header h1, #contactLayout header h1, #packagesLayout header h1, #locationsLayout header h1, #faqsLayout header h1 { font-size: 90px; line-height: 1.2; margin-top: 160px; } #blogLayout header h1.compact { font-size: 60px; } .header--home h1 { margin-top: 85px; } /*header h2 { width: 215px; }*/ header h1 span, header h2 span { display: none; } .header--subnav { margin-top: 60px; text-align: center; } .header--subnav li { display: inline-block; } .header--subnav li a { color: #fff; font-size: 20px; border-right: 1px solid #fff; padding: 0px 14px; } .header--subnav li:first-child a { padding-left: 0; } .header--subnav li:last-child a { padding-right: 0; border-right: none; } .header--book-now {margin-top: 60px;} .header--book-now .row { margin-bottom: 20px; margin: 0 -10px 20px -10px; } .header--book-now .row:last-child { margin-bottom: 0; } .header--book-now input.btn-book { width: 100%; text-align: left; border: none; } .header--book-now input.btn { padding-left: 20px; padding-right: 20px; height: 40px; } .header--book-now label { color: #fff; } #google_translate_element{ position: fixed; left: 10px; bottom: 0px; z-index: 999; } #google_translate_element .skiptranslate span{display: none;} .goog-te-gadget{ font-size: 0px !important; } .goog-te-gadget .goog-te-combo{ background: #f04e43; font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #fff; font-weight: bold; text-indent: 6px; margin: 0px !important;outline: 0;border: 0px; height: 29px;-webkit-appearance:none; } .translated-ltr .top-bar , .translated-rtl .top-bar{ top:40px; } /* ========================================================================== Form classes ========================================================================== */ form .row { margin: 0; } form select, form input[type=text], form input[type=email], form input[type=tel], form textarea { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 3px; border: none; height: 40px; width: 100%; padding: 0px 15px; font-size: 17px; line-height: 18px; } form textarea { height: 100%; min-height: 200px; padding: 15px; } form select { background: #fff url('../images/form-down-arrow.png') calc(100% - 7px) center no-repeat; } form select::-ms-expand { display: none; } form select.pin { padding-left: 40px; background-image: url('../images/form-pin.png'), url('../images/form-down-arrow.png'); background-position: 12px center, calc(100% - 7px) center; background-repeat: no-repeat; } form input[type=checkbox] { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 26px; height: 26px; vertical-align: middle; background: #fff; border-radius: 3px; display: inline-block; margin-right: 15px; outline: none; cursor: pointer; } form input[type=checkbox]:checked:before { content: '\00d7'; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; line-height: 24px; text-align: center; border-radius: 3px; font-size: 22px; } form label { color: #005886; font-size: 17px; } #overlay-enquiry-form input[type=submit] { text-align: center; } form input[type=submit]:disabled { opacity: 0.5; cursor: default; } form input.btn-blue:disabled:hover { background: #005886; border-color: #005886; } form input.btn-red:disabled:hover { background: #F04E43; border-color: #F04E43; } #activities-other { display: none; } /* ========================================================================== Datepicker overrrides ========================================================================== */ .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current { background: #005886; -webkit-box-shadow: #005886 0 1px 3px 0 inset; box-shadow: #005886 0 1px 3px 0 inset; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover { background: #F04E43 !important; } /* ========================================================================== Footer classes ========================================================================== */ footer { background: #005886; padding-top: 50px; } footer .col2 { width: 160px; } footer a.btn-red { min-width: 160px !important; } footer a.btn-red:hover { border-color: #fff; background-color: #fff; color: #005886; } footer .footer-logo { /*width: 160px;*/ margin-bottom: 34px;} footer .footer-panel .footer-links { margin-top: 50px; } footer .footer-panel ul li a {display: inline-block;color: #fff;font-size: 14px;line-height: 20px;/* padding-bottom: 10px; */} footer .footer-panel ul li a:hover { text-decoration: underline; } footer .footer-panel ol li { display: inline-block; margin-bottom: 12px; margin-right: 8px; } footer .footer-panel ol li a { display: block; width: 40px; height: 40px; text-indent: -9999px; background-position: center center; background-repeat: no-repeat; } footer .footer-panel ol li.social-twitter a { background-image: url('../images/footer-ico-twitter.png'); } footer .footer-panel ol li.social-instagram a { background-image: url('../images/footer-ico-instagram.png'); } footer .footer-panel ol li.social-googleplus a { background-image: url('../images/footer-ico-googleplus.png'); } footer .footer-panel ol li.social-facebook a { background-image: url('../images/footer-ico-facebook.png'); } footer .footer-panel ol li.social-youtube a { background-image: url('../images/footer-ico-youtube.png'); } footer .footer-credits { margin-top: 90px; height: 40px; } footer .footer-credits ul li { display: inline-block; margin-left: 71px; } footer .footer-credits ul li a { font-size: 14px; color: #005886; line-height: 40px; padding-bottom: 0; } /* ========================================================================== Overlay classes ========================================================================== */ .overlay { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 100; } .overlay-panel { display: none; margin-top: 100px;padding: 50px;position: absolute; left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);overflow: scroll; } .overlay-panel--show { display: block; } .overlay-panel img.logo { display: inline-block; line-height: 70px; margin-right: 20px; } .overlay-panel h2 { display: inline-block; vertical-align: 50%; } .overlay-panel .btn-close { position: absolute; top: 10px; right: 10px; text-indent: -9999px; padding: 20px; display: block; width: 40px; height: 40px; border-radius: 100%; background: #005886; } .overlay-panel .btn-close:after { content: "\00d7"; display: block; color: #fff; position: absolute; left: 0; top: 0; height: 40px; width: 40px; text-indent: 0; text-align: center; line-height: 35px; font-size: 30px; } .overlay-panel h2 { font: 30px/36px 'CircularStd-Medium', sans-serif; margin-bottom: 36px; } .overlay-panel form .row { margin-bottom: 20px; } .overlay-panel form .row.header-book-now--submit-row, .overlay-panel form .row.header-book-now--submit-row div { margin-bottom: 0; } .overlay-panel .header-book-now--submit-row .row > div:first-child { padding-left: 0; } .overlay-panel .header-book-now--submit-row .row > div:last-child { padding-right: 0; } .overlay-panel .header-book-now--submit-row input.btn-blue { text-align: center; } .overlay-panel input.btn-book { width: 100%; } #bookingOverlay label { color: #005886; } .overlay-panel label.error { color: #F04E43; margin-left: 16px; margin-top: 6px; display: block; } /* ========================================================================== Side nav link classes ========================================================================== */ .side-nav { } .side-nav a { color: #BCBEC0; font-size: 13px; line-height: 15px; display: inline-block; margin-right: 20px; } .side-nav a:last-child { margin-right: 0; } .side-nav a.back { padding-left: 18px; background: url('/resources/images/ico-back-arrow.png') left center no-repeat; } .side-nav a.back span { text-decoration: underline; } .side-nav a.print { text-indent: -9999px; width: 25px; height: 22px; background: url('/resources/images/ico-print.png') center center no-repeat; } /* ========================================================================== Home page classes ========================================================================== */ #homeLayout .section-vehicle-categories{margin-top: 18px;} .section-home-blurb { padding-bottom: 0; } .section-home-blurb h2 { font: 45px/54px 'CircularStd-Medium', sans-serif; } .section-home-blurb p { font-size: 17px; line-height: 25px; margin-top: 6px; } .section-book-with-us h2 { font: 45px/54px 'CircularStd-Medium', sans-serif; margin-bottom: 60px; } .section-book-with-us .row div { position: relative; } .section-book-with-us .book-with-us--counter { display: block; width: 70px; height: 70px; background: #005886; color: #fff; margin: 0 auto 30px auto; font: 40px/70px 'CircularStd-Medium', sans-serif; border-radius: 100%; text-indent: -2px; } .section-book-with-us .book-with-us--content { width: 84%; margin-left: 8%; margin-right: 8%; min-height: 160px; } .section-book-with-us .book-with-us--content .book-with-us--heading { min-height: 56px; margin-bottom: 26px; } .section-book-with-us .book-with-us--content .book-with-us--heading:before { content: ''; display: inline-block; width: 0px; margin-left: -0.4em; height: 56px; vertical-align: middle; } .section-book-with-us .book-with-us--content .book-with-us--heading h3 { font: 22px/28px 'CircularStd-Medium', sans-serif; display: inline-block; vertical-align: middle; width: 80%; } .section-vehicle-categories { margin: 0 auto 18px 0; display: block; text-align: center; padding-bottom: 0; } .section-vehicle-categories li { display: inline-block; } .section-vehicle-categories li a { font-size: 25px; display: block; padding: 8px 50px; color: #005886; border-right: 1px solid #005886; position: relative; line-height: 40px; } .section-vehicle-categories li:last-child a { border-right: none; } .section-vehicle-categories li a.selected, .section-vehicle-categories li a:hover { color: #F04E43; } .section-vehicle-categories li a.selected:after {content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 14px 20px 14px; border-color: transparent transparent #EEEBE7 transparent; position: absolute; left: 50%; margin-left: -14px; bottom: -19px; } .section-vehicle-categories h2{ font: 45px/54px 'CircularStd-Medium', sans-serif;color: #F04E43; } .section-vehicle-selection { padding: 65px 0; } .section-vehicle-selection .container .vehicle-selection--category { display: none; } .section-vehicle-selection .container .vehicle-selection--category.selected { display: block; } .vehicle-selection--slider { text-align: center; position: relative; } .vehicle-selection--slider .vehicle-selection--item, .vehicle-related-vehicles .vehicle-related-vehicle { width: 310px; display: inline-block; margin-right: 33px; } .vehicle-selection--slider .vehicle-selection--item:last-child, .vehicle-related-vehicles .vehicle-related-vehicle:last-child { margin-right: 0; } .vehicle-selection--slider .slick-arrow, .vehicle-related-vehicles .slick-arrow { -webkit-appearance: none; -moz-appearance: none; border: none; display: block; position: absolute; text-indent: -9999px; top: 50%; height: 40px; margin-top: -20px; width: 19px; background: url('../images/slider-arrows.png') center center no-repeat; outline: none; } .vehicle-selection--slider .slick-prev, .vehicle-related-vehicles .slick-prev { left: -48px; background-position: left center; } .vehicle-selection--slider .slick-next, .vehicle-related-vehicles .slick-next { right: -48px; background-position: right center; } .vehicle-selection--item .vehicle-description { margin-top: 50px; margin-bottom: 24px; text-align: center; } .vehicle-description h3 {font-size: 25px;line-height: 35px;font-family: 'CircularStd-Medium';margin-bottom: 20px;min-height: 70px;} .vehicle-description h3 a { color: #005886; } .vehicle-description p { font-size: 17px; line-height: 25px; width: 70%; margin: 0 auto; } .vehicle-description p.vehicle-description-people { display: inline-block; background: url('../images/ico-people.png') left center no-repeat; background-size: contain; width: auto; padding-left: 30px; margin-top: 18px; margin-bottom: 18px; } .vehicle-description .vehicle-description-details a { color: #005886; text-decoration: underline; } .vehicle-description .vehicle-description-short {margin: 0 auto;text-align: left;max-width: 300px;min-height: 100px;margin-bottom: 12px;} .vehicle-description .vehicle-description-short p { font-size: 85%; } .vehicle-selection--item .vehicle-book { text-align: center; } .vehicle-selection--item .vehicle-book .btn-book { text-align: center; width: auto; min-width: 160px; padding-left: 20px; padding-right: 40px; background-position: calc(100% - 17px); font-family: 'CircularStd-Medium'; } .section-specials { padding-bottom: 90px; } .section-specials .row > div { text-align: center; position: relative; } .section-specials h3 { font: 25px/35px 'CircularStd-Medium', sans-serif; margin-bottom: 40px; } .section-specials img { max-width: 200px; margin-bottom: 40px; } .section-specials .content { min-height: 135px; position: relative; } .section-specials .content p { font-size: 17px; line-height: 25px; max-width: 300px; margin: 0 auto; } .section-specials .content a { display: inline-block; min-width: 170px; position: absolute; bottom: 0; left: 50%; margin-left: -85px; } .section-specials .content a.btn-book { text-align: center; } .section-depots { padding-bottom: 0; } .section-depots h2 { font: 45px/54px 'CircularStd-Medium', sans-serif; } .section-depots p { font-size: 25px; line-height: 30px } .section-location-finder { padding-top: 40px; } .section-location-finder .container { position: relative; } .location-finder--legend {position: absolute;z-index: 10;top: 20px;left: 20px;width: 300px;padding: 20px;background: rgba(255, 255, 255, 0.8);} .location-finder--legend ul li { list-style: none; } .location-finder--legend p { margin: 0 0 20px 0; } .location-finder--pin { padding-left: 25px; background-position: left center; background-repeat: no-repeat; background-size: contain; margin-bottom: 5px; } .location-finder--pin.pin-red { background-image: url('/resources/images/map-pin.png'); } .location-finder--pin.pin-blue { background-image: url('/resources/images/map-pin2.png'); } .location-finder--pin.pin-grey { background-image: url('/resources/images/map-pin3.png'); } .location-finder--pin a.mapChangeColour { color: #005886; } .location-finder--pin a.mapChangeColour:hover { text-decoration: underline; } .section-location-finder .map { height: 650px; } .pinBubble { margin: 0; text-align: center; overflow: hidden; } .pinBubble p { color: #F04E43 ;margin: 0; font-size: 16px; } .section-itinerary-route .pinBubble p { margin-top: 5px; } .section-deal-banner { min-height: 560px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .section-deal-banner .row > div { text-align: center; } .section-deal-banner h2 { margin-top: 0px; color: #fff; margin-bottom: 26px; font: 95px/100px 'CircularStd-Medium', sans-serif; } .section-deal-banner h3 { color: #fff; font: 75px/95px 'CircularStd-Medium', sans-serif; margin-bottom: 70px; } .section-deal-banner h3 sup { font-size: 50px; vertical-align: -0.1em; } .section-deal-banner a, .section-deal-banner a:hover { margin-right: 30px; color: #fff; border-color: #fff; padding: 15px 30px; font: 24px/1 'CircularStd-Medium', sans-serif; } .section-deal-banner a:hover { border-color: #005886; background-color: #005886 !important; color: #fff; } .section-deal-banner a:hover { color: #fff; background-color: transparent; } .section-deal-banner a.btn-red, .section-deal-banner a.btn-red:hover { border-color: #F04E43; background-color: #F04E43; } .section-deal-banner a.btn-book, .section-deal-banner a.btn-book:hover { padding-right: 60px; background-image: url('/resources/images/arrow-white.png'); background-size: 8%; background-position: calc(100% - 20px); } .section-deal-banner a.btn-book:hover { background-color: #005886; border-color: #005886; } .section-deal-banner a:last-child { margin-right: 0; } .section-seo { } .section-seo .row { margin-bottom: 80px; } .section-seo .container .row:last-child { margin-bottom: 0; } .section-seo .row > div { padding: 75px 0; position: relative; border-bottom: 2px solid #005886; } .section-seo .row > div:first-child { padding-top: 0; } .section-seo .row > div:last-child { padding-bottom: 0; border-bottom: none; } .section-seo h3 { font: 45px/54px 'CircularStd-Medium', sans-serif; } .section-seo p { font-size: 17px; line-height: 25px; margin: 0 0 18px 0; } .section-seo .row > div p:last-child { margin-bottom: 0; } .section-seo ul { margin-bottom: 18px; } .section-seo ul li { list-style: disc; margin-left: 20px; font-size: 18px; } .section-seo .content { margin-bottom: 22px; } .section-seo .content a { /*color: #F04E43;*/ color: inherit; text-decoration: underline; } .section-seo .btn { width: auto; padding-left: 15px; padding-right: 15px; } .section-seo .btn-book { padding-left: 20px; padding-right: 40px; } .section-content-banner {height: 560px;background-repeat: no-repeat;background-position: center center;background-size: cover;} .section-content-banner .row div.text-right {height: 324px;} .section-content-banner .row div.text-right .wrapper { height: 100%; position: relative; } .section-content-banner .row div.text-right .wrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.3em; } .section-content-banner .row div.text-right img { display: inline-block; vertical-align: middle; } .section-testimonials { padding-bottom: 0; } .section-testimonials .row > div { padding: 0; } .section-testimonials .slider .slide, .section-packages-testimonials .slider .slide { position: relative; } .section-packages-testimonials .content-slider .slick-active {/* z-index: 999; */} .section-testimonials .row .testimonial--image { background-position: center center; background-repeat: no-repeat; background-size: cover; } .section-testimonials .row .testimonial--image img { display: block; visibility: hidden; height: 320px; } .section-testimonials .row .testimonial--content { padding: 30px; min-height: 320px; position: relative; } .section-testimonials .row .testimonial--image + .testimonial--content { padding-left: 60px; } .section-testimonials .row .testimonial--content h3, .section-packages-testimonials .row .testimonial--content h3 { font-size: 16px; margin-bottom: 12px; } .section-testimonials .row .testimonial--content p, .section-packages-testimonials .row .testimonial--content p { margin: 0 0 12px 0; font: 22px/28px 'CircularStd-Medium', sans-serif; } .section-testimonials .row .testimonial--content p.author, .section-packages-testimonials .row .testimonial--content p.author { font-size: 16px; } .section-testimonials .slider .slick-dots, .section-packages-testimonials .content-slider .slider .slick-dots { position: absolute; bottom: 30px; left: 0; margin-left: 30px; height: 14px; } .section-testimonials .slider .row .testimonial--image + .testimonial--content .slick-dots { /*left: 33.3333333333%;*/ margin-left: 60px; } .section-testimonials .slider .slick-dots li, .section-packages-testimonials .slider .slick-dots li { display: inline-block; margin-right: 5px; } .section-testimonials .slider .slick-dots li a, .section-packages-testimonials .slider .slick-dots li a, .section-packages-testimonials .slider .slick-dots button { display: block; text-indent: -9999px; width: 14px; height: 14px; border: 2px solid #005886; border-radius: 100%; cursor: pointer; -webkit-transition: none; transition: none; } .section-testimonials .slider .slick-dots li.selected a, .section-testimonials .slider .slick-dots li a:hover { background: #005886; } .section-packages-testimonials .content-slider .slider { background: #F04E43; padding: 30px; } .section-packages-testimonials .content-slider .slider .slide { color: #fff; background: #F04E43;} .section-packages-testimonials .content-slider .slider .slide table {width: 267px !important;} .section-packages-testimonials .content-slider .slider .slide table td {vertical-align: top;} .section-packages-testimonials .content-slider .slider .slide table td img {height: initial; padding-right: 10px;} .vehicle-details-popup {display: none; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; position: fixed; background: rgba(0,0,0,0.8); text-align: center;} .vehicle-details-popup .content {width: 100%; height: 100%;} .vehicle-details-popup a {color: #ffffff; text-transform: uppercase; margin: 20px auto; display: inline-block;} .vehicle-details-popup iframe {width: 90%; height: 90%; margin: 0px auto; position: relative; /* top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); */} .vehicle-details-popup img {margin: 0px auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .section-packages-testimonials .content-slider .slider .slide a { color: #fff; text-decoration: underline; } .section-packages-testimonials .content-slider .slider .slick-dots li { width: 15px; height: 16px; } .section-packages-testimonials .content-slider .slider .slick-dots button { border-color: #fff; height: 16px; width: 16px !important; background: transparent; -webkit-appearance: none !important; padding: 0;} .section-packages-testimonials .content-slider .slider .slick-dots li.slick-active button { background: #fff; } .section-packages-testimonials .slider .slick-dots li.selected a, .section-packages-testimonials .slider .slick-dots li a:hover { background: #005886; } .section-content-panels { padding-top: 40px; } .section-content-panels .row > div { padding: 20px; } .section-content-panels h2{ font: 45px/54px 'CircularStd-Medium', sans-serif; color: #F04E43;} .section-content-panels .content {position: relative;height: 370px;padding: 30px;} .section-content-panels .row:nth-child(2) .content { height: 320px;} .section-content-panels .content.grey-bg h4 { font: 25px/30px 'CircularStd-Medium', sans-serif; } .section-content-panels .content.grey-bg p { font-size: 17px; line-height: 25px; } .section-content-panels .content.grey-bg p:last-child { margin-bottom: 0; } .section-content-panels .content.grey-bg a { color: #F04E43; text-decoration: underline; } .section-content-panels .content .pinned-bottom { position: absolute; bottom: 30px; } .section-content-panels .content-bg-image { background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; position: relative; } .section-content-panels .content-bg-image:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 0; } .section-content-panels .content-bg-image .content-inner { z-index: 2; position: relative; } .section-content-panels .content-bg-image p { margin: 0; } .section-content-panels .content-bg-image h4 { font: 25px/30px 'CircularStd-Medium', sans-serif; margin-bottom: 20px; } .section-content-panels .content-bg-image a { color: #fff; font-size: 18px; text-decoration: underline; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; } .section-content-panels #homepageGridStory2 { padding: 0; } .section-content-panels #homepageGridStory2 .content-inner { position: relative; width: 100%; height: 100%; } .section-content-panels #homepageGridStory2 .content-inner a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; padding: 20px; text-decoration: none; } .section-content-panels #homepageGridStory2 .content-inner a p { text-decoration: underline; } .section-content-panels .content-instagram { position: relative; } .section-content-panels .content-instagram p.pinned-bottom { background: url('../images/ico-instagram_lg.png') left center no-repeat; padding-left: 60px;} .section-content-panels .content-instagram a { /*text-decoration: none; font-size: 17px; line-height: 25px;*/ position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-left: 30px;} .section-content-panels .content-alt h5 { font-size: 16px; line-height: 18px; } .section-content-panels .content-alt p {font: 34px/1.1 'CircularStd-Medium', sans-serif;} .section-content-panels .content-slider { background: #F04E43; color: #fff; } .section-content-panels .content-slider .slick-slider { height: 100%; } .section-content-panels .content-slider .slide-content a { color: #fff; } .section-content-panels .content-slider .slide-content h5 { font-size: 16px; margin-bottom: 18px; } .section-content-panels .content-slider .slide-content p { font: 23px/1.2 'CircularStd-Medium', sans-serif; margin: 0; } .section-content-panels .content-slider .slick-dots { position: absolute; bottom: 0; } .section-content-panels .content-slider .slick-dots li { display: inline-block; width: 14px; height: 14px; text-indent: -9999px; border: 2px solid #fff; border-radius: 100%; margin-right: 5px; cursor: pointer; } .section-content-panels .content-slider .slick-dots li.slick-active, .section-content-panels .content-slider .slick-dots li:hover { background: #fff; } .section-content-panels .content-blog-post .content-blog-media { background-repeat: no-repeat; background-size: cover; background-position: center center; } .section-content-panels .content-blog-post .content-blog-media-missing { height: 320px; background: #bab8b6; background: radial-gradient(ellipse at center, #bab8b6 0%,#eeebe7 66%,#eeebe7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bab8b6', endColorstr='#eeebe7',GradientType=1 ); } .section-content-panels .content-blog-post .content-blog-media img { display: block; visibility: hidden; height: 320px; } .section-content-panels .content-blog-post .content-blog-content { padding: 30px; position: relative; height: 330px; } #locationsLayout .section-content-panels .content-blog-post .content-blog-content { height: 100px; } .section-content-panels .content-blog-post .content-blog-snippet { max-height: 238px; } .section-content-panels .content-blog-post .content-blog-content h4 { font: 25px/30px 'CircularStd-Medium', sans-serif; } .section-content-panels .content-blog-post .content-blog-content h4 a { color: #005886; } .section-content-panels .content-blog-post .content-blog-meta { position: absolute; bottom: 30px; left: 30px; width: calc(100% - 60px); } .section-content-panels .content-blog-post .content-blog-meta p { margin: 0; } .section-content-panels .content-blog-post .content-blog-meta p a { color: #F04E43; text-decoration: underline; } .section-home-videos .video { position: relative; padding-bottom: 56.25%; height: 0; } .section-home-videos .video a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; text-indent: -9999px; background-position: center center; background-size: cover; z-index: 10; } .section-home-videos .video a:before { content: ''; display: block; position: absolute; width: 50px; height: 50px; left: 50%; top: 50%; background: url('../images/play.svg') center center no-repeat; background-size: cover; margin-left: -25px; margin-top: -25px; } .section-home-videos .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; } .section-home-videos .content {position: relative;height: 379px;/* padding: 30px; */} .section-home-videos .row:nth-child(2) .content { height: 320px;} .section-home-videos .content .pinned-bottom { position: absolute; bottom: 30px; } .section-home-videos .content-bg-image { background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; position: relative; } .section-home-videos .content-bg-image:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 0; } .section-home-videos .content-bg-image .content-inner { z-index: 2; position: relative; height: 100%; } .section-home-videos .content-bg-image p { margin: 0; } .section-home-videos .content-bg-image h4 { font: 25px/30px 'CircularStd-Medium', sans-serif; margin-bottom: 20px; } .section-home-videos .content-bg-image a { color: #fff; font-size: 18px; text-decoration: underline; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; text-decoration: none; display: block; } #video_landingLayout .section-content-panels .content-blog-post .content-blog-media { height: 320px; } #video_landingLayout .section-content-panels .content-blog-post .content-blog-media iframe { height: 100%; } #video_landingLayout .section-content-panels .content-blog-post .content-blog-content { /*height: 230px;*/ height: auto; } #video_landingLayout .section-blog h3, #video_landingLayout .section-blog-posts h3, #video_landingLayout .section-blog h1 { font: 45px/54px 'CircularStd-Medium', sans-serif; } #video_landingLayout .section-blog p, #video_landingLayout .section-blog li { font: 17px/25px 'CircularStd-Book', sans-serif; } .section-weather { padding: 0px; height: 160px; } .section-weather .weather { padding: 40px 40px 40px 80px; background-position: 20px 45px; background-repeat: no-repeat;} .section-weather .weather-description p { margin: 0; font: 17px/20px 'CircularStd-Book', sans-serif; } .section-weather .weather-description p.weather-city { font: 17px/20px 'CircularStd-Medium', sans-serif; margin-bottom: 10px; } /* ========================================================================== General page layout classes ========================================================================== */ .section-general-content h3, .section-general-content h1 { font: 45px/54px 'CircularStd-Medium', sans-serif; } .section-general-content p, .section-general-content li { font: 17px/25px 'CircularStd-Book', sans-serif; } .section-general-content p { margin-top: 0;} .section-general-content ol li { list-style: decimal; margin-left: 20px; padding-left: 10px; } .section-general-content ul li { list-style: disc; margin-left: 20px; padding-left: 10px; } .section-general-content p a, .section-general-content li a { color: #005886; } .section-general-content p a:hover, .section-general-content li a:hover { text-decoration: underline; } .section-general-content strong { font-family: 'CircularStd-Medium'; font-weight: normal; } .section-general-content .map { height: 450px; } .section-general-content .row.location { padding: 60px 0 80px 0; border-bottom: 1px solid #005886; } .section-general-content .container .row.location:first-child { padding-top: 0; } .section-general-content .container .row.location:last-child { padding-bottom: 0; border-bottom: none; } .section-general-content .container .map-shell { position: relative; font-size: 16px; } .section-general-content .container .map-shell .location-finder--legend p { font-size: 16px; margin-bottom: 10px; } .section-general-content .container .map-shell li { list-style: none; margin-left: 0; padding-left: 30px; font-size: 16px; } .section-general-content iframe {width: 100%;border: none;min-height: 600px;} .section-general-content form iframe {width: 100%;border: none;min-height: 40px;} /* ========================================================================== Location layout classes ========================================================================== */ #locationsLayout .section-general-content .row h2{ font: 45px/54px 'CircularStd-Medium', sans-serif; } #locationsLayout header h1{ font-size: 70px; } #locationsLayout .row.location h2{ margin-bottom: 30px; } #locationsLayout .section-vehicle-categories{ padding-top: 0px; } /* ========================================================================== OIther pages include ========================================================================== */ .section-other-pages {padding-top: 0;/* padding-bottom: 0; */} .section-other-pages h3 { font: 24px/1.2 'CircularStd-Medium', sans-serif; margin-bottom: 12px; } .section-other-pages ul li { list-style: square; margin-left: 20px; } .section-other-pages ul li a { color: #005886; text-decoration: underline; } /* ========================================================================== Booking Portal layout classes ========================================================================== */ #booking_portalLayout header { height: 150px; background-position: center center; background-size: initial; background-repeat: repeat-x; background-size: cover; } #booking_portalLayout header h1 { margin-top: 60px; } #booking_portalLayout header a {margin-top: 16px;display: inline-block;margin-left: 40px;} #booking_portalLayout .section-general-content { padding-top: 60px; } #booking_portalLayout footer, #booking_portalLayout .section-weather {display: none;} #booking_portalLayout .section-general-content .container {width: 100%;} #booking_portalLayout .section-general-content iframe {height: 100vh;} /* ========================================================================== Contact page layout classes ========================================================================== */ .section-contact p a { color: #005886; text-decoration: underline; } .section-contact ul, .section-contact ol { margin-left: 20px; } .section-contact ul li { list-style: disc; } .section-contact ol li { list-style: decimal; } .section-contact form { margin-top: 40px; } .section-contact form .row { margin-bottom: 20px; } .section-contact form .is-required label:after { content: '*'; display: inline-block; margin-left: 10px; color: #F04E43; } .section-contact form label { line-height: 40px; } .section-contact form label.error { color: #F04E43; } .section-contact form label.error:after { content: ''; display: none; } .section-contact form input, .section-contact form select { border: 1px solid #005886; height: 40px; } .section-contact form input[type=checkbox] { height: 26px; border-radius: 100%; } .section-contact form input[type=checkbox]:checked:before { line-height: 1; } .section-contact form textarea { border: 1px solid #005886; } .section-contact form p.success-message { display: block; text-align: center; width: 75%; margin: 0 auto; background: #C3DDBE; color: #226614; padding: 20px 80px; margin-bottom: 40px; border-radius: 3px; } /* ========================================================================== About page classes ========================================================================== */ .section-page-content { padding: 0; } .section-page-content .container { padding: 80px 0; border-bottom: 1px solid #005886; } .section-page-content.first-page-content .container, .section-page-content.last-page-content .container { border-bottom: 0; } .section-page-content h3 { font: 45px/54px 'CircularStd-Medium', sans-serif; } .section-page-content p, .section-page-content li { font-size: 17px; line-height: 25px; } .section-page-content p a, .section-page-content li a { color: #005886; text-decoration: underline; } .section-page-content ul li { list-style: disc; margin-left: 20px; } .section-page-content + .section-location-finder { padding-top: 0; padding-bottom: 0; } .section-page-content .page-content--left p { font-size: 25px; line-height: 30px; } .section-page-content.has-gutter .row > div { padding-left: 30px; padding-right: 30px; } .section-page-content.has-gutter .row > div:first-child { padding-left: 0; } .section-page-content.has-gutter .row > div:last-child { padding-right: 0; } .section-page-content a.btn { min-width: 170px; width: auto; text-align: center; } .section-related-articles .content { position: relative; height: 320px; padding: 30px; } .section-related-articles .content .content-inner { position: relative; display: block; } .section-related-articles .content-bg-image { background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; padding: 0; } .section-related-articles .content-bg-image:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 0; } .section-related-articles .content-bg-image .content-inner { z-index: 2; position: relative; height: 100%; } .section-related-articles .content-bg-image p { margin: 0; text-decoration: underline; } .section-related-articles .content-bg-image h4 { font: 25px/30px 'CircularStd-Medium', sans-serif; margin-bottom: 20px; } .section-related-articles .content-bg-image a { color: #fff; font-size: 18px; } .section-related-articles .content-bg-image .content-inner a { position: absolute; top:0; right: 0; bottom: 0; left: 0; padding: 30px; } .section-related-articles .content-instagram { padding: 30px; } .section-related-articles .content-instagram .content-inner a { position: relative; padding: 0; } .section-related-articles .content-instagram p.pinned-bottom { background: url('../images/ico-instagram_lg.png') left center no-repeat; padding-left: 60px; position: absolute; bottom: 0; text-decoration: none; } .section-related-articles .content-instagram a { text-decoration: none; font-size: 17px; line-height: 25px; text-decoration: none; } .section-related-articles .content-slider { background: #F04E43; color: #fff; } .section-related-articles .content-slider .slick-slider { height: 100%; } .section-related-articles .content-slider .slide-content h5 { font-size: 16px; margin-bottom: 12px; color: #fff; } .section-related-articles .content-slider .slide-content p { font: 25px/30px 'CircularStd-Medium', sans-serif; margin: 0; color: #fff; } .section-related-articles .content-slider .slick-dots { position: absolute; bottom: -5px; height: 16px;} .section-related-articles .content-slider .slick-dots li { display: inline-block; width: 14px; height: 14px; text-indent: -9999px; border: 2px solid #fff; border-radius: 100%; margin-right: 5px; cursor: pointer; } .section-related-articles .content-slider .slick-dots li.slick-active, .section-related-articles .content-slider .slick-dots li:hover { background: #fff; } .section-related-articles h2{ font: 45px/54px 'CircularStd-Medium', sans-serif;color: #F04E43;margin-bottom: 20px; } /* ========================================================================== Vehicle List page classes ========================================================================== */ #vehiclesLayout header h1 { font-size: 95px; line-height: 100px; margin-top: 140px; } #vehiclesLayout header p { font: 45px/54px 'CircularStd-Medium', sans-serif; color: #fff; } .section-vehicle-list { padding-bottom: 0; } .section-vehicle-list + .section-vehicle-list { padding-top: 0; } .section-vehicle-list h2, .section-vehicle-list h1 { font: 45px/54px 'CircularStd-Medium', sans-serif; margin-bottom: 100px; } .section-vehicle-list h2 a { color: #005886; } .section-vehicle-list h2 a:hover { text-decoration: underline; } .section-vehicle-list .vehicle-list--item { padding: 0 40px 100px 40px; text-align: center; } .vehicle-list--item .vehicle-list--image { margin-bottom: 20px; width: 100%; height: 260px} .vehicle-list--item .vehicle-list--description {min-height: 220px;} .vehicle-list--item .vehicle-list--description h3 { font: 25px/35px 'CircularStd-Medium', sans-serif; margin-bottom: 26px; } .vehicle-list--item .vehicle-list--description h3 a { color: #005886; } .vehicle-list--item .vehicle-list--description p { /*margin: 0 0 26px 0;*/ margin: 0 } .vehicle-list--item .vehicle-list--details a { color: #005886; text-decoration: underline; } .vehicle-list--item .vehicle-list--description .vehicle-list--people { display: inline-block; width: auto; padding-left: 30px; margin-top: 18px; margin-bottom: 18px; background-position: left center; background-repeat: no-repeat; } .vehicle-list--people.one_adult { background-image: url('/resources/images/icons/people/one_adult.png'); } .vehicle-list--people.two_adults { background-image: url('/resources/images/icons/people/two_adults.png'); } .vehicle-list--people.two_adults_one_child { background-image: url('/resources/images/icons/people/two_adults_one_child.png'); } .vehicle-list--people.three_adults { background-image: url('/resources/images/icons/people/three_adults.png'); } .vehicle-list--people.four_adults { background-image: url('/resources/images/icons/people/four_adults.png'); } .vehicle-list--people.six_adults { background-image: url('/resources/images/icons/people/six_adults.png'); } .vehicle-list--item .vehicle-list--book a.btn { margin-bottom: 16px; min-width: 0; max-width: 234px; width: 234px; padding-left: 10px; padding-right: 10px; } .vehicle-list--item .vehicle-list--book a.btn-book { padding-right: 26px; background-position: calc(100% - 20px) center; } .vehicle-list--item .vehicle-list--book a.enquireNow { text-align: center; } .section-vehicle-blurb { padding-top: 60px; padding-bottom: 160px; } .section-vehicle-blurb .vehicle-list--blurb { padding: 40px; position: relative; } .section-vehicle-blurb .vehicle-list--blurb.col12 { margin-bottom: 100px; } .section-vehicle-blurb .vehicle-list--blurb h3 { font: 25px/30px 'CircularStd-Medium', sans-serif; } /* ========================================================================== Vehicle Details classes ========================================================================== */ #vehicle_detailsLayout header { height: 0; min-height: 0; } #vehicle_detailsLayout header.header-blank { height: 120px; } .section-vehicle-gallery { padding-top: 180px; padding-bottom: 0; } .vehicle-gallery .slick-slide img {margin: 0 auto;max-height: 350px;} .vehicle-gallery .slick-dots { position: absolute; z-index: 10; bottom: 20px; width: 100%; text-align: center; } .vehicle-gallery .slick-dots li { display: inline-block; margin-right: 10px; border-radius: 100%; width: 17px; height: 17px; border: 2px solid #fff; } .vehicle-gallery .slick-dots li button { opacity: 0; } .vehicle-gallery .slick-dots li.slick-active { background: #fff; } .vehicle-gallery-thumbs { margin-top: 40px; } .vehicle-gallery-thumbs .slick-slide { opacity: 0.5; } .vehicle-gallery-thumbs .slick-current { opacity: 1; } .section-vehicle-details { padding-bottom: 115px; } .vehicle-copy h2, .vehicle-copy h1 { font: 42px/52px 'CircularStd-Medium', sans-serif; } .vehicle-copy-links p a { color: #005886; text-decoration: underline; display: inline-block; margin-right: 1.5em; } .vehicle-copy-links p a:last-child { margin-right: 0; } .vehicle-copy-links .buttons a { width: auto; min-width: 160px; margin-right: 20px; } .vehicle-copy-links .buttons a:last-child { margin-right: 0; } .vehicle-copy-links .buttons a.btn-blue { text-align: center; } .vehicle-options p { margin: 0; } .vehicle-option-buttons { margin-top: 70px; } .vehicle-option-buttons a { width: 100%; margin-bottom: 20px; position: relative; } .vehicle-option-buttons a.btn-video-play:after { content: ''; display: block; width: 14px; height: 16px; top: 50%; margin-top: -8px; right: 20px; position: absolute; background: url('/resources/images/ico-play.png') left top no-repeat; } .vehicle-option-buttons a.btn-day:after { content: ''; display: block; width: 24px; height: 24px; top: 50%; margin-top: -12px; right: 16px; position: absolute; background: url('/resources/images/ico-sun.png') left top no-repeat; } .vehicle-option-buttons a.btn-night:after { content: ''; display: block; width: 15px; height: 17px; top: 50%; margin-top: -9px; right: 20px; position: absolute; background: url('/resources/images/ico-crescent.png') left top no-repeat; } .vehicle-option-buttons a.btn-video-play:hover:after, .vehicle-option-buttons a.btn-day:hover:after, .vehicle-option-buttons a.btn-night:hover:after { background-position: left bottom; } .section-vehicle-specifications-headings { padding-top: 0; margin: 0 auto 18px 0; display: block; text-align: center; padding-bottom: 0; } .section-vehicle-specifications-headings li { display: inline-block; } .section-vehicle-specifications-headings li a { font-size: 25px; display: block; padding: 8px 45px; color: #005886; border-right: 1px solid #005886; position: relative; line-height: 35px; } .section-vehicle-specifications-headings li:last-child a { border-right: none; } .section-vehicle-specifications-headings li a.selected, .section-vehicle-specifications-headings li a:hover { color: #F04E43; } .section-vehicle-specifications-headings li a.selected:after {content: ''; display: block; width: 0; height: 0; border-style: solid; bottom: -19px; border-width: 0 14px 20px 14px; border-color: transparent transparent #EEEBE7 transparent; position: absolute; left: 50%; margin-left: -14px; } .section-vehicle-specifications { padding: 45px 0; } .section-vehicle-specifications table { width: 45%; float: left; margin-right: 5%; } .section-vehicle-specifications table:last-child { margin-right: 0; } .section-vehicle-specifications table tr td { vertical-align: top; padding-bottom: 5px;} .section-vehicle-specifications table tr td:first-child { min-width: 260px; padding-right: 20px; width: 20%; font: 17px/22px 'CircularStd-Medium', sans-serif; } .vehicle-related-vehicles { margin-top: 70px; } .vehicle-related-vehicle .vehicle-description { margin-top: 50px; margin-bottom: 24px; text-align: center; } .vehicle-related-vehicle .vehicle-description .vehicle-list--people { display: inline-block; width: auto; padding-left: 30px; margin-top: 18px; margin-bottom: 18px; background-position: left center; background-repeat: no-repeat; } .vehicle-related-vehicle .vehicle-book { text-align: center; } .vehicle-related-vehicle .vehicle-book a.btn { margin-bottom: 16px; min-width: 0; max-width: 160px; width: 160px; padding-left: 10px; padding-right: 10px; } .vehicle-related-vehicle .vehicle-book a.btn-book { padding-right: 26px; } .section-packages-testimonials { padding-top: 0; } .section-packages-testimonials .testimonials-slider { padding: 30px; } .section-packages-testimonials .testimonials-slider .slick-dots button { width: 16px; height: 16px !important; background: transparent; padding: 0; } .section-packages-testimonials .testimonials-slider .slick-dots .slick-active button { background: #005886; } .section-vehicle-booknow{text-align: center;padding: 40px 0;} .section-vehicle-booknow .btn-green:hover{background-color: #fff;color:#005886;} /* ========================================================================== Travel layout classes ========================================================================== */ #travelLayout header { height: 578px; } #travelLayout header h1 { font: 95px/100px 'CircularStd-Medium', sans-serif; } .section-travel-content h2 { font: 45px/54px 'CircularStd-Medium', sans-serif; } .section-travel-content p { font-size: 17px; line-height: 25px; } .travel-cities-form { margin-bottom: 20px; } .travel-cities-form label { line-height: 40px; } .travel-cities-form select { border: 1px solid #005886; } .travel-cities-form .row { margin-bottom: 12px; } .travel-filters p a { color: #005886; margin-left: 0; } .travel-filters p a:before { content: ''; display: inline-block; width: 14px; height: 14px; margin-right:10px; border: 2px solid #005886; border-radius: 100%; vertical-align: -7.5%; } .travel-filters p a:hover:before, .travel-filters p a.selected:before { background: #F04E43; border-color: #F04E43; } .section-travel-routes { padding-top: 0; } .section-travel-routes h2 { font: 45px/54px 'CircularStd-Medium', sans-serif; margin-bottom: 66px; } .section-travel-routes .travel-routes { margin: 0 -20px -20px -20px; } .section-travel-routes .travel-routes .col4 { padding: 0 20px; margin-bottom: 40px; } .travel-route { -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .travel-route.faded { opacity: 0.3; } .travel-route.faded:hover { opacity: 1; } .travel-route .travel-route--image { background-color: #EEEBE7; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 30px; min-height: 320px; } .travel-route .travel-route--image a {display: block; position: absolute; top: 0; right: 0 ;bottom: 0; left: 0; z-index: 3; } .travel-route .travel-route--image:before { content: ''; display: block; position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.25))); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=0 ); } .travel-route .travel-route--image img { visibility: hidden; } .travel-route .travel-route--image h3 { position: absolute; bottom: 30px; margin: 0; left: 30px; font: 42px/47px 'CircularStd-Medium', sans-serif; color: #fff; z-index: 4; } .travel-route .travel-route--image p { position: absolute; top: 30px; font-size: 15px; line-height: 18px; color: #fff; margin: 0; left: 30px; z-index: 4; } .travel-route .travel-route--content { min-height: 323px; padding: 30px; } .travel-route .travel-route--copy { margin-bottom: 30px; } .travel-route .travel-route--copy h2 { font: 25px/30px 'CircularStd-Medium', sans-serif; margin-bottom: 30px; } .travel-route .travel-route--copy p { margin: 0; } /* ========================================================================== Itinerary layout classes ========================================================================== */ #itineraryLayout header { height: 476px; position: relative; } #itineraryLayout header h1 { font: 95px/100px 'CircularStd-Medium', sans-serif; } .section-itinerary-route .map { height: 640px; } .section-itinerary-content { padding-bottom: 60px; } .section-itinerary-content h2 { font: 45px/54px 'CircularStd-Medium', sans-serif; margin-bottom: 48px; } .section-itinerary-content p { font-size: 25px; line-height: 30px; } .section-itinerary-content .pull-right p { font-size: 17px; line-height: 25px; margin: 0; } .section-itinerary-content .pull-right > div { margin-bottom: 30px; } .section-itinerary-content .pull-right > div:last-child { margin-bottom: 0; } .section-itinerary-content .pull-right ul li { list-style: disc; margin-left: 20px; } .section-itinerary-content .pull-right ol li { list-style: decimal; margin-left: 20px; } .section-itinerary-content .pull-right .itinerary-content a { color: #005886; text-decoration: underline; -webkit-transition: none; transition: none; } .section-itinerary-content .pull-right a:hover { color: #F04E43; } .section-itinerary-route { padding-top: 0; padding-bottom: 0; } .section-itinerary-days { } .section-itinerary-days .itinerary-day { padding: 70px 0; border-bottom: 1px solid #005886; } .section-itinerary-days .itinerary-day:first-child { padding-top: 0; } .section-itinerary-days .itinerary-day:last-child { padding-bottom: 0; border-bottom: none; } .itinerary-day .itinerary-day--image { padding-left: 0; padding-right: 20px; } .itinerary-day .itinerary-day--content { /*padding-left: 20px;*/ padding-right: 0; } .itinerary-day .itinerary-day--image + .itinerary-day--content { padding-left: 20px; } .itinerary-day .itinerary-day--content h3 { color: #F04E43; font: 45px/54px 'CircularStd-Medium', sans-serif; margin-bottom: 16px; } .itinerary-day .itinerary-day--content h4 { color: #F04E43; font: 25px/30px 'CircularStd-Medium', sans-serif; margin-bottom: 1em; } .itinerary-day .itinerary-day--content p { margin-top: 0; margin-bottom: 1em; } .itinerary-day .itinerary-day--content ul li { list-style: disc; margin-left: 20px; } .itinerary-day .itinerary-day--content ol li { list-style: decimal; margin-left: 20px; } .itinerary-day .itinerary-day--content a { -webkit-transition: none; transition: none; color: #005886; text-decoration: underline; } .itinerary-day .itinerary-day--content a:hover { color: #F04E43; } .itinerary-day .itinerary-day--dot-points { margin-bottom: 1em; } .section-itinerary-testimonials .itinerary-testimonial-content { margin-bottom: 40px; } .section-itinerary-testimonials .itinerary-testimonial-content .pull-left p { font-size: 25px; line-height: 30px; margin: 0; } .section-itinerary-testimonials .itinerary-testimonial-content .pull-right a { color: #005886; text-decoration: underline; line-height: 30px; } .section-itinerary-testimonials .itinerary-testimonial-content .pull-right a:hover { color: #F04E43; } .itinerary-testimonials .itinerary-testimonial { margin-bottom: 40px; } .itinerary-testimonials .itinerary-testimonial:last-child { margin-bottom: 0; } .itinerary-testimonials .itinerary-testimonial:nth-child(2n) .itinerary-testimonial--image { float: right; } .itinerary-testimonials .itinerary-testimonial--image { background-position: center center; background-repeat: no-repeat; background-size: cover; } .itinerary-testimonials .itinerary-testimonial--image img { visibility: hidden; } .itinerary-testimonials .itinerary-testimonial--content { padding: 30px 30px 30px 40px; } .itinerary-testimonials .itinerary-testimonial--content h3 { font-size: 16px; margin-bottom: 12px; } .itinerary-testimonials .itinerary-testimonial--content p { margin: 0 0 12px 0; font: 24px/30px 'CircularStd-Medium', sans-serif; } .itinerary-testimonials .itinerary-testimonial--content p.author { font-size: 16px; } .itinerary-testimonials .itinerary-testimonial--star-rating { margin-bottom: 0; } .itinerary-testimonials .itinerary-testimonial--star-rating img { display: block; } .section-related-routes { padding-top: 0; padding-bottom: 150px; } .section-related-routes .row { margin-left: -20px; margin-right: -20px; } .section-related-routes .related-routes .travel-route { padding-left: 20px; padding-right: 20px; } /* ========================================================================== agency classes ========================================================================== */ .section-agency-website{ padding: 51px 0;} .section-agency-website .col12{text-align: center; font-size: 20px;} .section-agency-website p{margin:0;} .section-agency-website a{color: #005886;} .section-agency-website img{width: 200px;} .section-agency-blurb{padding-bottom: 57px;} .section-agency-blurb .col6{ /* height: 260px; */} .section-agency-blurb .col6 img{width: 90%; height: auto} #agencyLayout .section-home-blurb { padding: 57px 0px;} .section-book-with-us .book-with-us--coa { margin-bottom: 30px; } /* ========================================================================== Packages classes ========================================================================== */ #packagesLayout .section-blog { padding: 0px;} .section-blog p{font: 17px/25px 'CircularStd-Book', sans-serif;} #packagesLayout .section-content-panels { padding: 118px 0px; } .col-margin-right{margin-right: 20px;} /* ========================================================================== FAQ layout classes (tabs) ========================================================================== */ .tabs { border: 1px solid #005886; } .tabs .tab { } .tabs .tab h3 { background: #005886; color: #fff; padding: 15px; font-size: 30px; position: relative; border-bottom: 1px solid #fff; } .tabs .tab:last-child h3 { border-bottom: none; } .tabs .tab h3:after { content: '\2794'; display: block; position: absolute; right: 20px; color: #fff; top: 50%; margin-top: -25px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-trasition: all 400ms ease; transition: all 400ms ease; } .tabs .tab h3:hover { cursor: pointer; } .tabs .tab .tab-content { display: none; padding: 20px; } .tabs .tab-open .tab-content { display: block; } .tabs .tab-open h3:after {-webkit-transform: rotate(90deg);transform: rotate(90deg);} @media all and (-ms-high-contrast:none) { .logo-bar { margin-top: 40px; } } /* ========================================================================== Relocations form ========================================================================== */ .section-relocations .container h3 { margin-bottom: 40px; } .section-relocations .container h3 a { color: #005886; text-decoration: underline; } .left_col {width: 40%;} .left_col img {padding: 38px;} .right_col {width: 60%;} .right_col p{margin: 0 0 4px; font-family: 'CircularStd-Medium'; font-weight: normal;} .right_col a {padding-top: 10px; display: block; text-decoration: underline;} #overlay-relocations-enquiry-form .row{position: relative;} #overlay-relocations-enquiry-form #extra_comment{ min-height: 197px;} #overlay-relocations-enquiry-form .g-recaptcha{position: absolute; top: 0; right: -13px;} .top-bar .hidden-mobile .grey-bg li:first-child{display:none;} /*SEO*/ section.breadcrumbs ol li {float: left;} .section-content-panels .content-blog-post .content-seo_callout-content { padding: 30px; position: relative;} .section-content-panels .content-blog-post .content-seo_callout-content h4 { font: 25px/30px 'CircularStd-Medium', sans-serif; color: #005886; } /* ========================================================================== Media Queries for Responsive Design. Modify as content requires. ========================================================================== */ @media only screen and (max-width: 1200px) { } @media only screen and (max-height: 650px) { .overlay-panel { height: 80%; } } @media only screen and (max-width: 1090px) { .container { width: auto; padding: 0 20px;} .overlay .container {width: 800px;} .top-bar li a { margin-right: 10px; } .header--subnav li a { font-size: 18px; } section { padding: 80px 0; } .section-vehicle-categories li a { font-size: 24px; } .section-deal-banner { min-height: 440px; } .section-deal-banner h2 { font-size: 90px; margin-bottom: 55px; } .section-deal-banner h3 { font-size: 70px; margin-bottom: 30px; } .section-deal-banner h3 sup { font-size: 39px; } .section-content-panels .content-blog-post .content-blog-content { height: 400px; } .overlay-panel { padding: 50px; margin: 50px; } .section-page-content.first-page-content .container, .section-page-content.last-page-content .container , .section-page-content .container{margin: 0 20px;} } /* * Tablet */ @media only screen and (max-width: 1024px) { .col-md-12 { width: 100%; } .col-md-11 { width: 91.666666666667%; } .col-md-10 { width: 83.333333333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.666666666667%; } .col-md-7 { width: 58.333333333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.666666666667%; } .col-md-4 { width: 33.333333333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.666666666667%; } .col-md-1 { width: 8.3333333333333%; } /* Helpers */ header { min-height: 420px;} header.header-blank { min-height: 120px;} .hidden-tablet { display: none; } .visible-tablet { display: block; } .vehicle-selection--slider .slick-arrow { display: none !important; } /* footer */ .mobile-gutter { height: 10px; } .footer-links .row > div { margin-bottom: 20px; } .top-bar li a { margin-right: 15px; } /* home page panels */ .section-book-with-us .book-with-us--content { min-height: 200px; } .section-location-finder .location-finder--legend { margin-left: 20px; } .section-deal-banner h2 { margin-bottom: 10px; } /*.section-seo .row { padding: 0 30px; }*/ .section-seo .row > div { padding: 40px 0; } .section-seo .row > div h3 { font-size: 30px; line-height: 38px;} .section-seo .row > div p, .section-seo .row > div li { font-size: 16px; } .section-seo .content { margin-bottom: 0; } .section-seo .content p:last-child { margin-bottom: 0; } .section-testimonials .row .testimonial--content p { font-size: 20px; line-height: 26px; } .section-content-banner { height: 450px; } .section-content-banner .row > div:nth-child(2) { height: 290px; } /*.section-content-panels .row > div { padding: 10px}*/ .section-content-panels, #packagesLayout .section-content-panels { padding: 20px 10px 40px 10px; } .section-content-panels .row > div { padding: 10px; } .section-home-videos .content { height: 357px; } .section-page-content .container { margin-left: 20px; margin-right: 20px; } .section-vehicle-gallery { padding-top: 40px; } .section-vehicle-specifications-headings li a { padding-left: 30px; padding-right: 30px; font-size: 110%; } } /* * Tablet */ @media only screen and (max-width: 960px) { .top-bar li a { font-size: 14px; } .top-bar li ul li:before {font-size: 14px; vertical-align: top;} } /* * Mobile */ @media only screen and (max-width: 768px) { .left_col {width: 100%; float: left;} .right_col {width: 100%;float: right; padding-bottom: 20px;} /* Mobile grid */ .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.666666666667%; } .col-sm-10 { width: 83.333333333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.666666666667%; } .col-sm-7 { width: 58.333333333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.666666666667%; } .col-sm-4 { width: 33.333333333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.666666666667%; } .col-sm-1 { width: 8.3333333333333%; } /* Helpers */ .hidden-mobile { display: none; } .visible-mobile { display: block; } /* navigation */ header { margin-top: 80px; max-height: 320px; } header.header-blank { min-height: 0px;} #vehiclesLayout header { /*height: 640px !important;*/ max-height: none; } header.header-blank { height: 0; } .header--home { height: 640px !important; max-height: none; } header.header--home h1 { float: left; margin-top: 20px; } header.header--home h2 { float: right; } header h1 { margin-top: 80px; } #blogLayout header h1 { margin-top: 80px; } #locationsLayout header h1 { font-size: 70px; } header h2 { margin-top: 20px; } #travelLayout header h1 { font-size: 70px; } .nav-mobile .bottom { top: 80px; left: 0; margin-left: 0; -webkit-transform: translateX(0); transform: translateX(0); } .nav-mobile--phone-number { background: transparent; } .nav-mobile--phone-number a { font-size: 16px; padding: 0; } .header--subnav li a { font-size: 30px; } .header--book-now { margin-top: 20px; } .top-bar { height: 80px; padding: 15px 0; } .top-bar .btn-book, .top-bar .btn-book:hover { visibility: visible; opacity: 1; } .top-bar li ul li:before { content: ''; margin: 0px} #google_translate_element{bottom: 19px;} .goog-te-gadget .goog-te-combo{font-size: 14px;height: 35px;} /* footer */ footer .footer-credits { margin-top: 50px; } /* home page */ .section-home-blurb h2 { font-size: 32px; line-height: 40px; } .section-book-with-us .row > div { margin-bottom: 40px; } .section-book-with-us { padding-bottom: 0; } .section-book-with-us h2 { margin-bottom: 20px; } .section-book-with-us .book-with-us--content { width: 83.333333333333%; margin-left: 0; margin-right: 0; min-height: 0; text-align: left; padding-left: 30px; } .section-book-with-us .book-with-us--content .book-with-us--heading { min-height: auto; margin-bottom: 0; } .section-book-with-us .book-with-us--content .book-with-us--heading:before { display: none; } .section-book-with-us .book-with-us--coa { text-align: left; margin-left: calc(16.666666666667% + 30px); width: calc(100% - 16.666666666667% - 30px);margin-bottom: 0px; } .vehicle-selection--slider .slick-arrow { display: none !important; } .section-vehicle-categories li a { font-size: 24px; line-height: 20px; padding: 8px 30px; } .vehicle-list--item .vehicle-list--image { min-height: 150px; height: 150px; } .vehicle-description p { font-size: 14px; } .vehicle-description p.vehicle-description-people { padding-left: 20px; } .vehicle-description h3 { min-height: 105px; } .section-specials h3 { font-size: 20px; line-height: 26px; min-height: 52px; } .section-specials .content {min-height: 160px;} .section-specials .content p { font-size: 15px; } .section-depots h2 { font-size: 30px; line-height: 36px; } .section-depots { padding-bottom: 80px; } .section-depots p { font-size: 18px; line-height: 26px; } .section-deal-banner { min-height: 440px;} .section-deal-banner h2 { font-size: 70px; } .section-deal-banner h3 { font-size: 50px; } .section-deal-banner h3 sup { font-size: 18px; } /*.section-seo .row { margin-bottom: 0; }*/ /*.section-seo .row > div { padding: 0; margin-bottom: 60px; }*/ .section-content-banner { height: 400px; } .section-testimonials .row .testimonial--content p { font-size: 16px; line-height: 22px; } .section-testimonials .row .testimonial--content p.author { font-size: 14px; font-family: 'CircularStd-Book'; } .section-content-banner .row div.text-right { height: 224px; } .section-content-panels .content-bg-image { background-position: center top; } .section-content-panels .content-blog-post .content-blog-content { height: 320px; } .section-home-videos .content { height: 200px; } .home-video--container { margin-bottom: 20px; } .section-weather .weather-description p { font-size: 14px; line-height: 18px; } .section-vehicle-specifications .slick-track .vehicle-tab:nth-child(3) table tr td:first-child { min-width: 140px; } .section-page-content.first-page-content .container { border-bottom: 1px solid #005886; } .section-page-content .container { /* border: none; */ padding-top: 40px; padding-bottom: 40px; } .section-page-content.has-gutter .row > div { padding-left: 0; } .section-related-articles .col-sm-12 { padding-left: 0; padding-right: 0; margin-bottom: 20px; } .section-related-articles .row .col-sm-12:last-child { margin-bottom: 0; } .section-content-panels .content-blog-post .content-blog-media-missing { max-width: 344px; } .itinerary-testimonials .itinerary-testimonial--content p { font-size: 18px; line-height: 1.2; } #vehicle_detailsLayout header.header-blank { height: 0; } .vehicle-list--item .vehicle-list--book a.btn {width: 156px; } #overlay-relocations-enquiry-form .g-recaptcha { position: relative; float: none; margin: auto; margin-top: 10px; right: 0px;} .overlay-panel {position: relative;left: inherit;overflow: scroll; -webkit-transform:none; transform:none; } .overlay .container {width: auto;} #packagesOverlay .row div:first-child,#relocationsOverlay .row div:first-child {margin-bottom: 20px;} .btn-enquire{margin-bottom: 10px;text-align: center;} } /* * landscape Mobile */ @media only screen and (max-width: 667px) { .overlay-panel {height: calc(100vh - 40px);} .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.666666666667%; } .col-xs-10 { width: 83.333333333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.666666666667%; } .col-xs-7 { width: 58.333333333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.666666666667%; } .col-xs-4 { width: 33.333333333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.666666666667%; } .col-xs-1 { width: 8.3333333333333%; } /* general */ section { padding: 30px 0; } .hidden-xs-mobile { display: none; } .visible-xs-mobile { display: block; } /* header */ header h1 { font-size: 45px !important; margin-top: 100px !important; } .header--home .container > .row:first-child > div:first-child { display: none; } .header--subnav { margin-top: 10px; text-align: center; } .header--subnav li a { font-size: 20px; } /* homepage */ .section-book-with-us h2 { font-size: 34px; line-height: 42px; margin-bottom: 0; } .section-vehicle-categories li a { font-size: 18px; } .vehicle-selection--slider .vehicle-selection--item { margin-right: 0; padding-left: 16px; padding-right: 16px; } .vehicle-description p.vehicle-description-people { background-size: 25%; } .section-specials { padding-bottom: 30px;} .section-specials img { max-width: 60%; } .section-specials .content p { min-height: 75px; } .section-deal-banner { min-height: 300px; } .section-deal-banner h2 { font-size: 50px; line-height: 70px;} .section-deal-banner h3 { font-size: 30px; line-height: 50px; } .section-content-banner { height: 260px; } .section-content-banner .row div.text-right { height: 200px; } /* vehicles layout */ .section-vehicle-list .vehicle-list--item { padding: 0 0 50px 0; } .vehicle-gallery .slick-dots { display: none !important; } /* blog layout */ .section-content-panels .content-blog-post .content-blog-media-missing { display: none; } } /* * Portrait mobile */ @media only screen and (max-width: 440px) { .col-xxs-12 { width: 100%; } .col-xxs-11 { width: 91.666666666667%; } .col-xxs-10 { width: 83.333333333333%; } .col-xxs-9 { width: 75%; } .col-xxs-8 { width: 66.666666666667%; } .col-xxs-7 { width: 58.333333333333%; } .col-xxs-6 { width: 50%; } .col-xxs-5 { width: 41.666666666667%; } .col-xxs-4 { width: 33.333333333333%; } .col-xxs-3 { width: 25%; } .col-xxs-2 { width: 16.666666666667%; } .col-xxs-1 { width: 8.3333333333333%; } /* general */ .btn { font-size: 16px; min-width: 100%; padding: 10px; } form select { font-size: 16px; } .container { padding: 0 10px} /* header */ header { min-height: calc(50vh - 80px); } .header--home { height: 480px; max-height: none; } #homeLayout .header--home, #agencyLayout .header--home { height: 480px !important; } .header--subnav li a { font-size: 20px; border-right: none; display: inline-block; margin-bottom: 10px; } .header--subnav li:first-child { padding-left: 14px; } .header--subnav li:last-child { padding-right: 14px; } .header--book-now form .row > .col-xxs-12 { margin-bottom: 20px; } .header--book-now form .row > .col-xxs-12:last-child { margin-bottom: 0; } .header--book-now form select.pin { font-size: 17px; } .header--book-now input.btn { font-size: 17px; } .nav-mobile--book-now { float: left; } .nav-mobile--book-now a.btn-book { font-size: 15px; width: 108px; margin-right: 0; margin-left: 0; } /* home page */ .section-home-blurb h2 { font-size: 22px; line-height: 28px; margin-bottom: 20px; } .section-home-blurb p { font-size: 16px; margin-top: 2px; } .section-book-with-us { padding-bottom: 30px; } .section-book-with-us h2 { font-size: 26px; padding-left: 40px; padding-right: 50px; line-height: 1.2; margin-bottom: 40px; } .section-book-with-us .row > div { margin-bottom: 60px; } .section-book-with-us .book-with-us--counter { width: 50px; height: 50px; font-size: 30px; line-height: 47px; text-indent: 0; } .section-book-with-us .book-with-us--content .book-with-us--heading h3 { width: 100%; } /*.section-book-with-us .book-with-us--content { width: 75%; }*/ .section-book-with-us .book-with-us--coa a { min-width: 140px; text-align: center; } .section-book-with-us .book-with-us--coa a.btn-book { text-align: left; padding-right: 40px; } .section-vehicle-categories .container { padding: 0;} .section-vehicle-categories li a { font-size: 14px; padding: 2px 10px; } .vehicle-description h3 { min-height: 70px; } .vehicle-selection--item .vehicle-book .btn-book { min-width: 100%; } .section-specials h3 {min-height: auto;margin-bottom: 20px;text-align: left;margin-left: calc(16.666666666667% + 10px); font-size: 22px; line-height: 28px;} .section-specials { padding-bottom: 0; } .section-specials .content {padding-left: 10px;margin-bottom: 40px;text-align: left;min-height: 1px;} .section-specials .content p { min-height: auto; text-align: left; } .section-specials .content a {/* min-width: 100%; */position: relative;margin-left: 0;left: 0;margin-top: 12px;/* display: block; */ text-align: center;} .section-depots { padding-bottom: 30px;} .section-depots .row > div:first-child { width: 100%; float: none; } .section-depots .row > div:last-child { display: none; } .section-deal-banner { height: 280px; } .section-deal-banner h2 { font-size: 30px; line-height: 30px; } .section-deal-banner h3 { font-size: 20px; line-height: 20px; } .section-deal-banner a.btn { display: inline-block; width: 100%; min-width: 0; font-size: 18px; padding: 10px; margin-right: 10px; margin-bottom: 20px; } .section-deal-banner a.btn-book { text-align: left; background-position: calc(100% - 20px) center; padding-left: 20px; } .section-seo .row > div h3 { margin-bottom: 20px; font-size: 24px; line-height: 30px; } .section-seo .row > div p:last-child { margin-bottom: 18px; } .section-seo .btn { max-width: 100%; min-width: 100%; text-align: center; } .section-testimonials .row .testimonial--content { padding-left: 30px; } .section-testimonials .slider .slick-dots { margin-left: 0; left: auto; } .section-blog-posts .container { padding-left: 0; padding-right: 0; } .section-content-panels .content.grey-bg h4 { font-size: 22px; line-height: 28px; } .section-content-panels .content.grey-bg p { font-size: 16px; } .section-content-panels .content { height: auto; } .section-content-panels .content-slider .slick-dots { display: none !important; } /* contact form overrides */ #contact-form .text-right { text-align: left; } .section-contact form p.success-message { padding: 20px; width: 100%; } /* vehicles layout overrides */ .section-vehicle-blurb .vehicle-list--blurb.col12 p { word-break: break-all; } #vehiclesLayout header h1 { font-size: 50px !important; margin-top: 20% !important; line-height: 1.2; } #vehiclesLayout header p { font-size: 30px; line-height: 1.5; } .vehicle-list--item .vehicle-list--image { min-height: 200px; } .vehicle-copy-links .buttons a { padding-right: 50px; } .section-vehicle-blurb { margin-bottom: 0; padding-bottom: 0; } .section-vehicle-specifications-headings li { margin-right: 8px; } .section-vehicle-specifications-headings li a { font-size: 10px; padding: 0; border-right: none; } .section-vehicle-specifications table { float: none; width: 100%; margin-right: 0; } .section-vehicle-specifications table tr td { font-size: 12px; } .section-vehicle-specifications table tr td:first-child { font-size: 12px; min-width: auto; width: 40%; } .section-testimonials .row .testimonial--content p, .section-packages-testimonials .row .testimonial--content p { font-size: 16px; line-height: 20px; } /* faqs overrides */ .tabs .tab h3 { font-size: 20px; line-height: 24px; } .tabs .tab h3:after { margin-top: -12px} /* travel overrides */ #travelLayout header h1, #itineraryLayout header h1 { font-size: 55px; line-height: 1.2; } #travelLayout section .container .btn { text-align: center; } .section-travel-content h2 { font-size: 26px; line-height: 1.2; } .section-itinerary-content h2 { font-size: 32px; line-height: 1.2; margin-bottom: 0; } /* overlay overrides */ .overlay-panel { margin: 20px; padding: 20px; } .overlay-panel .btn-close { min-width: 0; } .overlay-panel select, .overlay-panel input[type=text], .overlay-panel input[type=email], .overlay-panel input[type=tel], .overlay-panel textarea { font-size: 16px; } .overlay-panel ::-webkit-input-placeholder { font-size: 16px; } .overlay-panel :-moz-placeholder { /* Firefox 18- */ font-size: 16px; } .overlay-panel ::-moz-placeholder { /* Firefox 19+ */ font-size: 16px; } .overlay-panel :-ms-input-placeholder { font-size: 16px; } #bookingOverlay.overlay-panel img.logo { width: 40%; } #bookingOverlay.overlay-panel h2 { margin-bottom: 4px; } #bookingOverlay label { font-size: 16px; margin-left: 0; float: right; width: 80%; } .overlay-panel .header-book-now--submit-row .row > div:first-child { padding-right: 0; margin-bottom: 10px; } .overlay-panel .header-book-now--submit-row .row > div:last-child { padding-left: 0; } #overlay-enquiry-form .row { margin-bottom: 10px; } #overlay-enquiry-form .row .col-xxs-12:first-child { margin-bottom: 10px; } } @media only screen and (max-width: 375px) { .nav-mobile--phone-number { display: none; } } /* * iPhone 5 portrait */ @media only screen and (max-width: 320px) { .nav-mobile--phone-number { display: none; } }