@charset "UTF-8";
@font-face {
font-family: "LinearIcons";
font-style: normal;
font-weight: 300;
src: url("../fonts/Linearicons-Free.ttf") format("truetype"), url("../fonts/Linearicons-Free.woff") format("woff"), url("../fonts/Linearicons-Free.woff2") format("woff2"), url("../fonts/Linearicons-Free.eot?") format("eot"), url("../fonts/Linearicons-Free.svg#LinearIcons") format("svg"); }
@font-face {
font-family: "JosefinSans";
font-style: normal;
font-weight: 300;
src: url("../fonts/josefinsans-light-webfont.ttf") format("truetype"), url("../fonts/josefinsans-light-webfont.woff") format("woff"), url("../fonts/josefinsans-light-webfont.woff2") format("woff2"); }
@font-face {
font-family: "JosefinSans";
font-style: italic;
font-weight: 300;
src: url("../fonts/josefinsans-lightitalic-webfont.ttf") format("truetype"), url("../fonts/josefinsans-lightitalic-webfont.woff") format("woff"), url("../fonts/josefinsans-lightitalic-webfont.woff2") format("woff2"); }
@font-face {
font-family: "JosefinSans";
font-style: normal;
font-weight: 600;
src: url("../fonts/josefinsans-bold-webfont.ttf") format("truetype"), url("../fonts/josefinsans-bold-webfont.woff") format("woff"), url("../fonts/josefinsans-bold-webfont.woff2") format("woff2"); }
@font-face {
font-family: "JosefinSans";
font-style: italic;
font-weight: 600;
src: url("../fonts/josefinsans-bolditalic-webfont.ttf") format("truetype"), url("../fonts/josefinsans-bolditalic-webfont.woff") format("woff"), url("../fonts/josefinsans-bolditalic-webfont.woff2") format("woff2"); }
/* Body */
html {
color: #231f20;
box-sizing: border-box;
font-size: 62.5%; }
html,
body,
h1,
h2,
h3,
h4,
h5 {
margin: 0;
padding: 0; }
body {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.8em;
font-weight: 400;
color: #444;
font-family: "Raleway", sans-serif;
letter-spacing: 0;
font-style: normal;
overflow-x: hidden;
background-image: url('../img/new-york.jpg');
z-index: -1;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative; }
h1, h2, h3, h4, h5 {
font-family: "JosefinSans", Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: 100; }
.h1, h1 {
font-size: 35px;
font-size: 3.5rem;
line-height: 1.15em; }
.h2, h2 {
font-size: 30px;
font-size: 3rem;
line-height: 1.3em; }
.h3, h3 {
font-size: 25.5px;
font-size: 2.55rem;
line-height: 1.3em; }
.h4, h4 {
font-size: 20px;
font-size: 2rem;
line-height: 1.4em; }
.h5, h5 {
font-size: 17px;
font-size: 1.7rem;
line-height: 1.5em; }
.h6, h6 {
font-size: 15px;
font-size: 1.5rem; }
.return-discount {
font-size: 11px;
font-size: 1.1rem;
margin-bottom: 6px; }
h1,
h2,
h3,
h4,
h5 {
font-weight: 100;
margin-bottom: 12px; }
a:hover {
text-decoration: none;
color: #e0d18f; }
a:hover,
a:active,
a:focus {
color: #e0d18f;
outline: none;
text-decoration: none; }
a.uk-datepicker-table-muted {
color: #ccc; }
input {
font-family: "Raleway", sans-serif;
font-size: 14px;
cursor: pointer; }
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none; }
input:focus {
outline: none; }
label {
font-size: 12px;
font-size: 1.2rem; }
/*------------------------------------------------------------------------------
-- Flags */
.thai,
.eng {
position: absolute;
}
.thai span,
.eng span {
width: 20px;
height: 20px;
}
.eng,
.single.eng {
left: 131px;
top: 10px;
}
.thai,
.single.thai {
left: 165px;
top: 10px;
}
@media (min-width: 400px) {
.eng,
.single.eng {
left: 181px;
}
.thai,
.single.thai {
left: 215px;
}
}
@media (min-width: 767px) {
.thai,
.single.thai,
.eng,
.single.eng {
top: 41px;
}
.eng {
left: 385px;
}
.single.eng {
left: 275px;
}
.thai {
left: 425px;
}
.single.thai {
left: 305px;
}
}
/*------------------------------------------------------------------------------
-- Global */
ul,
li {
margin: 0;
padding: 0; }
.uk-container ul.default > li {
list-style: none; }
.visuallyhidden {
position: absolute !important;
left: -9999px !important;
top: -9999px !important; }
li {
list-style: none; }
.data-block,
ul.data-block > li {
display: block; }
.data-line,
ul.data-line > li {
display: inline-block; }
ul.data-list > li {
list-style: disc;
margin-left: 15px; }
ul.data-list.numbers > li {
list-style-type: decimal; }
ul.data-list > li:last-child {
margin-bottom: 0; }
ul.data-asterisk {
list-style: none; }
ul.data-asterisk > li:before {
content: "*";
margin-right: 5px; }
.font-bold {
font-weight: bold; }
.text-right {
text-align: right; }
.text-left {
text-align: left; }
.text-center {
text-align: center; }
.main-heading {
text-transform: Uppercase; }
.underline {
text-decoration: underline; }
.font-bold,
strong {
font-weight: bold; }
.lowercase {
text-transform: lowercase; }
.text-white-space {
white-space: nowrap;
overflow: hidden; }
.curved-edge {
border-radius: 3px; }
.default-overflow {
overflow: inherit; }
.left {
float: left; }
.right {
float: right; }
.float-none {
float: none !important; }
.scrollable-area {
overflow: auto;
position: relative; }
.pointer {
cursor: pointer; }
.hide-all {
display: none; }
.uk-modal.uk-open,
.vertical-center-parent {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
height: 100%;
z-index: 10;}
.uk-modal-dialog,
.vertical-center-child {
top: 50%;
transform: perspective(1px) translateY(-50%) !important;
position: relative;
z-index: 10;}
.row {
display: block;
margin: 0; }
.row-negative,
.row.negative {
margin: 0 -15px; }
.row::after {
clear: both;
content: "";
display: block; }
.middle {
vertical-align: middle; }
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
table {
border-collapse: collapse;
border-spacing: 0; }
.flex-align-item {
display: flex;
align-items: center; }
.separator-top {
border-top: 1px solid #f1f1f1; }
.separator-down {
border-bottom: 1px solid #f1f1f1; }
.error,
.error .select2-selection__rendered {
box-shadow: inset 0px 0px 0px 1px #ff8f8f !important; }
/*------------------------------------------------------------------------------
--Padding & marign */
.pad-v {
padding: 12px 0; }
.pad-h {
padding: 0 12px; }
.pad-t {
padding-top: 12px; }
.pad-b {
padding-bottom: 12px; }
.pad-b-large {
padding-bottom: 24px; }
.pad-r {
padding-right: 12px; }
.pad-l {
padding-left: 12px; }
.mar-v {
margin: 12px 0; }
.mar-h {
padding: 0 12px; }
.mar-t {
margin-top: 12px; }
.mar-t-half {
margin-top: 6px; }
.mar-b {
margin-bottom: 12px; }
.mar-b-half {
margin-bottom: 6px; }
.mar-r {
margin-right: 12px; }
.mar-l {
margin-left: 12px; }
.mar-r-half {
margin-right: 6px; }
.mar-l-half {
margin-left: 6px; }
.mar-t-large {
margin-top: 24px; }
.mar-b-large {
margin-bottom: 24px; }
/*------------------------------------------------------------------------------
-- Defaults */
.default-padding {
padding: 0 !important; }
.default-margin {
margin: 0 !important; }
.display-none {
display: none; }
/*------------------------------------------------------------------------------
-- Global colors */
.text-color-default,
.text-color-default a {
color: #231f20; }
.color-default {
background-color: #231f20; }
.text-color-primary {
color: #e0d18f; }
.text-color-primary-fade {
opacity: 0.65 }
.color-primary {
background-color: #e0d18f; }
.text-color-secondary {
color: #fff; }
.color-secondary {
background-color: #fff; }
.text-color-tertiary {
color: #404041; }
.color-tertiary {
background-color: #404041; }
.text-shadow {
text-shadow: 0px 1px 2px #0e0e0e; }
::-webkit-input-placeholder {
color: #231f20;
font-size: 14px !important;
font-size: 1.4rem !important; }
::-moz-placeholder {
color: #231f20;
font-size: 14px !important;
font-size: 1.4rem !important; }
::-ms-placeholder {
color: #231f20;
font-size: 14px !important;
font-size: 1.4rem !important; }
::placeholder {
color: #231f20;
font-size: 14px !important;
font-size: 1.4rem !important; }
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px; }
::-webkit-scrollbar-thumb {
border-radius: 3px;
background: #f1f1f1; }
.home ::-webkit-input-placeholder,
.transfer-form ::-webkit-input-placeholder {
color: #231f20;
font-size: 12px !important;
font-size: 1.2rem !important; }
.home ::-moz-placeholder,
.transfer-form ::-moz-placeholder {
color: #231f20;
font-size: 12px !important;
font-size: 1.2rem !important; }
.home ::-ms-placeholder,
.transfer-form ::-ms-placeholder {
color: #231f20;
font-size: 12px !important;
font-size: 1.2rem !important; }
.home ::placeholder,
.transfer-form ::placeholder {
color: #231f20;
font-size: 12px !important;
font-size: 1.2rem !important; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0;
/* <-- Apparently some margin are still there even though it's hidden */ }
input[type=number] {
-moz-appearance: textfield; }
#checkindate,
#checkindate2,
#checkindate4,
#ret_checkindate,
#pickup,
#package_date,
#ret_checkindate4,
.flight input[type="text"],
.checkin input[type="text"] {
font-size: 14px;
font-size: 1.4rem;
color: #231f20; }
#checkindate::placeholder,
#checkindate2::placeholder,
#checkindate4::placeholder,
#ret_checkindate::placeholder,
#pickup::placeholder,
#package_date::placeholder,
#ret_checkindate4::placeholder,
.flight input[type="text"]::placeholder,
.checkin input[type="text"]::placeholder {
color: #231f20;
font-size: 12px !important;
font-size: 1.2rem !important; }
#pickup::placeholder {
font-size: 14px !important;
font-size: 1.4rem !important; }
span.wpcf7-list-item {
margin: 0;
width: 100%;
position: relative; }
span.wpcf7-list-item input {
position: absolute;
left: 0;
top: 0; }
span.wpcf7-list-item-label {
position: relative;
margin: 0;
padding-left: 25px; }
.form-box .dob-month,
.form-box .dob-date,
.form-box .dob-year {
padding-right: 12px; }
.form-box .dob-month > div:first-child,
.form-box .dob-date > div:first-child,
.form-box .dob-year > div:first-child {
padding-right: 12px; }
.form-box .dob-month > div,
.form-box .dob-date > div,
.form-box .dob-year > div {
padding-right: 12px; }
.form-box .dob-month > div .select2-selection__rendered,
.form-box .dob-date > div .select2-selection__rendered,
.form-box .dob-year > div .select2-selection__rendered {
padding: 0 !important; }
.form-box .dob-month > div:first-child,
.form-box .dob-date > div:first-child,
.form-box .dob-year > div:first-child {
width: 35px; }
.form-box .dob-month > div:nth-child(2),
.form-box .dob-date > div:nth-child(2),
.form-box .dob-year > div:nth-child(2) {
min-width: 100px; }
.form-box .dob-month div,
.form-box .dob-date div,
.form-box .dob-year div {
height: 36px;
display: inline-block; }
.uploadfieldtrick #fileuploadfield {
display: none; }
.uploadfieldtrick #uploadtextfield {
height: 18px;
width: 139px; }
.uploadfieldtrick #uploadbrowsebutton {
height: 27px;
width: 147px;
margin-top: 5px;
text-align: center; }
/*------------------------------------------------------------------------------
-- Animations */
.slider {
height: 85px;
position: relative;
max-width: 1024px;
/*overflow: hidden;*/ }
.slide1, .slide2, .slide3, .slide4, .slide5 {
position: absolute;
width: 100%;
height: 100%; }
.slide1 {
animation: header-fade 25s infinite;
-webkit-animation: header-fade 25s infinite; }
.slide2 {
animation: header-fade2 25s infinite;
-webkit-animation: header-fade2 25s infinite; }
.slide3 {
animation: header-fade3 25s infinite;
-webkit-animation: header-fade3 25s infinite; }
.slide4 {
animation: header-fade4 25s infinite;
-webkit-animation: header-fade4 25s infinite; }
.slide5 {
animation: header-fade5 25s infinite;
-webkit-animation: header-fade5 25s infinite; }
.slide6 {
animation: header-fade6 25s infinite;
-webkit-animation: header-fade6 25s infinite; }
@keyframes header-fade {
0% {
opacity: 0; }
8% {
opacity: 1; }
16% {
opacity: 0; }
100% {
opacity: 0; } }
@keyframes header-fade2 {
0% {
opacity: 0; }
17% {
opacity: 0; }
24% {
opacity: 1; }
32% {
opacity: 0; }
100% {
opacity: 0; } }
@keyframes header-fade3 {
0% {
opacity: 0; }
33% {
opacity: 0; }
40% {
opacity: 1; }
48% {
opacity: 0; }
100% {
opacity: 0; } }
@keyframes header-fade4 {
0% {
opacity: 0; }
49% {
opacity: 0; }
57% {
opacity: 1; }
64% {
opacity: 0; }
100% {
opacity: 0; } }
@keyframes header-fade5 {
0% {
opacity: 0; }
65% {
opacity: 0; }
72% {
opacity: 1; }
80% {
opacity: 0; }
100% {
opacity: 0; } }
@keyframes header-fade6 {
0% {
opacity: 0; }
81% {
opacity: 0; }
90% {
opacity: 1; }
100% {
opacity: 0; } }
.play-animation {
-webkit-animation: play-movie 5s;
/* Safari 4.0 - 8.0 */
-webkit-animation-iteration-count: infinite;
/* Safari 4.0 - 8.0 */
animation: play-movie 5s;
animation-iteration-count: infinite; }
@-webkit-keyframes play-movie {
from {
color: #e0d18f; }
50% {
color: #F44336; }
to {
color: #e0d18f; } }
@keyframes down {
0% {
transform: translateY(-1px); }
100% {
transform: translateY(5px); } }
@-webkit-keyframes down {
0% {
-webkit-transform: translateY(-1px); }
100% {
-webkit-transform: translateY(5px); } }
.preloader {
position: absolute;
left: 140px;
top: 21px; }
.preloader span {
display: block;
bottom: 0px;
width: 1px;
height: 2px;
background: #e0d18f;
position: absolute;
-webkit-animation: preload 1.5s infinite ease-in-out;
-moz-animation: preload 1.5s infinite ease-in-out;
-ms-animation: preload 1.5s infinite ease-in-out;
-o-animation: preload 1.5s infinite ease-in-out;
animation: preload 1.5s infinite ease-in-out;
-webkit-animation: preloader 1.5s infinite ease-in-out;
-moz-animation: preloader 1.5s infinite ease-in-out;
-ms-animation: preloader 1.5s infinite ease-in-out;
-o-animation: preloader 1.5s infinite ease-in-out;
animation: preloader 1.5s infinite ease-in-out; }
.preloader span:nth-child(2) {
left: 11px;
-webkit-animation-delay: .2s;
-moz-animation-delay: .2s;
-ms-animation-delay: .2s;
-o-animation-delay: .2s;
animation-delay: .2s; }
.preloader span:nth-child(3) {
left: 22px;
-webkit-animation-delay: .4s;
-moz-animation-delay: .4s;
-ms-animation-delay: .4s;
-o-animation-delay: .4s;
animation-delay: .4s; }
.preloader span:nth-child(4) {
left: 33px;
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s; }
.preloader span:nth-child(5) {
left: 44px;
-webkit-animation-delay: .8s;
-moz-animation-delay: .8s;
-ms-animation-delay: .8s;
-o-animation-delay: .8s;
animation-delay: .8s; }
@-webkit-keyframes preloader {
0% {
height: 5px;
-webkit-transform: translateY(0px);
background: #f1f1f1; }
25% {
height: 20px;
-webkit-transform: translateY(10px);
background: #e0d18f; }
50% {
height: 5px;
-webkit-transform: translateY(0px);
background: #f1f1f1; }
100% {
height: 5px;
-webkit-transform: translateY(0px);
background: #f1f1f1; } }
@-moz-keyframes preloader {
0% {
height: 5px;
-moz-transform: translateY(0px);
background: #f1f1f1; }
25% {
height: 20px;
-moz-transform: translateY(10px);
background: #e0d18f; }
50% {
height: 5px;
-moz-transform: translateY(0px);
background: #f1f1f1; }
100% {
height: 5px;
-moz-transform: translateY(0px);
background: #f1f1f1; } }
@-ms-keyframes preloader {
0% {
height: 5px;
-ms-transform: translateY(0px);
background: #f1f1f1; }
25% {
height: 20px;
-ms-transform: translateY(10px);
background: #e0d18f; }
50% {
height: 5px;
-ms-transform: translateY(0px);
background: #f1f1f1; }
100% {
height: 5px;
-ms-transform: translateY(0px);
background: #f1f1f1; } }
@keyframes preloader {
0% {
height: 5px;
transform: translateY(0px);
background: #f1f1f1; }
25% {
height: 20px;
transform: translateY(10px);
background: #e0d18f; }
50% {
height: 5px;
transform: translateY(0px);
background: #f1f1f1; }
100% {
height: 5px;
transform: translateY(0px);
background: #f1f1f1; } }
.bar {
-webkit-animation: 3s bar 2.30s linear;
/* Chrome, Safari, Opera */
animation: 3s bar 2.30s linear;
-webkit-animation-fill-mode: forwards; }
@-webkit-keyframes bar {
from {
width: 0%; }
to {
width: 100%; } }
iframe {
box-shadow: 0 3px 40px rgba(0, 0, 0, 0.5);
}
/*------------------------------------------------------------------------------
-- Icons */
.fa-right {
margin-right: 5px; }
.fa-left {
margin-left: 5px; }
.fa-small {
font-size: 6px;
font-size: 0.6rem;
vertical-align: middle; }
/*------------------------------------------------------------------------------
-- Bounce arrow */
.container-arrow {
/* margin-top: -20px; */
/* font-weight: bold; */
text-transform: uppercase;
color: #000;
display: inline-block;
text-align: center;
/* line-height: 80px; */
/* position: absolute; */
bottom: 0;
left: 0;
z-index: 10;
width: 100%;
padding-bottom: 15px;
cursor: pointer; }
.container-arrow:hover,
.container-arrow:focus {
text-decoration: none; }
.container-arrow span {
display: inline-block;
font-size: 60px;
animation: .7s down infinite alternate;
-webkit-animation: .7s down infinite alternate; }
.container-arrow-small {
margin-top: -10px;
font-weight: bold;
text-transform: uppercase;
color: #000;
display: inline-block;
text-align: center;
line-height: 10px;
z-index: 10;
padding-bottom: 15px;
cursor: pointer;
margin-right: 12px; }
.container-arrow-small:hover,
.container-arrow-small:focus {
text-decoration: none; }
.container-arrow-small span {
display: inline-block;
font-size: 20px;
font-size: 2rem;
animation: .7s down infinite alternate;
-webkit-animation: .7s down infinite alternate; }
/*------------------------------------------------------------------------------
-- Modal */
#fancybox-wrap {
padding: 10px !important;
border: 1px solid #e0d18f !important;
background: #fff;
left: 12px !important;
right: 12px !important;
width: calc(100% - 48px) !important;
margin: auto; }
#fancybox-overlay {
background-color: rgba(255, 255, 255, 0.5) !important; }
.fancybox-ie,
#fancybox-content {
max-width: 800px; }
#fancybox-close {
right: -25px !important;
top: -25px !important;
content: "\e879";
font-family: "LinearIcons";
background: transparent !important; }
#fancybox-close:after {
content: "\e879";
font-family: "LinearIcons"; }
#fancybox-outer,
.fancybox-ie {
box-shadow: none !important;
border-radius: 3px; }
.fancybox-ie {
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3) !important; }
#fancybox-content {
background: transparent !important;
border: 0 solid #e0d18f !important;
border-radius: 3px;
width: 100% !important; }
#fancybox-content iframe {
padding: 24px 0 0 0 !important; }
.uk-modal {
background: rgba(255, 255, 255, 0.5);
color: #231f20; }
.uk-modal .speaker {
top: 15px; }
.uk-modal .right.speaker {
top: 110px;
left: 30px; }
.uk-modal .mar-t-large {
margin-top: 44px; }
.uk-modal-dialog {
border-radius: 3px;
border: 1px solid #e0d18f;
margin: 0 auto;
z-index: 9999;
padding: 12px;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); }
.uk-modal-dialog .scrollable-area {
overflow: auto;
max-height: 85vh;
padding: 24px; }
.uk-modal-dialog .scrollable-area.small {
padding-left: 12px; }
.uk-modal-dialog .content-area {
padding: 24px; }
.uk-modal-dialog .content-area .uk-modal-close {
top: 10px; }
.uk-modal-dialog .full-width {
width: 100%;
padding: 0; }
.uk-modal-dialog-lightbox {
padding: 0; }
.uk-modal-dialog.large {
width: calc(100% - 24px);
max-width: 1000px;
padding: 0; }
.uk-modal-dialog > .uk-close:first-child {
margin: 0;
background: none;
position: absolute;
top: 7px;
right: 15px;
z-index: 9999; }
.uk-modal-close {
position: absolute;
top: -5px;
right: -5px; }
.modal-back {
position: relative;
display: block; }
.register-option {
align-items: flex-start;
display: flex;
justify-content: space-between;
padding: 30px 0;
border-bottom: 1px solid #f1f1f1; }
.register-option p {
margin: 0; }
@media (max-width: 768px) {
.register-option {
flex-direction: column; }
.register-option .button-1 {
margin-top: 20px; } }
.register-option:first-of-type {
padding-top: 0; }
.register-option:last-of-type {
padding-bottom: 0;
border-bottom: 0; }
.fcb-modal {
width: calc(100% - 24px);
max-width: 960px; }
.fcb-modal.small-modal {
max-width: 500px;
padding-top: 25px; }
.fcb-modal .uk-modal-close {
top: 5px; }
.fcb-modal .back-options {
position: absolute;
display: inline-block;
right: 60px;
top: 20px;
margin: 0;
float: none;
color: #231f20; }
.fcb-modal .back-options:after {
content: "\e879";
font-family: "LinearIcons";
font-size: 30px;
color: #231f20; }
.fcb-modal p,
.fcb-modal label {
color: #404041; }
.fcb-modal a.subtle-action {
max-width: 175px;
display: inline-block;
line-height: 18px;
padding: 1px 12px;
vertical-align: top;
height: 36px;
font-size: 12px;
font-size: 1.2rem;
color: #231f20; }
@media (max-width: 768px) {
.fcb-modal {
width: 90%;
padding: 24px; } }
/*------------------------------------------------------------------------------
-- Video */
.home-block .overlay {
z-index: 2; }
.overlay {
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: rgba(35, 31, 32, 0.7);
position: absolute;
z-index: -1; }
.video-wrap {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0; }
.video-wrap iframe,
.video-wrap img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.video-wrap iframe.alt,
.video-wrap img.alt {
width: calc(100% - 24px);
height: calc(100% - 24px);
left: 12px; }
.uk-modal-dialog-lightbox {
width: 100% !important;
max-width: 1024px;
top: 50% !important; }
.uk-modal-dialog-lightbox iframe {
width: 100% !important;
height: 100% !important;
position: absolute;
max-width: 100%; }
.featured-video {
overflow: hidden;
position: relative; }
.featured-video .background-video {
top: -50%; }
.background-video {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -99; }
.ytplayer-container,
.ytplayer-container iframe {
position: absolute;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
pointer-events: none; }
.loaded .ytpplayer-container {
bottom: 0;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0; }
/*------------------------------------------------------------------------------
-- Buttons */
.button-1.small {
font-size: 1em;
line-height: 2.2em; }
.button-1.reverse {
color: #fff;
background: #404041; }
.button-1.reverse:hover {
color: #e0d18f; }
.button-1.outline {
color: #e0d18f;
background-color: transparent;
border: 1px solid #e0d18f; }
.button-1.outline:hover {
color: #231f20;
background-color: #e0d18f; }
.button-1.white {
background-color: #fff; }
.button-1.trip-advisor:before {
font-family: "FontAwesome";
content: "\f262";
font-size: 1.5em;
margin-right: 3px;
vertical-align: bottom; }
.back-now:after {
font-family: "LinearIcons";
content: "\e879";
}
.back-button {
color: white;
background: #48b55f;
padding: 3px 15px;
border-radius: 3px;
text-transform: uppercase;
position: absolute;
left: 270px;
z-index: 1;
top: 40px;
}
.back-button:hover {
color: white;
}
.back-button:active {
color: white;
}
.back-button:focus {
color: white;
}
.btn,
.btn-default,
button,
[type='button'],
[type='reset'],
[type='submit'],
.button-1,
.uk-button,
.btnAction {
line-height: 36px;
height: 36px;
max-height: 36px;
padding: 0 12px;
font-size: 12px;
font-size: 1.2rem;
font-weight: 300;
appearance: none;
background-color: transparent;
border-style: solid;
border-radius: 3px;
border-width: 1px;
cursor: pointer;
color: #e0d18f;
border-color: transparent;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
user-select: none;
vertical-align: middle;
white-space: nowrap;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
-webkit-appearance: none; }
.btn.mini {
line-height: 18px;
height: 18px;
max-height: 18px;
padding: 6px;
font-size: 10px;
font-size: 1rem; }
.btn-fa {
margin-right: 5px; }
.btn.btn-thin {
border-width: 1px; }
/*remove buggy blue default outline on :focus*/
/*remove inset shadow applied when on :active */
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
.btn:hover {
box-shadow: none;
outline: 0; }
.btn:disabled,
button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled {
cursor: not-allowed;
opacity: .5; }
.btn.active,
.btn:active {
box-shadow: none; }
.btn.primary,
.button-1,
.btnAction {
border-color: #e0d18f;
color: #e0d18f; }
.btn.primary.alternate {
color: rgba(35, 31, 32, 0.8); }
.btn.primary.trans {
background: rgba(35, 31, 32, 0.2); }
.btn.message-accept {
border-color: #48b55f;
color: #48b55f; }
.btn.message-remove {
border-color: #ef4c4c;
color: #ef4c4c; }
.btn.primary:hover,
.btn.btn-fill.primary:hover,
.button-1:hover,
.uk-button-primary:hover,
.btnAction:hover {
background: #e0d18f;
border-color: #e0d18f;
color: #231f20; }
.btn.primary:focus,
.btn.primary:active,
.btn.btn-fill.primary:focus,
.btn.btn-fill.primary:active,
.button-1:focus,
.button-1:active,
.btnAction:focus,
.btnAction:active {
background-color: rgba(224, 209, 143, 0.8);
color: #231f20; }
.btn.secondary {
border-color: #fff;
color: #fff; }
.btn.secondary:hover,
.btn.btn-fill.secondary:hover {
background-color: #fff;
border-color: #fff;
color: #231f20; }
.btn.secondary:focus,
.btn.secondary:active,
.btn.btn-fill.secondary:focus,
.btn.btn-fill.secondary:active {
background-color: #fff;
color: #231f20; }
/*red button used for error messages*/
.btn.tertiary {
border-color: #404041;
color: #404041; }
.btn.tertiary:hover,
.btn.btn-fill.tertiary:hover {
background-color: #404041;
border-color: #404041;
color: #fff; }
.btn.tertiary:focus,
.btn.tertiary:active,
.btn.btn-fill.tertiary:focus,
.btn.btn-fill.tertiary:active,
.btn.btn-fill.tertiary {
background-color: #404041;
color: #fff; }
.btn.tertiary.alternate:hover {
color: #231f20;
background: #e0d18f;
border-color: #e0d18f; }
.btn.message-remove:hover,
.btn.btn-fill.message-remove:hover {
background: #ef4c4c;
border-color: #ef4c4c;
color: #fff; }
.btn.message-remove:focus,
.btn.message-remove:active,
.btn.btn-fill.message-remove:focus,
.btn.btn-fill.message-remove:active {
background-color: rgba(239, 76, 76, 0.8);
color: #fff; }
.btn.message-accept:hover,
.btn.btn-fill.message-accept:hover {
background: #48b55f;
border-color: #48b55f;
color: #fff; }
.btn.message-accept:focus,
.btn.message-accept:active,
.btn.btn-fill.message-accept:focus,
.btn.btn-fill.message-accept:active {
background-color: rgba(72, 181, 95, 0.8);
color: #fff; }
.btn.btn-fill.primary {
background: rgba(224, 209, 143, 0.8);
color: #231f20; }
.btn.btn-fill.secondary {
background: rgba(255, 255, 255, 0.8);
color: #231f20; }
.btn.btn-fill.message-accept {
background: rgba(72, 181, 95, 0.8);
color: #fff; }
.btn.btn-fill.message-remove {
background: rgba(239, 76, 76, 0.8);
color: #fff; }
.btn.tertiary.ghost {
border-color: transparent; }
.btn-small {
font-size: 10px;
font-size: 1rem; }
.btn-big {
font-size: 14px;
font-size: 1.4rem; }
.btn-full {
display: block; }
.btn-default {
background: transparent;
color: #231f20; }
.multi-buttons > * {
margin: 16px 0;
text-align: left;
width: 170px }
#contact-us {
opacity: 1;
border: 2px solid rgba(224, 209, 143, 0.8);
color: #e0d18f;
border-radius: 3px;
text-align: center;
padding: 10px 0;
margin: 40px auto 0;
max-width: 200px;
}
#back-top {
position: fixed;
display: none;
font-size: 25px;
color: #e0d18f;
bottom: 12px;
right: 12px;
width: auto;
z-index: 999;
border-radius: 100%;
background: #fff;
height: 50px;
line-height: 50px;
text-align: center;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
width: 50px; }
.btn-success {
color: #48b55f; }
.btn-error {
color: #ef4c4c; }
.btn-neutral {
color: #ffd310; }
.uk-button-primary {
background: transparent;
color: #231f20 !important; }
.uk-button-primary.js-modal-confirm {
background: #e0d18f; }
.js-modal-confirm {
position: relative; }
.js-modal-confirm:before {
font-family: "LinearIcons";
content: "\e87f";
margin-right: 6px; }
/*------------------------------------------------------------------------------
-- Add and mius box */
#myform {
overflow: hidden; }
#myform.default {
border: 0; }
#myform .default {
border: 0;
border-radius: 0; }
#myform.home {
width: 100%; }
.select-passenger {
padding: 4px 0;
border-bottom: 1px solid #f1f1f1; }
.passenger-count {
width: calc(60% - 44px);
position: relative;
line-height: 36px;
padding-right: 10px; }
.passenger-count i {
margin: 0 10px; }
.passenger-input {
top: 8px;
right: 0px;
position: absolute; }
.passenger-input input {
border: 1px solid #e0d18f;
border-radius: 3px;
background: #fff; }
#myform.home input {
width: 35%;
height: 33px;
line-height: 1;
border-radius: 3px; }
#myform.home input[type="text"].qty {
width: 30%;
background: #fff;
line-height: 1; }
input[type="number"].qty,
input[type="text"].qty {
width: 20px;
text-align: center;
height: 16px;
user-select: none;
padding: 0;
font-size: 12px;
font-size: 1.2rem;
border: 0;
line-height: 1;
font-family: "Raleway", sans-serif;
vertical-align: top; }
input.qtyplus,
input.qtyminus {
width: 16px;
line-height: 1;
text-align: center;
border-radius: 0;
padding: 0;
margin: 0;
border: 0;
height: 16px;
border: 1px solid #e0d18f;
border-radius: 3px; }
input.qtyplus:hover,
input.qtyminus:hover {
background: #e0d18f;
color: #fff; }
input.qtyplus:focus, input.qtyplus:active,
input.qtyminus:focus,
input.qtyminus:active {
border: 1px solid #e0d18f; }
/*------------------------------------------------------------------------------
-- Form box */
.form-box {
margin-bottom: 12px;
position: relative;
border-radius: 3px; }
.form-box label:not(.radio-label):not(.dropdown-overlay) {
background-color: #f1f1f2;
padding: 6px 12px;
font-size: 14px; }
.form-box input {
height: 35px;
margin: 0; }
.form-box label.radio-label {
padding: 15px 20px;
display: inline-block; }
.form-box label.radio-label .info-tip {
vertical-align: middle;
margin-left: 5px; }
.form-box label.radio-label i {
vertical-align: middle;
opacity: 0.8;
margin-left: 5px;
font-size: 1.35em; }
.form-box .dob,
.form-box input {
background-color: #e6e7e8;
-webkit-appearance: none;
/* add this */
padding: 0 12px;
height: auto;
border: 0; }
.form-box .dob {
padding: 0 20px; }
.form-box input[type="text"],
.form-box input[type="email"],
.form-box input[type="tel"],
.form-box input[type="password"] {
text-transform: none; }
.form-box input[type="text"]::placeholder,
.form-box input[type="email"]::placeholder,
.form-box input[type="tel"]::placeholder,
.form-box input[type="password"]::placeholder {
color: #231f20;
font-size: 14px !important;
font-size: 1.4rem !important; }
.form-box textarea {
background-color: #e6e7e8;
padding: 20px;
width: 100%;
height: 100px; }
.form-box .big-textarea {
width: 100%;
height: 200px;
box-sizing: border-box;
border: none; }
.form-box .select2-selection {
height: 100%; }
.form-box .select2-selection .select2-selection__arrow {
line-height: 52px;
height: 100%; }
.form-box .select2 .select2-selection .select2-selection__rendered {
background-color: #e6e7e8;
padding: 0 20px;
height: 100%; }
.form-box .line:after {
content: "";
width: 1px;
height: 10px;
color: #000; }
.form-box .wpcf7-form-control-wrap {
width: 100%; }
@media (max-width: 768px) {
.form-box input,
.form-box label,
.form-box .select2 {
margin-bottom: 5px; } }
.youtube-search input.icon::-webkit-input-placeholder {
font-family: 'FontAwesome'; }
.youtube-search input.icon::-moz-placeholder {
font-family: 'FontAwesome'; }
.youtube-search input.icon::-ms-input-placeholder {
font-family: 'FontAwesome'; }
#item-extra-605 {
width: calc(100% - 212px);
float: right; }
#item-extra-605 .youtube input {
position: relative;
background-image: url(../img/youtube.png);
background-repeat: no-repeat;
background-position: right;
background-size: 35px;
background-position: right 40px center; }
.form-box.music_option {
background: #e6e7e8; }
.form-box.music_option .radio-label {
padding: 18px; }
.form-box label.similar {
max-width: 100%; }
.form-box-similar {
background-color: #e6e7e8;
padding: 9px 5px;
height: 100%;
width: 100%;
line-height: 20px; }
.form-box-similar label {
padding: 0 !important; }
.aroma {
display: block; }
.aroma a {
display: inline-block;
background: #333;
color: white;
padding: 5px 15px;
border: 1px solid white;
text-decoration: none; }
.aroma .select2 {
display: none; }
.passport_option {
background: #e6e7e8; }
.passport_option input {
padding: 10px; }
.passport-options {
padding: 12px; }
.passport-options p {
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 6px; }
/*------------------------------------------------------------------------------
-- UI elements */
.ui-autocomplete {
overflow: hidden; }
.ui-menu {
border: 1px solid #f1f1f1 !important; }
.ui-menu:last-child {
border: 0; }
.ui-menu .ui-menu-item {
padding: 6px 12px !important;
border-bottom: 1px solid #f1f1f1 !important; }
.ui-menu .ui-menu-item:hover {
border: 0 !important;
border-bottom: 1px solid #f1f1f1 !important;
background: #f1f1f1; }
.ui-widget-content {
border: 1px solid #f1f1f1; }
/*------------------------------------------------------------------------------
-- Switches */
.cmn-toggle {
position: absolute;
margin-left: -9999px;
visibility: hidden; }
.cmn-toggle + label {
display: block;
position: relative;
cursor: pointer;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
/*------------------------------------------------------------------------------
-- Rounded switch */
input.cmn-toggle-round + label {
padding: 2px;
width: 40px;
margin: auto;
height: 15px;
background-color: #dddddd;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
overflow: hidden; }
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
display: block;
position: absolute;
top: 1px;
left: 1px;
bottom: 1px;
content: ""; }
input.cmn-toggle-round + label:before {
right: 1px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
-ms-border-radius: 60px;
-o-border-radius: 60px;
border-radius: 60px;
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
-o-transition: background 0.4s;
transition: background 0.4s; }
input.cmn-toggle-round + label:after {
width: 20px;
background-color: #f1f1f1;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
-webkit-transition: margin 0.4s;
-moz-transition: margin 0.4s;
-o-transition: margin 0.4s;
transition: margin 0.4s; }
input.cmn-toggle-round:checked + label:before {
background-color: #e8ecf1;
top: -7px;
left: -15px;
content: "\f00c";
font-family: FontAwesome;
padding: 3px;
font-size: 9px;
width: 44px;
height: 22px; }
input.cmn-toggle-round:checked + label:after {
margin-left: 14px; }
/* Switches on ipad and up */
input.cmn-toggle-round + label {
width: 28px; }
input.cmn-toggle-round + label {
height: 10px; }
input.cmn-toggle-round + label:after {
width: 15px; }
/*------------------------------------------------------------------------------
-- icon backgrounds */
.sign-in-options {
height: 24px;
width: 30px;
top: 3px;
position: relative;
margin: 0 6px;
background-repeat: no-repeat;
background-position: center;
background-size: 25px; }
.sign-in-options.login {
background-image: url(../img/login.png); }
.sign-in-options.register {
background-image: url(../img/sign-up.png); }
.sign-in-options.guest {
background-image: url(../img/guests.png); }
/*------------------------------------------------------------------------------
-- icon backgrounds */
.sign-in-options {
height: 24px;
width: 30px;
top: 3px;
position: relative;
margin: 0 6px;
background-repeat: no-repeat;
background-position: center;
background-size: 25px; }
.sign-in-options.login {
background-image: url(../img/login.png); }
.sign-in-options.register {
background-image: url(../img/sign-up.png); }
.sign-in-options.guest {
background-image: url(../img/guests.png); }
.sidebar-faq .uk-accordion-title:before,
ul.fcb-accordion .sub h5.title:before,
ul.fcb-accordion .sub .title:before,
.open-close:before {
font-family: "LinearIcons";
font-size: 0.75em;
content: "\e870";
margin-right: 5px;
display: inline-block;
transform: rotate(45deg);
transition: transform .1s ease-in-out; }
.sidebar-faq .uk-accordion-title.uk-active:before, .sidebar-faq .uk-accordion-title.active:before,
ul.fcb-accordion .sub h5.title.uk-active:before,
ul.fcb-accordion .sub h5.title.active:before,
ul.fcb-accordion .sub .title.uk-active:before,
ul.fcb-accordion .sub .title.active:before,
.open-close.uk-active:before,
.open-close.active:before {
transform: rotate(0); }
.select-date-indicator,
.all-passenger .count,
.pick-up-timer {
position: relative; }
.select-date-indicator:before,
.all-passenger .count:before,
.pick-up-timer:before {
position: absolute;
font-family: "LinearIcons";
content: "\e874";
right: 12px;
top: 8px;
font-size: 12px;
z-index: 1; }
.pick-up-timer input {
color: #231f20; }
.all-passenger {
margin-top: -2px; }
.select-date input {
z-index: 21;
background-color: transparent;
font-size: 12px; }
.all-passenger .count {
padding-right: 40px;
font-size: 12px;
font-size: 1.2rem;
position: relative;
height: 36px; }
.all-passenger .count:before {
top: 0; }
.select2-container .select2-selection--single .select2-selection__rendered,
.passenger-count,
.all-passenger,
.select-date input[type="text"],
.flight-number input[type="text"],
.pick-up input[type="text"] {
padding-left: 36px; }
.select2-container .select2-selection--single .select2-selection__rendered,
.select-date-indicator input {
padding-right: 36px; }
#select2-checkintime-container:before,
.pick-up-timer-outer:before {
font-family: "LinearIcons";
content: "\e864";
margin-right: 10px;
line-height: 36px;
height: 36px; }
#select2-start_loc-container,
#select2-ret_start_loc-container,
#select2-checkintime-container,
#select2-ret_checkintime-container,
#select2-end_loc-container,
#select2-ret_end_loc-container,
#select2-hourlytime-container,
.passenger-count,
.passenger-count.family,
.passenger-type.family,
.all-passenger,
.select-date input[type="text"],
.icon {
position: relative; }
#select2-start_loc-container:before,
#select2-ret_start_loc-container:before,
#select2-checkintime-container:before,
#select2-ret_checkintime-container:before,
#select2-end_loc-container:before,
#select2-ret_end_loc-container:before,
#select2-hourlytime-container:before,
.passenger-count:before,
.passenger-count.family:before,
.passenger-type.family:before,
.all-passenger:before,
.select-date input[type="text"]:before,
.icon:before {
font-family: "FontAwesome";
line-height: 36px;
height: 36px;
position: absolute;
text-align: center;
left: 0;
width: 36px; }
.icon.airport {
padding: 3px 12px;
background-repeat: no-repeat;
background-position: -7px;
background-size: auto 20px;
margin: 0; }
.icon.airport.flights {
background-size: 20px;
background-position: -1px;
}
.airport.luggages {
background-image: url(../img/luggage-carrier.png); }
.airport.fast-track-arrival,
.fast-track-arrival {
background-image: url(../img/fast-track-arrival.png); }
.airport.fast-track-departure,
.flights {
background-image: url(../img/flight.png); }
.airport.gate-to-gate {
background-image: url(../img/gate-to-gate.png); }
.airport.lounge {
background-image: url(../img/lounge.png); }
.passenger-type.family {
width: 35px;
display: inline-block;
position: absolute;
font-size: 12px;
font-size: 1.2rem;
line-height: 34px;
text-align: left;
right: 5px;
top: 0; }
.passenger-count.adults:before,
.passenger-count.child:before,
.passenger-count.baby:before,
.passenger-type.adults:before,
.passenger-type.child:before,
.passenger-type.baby:before {
background-size: 15px;
font-size: 15px;
text-align: center; }
.passenger-count.adults:before,
.passenger-type.adults:before {
content: "\f183"; }
.passenger-count.child:before,
.passenger-type.child:before {
content: "\f1ae"; }
.passenger-count.baby:before,
.passenger-type.baby:before {
content: "";
background-image: url(../img/baby.png);
background-repeat: no-repeat;
background-position: center; }
.passenger-type.adults:before,
.passenger-type.child:before,
.passenger-type.baby:before {
background-position: center right 9px;
padding-left: 5px; }
#select2-checkintime-container:before,
#select2-ret_checkintime-container::before,
.select-date input[type="text"]::before,
#select2-hourlytime-container:before {
content: "\f017"; }
.passenger-count:before,
.all-passenger:before {
content: "\f2c0"; }
#select2-start_loc-container:before,
#select2-ret_start_loc-container:before,
#select2-end_loc-container:before,
#select2-ret_end_loc-container:before {
content: "\f041"; }
.flight-number:before {
content: "\f072"; }
.select-car {
position: relative; }
.select-car:before {
font-family: "LinearIcons";
font-size: 0.75em;
content: "\e870";
margin-right: 5px;
display: inline-block;
transform: rotate(45deg);
transition: transform .1s ease-in-out; }
.download:after {
font-family: "LinearIcons";
content: "\e865";
margin-left: 1em; }
.standby:after {
font-family: "LinearIcons";
content: "\e863";
margin-left: 1em; }
.register-icon:after {
font-family: "LinearIcons";
content: "\e82b"; }
.user-icon:after,
.passenger-icon:after {
font-family: "LinearIcons";
content: "\e82a"; }
.luggage:after {
font-family: "LinearIcons";
content: "\e84c"; }
.clock:after {
font-family: "LinearIcons";
content: "\e864"; }
.booking-icon:after {
font-family: "LinearIcons";
content: "\e836"; }
.city:after {
font-family: "LinearIcons";
content: "\e801"; }
.earth:after {
font-family: "LinearIcons";
content: "\e853"; }
.login-icon:after {
font-family: "LinearIcons";
content: "\e81f"; }
.logout:after {
font-family: "LinearIcons";
content: "\e820"; }
.accept-icon:after {
font-family: "LinearIcons";
content: "\e87f"; }
.timer:after {
font-family: "LinearIcons";
content: "\e858"; }
.pending:after {
font-family: "LinearIcons";
content: "\e862"; }
.remove-icon:after {
font-family: "LinearIcons";
content: "\e880"; }
.add:after {
font-family: "LinearIcons";
content: "\e881"; }
.envelope:after {
font-family: "LinearIcons";
content: "\e818"; }
.shop:after {
font-family: "LinearIcons";
content: "\e82e";
margin-left: 1em; }
.arrow:after {
content: "\e876";
font-family: "LinearIcons";
font-size: 0.9em;
margin-left: 10px;
width: 15px;
display: inline-block;
vertical-align: bottom; }
.arrow.arrow-down:after {
content: "\e874"; }
.back-step {
margin: 0;
position: relative;
top: 5px;
left: 24px;
display: inline-block;
float: none;
color: #231f20; }
.back-step:after {
content: "\e879";
font-family: "LinearIcons";
font-size: 30px;
color: #231f20; }
.close:after {
content: "๎กฐ";
font-family: "LinearIcons"; }
.uk-close:after,
#fancybox-close:after {
content: "\e870";
font-family: "LinearIcons"; }
.chevron-left:after {
content: "\e875";
font-family: "LinearIcons"; }
.chevron-right:before {
content: "\e876";
font-family: "LinearIcons";
font-size: 0.85em; }
.chevron-up {
height: 20px;
width: 20px; }
.chevron-up:before {
content: "\e873";
font-family: "LinearIcons";
font-size: 0.85em; }
.chevron-down {
height: 20px;
width: 20px; }
.chevron-down:before {
content: "\e874";
font-family: "LinearIcons";
font-size: 0.85em; }
.calendar {
height: 36px;
line-height: 36px;
position: absolute;
top: 0;
left: 8px; }
.calendar:after {
font-family: "LinearIcons";
content: "\e836"; }
.down-arrow {
height: 36px;
line-height: 36px;
position: absolute;
top: 0;
right: 16px; }
.down-arrow:after {
font-family: "LinearIcons";
content: "\e874"; }
.passenger-icon,
.luggage-icon,
.hand-luggage-icon {
height: 20px;
width: 20px;
background-position: center;
margin-right: 6px; }
.passenger-icon:last-child,
.luggage-icon:last-child,
.hand-luggage-icon:last-child {
margin-right: 0; }
.passenger-icon {
background-size: contain;
display: inline-block;
background-repeat: no-repeat;
vertical-align: -2px; }
.passenger-icon:after {
font-size: 15px; }
.error .passenger-icon {
background-image: url(../img/passengers-red.svg); }
.luggage-icon {
background-image: url(../img/suitcase.png);
background-size: contain;
display: inline-block;
background-repeat: no-repeat;
vertical-align: -6px; }
.hand-luggage-icon {
background-image: url(../img/briefcase.png);
background-size: contain;
display: inline-block;
background-repeat: no-repeat;
vertical-align: -5px; }
input.pickup-loc {
background: url(../img/map-marker.svg);
background-repeat: no-repeat;
background-position: 6px center;
background-size: auto 16px;
padding-left: 33px; }
.service .select2-selection__rendered {
background-image: url(../img/service.png);
background-repeat: no-repeat;
background-position: 8px center;
background-size: auto 16px; }
.airport .select2-selection__rendered {
background-image: url(../img/airport.png);
background-repeat: no-repeat;
background-position: 8px center;
background-size: auto 16px; }
.terminal .select2-selection__rendered {
background-image: url(../img/terminal.png);
background-repeat: no-repeat;
background-position: 8px center;
background-size: auto 16px; }
.flight input[type="text"] {
background-image: url(../img/flight.png);
background-repeat: no-repeat;
background-position: 8px center;
background-size: auto 16px;
padding: 0 0 0 36px; }
/*------------------------------------------------------------------------------
-- header */
.logged-in .login-module {
display: none; }
/* Language Switcher */
.lang-options {
display: inline-block;
position: relative; }
.lang-options a {
display: inline-block;
line-height: 40px;
color: #fff;
font-size: 18px;
font-weight: 600;
width: 40px;
text-align: center;
text-transform: uppercase;
border: 1px solid #fff; }
.lang-options a.active {
background-color: #404041;
border-color: #404041;
color: #e0d18f; }
ul.lang-list {
position: absolute;
display: block;
padding: 0;
margin: 0; }
ul.lang-list > li {
display: block; }
ul.lang-list > li > a {
background-color: #e0d18f;
border-color: #e0d18f; }
#header {
position: fixed;
width: 100%;
box-sizing: border-box;
z-index: 1000;
font-family: "JosefinSans", Helvetica, Arial, sans-serif;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
max-height: 85px;
width: calc(100% + 7px);
font-size: 12px;
font-size: 1.2rem; }
#header .scrolled a.site-logo,
#header .nav-white a.site-logo {
top: 0; }
#header .scrolled a.site-logo .white,
#header .nav-white a.site-logo .white {
display: none; }
#header .scrolled a.site-logo .dark,
#header .nav-white a.site-logo .dark {
display: block; }
#header .scrolled a.site-logo img,
#header .nav-white a.site-logo img {
width: 255px; }
@media (max-width: 1100px) {
#header .scrolled a.site-logo img,
#header .nav-white a.site-logo img {
width: 220px; } }
@media (max-width: 768px) {
#header .scrolled a.site-logo img,
#header .nav-white a.site-logo img {
width: 200px; } }
ul.top-menu {
list-style: none;
display: block;
margin-bottom: 0;
font-family: "JosefinSans", Helvetica, Arial, sans-serif;
position: relative;
padding-right: 100px;
text-align: right;
top: 40px;
width: calc(100%); }
ul.top-menu:before {
position: absolute;
content: "\f0d9";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
width: 10px;
top: 1px;
right: -15px;
font-size: 13px; }
ul.top-menu > li > a {
text-align: right;
padding: 6px; }
ul.top-menu > li {
display: inline-block; }
ul.top-menu > li a {
display: inline-block;
color: #404041;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out; }
ul.top-menu > li a a:last-child {
margin: 0; }
ul.top-menu > li li li {
width: 100%; }
ul.top-menu > li li li a {
position: relative;
padding-left: 12px;
border: 0;
font-weight: 100;
margin-bottom: 12px; }
ul.top-menu > li li li a:before {
position: absolute;
content: "\e876";
font-family: "LinearIcons";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
width: 10px;
top: 0;
left: 0;
font-size: 7px; }
ul.top-menu .uk-dropdown {
position: absolute;
left: 0;
padding: 0;
top: 45px;
text-align: left;
font-weight: 700;
background: rgba(230, 231, 232, 0.95);
margin: auto;
right: 0;
width: calc(100%); }
.level-0 {
width: 100%;
height: 100%;
overflow: hidden;
margin: auto;
max-width: 1024px; }
.level-0 > li {
float: left;
width: calc(25% - 20px);
height: calc(100% - 70px);
top: 0;
padding: 20px 0 20px 20px; }
.level-0 > li:last-child {
margin-right: 0; }
.level-0 > li > a {
padding: 0;
font-weight: 700;
margin-bottom: 12px;
margin-left: 0; }
.level-0 > li li a {
margin-left: 0; }
li.about-us .level-0 > li {
width: 100%; }
li.about-us .level-0 > li > a {
display: none; }
li.contact .level-0 {
width: 100%; }
li.contact .level-0 > li {
width: 100%;
text-align: center; }
li.contact .level-0 > li > a {
display: none; }
.user {
margin-right: 12px;
top: 5px;
position: relative;
max-width: 100px;
vertical-align: top; }
.uk-open > a {
border-bottom: 1px solid #e0d18f; }
/*------------------------------------------------------------------------------
-- Header image */
.main-menu-nav {
height: 85px; }
header .site-logo {
display: inline-block;
position: relative;
max-width: 250px;
top: 10px;
z-index: 9999;
left: 0; }
header img {
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out; }
/*------------------------------------------------------------------------------
-- Header options */
.scrolled,
.nav-white {
background: rgba(230, 231, 232, 0.95); }
.scrolled .option-3 .white,
.nav-white .option-3 .white {
display: none; }
.scrolled .mobile-menu-side,
.nav-white .mobile-menu-side {
background: transparent; }
.scrolled .action-links a,
.nav-white .action-links a {
color: #231f20; }
.scrolled .action-links a:hover,
.nav-white .action-links a:hover {
color: #e0d18f; }
.scrolled .action-links li,
.nav-white .action-links li {
color: #231f20; }
.scrolled .action-links .other-lang a,
.nav-white .action-links .other-lang a {
color: #e0d18f; }
.scrolled .time-of-day,
.nav-white .time-of-day {
color: #231f20; }
#header.nav-white .mobile-nav-button {
color: #231f20; }
#header.nav-white .line {
background: #231f20; }
/*------------------------------------------------------------------------------
-- option 1 */
#header.option-1 .action-links,
#header.option-1 .action-links a,
#header.option-1 .mobile-nav-button,
#header.option-1 .time-of-day,
.archive #header .action-links,
.archive #header .action-links a,
.archive #header .mobile-nav-button,
.archive #header .time-of-day {
color: #231f20; }
#header.option-1 .line,
.archive #header .line {
background: #231f20; }
/*------------------------------------------------------------------------------
-- option 2 */
/*------------------------------------------------------------------------------
-- option 3 */
#header .mobile-nav-button {
color: #fff; }
#header .line {
background: #fff; }
#header.scrolled .mobile-nav-button {
color: #231f20; }
#header.scrolled .line {
background: #231f20; }
.option-3 .dark {
display: none; }
.scrolled .option-3 .white {
display: none; }
.scrolled .option-3 .dark {
display: block; }
/*------------------------------------------------------------------------------
-- Mobile nav button */
.menu {
position: absolute;
left: -9px;
top: -30px; }
.mobile-nav-button {
width: 20px;
position: absolute;
position: fixed;
margin: 3rem 2rem 2rem;
right: 0;
top: 10px;
z-index: 9999;
cursor: pointer;
width: 20px;
height: 20px; }
.mobile-nav-button .mobile-nav-button--line--1,
.mobile-nav-button .mobile-nav-button--line--2,
.mobile-nav-button .mobile-nav-button--line--3 {
width: 100%;
height: 1px;
position: relative;
transition: 1s ease;
margin-bottom: 0.5rem; }
.mobile-nav-button .mobile-nav-button--line--3 {
margin-bottom: 0; }
.mobile-nav-button .mobile-nav-button--cross--1 {
transform: rotate(45deg);
top: 3px;
position: absolute; }
.mobile-nav-button .mobile-nav-button--cross--2,
.mobile-nav-button .mobile-nav-button--cross--3 {
transform: rotate(135deg);
top: 3px;
position: absolute; }
.mobile-nav-button .mobile-nav-button--cross--1,
.mobile-nav-button .mobile-nav-button--cross--2,
.mobile-nav-button .mobile-nav-button--cross--3 {
background: #404041; }
.mobile-nav-button.scroll {
top: 10px; }
.menu.dark-menu {
color: #404041; }
.mobile-nav-button:hover .single-line {
background: #e0d18f; }
.single-line.dark-line {
background: #404041; }
/*------------------------------------------------------------------------------
-- Mobile nav button click actions */
.option-1 .logo-off,
.option-2 .logo-off,
.option-3 .logo-off {
display: none; }
.option-1 .logo-on,
.option-2 .logo-on,
.option-3 .logo-on {
display: block; }
/*------------------------------------------------------------------------------
-- Mobile nav - right hand side section */
.mobile-menu-side {
display: block;
width: 100%;
right: -100%;
position: absolute;
transition: 0.2s ease;
top: 0;
background: rgba(230, 231, 232, 0.95);
opacity: 0;
position: fixed;
height: 100%;
max-height: 85px;
line-height: 1.8rem; }
.mobile-menu-side a a {
margin-left: 0; }
.mobile-menu--open {
right: 0;
opacity: 1; }
/*------------------------------------------------------------------------------
-- Action-links inside header */
#fcb_clock {
min-width: 45px; }
.action-links {
position: absolute;
top: 5px;
right: 100px;
color: #fff; }
.action-links li {
margin-right: 16px; }
.action-links li:last-child {
margin-right: 0; }
.action-links li li {
margin: 0; }
.action-links a {
color: #fff;
font-size: 12px; }
.action-links a:hover {
color: #e0d18f; }
.action-links .click.active,
.action-links .click.active a {
color: black !important; }
.action-links ul {
list-style: none;
padding: 0;
margin-bottom: 0; }
.action-links .active-lang li:not(.active) {
display: none; }
.action-links .active-lang a {
display: block; }
.action-links .other-lang li.active {
display: none; }
.action-links .other-lang.uk-dropdown {
padding: 0;
background-color: transparent;
left: -32px;
width: 100px;
background: #231f20;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
margin: 0; }
.action-links .other-lang.uk-dropdown:before {
position: absolute;
top: -5px;
content: "";
left: 42px;
border-style: solid;
border-width: 0 8px 5px 8px;
border-color: transparent transparent #231f20 transparent; }
.action-links .other-lang a {
padding: 5px 10px;
display: block;
text-transform: uppercase;
color: #e0d18f;
font-size: 10px;
font-size: 1rem;
text-align: center; }
.action-links .other-lang a:hover {
color: #e0d18f !important; }
.time-of-day {
color: #e0d18f; }
.time-of-day i {
position: relative;
top: 3px; }
.seconds {
width: 15px; }
#qtranslate-chooser li.active li:hover {
display: block; }
.other-lang li.active {
display: none; }
.lang-select {
position: relative; }
.active-lang {
padding: 5px 10px; }
/*------------------------------------------------------------------------------
-- Home page form */
.home-book span,
.home-book a,
.home-book p,
.home-book label,
.home-book input
.select2-results,
.home-book .select-date input {
font-size: 12px;
font-size: 1.2rem; }
.home-block.default {
height: 100%; }
.home-block input {
font-family: "Raleway", sans-serif; }
.home-block .select-2 {
text-transform: uppercase; }
.emphasis {
color: #e0d18f;
font-family: "JosefinSans", Helvetica, Arial, sans-serif; }
/*------------------------------------------------------------------------------
-- FAQ section */
.center-header {
text-align: center; }
.center-header p {
max-width: 500px;
margin: 20px auto; }
.uk-accordion a {
border-top: 1px solid #f1f1f1;
padding: 5px 0 5px 10px; }
.uk-accordion a:first-child {
border-top: none; }
.faq-section h3 {
font-size: 18px;
margin: 0;
padding: 20px 0; }
.faq-section .uk-accordion-title {
border: 1px solid #f1f1f1; }
.faq-section .uk-accordion-title.active {
margin-top: 12px; }
.faq-section p {
padding: 12px;
margin: 0 0 12px;
border-radius: 3px; }
.faq-section p:before {
font-family: "LinearIcons";
font-size: 0.75em;
content: "\e870";
margin-right: 1em;
display: inline-block;
transform: rotate(45deg);
transition: transform .1s ease-in-out; }
.faq-section p.uk-active {
background: #f1f1f1;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 0;
border-bottom-lefr-radius: 0; }
.faq-section p.uk-active:before {
transform: rotate(0deg); }
.faq-section .uk-accordion-content {
padding: 12px; }
.faq-section .uk-accordion-content.uk-active {
border: 1px solid #f1f1f1;
margin-bottom: 12px;
margin-top: -12px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
.faq-section .uk-accordion-content p {
margin: 0;
border-bottom: 1px solid #f1f1f1; }
.faq-section .uk-accordion-content p:first-child {
padding-top: 0; }
.faq-section .uk-accordion-content p:last-child {
margin-bottom: 0; }
.faq-section .uk-accordion-content ul {
padding: 24px 36px;
border-bottom: 1px solid #f1f1f1; }
.faq-section .uk-accordion-content li {
margin-bottom: 6px;
list-style-type: decimal; }
.faq-section .uk-active {
border: 1px solid #f1f1f1; }
/*------------------------------------------------------------------------------
-- Car information */
.vehicle-control .top {
display: flex;
align-items: center;
justify-content: space-between; }
@media (max-width: 768px) {
.vehicle-control .top {
display: block; } }
.vehicle-control .error {
padding: 15px 30px;
margin-bottom: 10px; }
.choose-currency {
display: flex;
max-height: 36px;
align-items: center;
border: 1px solid #f1f1f1;
border-radius: 3px;
text-transform: uppercase; }
.choose-currency.choose-car {
margin: 12px 0 24px 0; }
.choose-currency .select2-dropdown {
margin-top: -2px; }
.choose-currency .info-tip {
position: relative;
margin-right: 12px; }
.choose-currency .select2 {
text-transform: none;
margin-right: 12px; }
.choose-currency .select2-selection:before {
top: 7px; }
.vehicle-container {
min-height: 200px; }
.vehicle-container .load-spinner {
display: none; }
.vehicle-container.loading > * {
display: none; }
.vehicle-container.loading > .load-spinner {
display: block; }
.vehicle-filters {
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
display: flex;
margin-bottom: 24px; }
.vehicle-filters .ftype .select2 {
display: none; }
.fcb-vehicle-list {
position: relative;
display: flex;
flex-direction: column; }
.fcb-vehicle-list.alt {
z-index: -1; }
.fcb-vehicle-list.slider-list {
margin: 0 50px; }
.fcb-vehicle-item {
margin-bottom: 24px;
padding: 12px;
border: 1px solid #f1f1f1;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
display: -webkit-flex;
display: -ms-flex;
display: flex;
flex-flow: row wrap; }
.fcb-vehicle-item .rushhour-price,
.fcb-vehicle-item .gallery-info,
.fcb-vehicle-item .exch-price {
font-size: 11px; }
.fcb-vehicle-item:last-child {
margin-bottom: 24px; }
.fcb-vehicle-item.suitable {
order: 0; }
.fcb-vehicle-item.booked-car {
position: relative; }
.fcb-vehicle-item.booked-car::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.5);
content: "";
z-index: 1; }
.fcb-vehicle-item .vehicle-image {
flex-basis: 40%; }
.fcb-vehicle-item.booked {
background-color: rgba(255, 0, 0, 0.1); }
.fcb-vehicle-item .vehicle-image {
margin-right: 10px; }
.fcb-vehicle-item .vehicle-image .gallery-info a {
font-size: 11px;
color: inherit; }
.fcb-vehicle-item .vehicle-type {
font-size: 10px;
border: 1px solid #e0d18f;
color: #e0d18f;
font-weight: 700;
border-radius: 3px;
padding: 3px 3px; }
.fcb-vehicle-item .vehicle-details {
flex-grow: 1;
flex-basis: 50%;
margin-right: 10px;
flex-grow: 1;
flex-basis: 50%; }
.fcb-vehicle-item .vehicle-details h4 {
font-weight: 100;
font-size: 20px; }
.fcb-vehicle-item .vehicle-details .vehicle-type {
display: inline-block;
text-transform: uppercase;
padding: 6px 12px;
border: 1px solid #e0d18f;
border-radius: 3px;
margin-bottom: 12px; }
.fcb-vehicle-item .vehicle-details .info {
text-align: left;
font-size: 12px;
line-height: 28px; }
.fcb-vehicle-item .vehicle-details div > span:first-child {
min-width: 144px;
display: inline-block; }
.fcb-vehicle-item .vehicle-price {
position: relative;
flex-basis: 14%;
text-transform: uppercase; }
.fcb-vehicle-item.slide {
display: block;
overflow: hidden;
box-sizing: border-box; }
.fcb-vehicle-item.slide .vehicle-image {
text-align: center; }
.fcb-vehicle-item.slide .vehicle-image img {
max-height: 100px;
width: auto; }
.fcb-vehicle-item.slide h4 {
font-weight: 100; }
.fcb-vehicle-item.slide .vehicle-type {
display: inline-block;
margin-left: 12px;
font-weight: 100;
text-transform: uppercase;
padding: 3px 20px;
border: 1px solid #e0d18f;
border-radius: 3px;
margin-bottom: 10px; }
.fcb-vehicle-item.slide .vehicle-details {
margin: 12px; }
.fcb-vehicle-item.slide .vehicle-price {
display: flex;
align-items: center;
justify-content: space-between;
text-align: left;
font-family: "JosefinSans", Helvetica, Arial, sans-serif;
padding: 12px; }
.fcb-vehicle-item.slide .price-details {
display: flex; }
/*------------------------------------------------------------------------------
-- Car information */
.gallery-info {
text-align: center;
display: flex;
font-family: "JosefinSans", Helvetica, Arial, sans-serif;
justify-content: center;
text-transform: uppercase; }
.gallery-info a {
line-height: 28px; }
.exch-amount,
.exch-code,
.main-price,
.rushhour-price,
.price-values,
.payments {
font-family: "JosefinSans", Helvetica, Arial, sans-serif; }
.main-price,
.rushhour-price,
.exch-price,
.payments {
font-size: 15px;
font-size: 1.5rem; }
.rushhour-price,
.main-price,
.exch-price {
font-weight: 700; }
.rushhour-price {
color: #e0d18f; }
.exch-price {
color: #808184;
font-size: 12px;
margin-right: 6px; }
.rh-alert {
font-size: 10px;
font-size: 1rem; }
hr {
color: #aaa;
margin: 20px 0; }
.box {
padding: 0 50px; }
.container {
padding-left: 50px;
padding-right: 50px; }
.callout {
display: flex;
align-items: center;
color: #bbbdbf;
background-color: #312f30;
font-size: 12px;
text-align: center;
margin-bottom: 10px; }
.callout span {
flex-grow: 1; }
.callout a {
min-width: 120px;
padding: 10px 0;
background-color: #404041;
border: 1px solid #BBBDBF;
color: #fff;
text-transform: uppercase; }
.fat-wide {
display: inline-block;
text-align: center;
max-width: 150px;
border: 1px solid #BBBDBF;
color: #fff;
text-transform: uppercase;
padding: 5px 27px;
box-sizing: border-box;
font-size: 12px;
line-height: 16px;
margin-right: 20px; }
ul.sponsors > li {
margin-bottom: 12px;
margin-right: 12px;
width: calc(90px - 12px);
float: left;
line-height: 60px; }
.footer-links li a {
color: inherit;
font-size: 12px;
line-height: 12px; }
.footer-links ul {
list-style: none;
margin: 0 0 20px;
padding-left: 0; }
.internal-links {
width: calc(50% - 20px);
float: left;
margin-bottom: 24px;
margin-left: 20px; }
.footer-info > div {
padding-right: 24px; }
.footer-info > div:last-child {
padding: 0; }
.footer-info span {
min-width: 50px; }
/*------------------------------------------------------------------------------
-- css Accordian */
.collapse-list {
margin-bottom: 0;
padding-left: 0;
list-style: none;
margin-bottom: 10px; }
.collapse-list li {
margin-bottom: 12px;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
border-radius: 3px; }
.collapse-list p {
margin-top: 0; }
.collapse-open {
display: none; }
.collapse-painel {
visibility: hidden;
max-height: 0;
display: none;
opacity: 0;
transition: max-height .01s,visibility .1s,opacity .2s; }
.collapse-open:checked ~ .collapse-painel {
max-height: 100%;
opacity: 100;
visibility: visible;
display: block; }
.collapse-open:checked ~ label > .open-close {
transform: rotate(45deg); }
.collapse-list .collapse-btn {
background-color: #f1f1f1;
font-family: "JosefinSans", Helvetica, Arial, sans-serif;
font-size: 20px;
font-size: 2rem;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
cursor: pointer;
display: block;
padding: 12px;
position: relative; }
.collapse-list .collapse-btn.dark {
background-color: #444;
border-radius: 3px;
color: #e0d18f; }
.collapse-list .collapse-inner {
padding: 12px;
margin: 0 0 12px;
border: 1px solid #f1f1f1;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px; }
.collapse-list .collapse-inner > div,
.collapse-list .collapse-inner section {
padding: 0;
border: 0;
margin: 0;
box-shadow: none; }
/*------------------------------------------------------------------------------
-- css modal */
.modalDialog {
position: fixed;
/*font-family: Arial, Helvetica, sans-serif;*/
top: 0;
right: 0;
bottom: 0;
left: 0;
/*background: rgba(0, 0, 0, 0.8);*/
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalDialog:before {
position: absolute;
top: -30vh;
left: -50vw;
background: rgba(0, 0, 0, 0.6);
content: "";
height: 200vh;
width: 200vw;
}
.modalDialog:target {
opacity:1;
pointer-events: auto;
}
.modalDialog > div {
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
max-width: 500px;
border: 1px solid #e0d18f;
position: relative;
margin: auto;
padding:12px;
border-radius: 3px;
background: #fff;
/*background: -moz-linear-gradient(#fff, #999);
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);*/
}
.close {
/*background: #606061;*/
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
/*text-align: center;*/
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
/*-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;*/
position: absolute;
top: 7px;
right: 15px;
}
.close:after {
content: "\e870";
font-family: "LinearIcons";
font-size: 25.5px;
font-size: 2.55rem;
color: #000;
}
.close:hover {
/*background: #00d9ff;*/
}
/*------------------------------------------------------------------------------
-- css dropdown */
.btn-dropdown {
bottom: 0; }
.dropdown {
position: relative;
display: inline-block;
height: 36px; }
.dropdown-hover:hover .dropdown-inner,
.dropdown-open:checked ~ .dropdown-inner {
opacity: 100;
visibility: visible; }
.dropdown-open:checked ~ .dropdown-inner.static {
position: relative; }
.dropdown-overlay {
display: none;
position: fixed;
height: 200vh;
width: 200vw;
top: -100px;
right: 0;
bottom: 0;
left: -100px;
z-index: 1; }
.dropdown-inner {
background-color: #fff;
border-radius: 3px;
position: absolute;
opacity: 0;
transition: opacity .3s;
visibility: hidden;
z-index: 2;
border: 1px solid #f1f1f1;
margin-top: 5px; }
.dropdown-inner:not(.static) {
transition: opacity .3s,visibility .3s; }
.dropdown-inner.hover {
top: 33px;
z-index: 1000; }
.dropdown-inner--mobile .select2 {
display: none; }
.nav-list {
font-size: 12px;
font-size: 1.2rem; }
.nav-list .passenger-input {
width: calc(40% - 2px);
top: 5px;
position: relative;
right: 5px; }
.dropdown-hover:hover .dropdown-inner,
.dropdown-open:checked ~ .dropdown-inner {
opacity: 100;
visibility: visible;
z-index: 9999; }
.dropdown-hover:hover .dropdown-overlay,
.dropdown-open:checked ~ .dropdown-overlay,
.dropdown-open--mobile:checked ~ .dropdown-overlay {
display: block; }
.number-of-guests > label,
.number-of-guests .dropdown-inner {
min-width: 100%;
max-width: 250px; }
.number-of-guests input {
background: transparent;
border: 1px solid; }
.select2-dropdown {
border-color: #e6e7e8 !important;
margin-top: -2px; }
/*------------------------------------------------------------------------------
-- Tabbed area */
.tabbed-area > section {
display: none;
margin-top: 12px;
width: 100%; }
.tabbed-area input[type="radio"] {
display: none; }
.tabbed-area label {
display: inline-block; }
.tabbed-area label:hover {
color: #888;
cursor: pointer; }
.tabbed-area input:checked + label {
display: inline-block; }
.tabbed-area.survey > section {
display: none; }
#airport:checked ~ #airport-survey,
#car:checked ~ #car-survey,
#airport-car:checked ~ #airport-car-survey,
#tab1:checked ~ #content1,
#tab2:checked ~ #content2 {
display: block; }
/* JS Tabs
---------------------------------------- */
#simple-tabs,
#simple-tabs-1,
#simple-tabs-2,
#simple-tabs-3,
#simple-tabs-4 {
overflow: hidden;
float: left; }
#simple-tabs ul.tabs,
#simple-tabs-1 ul.tabs,
#simple-tabs-2 ul.tabs,
#simple-tabs-3 ul.tabs,
#simple-tabs-4 ul.tabs {
padding: 0;
float: left;
list-style: none;
width: 100%; }
#simple-tabs ul.tabs li,
#simple-tabs-1 ul.tabs li,
#simple-tabs-2 ul.tabs li,
#simple-tabs-3 ul.tabs li,
#simple-tabs-4 ul.tabs li {
float: left;
position: relative; }
#simple-tabs ul.tabs li.active,
#simple-tabs-1 ul.tabs li.active,
#simple-tabs-2 ul.tabs li.active,
#simple-tabs-3 ul.tabs li.active,
#simple-tabs-4 ul.tabs li.active {
border-bottom: none; }
#simple-tabs ul.tabs li.active a,
#simple-tabs-1 ul.tabs li.active a,
#simple-tabs-2 ul.tabs li.active a,
#simple-tabs-3 ul.tabs li.active a,
#simple-tabs-4 ul.tabs li.active a {
color: #231f20;
background: #e0d18f;
font-size: 12px;
font-size: 1.2rem; }
#simple-tabs ul.tabs li a,
#simple-tabs-1 ul.tabs li a,
#simple-tabs-2 ul.tabs li a,
#simple-tabs-3 ul.tabs li a,
#simple-tabs-4 ul.tabs li a {
display: block; }
#simple-tabs ul.tabs li a:hover,
#simple-tabs-1 ul.tabs li a:hover,
#simple-tabs-2 ul.tabs li a:hover,
#simple-tabs-3 ul.tabs li a:hover,
#simple-tabs-4 ul.tabs li a:hover {
background: #e0d18f;
color: #231f20; }
.inner #simple-tabs-1 ul.tabs,
.inner #simple-tabs-2 ul.tabs {
padding: 12px 12px 0;
width: calc(100% - 24px); }
.tab_container {
overflow: hidden;
clear: both;
float: left;
width: 100%;
background: #FFF; }
.tabbed-area.airports li {
width: calc(50% - 5px); }
.tabbed-area.airports li:first-child {
margin-right: 10px; }
.half-tabs > .btn:first-of-type,
.half-tabs > li:first-of-type {
width: calc(50% - 36px);
max-width: 300px;
margin-right: 10px; }
.half-tabs > .btn:first-of-type.btn.padded,
.half-tabs > li:first-of-type.btn.padded {
width: calc(50% - 50px); }
.half-tabs > .btn:last-of-type,
.half-tabs > li:last-of-type {
width: calc(50% - 36px);
max-width: 300px;
margin-left: 10px; }
.third-tabs > .btn:first-of-type,
.third-tabs > li {
width: calc(33.33333% - 36px);
max-width: 300px;
margin-right: 10px; }
.tabbed-area input:checked + label {
background: #e0d18f;
color: #231f20; }
.tabbed-area input:checked + label.radio-label {
background: transparent; }
/*------------------------------------------------------------------------------
-- Grid sections */
.align-left {
margin-right: auto; }
.align-right {
margin-left: auto; }
.content-reading {
max-width: 768px;
margin: auto; }
/*------------------------------------------------------------------------------
-- search components */
.home-book-form .dropdown-inner {
margin-left: -1px;
width: 100%; }
.home-book-form p {
font-family: "Raleway", sans-serif; }
.home-book-form .select2,
.home-book-form .select-date input,
.home-book-form .flight input,
.home-book-form .dropdown {
height: 36px;
border: 1px solid #e6e7e8;
border-radius: 3px; }
.transfer-form .select2,
.transfer-form .select-date input {
border: 1px solid #e6e7e8;
height: 36px;
border-radius: 3px; }
/*------------------------------------------------------------------------------
-- Blocks */
.page-block {
padding-top: 120px;
padding-bottom: 50px; }
.content-block {
max-width: 768px;
margin: auto; }
.content-block.small {
padding: 0;
max-width: 900px;
position: relative; }
.multi {
background: #f1f1f1;
width: 100%; }
.multi > div {
max-width: 767px; }
.multi div:first-child {
margin: 48px auto 0; }
.multi div:nth-child(2) {
margin: 24px auto 0; }
.multi-examples {
padding-top: 24px; }
.multi-examples img {
width: 100%;
max-width: 600px; }
.home-block {
background-repeat: no-repeat;
position: relative;
display: flex;
height: 100vh;
overflow: hidden;
align-items: center;
box-sizing: border-box;
padding: 48px 0;
z-index: 2; }
.home-block p {
margin: 0 auto;
max-width: 780px;
padding-bottom: 40px;
text-transform: uppercase;
border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.home-block .content {
margin: 0 auto;
max-width: 767px; }
.home-block.home-landing {
/*background-image: url(../img/home-landing-demo.jpg);*/
background-size: cover;
padding: 140px 0 30px;
flex-direction: column;
background-position: center; }
.home-block.home-landing .inner {
position: relative;
text-align: center;
margin: 0 auto; }
.home-block.home-landing .inner h2 {
color: #fff; }
.home-block.home-landing .inner h2 span {
color: #e0d18f; }
.home-block.home-landing.blank {
background-image: none;
background-color: #000; }
.home-block .inner {
z-index: 100;
flex-grow: 1; }
.home-block .tv {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
overflow: hidden; }
.home-block .tv .screen {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
margin: auto;
opacity: 0;
transition: opacity .5s; }
.home-block .tv .screen.active {
opacity: 1; }
.home-block.block-convenience {
background-image: url(../img/choose-convenience-new.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.home-block.block-convenience .speaker {
right: -20px; }
.home-block.block-convenience .speaker p {
color: #fff; }
.home-block.block-multi .speaker {
right: 5px; }
.home-block.block-multi > div {
max-width: 767px;
margin: 0 auto; }
.home-block.block-multi {
background: url(../img/multi.jpg);
background-position: center top;
background-size: cover;
background-repeat: no-repeat; }
.home-block.block-excellence {
background-image: url(../img/choose-excellence.jpg);
background-position: bottom center;
background-size: cover;
background-repeat: no-repeat; }
.home-block.block-excellence .speaker {
right: 40px;
width: 105px;
padding: 0 25px 0 0; }
.home-block.block-excellence h2,
.home-block.block-excellence h4 {
color: #e0d18f; }
.home-block.block-excellence p,
.home-block.block-excellence form {
color: #fff;
max-width: 767px;
margin: 0 auto; }
.home-block.block-packages .speaker {
right: -70px; }
.home-block.block-packages .cta {
max-width: 767px;
margin: 0 auto 24px; }
.home-block.block-packages .cta p {
margin-bottom: 12px; }
.home-book {
transition: opacity .2s ease-in-out;
max-width: 1000px;
margin: 25px auto 0; }
.home-book .booking-forms {
background-color: rgba(255, 255, 255, 0.4); }
.home-book span,
.home-book input {
border-radius: 3px;
overflow: hidden;
height: 36px;
border-radius: 3px; }
.home-book span.desktop-tab {
height: auto; }
.home-book .book-forms {
color: #231f20;
padding: 12px; }
.home-book .get-quote {
margin-right: 30px; }
.play-video h3 {
font-size: 15px;
font-size: 1.5rem; }
.play-video {
margin-top: 20px;
/*text-align: left;*/
margin: 20px auto;
/* padding-left: 60px; */
max-width: 850px; }
.play-video h3.animate:hover::before {
content: "";
left: 0;
height: 6px;
width: 6px;
position: absolute;
background: #fff;
z-index: -1;
left: 5px;
top: 8px; }
.play-video h3:hover {
position: relative; }
/*.play-video a {
padding: 0 15px;}*/
.info-text {
padding: 8px 0; }
.book-options {
list-style: none;
margin-left: -5px;
margin-bottom: 5px; }
.book-options li {
padding-left: 5px; }
.book-options li a {
color: #e0d18f;
display: block;
border: 1px solid #e0d18f;
text-transform: uppercase; }
.book-options li a:hover {
background: rgba(224, 209, 143, 0.8);
color: #231f20;
border-color: rgba(224, 209, 143, 0.8); }
.book-options li.uk-active a {
background-color: rgba(224, 209, 143, 0.8);
color: #231f20;
border-color: rgba(224, 209, 143, 0.8); }
.book-options li.uk-active a:active {
background-color: #e0d18f; }
.form-description {
padding-right: 12px; }
.form-description a {
text-transform: uppercase;
color: #fff;
margin: 12px 0;
display: inline-block; }
.get-quote {
font-size: 12px;
color: #404041;
float: right; }
.book-links a {
width: 100%;
box-sizing: border-box; }
.book-links .icon {
background-repeat: no-repeat;
background-position: 8px center;
background-size: auto 16px;
padding-left: 36px; }
.book-links .shopping {
background-image: url(../img/shopping.png); }
.book-links .wedding {
background-image: url(../img/wedding.png); }
.book-links .golf {
background-image: url(../img/golf.png); }
.book-links .meeting {
background-image: url(../img/meeting.png); }
.book-links .dining {
background-image: url(../img/dinning.png); }
/*------------------------------------------------------------------------------
-- css rollover images with content */
.content-rollover.addons .single {
width: 50%; }
.content-rollover.addons .select-price,
.content-rollover.addons .addon-price-detail {
float: left;
width: 100%;
margin: 0 auto 12px;
text-align: center; }
.content-rollover.addons .select-price ul,
.content-rollover.addons .addon-price-detail ul {
max-width: 80px;
margin: auto; }
.content-rollover.addons.info {
margin-top: 12px; }
.content-rollover.addons.info .block {
margin: 0 12px 12px; }
.content-rollover.addons .addon {
padding: 0; }
.content-rollover .block {
margin: 5px;
position: relative;
overflow: hidden;
border-radius: 3px;
overflow: hidden; }
.content-rollover .block .block-img-wrap {
width: 100%;
overflow: hidden; }
.content-rollover .block .block-img-wrap {
position: relative;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s; }
.content-rollover .block .block-img-wrap:before {
content: " ";
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
z-index: 2;
-webkit-transition: all linear 0.25s;
transition: all linear 0.25s; }
.content-rollover .block:hover .block-img-wrap:before {
background: rgba(0, 0, 0, 0.3); }
.content-rollover .block .block-img-wrap img {
width: 105%;
max-width: 105%;
margin-left: -5%;
position: relative;
z-index: 1;
-webkit-transition: all cubic-bezier(0.11, 0.7, 0.55, 0.96) 0.3s;
transition: all cubic-bezier(0.11, 0.7, 0.55, 0.96) 0.3s; }
.content-rollover.addons .block {
width: calc(50% - 24px);
float: left;
margin: 12px 12px 0; }
.content-rollover.addons .block .block-img-wrap img {
width: auto;
text-align: center;
margin: auto;
max-width: 100%;
max-height: 120px; }
.content-rollover.addons img {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7); }
.content-rollover .block .block-text-wrap {
position: absolute;
-webkit-transition: all linear 0.25s;
transition: all linear 0.25s;
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 12px 12px 12px;
margin: 5px;
color: white;
opacity: 1;
-webkit-transition: all cubic-bezier(0.11, 0.7, 0.55, 0.96) 0.3s;
transition: all cubic-bezier(0.11, 0.7, 0.55, 0.96) 0.3s; }
.content-rollover.addons .block-img-wrap {
text-align: center;
padding: 36px 0;
min-height: 120px; }
.content-rollover.addons .addon {
border: 1px solid #f1f1f1; }
.content-rollover .block p {
position: relative;
top: 30px;
z-index: 2;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.content-rollover .block:hover p {
opacitY: 1;
-webkit-transform: translate3d(0, -40px, 0);
transform: translate3d(0, -40px, 0); }
.content-rollover .block:hover h3,
.content-rollover .block:hover .btn {
opacity: 1; }
.content-rollover .block:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-filter: blur(6px);
filter: blur(6px); }
.content-rollover .block h3 {
position: relative;
font-size: 25.5px;
font-size: 2.55rem;
top: -24px;
margin: 0;
color: #fff; }
.content-rollover .block h3.packages {
font-size: 17px;
font-size: 1.7rem; }
.content-rollover .block h3,
.content-rollover .block .btn,
.content-rollover .block p {
opacity: 0; }
.content-rollover.addons .block:hover img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.content-rollover.addons .block h3 {
font-size: 17px;
font-size: 1.7rem;
top: 15px; }
.content-rollover.addons .block p {
top: 45px; }
/*------------------------------------------------------------------------------
-- select2 */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background: #f1f1f1;
color: #231f20; }
.select2-results {
font-size: 12px;
font-size: 1.2rem; }
.select2 {
font-size: 12px;
font-size: 1.2rem;
text-transform: uppercase;
width: 100% !important;
overflow: hidden; }
.select2 .select2-selection {
height: 36px;
border-radius: 0;
border: none; }
.select2 .select2-selection .select2-selection__rendered {
line-height: 36px; }
.select2 .select2-selection .select2-selection__arrow {
height: 36px;
top: 0;
line-height: 36px;
right: 5px;
width: 20px; }
.select2 .select2-selection .select2-selection__arrow:before {
font-family: "LinearIcons";
content: "\e874"; }
.select2-results #select2-end_loc-results > li:nth-child(2),
.select2-results #select2-end_loc-results > li:nth-child(3),
.select2-results #select2-end_loc-results > li:nth-child(4),
.select2-results #select2-start_loc-results > li:nth-child(2),
.select2-results #select2-start_loc-results > li:nth-child(3),
.select2-results #select2-start_loc-results > li:nth-child(4) {
font-weight: bold; }
.select-arrow-left .select2-selection__arrow {
display: none; }
.select-arrow-left .select2-selection {
position: relative; }
.select-arrow-left .select2-selection:before {
font-family: "LinearIcons";
content: "\e874";
position: absolute;
left: 10px; }
.select-dark .select2-container--default .select2-selection--single {
background-color: rgba(64, 64, 65, 0.6); }
.select-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #fff; }
.select-dark .select2 .select2-selection .select2-selection__arrow:before {
color: #fff; }
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"] {
height: 36px;
line-height: 36px;
border: none;
font-size: 14px;
text-transform: uppercase;
padding: 0 20px; }
.pick-up-timer-outer {
position: relative;
font-size: 14px; }
.pick-up-timer-outer:before {
position: absolute;
left: 14px;
z-index: 1; }
.pick-up-timer,
.home-book-form.pick-up-timer.long {
font-size: 12px;
text-transform: uppercase;
position: relative;
height: 34px;
border: 1px solid #e6e7e8; }
.pick-up-timer:before,
.home-book-form.pick-up-timer.long:before {
right: 14px; }
.pick-up-timer span,
.home-book-form.pick-up-timer.long span {
position: absolute;
top: 6px;
left: 36px; }
.pick-up-timer input,
.home-book-form.pick-up-timer.long input {
background: transparent;
border: 0;
z-index: 1;
position: absolute;
width: calc(100% - 120px);
padding: 0 20px 0 120px; }
.home-book-form.alternate .pick-up-timer.long input {
padding: 0 20px 0 120px; }
.home-book-form.alternate .pick-up-timer.long span {
max-width: none; }
.home-book-form.alternate .pick-up-timer span {
max-width: 60px;
overflow: hidden; }
.home-book-form.alternate .pick-up-timer input {
padding: 0 20px 0 100px; }
.home-book-form.alternate .wickedpicker {
border: 1px solid #e6e7e8; }
.home-book-form .passenger-input input {
height: 24px;
width: 24px;
line-height: 24px;
margin: 0; }
.home-book-form .passenger-input.multiple input {
margin: 0 6px;
background: transparent; }
.home-book-form .passenger-input.multiple input.qty {
background: #fff; }
.select-date {
position: relative; }
.select-date input {
position: relative;
font-family: "Raleway", sans-serif;
background-image: url(../img/calendar-full.svg);
background-position: 11px center;
background-size: 15px;
background-repeat: no-repeat;
cursor: pointer;
color: #444; }
textarea {
padding: 12px;
border: 1px solid #f1f1f1;
font-size: 14px;
font-size: 1.4rem;
max-width: calc(100% - 42px);
-webkit-appearance: none;
font-family: "Raleway", sans-serif; }
.open-modal {
text-transform: uppercase;
top: 12px;
right: -30px;
position: relative;
}
.home-book-form {
position: relative; }
.home-book-form input {
height: 36px; }
.home-book-form .return-form {
padding-right: 0; }
.home-book-form .return-form > .last:after {
content: "";
clear: both;
display: block; }
.home-book-form.alternate .dropdown {
border: 1px solid #e6e7e8;
height: 36px; }
#return-form,
#return-form2,
#return-form3,
#return-form4,
#next-step {
display: none; }
#return-form {
padding-right: 0; }
/* Info Tip */
.info-tip {
background-position: center;
background-image: url(../img/info-tip.svg);
border-radius: 3px;
overflow: hidden;
background-repeat: no-repeat;
width: 1.5em;
height: 1.35em;
font-size: 10px;
font-size: 1rem;
display: inline-block;
margin-left: 6px; }
/* Radio Buttons */
.radio {
margin-right: 0.5rem;
display: inline-block; }
#trip-details .radio {
min-width: 140px; }
.radio input[type="radio"], .radio input[type="checkbox"] {
position: absolute;
opacity: 0; }
.radio input[type="radio"] + .radio-label, .radio input[type="checkbox"] + .radio-label {
cursor: pointer; }
.radio input[type="radio"] + .radio-label:before, .radio input[type="checkbox"] + .radio-label:before {
content: '';
background: #f4f4f4;
border: 1px solid #b4b4b4;
display: inline-block;
width: 1.2em;
height: 1.2em;
position: relative;
box-sizing: border-box;
margin-right: 5px;
vertical-align: middle;
cursor: pointer;
text-align: center;
transition: all 250ms ease;
border-radius: 3px; }
.radio input[type="radio"] + .radio-label.error, .radio input[type="checkbox"] + .radio-label.error {
color: #ff0202; }
.radio input[type="radio"]:checked + .radio-label:before, .radio input[type="checkbox"]:checked + .radio-label:before {
background-color: #e0d18f;
box-shadow: inset 0 0 0 4px #f4f4f4; }
.radio input[type="radio"]:focus + .radio-label:before, .radio input[type="checkbox"]:focus + .radio-label:before {
outline: none;
border-color: #e0d18f; }
.radio input[type="radio"]:disabled + .radio-label:before, .radio input[type="checkbox"]:disabled + .radio-label:before {
box-shadow: inset 0 0 0 4px #f4f4f4;
border-color: #b4b4b4;
background: #b4b4b4; }
.radio input[type="radio"] + .radio-label:empty:before, .radio input[type="checkbox"] + .radio-label:empty:before {
margin-right: 0; }
/* Vertical Form */
.form-block {
display: flex;
flex-wrap: wrap;
margin-top: 35px; }
.form-block > * {
padding-right: 0px;
width: auto !important;
box-sizing: border-box;
flex-basis: 32.333%;
max-width: 33.333%;
margin: 0 0.5% 5px;
max-width: 32.33333%; }
@media (max-width: 768px) {
.form-block > * {
flex-basis: 50%;
max-width: 50%; } }
.form-block > *:nth-child(3) {
padding: 0; }
.form-block input[type="submit"] {
padding: 0; }
.form-block input[type="text"],
.form-block .select2 .select2-selection {
background-color: #F1F1F2;
padding-right: 10px; }
.form-block #select2-checkintime-container:before {
content: none; }
.form-block .calendar {
display: none; }
.form-block .select-date input {
padding-left: 30px;
width: 100%;
box-sizing: border-box; }
.form-block .get-quotation {
text-align: right; }
/* Slide Nav */
.slideset {
position: relative; }
.uk-slidenav {
position: absolute;
top: calc(50% - 50px);
height: 100px;
line-height: 100px;
font-size: 40px; }
.uk-slidenav:before {
font-family: "LinearIcons";
display: inline-block;
-ms-transform: scale(1, 2);
/* IE 9 */
-webkit-transform: scale(1, 2);
/* Safari */
transform: scale(1, 2);
/* Standard syntax */ }
.uk-modal .uk-slidenav:before {
-ms-transform: scale(1, 1.1);
/* IE 9 */
-webkit-transform: scale(1, 1.1);
/* Safari */
transform: scale(1, 1.1);
/* Standard syntax */ }
.uk-modal .uk-slidenav {
height: 30px;
line-height: 30px;
font-size: 40px; }
.uk-slidenav-previous {
left: -55px; }
.uk-slidenav-previous:before {
content: "\e875"; }
@media (max-width: 768px) {
.uk-slidenav-previous {
left: 0; } }
.uk-slidenav-next {
right: -55px; }
.uk-slidenav-next:before {
content: "\e876"; }
@media (max-width: 768px) {
.uk-slidenav-next {
right: 0; } }
.user-title {
min-width: 150px; }
/* Home Package */
.package-detail {
background-color: #e6e7e8;
padding: 20px;
transition: all .3s linear; }
.package-detail h4 {
font-size: 14px; }
.fcb-packages > div {
overflow: hidden; }
.fcb-packages:hover .package-detail {
background-color: #444; }
.fcb-packages:hover h4,
.fcb-packages:hover p {
color: #fff; }
.package-thumb {
overflow: hidden; }
.package-thumb img {
width: 100%;
transition: all 2s linear; }
.package-thumb:hover img {
transform: scale(1.2); }
/* Booking pages */
.book-step {
background-color: #404041;
padding: 34px 0 10px;
text-align: center; }
.book-step ul.booking-step {
margin-top: 43px;
font-size: 0; }
.book-step ul.booking-step li {
display: inline-block;
position: relative;
margin: 0;
padding: 0; }
.book-step ul.booking-step li a {
display: inline-block;
text-transform: uppercase;
color: #f1f1f1;
font-size: 12px;
font-size: 1.2rem;
margin: 0 8px;
padding: 8px 0 0; }
.book-step ul.booking-step li.active a {
color: #e0d18f; }
.book-step ul.booking-step li.current:after {
content: "";
height: 3px;
background-color: #e0d18f;
width: 3000px;
position: absolute;
bottom: -12px;
right: 50%; }
.book-step ul.booking-step li.current a:after {
content: "";
background-color: #e0d18f;
width: 8px;
height: 8px;
position: absolute;
bottom: -11px;
right: 50%;
z-index: 1;
transform: rotate(45deg) translate(50%); }
@media (max-width: 768px) {
.book-step ul.booking-step li:not(.current) {
display: none; } }
@media (max-width: 768px) {
.book-step {
padding-top: 88px; } }
.itinerary {
margin: 35px 0 0;
display: flex;
align-items: center;
background-color: #404041; }
.itinerary .itinerary-detail {
background-color: #404041;
color: #fff;
padding: 30px 25px;
width: 50%; }
.itinerary .itinerary-detail h3 {
color: rgba(224, 209, 143, 0.6);
margin-bottom: 20px; }
.itinerary .itinerary-detail h4 {
margin: 0 0 10px;
color: #fff; }
.itinerary .itinerary-detail p {
font-size: 12px;
margin-top: 0; }
.itinerary .itinerary-form {
background-color: #e6e7e8;
padding: 30px 10px;
align-self: stretch;
display: flex;
align-items: center; }
.itinerary .radio input[type="radio"] + .radio-label:before,
.itinerary .radio input[type="checkbox"] + .radio-label:before {
background: rgba(244, 244, 244, 0.3);
vertical-align: sub; }
.itinerary .radio input[type="radio"]:checked + .radio-label:before,
.itinerary .radio input[type="checkbox"]:checked + .radio-label:before {
box-shadow: inset 0 0 0 4px #888;
background: #e0d18f; }
.current-itinerary {
margin-bottom: 12px;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1); }
.current-itinerary .title {
background-color: #444;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 15px; }
.current-itinerary h3 {
color: rgba(224, 209, 143, 0.65);
line-height: 1em;
margin-bottom: 5px; }
.current-itinerary .tandc {
color: #bbbdbf;
font-size: 14px; }
.current-itinerary form {
background-color: #fbfbfb;
padding: 12px 0 12px 12px; }
.current-itinerary .radio input[type="radio"] + .radio-label:before,
.current-itinerary .radio input[type="checkbox"] + .radio-label:before {
vertical-align: text-bottom; }
.itinerary-options {
color: #fff; }
.itinerary-options > div {
margin-bottom: 6px; }
.itinerary-options a {
color: #e0d18f; }
.view-hide {
color: #e0d18f; }
.trip-container {
padding-top: 25px; }
ul.fcb-filter {
list-style: none;
padding-left: 0;
font-size: 0;
margin-bottom: 0;
width: 100%;
text-align: left;
background: #fff; }
ul.fcb-filter > li {
display: inline-block;
width: auto; }
ul.fcb-filter > li > a {
display: inline-block;
font-size: 14px;
text-transform: uppercase;
line-height: 36px;
height: 36px;
color: #231f20; }
ul.fcb-filter > li > a.active {
background-color: #e0d18f; }
ul.fcb-filter > li > a:hover {
color: inherit; }
.passengers {
display: flex;
align-items: center;
justify-content: flex-end;
flex-grow: 1; }
.passengers .text {
font-size: 14px;
font-weight: bold; }
.passengers .select2 {
max-width: 150px;
margin-left: 30px; }
.filter-type {
display: none !important; }
.filter-pass > * {
opacity: 0.4; }
.suitable > * {
opacity: 1; }
.trip-sidebar {
margin-bottom: 24px; }
.trip-sidebar .main-price {
font-size: 12px;
font-size: 1.2rem;
font-weight: 100; }
.trip-sidebar .sidebar-trips .trip-title {
display: flex;
justify-content: space-between;
align-items: center;
padding: 7px 10px;
background: #e0d18f;
font-size: 14px;
text-transform: uppercase;
cursor: pointer; }
.trip-sidebar .sidebar-trips .trip-title .trip-name:before {
font-family: "LinearIcons";
font-size: 0.75em;
content: "\e870";
margin-right: 1em;
display: inline-block;
transform: rotate(45deg);
transition: transform .1s ease-in-out; }
.trip-sidebar .sidebar-trips .trip-title.uk-active .trip-name:before {
transform: rotate(0deg); }
.trip-sidebar .sidebar-trips .trip-title .trip-type {
font-size: 12px; }
.trip-sidebar .sidebar-trips .trip-detail {
padding: 12px;
background-color: #fbfbfb;
font-size: 12px;
border: 1px solid #f1f1f1;
overflow: auto; }
.trip-sidebar .sidebar-trips .trip-detail.inactive {
color: #a6a8ab; }
.trip-sidebar .sidebar-trips .trip-detail span {
display: block; }
.trip-sidebar .sidebar-trips .trip-detail .separator {
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin: 5px 0; }
.trip-sidebar .sidebar-trips .trip-detail h5 {
font-weight: bold;
color: #6d6e70;
margin: 0 0 5px; }
.trip-sidebar .sidebar-trips .inner {
display: none; }
.new-balance {
border-top: 1px solid #505050; }
#balance-text {
text-transform: none;
color: #e0d18f;
font-size: 12px; }
.sidebar-price {
background-color: #404041;
color: #fff;
padding: 12px;
overflow: hidden;
font-size: 14px;
font-size: 1.4rem;
overflow: hidden;
text-transform: uppercase; }
.sidebar-price .price {
display: flex; }
.sidebar-price .exch-price {
font-size: 12px; }
.sidebar-addon-price.car {
position: relative; }
.sidebar-addon-price .single-addon {
display: inline-block;
width: calc(100% - 75px); }
.sidebar-addon-price .single-addon.car {
width: 100%; }
.sidebar-addon-price .single-price {
float: right;
min-width: 75px; }
.sidebar-addon-price .single-price.car {
right: 0;
top: -25px;
position: absolute; }
.sidebar-addon-price .single-price span.money {
min-width: 36px;
display: inline-block;
text-align: right; }
.sidebar-sub-total {
overflow: hidden;
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin-top: 5px;
padding-top: 5px; }
.sidebar-sub-total .main-price {
font-size: 12px;
font-size: 1.2rem;
font-weight: 100; }
.sidebar-faq h4 {
padding: 12px;
border: 1px solid rgba(0, 0, 0, 0.2);
font-size: 14px;
font-size: 1.4rem;
text-transform: uppercase;
margin: 0; }
.sidebar-faq .uk-accordion-title {
font-size: 14px;
font-size: 1.4rem;
padding: 6px 12px;
border-bottom: 1px solid #f1f1f1; }
.sidebar-faq .uk-accordion-title.uk-active:before {
transform: rotate(0); }
.sidebar-faq .uk-accordion-content {
padding: 10px 20px; }
.sidebar-faq .uk-accordion-content * {
font-size: 12px; }
.fcb-guarantee {
display: block;
padding: 10px 0 0 31px;
color: #404041;
position: relative; }
.fcb-guarantee:before {
font-family: "LinearIcons";
font-size: 1em;
content: "\e87f";
position: absolute;
left: 10px; }
.sidebar-review .trip-detail {
-ms-box-orient: horizontal;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-align-items: stretch;
align-items: stretch;
flex: 1 100%; }
.sidebar-review .trip-detail span,
.sidebar-review .trip-detail .sidebar-addon-price {
flex: 1 100%;
display: -webkit-flex;
display: -ms-flex;
display: flex; }
.sidebar-review .trip-detail span div {
flex: 1 100%;
flex-flow: wrap;
float: left; }
.sidebar-review .trip-detail strong,
.sidebar-review .trip-detail span > span {
flex: 1 50%; }
.sidebar-review .trip-detail .addon-list .single-addon {
flex: 1 80%; }
.sidebar-review .trip-detail .addon-list .single-price {
flex: 1 20%;
text-align: right; }
.sidebar-review .trip-detail a {
padding: 0 !important; }
i.sun,
i.moon {
font-style: normal;
font-family: "LinearIcons";
font-size: 1.2em;
margin-left: 5px; }
i.sun:before {
content: "\e807"; }
i.moon:before {
content: "\e808"; }
/* Register Login */
.wide-form .separator {
margin-bottom: 10px;
border-top: 1px solid #f1f1f1; }
.form-box-submit {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px; }
.form-box-submit.end {
justify-content: flex-end; }
.form-box-submit i {
color: #231f20; }
.form-box-submit i:hover {
color: #e0d18f; }
.form-box-submit input[type="submit"] {
line-height: 36px;
padding: 0 60px; }
@media (max-width: 768px) {
.form-box-submit {
flex-direction: column; }
.form-box-submit input[type="submit"] {
width: 100%; } }
/*
Customize
*/
.customize-container {
position: relative; }
.customize-container.edit {
min-height: 500px; }
.section-head h4 {
font-size: 18px;
position: relative; }
.section-head h4.active:before {
content: "";
background-color: #e0d18f;
width: 12px;
height: 13px;
position: absolute;
left: -25px;
transform: rotate(45deg) translate(50%); }
.section-head.dark {
background-color: #404041;
padding: 3px 0;
margin-bottom: 10px; }
.section-head.dark h4 {
color: rgba(224, 209, 143, 0.75); }
.control-button {
text-align: right;
margin-top: 20px; }
#vehicles .unavailable {
position: relative; }
#vehicles .cover {
z-index: 9999;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0; }
#vehicles .fcb-vehicle-item {
align-items: center; }
#vehicles .alert {
margin-bottom: 12px; }
.fcb-included {
padding: 24px;
text-align: center;
border: 1px solid #f1f1f1;
border-radius: 3px;
background: #fbfbfb; }
.fcb-included .radio {
display: flex; }
.fcb-included .radio input[type="radio"]:checked + .radio-label:before,
.fcb-included .radio input[type="checkbox"]:checked + .radio-label:before {
vertical-align: sub;
background-color: #58595b;
box-shadow: inset 0 0 0 3px #ccc; }
.fcb-included .radio input[type="radio"] + .radio-label:before,
.fcb-included .radio input[type="checkbox"] + .radio-label:before {
background: #ccc;
vertical-align: sub; }
.fcb-included .fcb-included-item {
display: flex; }
.fcb-included .fcb-included-item > * {
margin-right: 30px; }
.fcb-included .select2,
.fcb-included .select2 .select2-selection,
.fcb-included .select2 .select2-selection .select2-selection__rendered,
.fcb-included .select2 .select2-selection .select2-selection__arrow {
height: 20px;
line-height: 20px; }
.fcb-included .select2 {
font-size: 14px;
text-transform: none;
color: #231f20; }
.fcb-included .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #231f20;
padding-right: 36px; }
.fcb-included .select2-container--default .select2-selection--single {
background-color: transparent;
color: #231f20; }
.fcb-included-icons .radio-icon {
display: block;
position: relative;
flex-grow: 1;
flex-basis: 100%;
text-align: center; }
.fcb-included-icons .radio-icon input {
position: absolute;
opacity: 0; }
.fcb-included-icons .radio-icon label.included {
font-size: 11px;
display: block;
cursor: pointer; }
.fcb-included-icons .radio-icon label.included:before {
background-repeat: no-repeat;
background-position: center;
content: '';
height: 42px;
display: block;
margin-bottom: 10px; }
.fcb-included-icons .radio-icon input[type="radio"]:checked + .radio-label:before,
.fcb-included-icons .radio-icon input[type="checkbox"]:checked + .radio-label:before {
filter: grayscale(0); }
.fcb-included-icons .radio-icon#water label.included:before {
background-image: url(../img/bottled-water.svg); }
.fcb-included-icons .radio-icon#towels label.included:before {
background-image: url(../img/towel.svg); }
.fcb-included-icons .radio-icon#ipad label.included:before {
background-image: url(../img/ipad.svg); }
.fcb-included-icons .radio-icon#wifi label.included:before {
background-image: url(../img/wifi.svg); }
.fcb-included-icons .radio-icon#mint label.included:before {
background-image: url(../img/mint-candy.svg); }
.fcb-included-icons .radio-icon#letter label.included:before {
background-image: url(../img/letter-flower.png);
background-size: 49px;
background-position: top; }
/*------------------------------------------------------------------------------
-- FCB addon section - Customise */
.fcb-choose-addons h4 {
margin: 0;
padding: 18px 0; }
.fcb-accordion,
.fcb-addon {
list-style: none;
padding: 0;
margin-top: 0;
position: relative; }
.fcb-accordion .form-box,
.fcb-addon .form-box {
margin-top: 12px;
padding: 0 12px; }
.fcb-accordion .addon-excerpt,
.fcb-addon .addon-excerpt {
width: calc(100% - 150px);
max-width: 100%; }
.fcb-accordion .outer,
.fcb-addon .outer {
border: #f1f1f1;
margin-bottom: 12px; }
.fcb-accordion h4,
.fcb-accordion h5,
.fcb-addon h4,
.fcb-addon h5 {
font-family: "Raleway", sans-serif;
font-size: 14px; }
.fcb-accordion .inner,
.fcb-addon .inner {
display: none; }
.fcb-accordion li,
.fcb-addon li {
transition: all .1s ease-in-out; }
.fcb-accordion .sub,
.fcb-addon .sub {
list-style: none;
padding: 0;
margin: 0; }
.fcb-accordion .sub > li,
.fcb-addon .sub > li {
border: 1px solid #f1f1f1;
margin-bottom: 12px;
border-radius: 3px;
overflow: hidden;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1); }
.fcb-accordion .sub .title:before,
.fcb-addon .sub .title:before {
margin-right: 12px; }
.fcb-accordion .sub .title h5,
.fcb-addon .sub .title h5 {
flex: 1; }
.fcb-accordion .sub h5.title,
.fcb-addon .sub h5.title {
padding: 15px 25px 15px 40px;
margin: 0;
text-transform: none;
position: relative;
transition: all .35s ease-in-out; }
.fcb-accordion .sub h5.title:before,
.fcb-addon .sub h5.title:before {
left: 0;
position: relative; }
.fcb-accordion .sub h5.title.active,
.fcb-addon .sub h5.title.active {
background-color: #f1f1f1; }
.fcb-accordion.small {
max-width: 768px;
margin: auto; }
.fcb-accordion.small .addon {
border: 0;
padding: 0; }
.fcb-accordion.small .addon-desc {
padding: 24px 48px; }
.fcb-accordion.small .addon-excerpt {
max-width: 100%; }
.fcb-accordion.small .addon-excerpt h4 {
padding: 0;
margin-bottom: 12px; }
.fcb-addon.small {
margin: 48px 0; }
.addon-outer {
border: 1px solid #f1f1f1;
margin-bottom: 12px;
cursor: pointer;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
position: relative;
border-radius: 3px; }
.addon-outer .addon-price-detail {
position: absolute;
top: 12px;
right: 12px;
width: 250px;
text-align: right; }
.addon-outer .addon-price-detail .main-amount {
min-width: 40px;
text-align: right;
display: inline-block; }
.addon-outer .addon-price-detail div {
width: auto;
vertical-align: super;
display: inline-block; }
.fast-track-service {
padding: 10px 25px 10px 40px; }
.addon-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 25px 12px 40px; }
.addon-item h5 {
margin: 0;
text-transform: none;
color: #231f20; }
.addon-item .addon-price-detail {
display: flex;
align-items: center; }
.addon-item .addon-price-detail .price-details {
display: flex; }
.addon-item .addon-price-detail .price-details .main-price {
margin: 0;
padding-left: 10px;
font-size: 16px;
font-weight: bold; }
.addon-item .addon-price-detail .price-details .exch-price {
font-size: 12px;
margin-left: 10px;
color: #999; }
.addon-item .select-price {
display: flex;
align-items: center;
margin-left: 10px; }
.addon-item .select-price .select2,
.addon-item .select-price .select2 .select2-selection,
.addon-item .select-price .select2 .select2-selection .select2-selection__rendered,
.addon-item .select-price .select2 .select2-selection .select2-selection__arrow {
height: 25px;
line-height: 25px;
min-width: 10px; }
.addon-item .select-price .select2 .select2-selection .select2-selection__arrow {
min-width: 0;
right: 0; }
.addon-item .select-price .select2 .select2-selection .select2-selection__rendered {
padding-right: 25px; }
.addon-item .select-price .button-1 {
line-height: 25px; }
.select-price li {
border-radius: 3px;
border: 1px solid;
width: 23px;
line-height: 23px;
margin-right: 5px; }
.select-price li :last-child {
margin: 0; }
.addon {
padding-bottom: 10px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
border-bottom: 1px solid #f1f1f1; }
.addon:last-child {
border: 0; }
.addon-extra-fields {
flex-wrap: wrap;
width: 100%; }
#item-extra-605 {
width: 100%; }
.addon-desc {
padding: 12px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
border-top: 1px solid #f1f1f1; }
.addon-desc .addon-extra-fields {
width: 100%;
margin-top: 12px; }
.addon-desc .youtube-thumb {
width: calc(20% - 15px); }
.addon-desc .addon-thumb-new {
margin-right: 48px;
text-align: center;
max-width: 100px; }
.addon-desc .addon-thumb-new img {
max-height: 150px;
width: auto; }
.addon-desc .addon-excerpt {
max-width: calc(55% - 15px);
margin-right: 15px; }
.order-summary {
background-color: #e0d18f;
padding: 20px 0;
font-size: 14px; }
.order-summary .inner {
display: flex;
justify-content: space-between; }
.order-summary h3 {
font-size: 24px;
margin-bottom: 0; }
.order-summary .total {
display: flex;
align-items: center; }
.order-summary .total a {
margin-left: 15px; }
.order-summary .exch-price {
color: #444;
font-size: 12px; }
.add-new-itinerary {
margin-bottom: 20px; }
.disabled {
position: relative;
height: 400px;
overflow: hidden; }
.disabled .overlay {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 1;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.48) 0%, white 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.48) 0%, white 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.48) 0%, white 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7affffff', endColorstr='#ffffff',GradientType=0 );
/* IE6-9 */ }
.vehicle-compare {
display: flex;
justify-content: space-between; }
.vehicle-compare .car-name-height {
background: #404041;
color: #fff;
padding: 6px 12px; }
.vehicle-compare .main-price {
display: flex; }
.vehicle-compare .exch-price {
margin-left: 6px; }
.vehicle-compare .vehicle-price {
display: -webkit-flex;
display: -ms-flex;
display: flex;
width: 100%;
flex: 0 0 100%;
flex-flow: row wrap;
justify-content: space-around;
text-align: center;
font-weight: 700;
text-transform: uppercase; }
.vehicle-compare .vehicle-price form,
.vehicle-compare .vehicle-price .book-now {
flex: 0 0 100%;
margin-top: 12px;
text-align: center; }
.vehicle-compare .info {
position: relative;
margin-bottom: 12px;
padding-bottom: 12px; }
.vehicle-compare .info:before {
height: 1px;
width: calc(100% + 24px);
background: #f1f1f1;
bottom: 0;
position: absolute;
bottom: 0;
left: -12px;
content: ""; }
.vehicle-compare .upgrade-text {
text-align: center;
align-self: center;
position: relative;
left: -5px; }
.vehicle-compare .upgrade-text h3 {
font-size: 24px;
line-height: 1.35em; }
.vehicle-compare .upgrade-text .arrow-right:before {
content: "\e876";
font-family: "LinearIcons";
font-size: 25px;
margin-top: 30px;
display: inline-block;
color: #737375;
transform: scale(1, 2);
width: 10px; }
.vehicle-compare .fcb-vehicle-item {
flex-basis: 43%;
margin: 0; }
.vehicle-compare .fcb-vehicle-item .info > div {
display: flex;
align-items: center;
justify-content: space-between; }
.vehicle-compare .unavailable * {
opacity: 0.6; }
@media (max-width: 768px) {
.vehicle-compare {
flex-direction: column; }
.vehicle-compare .upgrade-text {
left: 0;
margin-bottom: 20px; }
.vehicle-compare .upgrade-text .arrow-right {
display: block;
height: 10px;
margin-top: 5px; }
.vehicle-compare .upgrade-text .arrow-right:before {
content: "\e874";
transform: scale(2, 1);
margin-top: 0;
width: 90px;
height: 10px; } }
.alert {
background-color: #404041;
color: #fff;
padding: 6px 12px;
border-radius: 3px; }
.alert > span:before {
content: "!";
font-size: 15px;
font-size: 1.5rem;
border-radius: 50%;
display: inline-block;
text-align: center;
width: 1.3em;
line-height: 1.3em;
background-color: #e0d18f;
color: #000;
margin-right: 12px; }
.alert.serious {
padding: 15px;
background: #fbfbfb;
border: 1px solid #f1f1f1;
border-radius: 3px;
color: #231f20; }
.alert.serious h4 {
font-size: 25.5px;
font-size: 2.55rem;
color: #939498;
line-height: 1em;
margin-bottom: 5px; }
.alert.serious > span:before {
font-size: 1.4em;
width: 1.3em;
line-height: 1.3em;
background-color: #e0d18f;
color: #fff; }
.load-spinner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0; }
.load-spinner .inner {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.load-spinner h3 {
font-size: 24px;
text-align: center; }
.spin {
border: 8px solid #f3f3f3;
border-top: 8px solid #e0d18f;
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 2s linear infinite;
margin: 0 auto; }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
/* Review */
.fcb-order-item {
display: flex;
align-items: flex-end;
padding: 30px 10px 35px;
border-bottom: 1px solid #bbbdbf;
border: solid 1px #bbbdbf;
background-color: #fff;
margin-bottom: 20px; }
.fcb-order-item.booked {
background-color: rgba(255, 0, 0, 0.1); }
.fcb-order-item .info {
font-size: 12px;
line-height: 1.75em; }
.fcb-order-item .info .info-tip {
vertical-align: sub;
margin-left: 5px; }
.fcb-order-item .vehicle-image {
margin-right: 30px; }
.fcb-order-item .vehicle-details {
flex-grow: 1; }
.fcb-order-item .vehicle-details h4 {
font-weight: 100; }
.fcb-order-item .vehicle-details .vehicle-type {
display: inline-block;
font-family: "JosefinSans", Helvetica, Arial, sans-serif;
text-transform: uppercase;
padding: 3px 20px;
border: 2px solid #e0d18f;
margin-bottom: 10px; }
.fcb-order-item .vehicle-price {
text-align: center;
width: 15%; }
.fcb-order-item .vehicle-price .main-price {
font-weight: bold;
margin: 0 0 5px; }
/* Basic Pages */
.header-image {
padding: 140px 0 0;
height: 500px;
max-height: 500px;
background-size: cover;
background-position-y: center;
background-repeat: no-repeat; }
.header-image.form {
padding-top: 12px; }
.header-image.alt {
max-height: none; }
.header-image.alt {
max-height: none; }
.page-content {
padding: 50px 0; }
.page-content .starting-price {
background-color: rgba(224, 209, 143, 0.6);
font-weight: bold;
font-size: 14px;
text-align: right;
text-transform: uppercase;
color: #404041;
padding: 10px;
margin-bottom: 12px; }
@media (max-width: 768px) {
.page-content .main-content {
order: 0; }
.page-content .side-form {
order: 1; }
.page-content .side-default-menu {
order: 1; } }
.package-options {
margin: 12px 0; }
.package-options .select2-container--default .select2-selection--single {
border: 1px solid rgba(0, 0, 0, 0.2); }
.package-options .radio {
margin: 0 12px 12px 0; }
.package-options .radio input[type="radio"] + .radio-label {
font-size: 15px;
font-size: 1.5rem; }
.side-menu {
position: relative; }
.side-menu > * {
padding-left: 36px; }
.side-menu h4 {
color: #e0d18f;
font-weight: 100;
margin: 0;
line-height: 1.1em; }
.side-menu ul {
margin: 0 0 15px;
list-style: none; }
.side-menu ul > li > a {
font-size: 14px;
font-size: 1.4rem;
display: inline-block;
line-height: 1.2em;
color: #929497; }
.side-menu ul > li > a:hover {
color: #404041; }
.side-menu ul > li > a.active:before {
content: "";
display: inline-block;
position: absolute;
background-color: #e0d18f;
width: 12px;
height: 13px;
left: 0;
transform: rotate(45deg) translate(50%); }
.side-menu:before {
content: '';
position: absolute;
top: 0;
left: 10px;
display: inline-block;
width: 1px;
height: 100%;
background-color: #e0d18f; }
/* Vertical Form */
form.vertical-form .select2-container--default .select2-selection--single,
form.vertical-form select,
form.vertical-form input[type="text"] {
background-color: #f1f1f2; }
form.vertical-form > * {
margin-bottom: 15px; }
.payment-box {
border: 1px solid #f1f1f1; }
.payment-box .form-box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
align-items: center;
margin: 0;
border-bottom: 1px solid #f1f1f1;
border-radius: 3px; }
.payment-totals {
font-size: 14px;
line-height: 2em;
margin-bottom: 20px; }
.payment-totals .calc,
.payment-totals .total {
font-weight: bold;
text-align: right; }
.payment-totals .value {
min-width: 50px;
display: inline-block; }
.payment-totals .info-tip {
vertical-align: text-top;
margin-left: 5px; }
.payment-landing {
min-height: calc(100vh - 160px);
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: space-around; }
.payment-landing .inner {
padding: 50px 0;
max-width: 500px;
text-align: center; }
.payment-landing .inner h2 {
font-size: 36px;
color: #e0d18f; }
.payment-landing .inner p {
color: #fff; }
@media (max-width: 768px) {
.payment-landing .inner {
padding: 50px 20px; }
.payment-landing .inner .button-1 {
margin: 0 0 10px; } }
.cc {
display: inline-block;
margin: 0 0 0 5px; }
.cc img {
width: 40px;
border: 1px solid #ccc;
border-radius: 5px; }
/*------------------------------------------------------------------------------
-- airport services modals */
.airport-info {
position: relative; }
.airport-info h5 {
position: absolute;
left: 0;
z-index: 1;
bottom: 0;
color: #e0d18f;
margin: 0;
padding: 0 0 12px 20px; }
.airport-info {
padding: 0 5px;
margin: 0 auto;
display: inline-block; }
.airport-service-media {
margin-bottom: 48px;
padding: 48px 0 0; }
.voa-country li {
text-align: center;
width: calc(50% - 30px);
display: inline-block;
color: #e0d18f;
padding: 6px;
border-radius: 3px;
margin: 5px;
border: 1px solid; }
.airport-service-item {
padding-top: 35px;
padding-bottom: 35px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.airport-service-item .title .inner {
position: relative;
border: 1px solid rgba(224, 209, 143, 0.5); }
.airport-service-item .title .inner .transit-type {
position: absolute;
bottom: 0;
left: 0;
background-color: #e0d18f;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
padding: 5px 20px;
font-family: "JosefinSans", Helvetica, Arial, sans-serif; }
.airport-service-item .title h3 {
background-color: #e0d18f;
font-size: 18px;
font-weight: bold;
padding: 10px;
text-align: center;
margin-bottom: -1px; }
.airport-service-item .content {
max-height: 700px;
overflow-y: auto; }
.airport-service-item form .date-time .select2-selection--single,
.airport-service-item form .date-time input[type="text"] {
background-color: #eee;
margin-bottom: 5px; }
.airport-service-item .select-price {
display: flex;
border: 1px solid #e0d18f; }
.airport-service-item .select-price .button-1 {
padding: 0 30px; }
.airport-service-item .price-details {
text-align: right;
margin-top: 10px; }
.airport-service-item .price-details .main-price {
font-weight: bold; }
.airport-service-item .price-details .exch-price {
color: #808184;
font-size: 12px; }
.page-service {
padding-top: 120px; }
.page-service .service-container {
background-repeat: no-repeat;
background-size: contain;
position: relative; }
.page-service .service-container .feat-img {
position: absolute;
height: 710px;
width: auto;
left: -200px;
top: 0;
z-index: -1; }
.page-service .service-container .feat-img img {
height: 100%; }
.page-service .img {
text-align: center; }
.page-service .img img {
max-height: 400px; }
.service-item {
display: flex;
align-items: center;
padding: 12px;
margin-top: 12px;
border-radius: 3px;
border: 1px solid #f1f1f1; }
.service-item:first-child {
margin-top: 0; }
.service-item .thumb {
margin-right: 30px;
flex: 1 auto; }
.service-item .thumb img {
width: auto;
max-width: 150px; }
.service-item .price {
font-weight: 700; }
.service-item p {
margin-top: 10px; }
.service-menu {
position: relative;
margin: 0 0 18px;
list-style: none;
padding-left: 30px; }
.service-menu li > a {
color: #e0d18f;
font-weight: 100;
margin: 0;
font-size: 17px;
font-size: 1.7rem;
text-transform: uppercase; }
.service-menu li {
position: relative; }
.service-menu li i {
display: none; }
.service-menu li li i {
display: inline-block; }
.service-menu i {
font-size: 6px;
position: absolute;
left: 0;
top: 10px; }
.service-menu ul.sub-menu {
margin: 0 0 15px;
list-style: none; }
.service-menu ul.sub-menu > li.current-menu-item a,
.service-menu ul.sub-menu > li.current-menu-item i {
color: #e0d18f; }
.service-menu ul.sub-menu > li > a {
font-size: 14px;
display: inline-block;
line-height: 1.2em;
color: #231f20;
text-transform: none;
margin-top: 6px;
margin-left: 10px; }
.service-menu ul.sub-menu > li.current-menu-item:before {
content: "";
display: inline-block;
position: absolute;
background-color: #e0d18f;
width: 12px;
height: 13px;
top: 5px;
left: -30px;
transform: rotate(45deg) translate(50%); }
.service-menu:before {
content: '';
position: absolute;
top: 0;
left: 10px;
display: inline-block;
width: 1px;
height: 100%;
background-color: #e0d18f; }
.bg {
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center 75%; }
.bg .overlay {
width: 100%;
height: 100%;
background-color: rgba(51, 51, 51, 0.8); }
.bg p {
color: #fff; }
.bg .service-menu li > a,
.bg .service-menu ul.sub-menu > li > a {
color: #fff; }
.bg .service-menu ul.sub-menu > li.current-menu-item > a {
color: #e0d18f; }
.bg .header-image.light h2,
.bg .header-image.light h3 {
color: #e0d18f; }
.bg .header-image h2 .firstWord {
color: #fff; }
.filter-list {
align-items: center;
justify-content: center;
margin-bottom: 50px; }
.filter-list > li > a {
border: 1px solid rgba(224, 209, 143, 0.8);
color: #231f20;
display: inline-block;
line-height: 36px;
padding: 0 15px;
border-radius: 3px;
font-size: 14px;
font-weight: 300;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out; }
.filter-list > li > a:hover {
background: rgba(224, 209, 143, 0.8);
color: #231f20; }
.filter-list > li.uk-active a {
background: rgba(224, 209, 143, 0.8);
color: #231f20; }
.package-price {
position: absolute;
top: 12px;
right: 0;
text-align: right;
background-color: #e0d18f;
padding: 5px 15px;
font-size: 11px;
line-height: 18px;
text-transform: uppercase;
color: #231f20; }
.package-price span {
font-size: 18px;
font-weight: bold; }
.fleet-top {
background-size: 100%;
height: 100vh; }
.fleet-main {
max-width: 900px;
margin-right: auto;
margin-left: auto; }
.single-vehicle .header-image {
padding-bottom: 0; }
.vehicle-info {
padding: 20px;
background: #F1F1F2;
margin-bottom: 35px; }
.vehicle-info h4 {
margin-bottom: 5px;
font-size: 18px; }
.vehicle-info span {
font-size: 12px; }
.vehicle-info .info-tip {
vertical-align: text-top;
margin-left: 5px; }
.about-content .tabbed-area li {
width: calc(33.33333% - 8px);
margin: 0 4px; }
.contact-address p {
font-size: 14px;
line-height: 1.65em; }
.contact-address h4 {
font-size: 16px;
margin-bottom: 15px; }
.gmap {
margin-top: 35px;
padding-bottom: 300px; }
.fcb-modal-full {
background-color: rgba(255, 255, 255, 0.95); }
.fcb-modal-full > * {
max-width: 900px;
margin: 0 auto;
height: 100%;
display: flex;
flex-direction: row;
align-items: center; }
.why-fcb-content-outer {
position: relative;
width: 100%; }
.why-fcb-content-outer h3 {
margin-left: 12px; }
.why-fcb-content {
padding: 12px;
max-height: 75vh; }
.why-fcb-content .side p {
font-size: 16px;
line-height: 32px;
border-left: 1px solid #ccc;
padding-left: 30px; }
.why-fcb-content .side img {
max-height: 400px;
width: auto; }
.why-fcb-content .inner-content {
max-height: 400px;
overflow-y: auto; }
.why-fcb-content .inner-content h3 {
line-height: 1em; }
.multi-login {
max-height: 85vh;
overflow: auto; }
#fancybox-close {
top: -5px !important;
right: -8px !important;
opacity: 0.4; }
.uk-modal-close,
#fancybox-close {
position: absolute;
right: 12px;
top: 1px;
margin: 0;
float: none;
color: #000; }
.uk-modal-close:after,
#fancybox-close:after {
content: "\e870";
font-family: "LinearIcons";
font-size: 25.5px;
font-size: 2.55rem;
color: #000; }
.uk-modal-close.uk-button {
position: absolute;
right: 12px;
top: 12px;
background: transparent;
text-indent: 100px;
width: 30px;
margin: 0;
padding: 0;
float: none;
border: 0;
overflow: hidden;
color: #444; }
.uk-modal-close.uk-button:hover {
border: 0; }
.uk-modal-close.uk-button:after {
content: "\e870";
font-family: "LinearIcons";
font-size: 25.5px;
font-size: 2.55rem;
color: #444;
left: 0;
width: 30px;
position: absolute;
text-indent: 0; }
.user-home {
padding-top: 140px; }
.user-head {
display: flex;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
align-items: center;
margin-bottom: 36px;
overflow: hidden;
border-radius: 3px;
border: 1px solid #f1f1f1; }
.user-head .user-info {
flex-grow: 1;
padding-left: 50px; }
.user-head .user-credit {
background: #f1f1f1;
flex-basis: 100%;
padding: 20px 0;
text-align: center; }
.user-head .user-credit h5 {
font-size: 16px;
color: #231f20;
margin: 0; }
.user-head .user-credit .credit-balance {
font-family: "JosefinSans", Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 5px 0; }
.user-head .user-credit .exch-price {
font-size: 14px;
color: #808184; }
.user-head .user-credit .main-price {
color: #e0d18f;
font-size: 36px;
line-height: 1.5em; }
.order-list {
display: flex;
border-bottom: 1px solid #f1f1f1;
padding: 0 5px;
position: relative; }
.order-list > div {
flex-basis: 14.2857143%;
padding: 5px 0; }
.order-list .order {
position: absolute;
top: 6px;
right: 6px; }
.order-list.head {
font-family: "JosefinSans", Helvetica, Arial, sans-serif;
text-transform: uppercase;
background: #f1f1f1; }
.order-list .view-cancel {
flex-grow: 1;
text-align: right; }
.order-list .order-info-open {
text-transform: uppercase;
color: inherit; }
.order-list .btn {
max-width: 49%;
text-align: center;
float: left;
margin: 0 1%; }
.trip-finished {
flex: 1 100%; }
.order-list {
padding: 0;
line-height: 2;
overflow: hidden;
margin-bottom: 12px;
border: 1px solid #f1f1f1;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
border-radius: 3px; }
.order-list .starting-point,
.order-list .finishing-point {
flex: 1 100%;
border-top: 1px solid #f1f1f1;
text-transform: uppercase;
background: #f1f1f1;
font-size: 10px;
padding: 1px 12px;
font-family: "JosefinSans", Helvetica, Arial, sans-serif; }
.order-list .date {
font-family: "JosefinSans", Helvetica, Arial, sans-serif; }
.order-list .starting-point {
color: #48b55f; }
.order-list .finishing-point {
color: #ef4c4c; }
.order-list > div:first-child {
background: #444;
flex: 100%;
text-transform: uppercase;
padding: 10px 5px; }
.order-list div {
padding: 5px 0; }
.order-list div span {
width: 20px;
display: inline-block;
text-align: center;
vertical-align: top; }
.order-list div strong,
.order-list div .info {
display: inline-block;
width: calc(100% - 40px); }
.order-list .guest {
color: white; }
.order-list .time-long {
text-transform: uppercase; }
.order-list .time,
.order-list .time-long,
.order-list .transfer,
.order-list .flight {
position: relative; }
.order-list .time,
.order-list .time-long {
text-align: left;
left: 6px; }
.order-list .time-long,
.order-list .flight,
.order-list .time,
.order-list .transfer {
font-size: 12px; }
.order-list .transfer,
.order-list .flight {
text-align: right;
right: 12px; }
.order-list .time {
flex: 30%; }
.order-list .car {
text-align: center; }
.order-list .start,
.order-list .finish,
.order-list .car {
flex: 100%;
padding: 0 5px; }
.order-list .view-edit {
display: -webkit-flex;
display: -ms-flex;
display: flex;
padding: 0 12px 12px;
flex: 100%;
border-top: 1px solid #f1f1f1; }
.order-list .btn {
max-width: none;
text-align: center;
margin-top: 12px;
width: 100%; }
.order-list .car-route {
flex: 1 100%;
display: -webkit-flex;
display: -ms-flex;
display: flex;
text-align: center;
justify-content: center;
border-bottom: 1px solid #f1f1f1; }
.order-list .car-route img {
margin-right: 6px;
height: 43px;
top: 2px;
width: auto;
position: relative; }
.order-list .car-name {
padding-top: 13px;
font-size: 10px;
text-align: right; }
.order-list .my-order-detail {
display: -webkit-flex;
display: -ms-flex;
display: flex;
flex: 1 100%;
text-align: center;
flex-flow: row wrap; }
.order-list .my-order-detail .content-details {
flex: 1 33%;
font-size: 1.2rem; }
.order-list .my-order-detail > div {
flex: 1 100%;
flex-flow: row wrap; }
.order-list .my-order-detail .title {
text-transform: uppercase; }
.order-list .my-order-detail > div div:nth-child(2) {
font-size: 12px !important;
font-size: 1.2rem !important;
font-weight: 700;
text-transform: capitalize; }
.order-list .my-order-detail .cut-off {
border-bottom: 1px solid #f1f1f1; }
.order-list .my-order-detail .cut-off .main-price {
font-size: 20px !important;
line-height: 1.5; }
.request-cancel {
position: relative; }
.request-cancel:before {
font-family: "LinearIcons";
font-size: 12px;
content: "\e870";
margin-right: 6px; }
#cancel-policy .textarea {
display: -webkit-flex;
display: -ms-flex;
display: flex; }
.order-info-open:before {
font-family: "LinearIcons";
font-size: 12px;
content: "\e874";
margin-right: 6px; }
.flex {
display: -webkit-flex;
display: -ms-flex;
display: flex;
flex: 1 100%;
flex-flow: wrap; }
.active .order-info-open {
background: #404041;
color: #fff; }
.active .order-info-open:before {
font-family: "LinearIcons";
font-size: 12px;
content: "\e873";
margin-right: 6px; }
.order-info {
height: 100%;
max-height: 0;
overflow: hidden;
transition: all .5s ease-in-out; }
.order-info .edit-btn {
margin-left: 24px;
font-size: 9px;
height: 50px;
line-height: 50px;
background: #444;
position: absolute;
top: -1px;
right: 0;
padding: 0 12px;
color: #e0d18f; }
.order-info .edit-btn:before {
font-family: "LinearIcons";
font-size: 9px;
content: "\e810";
margin-right: 6px; }
.order-info.active {
max-height: 1000px;
overflow: auto;
border-radius: 3px;
margin-bottom: 24px;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
border-bottom: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1; }
.order-info.active > div {
margin-bottom: 24px; }
.order-info.active .flex {
margin-bottom: 24px; }
.order-info .header {
padding: 10px 0;
text-align: center;
font-size: 20px;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
font-family: "JosefinSans", Helvetica, Arial, sans-serif;
text-transform: uppercase; }
.order-info .car-img {
text-align: center;
margin: 12px; }
.order-info .car-img img {
max-width: 150px; }
.order-info h4 {
display: -webkit-flex;
display: -ms-flex;
display: flex;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
padding: 10px 0;
position: relative; }
.order-info .single-addon {
display: block; }
.admin-special-addon {
border: 1px solid #f1f1f1;
border-radius: 3px; }
.users-only {
display: none !important; }
.logged-in .users-only {
display: inline-block !important; }
.satisfaction-survey {
margin-bottom: 55px;
max-width: 950px;
margin-left: auto;
margin-right: auto; }
.survey-form .form-box {
margin-bottom: 0;
background: #fff; }
.survey-form .form-box > label {
font-family: "Raleway", sans-serif;
color: #404041;
display: flex;
align-items: center; }
.survey-form .form-box input,
.survey-form .form-box .select2 {
margin: 12px;
width: 100%; }
.survey-form .form-box label.radio-label {
padding: 20px; }
.survey-form textarea {
max-width: 100%; }
.survey-divider {
border: 1px solid #f1f1f1;
margin-bottom: 24px;
border-radius: 3px;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1); }
.smiley {
position: relative;
width: 20%;
height: 100%; }
.smiley.third {
width: 33.333333%; }
.smiley.third label {
max-width: 100% !important; }
.smiley input {
position: absolute;
opacity: 0; }
.smiley input[type="radio"]:checked + label.smiley-label {
background-color: #e0d18f !important;
color: #fff; }
.smiley input[type="radio"]:checked + label.smiley-label:before {
background-position-y: -32px; }
.smiley-label {
display: inline-block;
background-color: transparent !important;
width: calc(100% - 24px) !important;
margin: 0 !important;
text-align: center;
margin-right: 36px;
padding: 22px 12px !important;
text-transform: uppercase;
font-size: 10px !important;
font-size: 1rem !important;
cursor: pointer; }
.smiley-label:before {
background-repeat: no-repeat;
background-size: 160px;
background-image: url(../img/smile-icon.svg);
background-position-x: -2px;
background-position-y: -1px;
content: '';
height: 31px;
width: 30px;
display: block;
margin: 0 auto; }
.smiley-label.good:before {
background-position-x: -34px; }
.smiley-label.average:before {
background-position-x: -65px; }
.smiley-label.poor:before {
background-position-x: -97px; }
.smiley-label.terrible:before {
background-position-x: -129px; }
.smiley-label.small {
width: 12px;
position: relative; }
.smiley-label.small:before {
background-size: 120px;
background-position-y: -1px;
height: 22px;
width: 23px; }
.smiley-label.small.good:before {
background-position-x: -25px; }
.smiley-label.small.average:before {
background-position-x: -48px; }
.smiley-label.small.poor:before {
background-position-x: -71px; }
.smiley-label.small.terrible:before {
background-position-x: -94px; }
.smiley-label.small.yes:before, .smiley-label.small.no:before {
color: #b7b8bc;
position: absolute;
font-family: "LinearIcons";
font-style: normal;
font-size: 20px;
font-size: 2rem;
top: 0;
font-weight: normal;
background-image: none;
text-decoration: inherit; }
.smiley-label.small.yes:before {
content: "\e86d"; }
.smiley-label.small.no:before {
content: "\e86e"; }
.survey > label {
width: calc(33.333% - 46px);
margin: 0 10px; }
.survey-results {
margin: 0 auto 50px; }
.survey-results h4 {
font-size: 17px;
margin: 0;
font-size: 1.7rem;
padding: 12px;
background: #f1f1f1;
border-bottom: 1px solid #f1f1f1; }
.survey-results h5 {
text-transform: none;
padding: 12px;
border-bottom: 1px solid #f1f1f1;
background: #fbfbfb; }
.question {
border: 1px solid #f1f1f1;
margin-bottom: 24px;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
border-radius: 3px; }
.result {
position: relative;
margin-bottom: 6px; }
.result > span:last-child {
width: 50px;
text-align: center;
font-family: "JosefinSans", Helvetica, Arial, sans-serif;
font-size: 17px;
font-size: 1.7rem;
position: absolute;
top: 0;
right: 0; }
.result > span:last-child:after {
font-family: "LinearIcons";
font-size: 10px;
content: "\e87f";
margin-left: 6px; }
.result .result-bar {
background: #f1f1f2;
height: 24px;
flex-grow: 1;
border-radius: 3px;
overflow: hidden; }
.result-total {
display: inline-block;
background: #e0d18f;
height: 24px; }
.get-quotation {
display: inline-block;
float: right;
position: relative; }
.get-quotation input[type="checkbox"] {
position: absolute;
opacity: 0; }
.get-quotation label {
cursor: pointer; }
.get-quotation label:hover {
color: #e0d18f; }
.get-quotation input[type="checkbox"]:checked + label {
font-weight: 700; }
.form-field-child {
padding-left: 10px;
margin-left: 20px;
border-left: 1px solid #ccc; }
.book-aiport-service {
width: 100%;
box-sizing: border-box;
margin-top: 20px; }
.uk-tooltip {
max-width: 300px;
font-size: 14px;
line-height: 22px; }
/*------------------------------------------------------------------------------
-- contact page */
.contact-list {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.contact-list p {
margin: 0 0 12px 0;
display: inline-block;
width: calc(100% - 40px); }
.contact-list .address {
padding-right: 12px; }
.contact-list i {
margin-top: 4px; }
.contact-list > div {
flex: 1 0 50%; }
.contact-list > div:last-child {
flex: 1 0 100%; }
.youtube-responsive-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
/*------------------------------------------------------------------------------
-- audio player */
.player-control {
position: relative; }
#player {
height: 0;
width: 0; }
/* Apologies for the large base64 image file */
.speaker {
background-image: url(../img/speaker.png);
background-repeat: no-repeat;
background-size: 25px;
background-position: 103px 6px;
position: relative;
color: #231f20;
height: 40px;
cursor: pointer;
display: block;
position: absolute;
top: 0px;
padding: 0 0 0 15px;
right: -5px;
display: block; }
.speaker.static {
position: relative; }
.speaker:before {
height: 3px;
width: 100%;
background-color: #e0d18f;
position: absolute;
content: "";
top: 17px;
left: 0;
width: 15px; }
.speaker:after {
height: 3px;
width: 100%;
background-color: #e0d18f;
position: absolute;
content: "";
top: 17px;
left: 90px;
width: 15px; }
.speaker p {
line-height: 14px;
margin: 0 110px 0 0;
text-transform: uppercase;
font-family: "JosefinSans", Helvetica, Arial, sans-serif;
position: relative;
top: 12px;
font-size: 11px;
padding: 0 5px; }
option[value="123"] {
background-image: url(male.png); }
/* Footer */
#footer {
position: relative;
background-color: #404041;
color: #BBBDBF;
z-index: 100;
font-size: 12px;
font-size: 1.2rem; }
#footer .tel a {
color: #e0d18f; }
#footer .sponsors img {
max-height: 60px; }
#footer .scrollable-area {
max-height: 100px; }
#footer .social-icons a {
color: #BBBDBF;
display: inline-block;
margin-right: 12px;
margin-bottom: 12px; }
#footer .social-icons a img {
margin-right: 6px; }
#footer .container-wide {
padding-left: 35px;
padding-right: 35px; }
#footer .footer-width {
padding: 36px 12px; }
#footer .footer-bottom {
background-color: #312f30; }
#footer .footer-bottom li {
position: relative;
padding-left: 19px; }
#footer .footer-bottom i {
position: absolute;
left: 0;
top: 5px; }
#footer .footer-bottom .data-line {
min-width: 55px; }
#footer .footer-copyright {
background-color: #231F20;
padding: 10px 0;
text-align: center;
font-size: 11px; }
@media (max-width: 1220px) {
.uk-container {
max-width: none !important; }
ul.top-menu {
top: 85px;
text-align: center; }
ul.top-menu {
padding: 0 0 12px; }
.mobile-menu-side,
ul.top-menu .uk-dropdown,
ul.top-menu,
.scrolled {
background: rgba(230, 231, 232, 0.95); }
div#ui-datepicker-div {
width: 100% !important;
max-width: 930px;
left: calc(50% - 465px) !important;
top: calc(50% - 100px) !important; } }
@media (min-width: 1000px) and (max-width: 1220px) {
.hide-desktop {
display: none !important; }
.pad-l--left {
padding-left: 12px; }
.pad-l--right {
padding-right: 12px; } }
@media (min-width: 960px) and (max-width: 999px) {
.hide-notebook {
display: none !important; }
.pad-s--left {
padding-left: 12px; }
.pad-s--right {
padding-right: 12px; } }
@media (max-width: 999px) {
.trip-sidebar.trip-detail {
height: calc(100vh - 520px); }
.mobile-canvas {
background: #fff; }
.fixed-sidebar {
position: relative; }
.mobile-nav-button,
.mobile-nav-button.scroll {
top: 5px; }
div#ui-datepicker-div {
width: 100% !important;
max-width: calc(100% - 50px);
left: calc(50% - 50%) !important;
top: calc(50% - 100px) !important;
position: fixed !important;
margin: 25px; }
.play-video {
overflow: hidden;
margin: 20px auto;
padding: 0;
max-width: 700px; }
/*.play-video a {
width: 50%;
float: left; }*/
.form-box-similar.car-aroma {
margin: 0;
padding: 0; }
.aroma .radio {
display: none; }
.aroma .form-box-similar {
margin: 0; }
.aroma .select2 {
display: inline-block;
text-align: left;
margin: 0; }
/* Navigation Menu - Background */
.off-screen {
/* critical sizing and position styles */
width: 300px;
height: 100%;
position: fixed;
box-shadow: -10px 0px 40px rgba(0, 0, 0, 0.9);
top: 0;
right: 0;
bottom: 0;
/* left: 0; */
z-index: -1;
/* non-critical appearance styles */
list-style: none; }
/* Site Wrapper - Everything that isn't navigation */
.site-wrap {
/* Critical position and size styles */
min-height: 100%;
min-width: 100%;
background-color: white;
/* Needs a background or else the nav will show through */
position: relative;
top: 0;
bottom: 100%;
left: 0;
z-index: 1;
clear: both; }
/* Nav Trigger */
.nav-trigger {
position: absolute;
right: 0;
top: 20px; }
label[for="nav-trigger"] {
z-index: 2;
max-height: 36px;
line-height: 36px;
text-transform: uppercase;
background: rgba(224, 209, 143, 0.8);
width: 100%;
margin: 12px 0;
border-radius: 3px;
cursor: pointer;
display: inline-block;
text-align: center;
cursor: pointer; }
label[for="nav-trigger"]:before {
font-family: "LinearIcons";
font-size: 16px;
content: "\e82e"; }
label[for="nav-trigger"]:after {
content: attr(data-text-sidebar);
margin-left: 10px;
position: relative;
top: -2px; }
.nav-trigger:checked + label[for="nav-trigger"] {
z-index: 99999;
top: 10px;
background: transparent;
width: auto;
color: #231f20;
margin: 0;
right: 310px;
position: fixed; }
.nav-trigger:checked + label[for="nav-trigger"]:before {
right: 265px;
z-index: 9999;
font-family: "LinearIcons";
content: "\e870"; }
.nav-trigger:checked + label[for="nav-trigger"]:after {
content: ""; }
.nav-trigger:checked ~ .off-screen {
z-index: 9998;
background: #fff; }
.nav-trigger:checked ~ .off-screen:before {
position: absolute;
background: rgba(255, 255, 255, 0.9);
content: "";
width: 300vw;
min-height: 2000px;
min-width: 1000px;
top: 0;
z-index: -1;
left: -100vw; }
#view-hide-itin {
display: inline-block;
background: rgba(224, 209, 143, 0.8);
margin-bottom: 12px;
font-size: 12px;
font-dize: 1.2rem;
height: 36px;
line-height: 36px;
color: #231f20;
width: 100%;
border-radius: 3px;
text-align: center;
text-transform: uppercase; }
#view-hide-itin:before {
content: "\e863";
font-family: "LinearIcons";
margin-right: 10px; }
.vehicle-compare {
margin-bottom: 24px; }
body {
/* Without this, the body has excess horizontal scroll when the menu is open */
overflow-x: hidden; } }
@media (min-width: 768px) and (max-width: 959px) {
.pad-s--left {
padding-left: 12px; }
.pad-s--right {
padding-right: 12px; }
#select2-currency-container {
width: 110px; } }
@media (max-width: 959px) {
.form-description {
display: none; }
.airport-service-media div:first-child {
margin-bottom: 12px; }
.vehicle-control h4 {
margin: 0; } }
@media (min-width: 550px) and (max-width: 767px) {
label.trip-detail[for="nav-trigger"],
label.customise[for="nav-trigger"],
label.choose-car[for="nav-trigger"],
label.payment[for="nav-trigger"] {
position: absolute;
right: 0;
top: 0; }
.play-video {
margin: 60px auto 0; }
/*max-width: 520px; }*/
.btn-main-booking {
left: 0; }
.pad-xs--left {
padding-left: 12px; }
.pad-xs--right {
padding-right: 12px; }
.select-date-indicator:before {
right: 24px; } }
@media (min-width: 550px) {
.multi-buttons > * {
width: 220px;
}
#item-extra-605 {
width: calc(100% - 33.33333%); }
label[for="nav-trigger"] {
position: absolute;
top: 0;
right: 250px;
margin: 0; }
label[for="nav-trigger"],
#view-hide-itin {
max-width: 200px; }
label.choose-car[for="nav-trigger"],
label.edit-addons[for="nav-trigger"] {
right: 0; }
label.customise[for="nav-trigger"],
label.customise-airport[for="nav-trigger"] {
right: 0;
position: relative;
float: right;
margin: 0 0 12px; }
.level-0 > li {
padding: 0 20px;
width: calc(25% - 40px);
min-height: none; }
.voa-country li {
text-align: center;
width: calc(25% - 29px); }
.about-content {
box-sizing: border-box;
background-image: url(../img/choose-luxury.jpg);
background-position: left -280px bottom;
background-repeat: no-repeat;
background-size: 100%; }
.fleet-top {
background-size: 100%;
text-align: center;
background-position: right -10px bottom -60px;
background-size: 620px;
text-align: center; }
.content-block {
padding: 0 60px; }
.home-book-form > * {
margin-bottom: 5px; }
.home-book-form .return-form > * {
margin-bottom: 5px; }
#myform.home input {
height: 26px; }
.content-rollover .block {
width: calc(50% - 10px);
float: left; }
.content-rollover.addons .block {
width: calc(33.3333% - 24px); }
.content-rollover.addons .single {
width: 33.3333%; }
.form-box.admin-addons {
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: stretch;
flex-flow: row;
flex: 1 100%; }
.form-box.admin-addons > input {
min-width: 0; }
.form-box.admin-addons .admin-addon-qty {
flex: 1; }
.form-box.admin-addons .admin-addon-name {
flex: 6;
border-left: 1px solid #fff; }
.form-box.admin-addons .admin-addon-cost-price {
flex: 1;
border-left: 1px solid #fff; }
.form-box.admin-addons .admin-addon-sell-price {
flex: 1;
border-left: 1px solid #fff; } }
@media (min-width: 768px) {
.user-credit {
flex-basis: 45%;
max-width: 300px; }
label.edit-addons[for="nav-trigger"] {
right: 250px; }
.user-info .btn {
margin-right: 12px; }
.order-info .trip-info {
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: space-around;
flex-flow: wrap;
align-items: stretch; }
.order-info .car-img {
flex: 1 100%;
margin-top: 24px; }
.order-info .car-img img {
max-width: 200px; }
.trip-details {
width: 100%;
max-width: 600px; }
.trip-details > .flex div {
flex: 1 100%;
display: flex; }
.trip-details > .flex strong {
flex: 1 50%; }
.trip-details > .flex span {
flex: 1 50%; }
.trip-details > .flex .full-width {
flex-flow: row wrap;
align-items: stretch; }
.trip-details > .flex .full-width strong {
flex: 1 100%; }
.order-list {
margin-bottom: 24px;
flex-flow: wrap row; }
.order-list > div:first-child {
flex: 1 100%; }
.order-list .time,
.order-list .transfer {
flex: 2;
padding: 1px 0; }
.order-list .transfer {
min-width: 450px;
border-left: 1px solid #f1f1f1;
padding-left: 10px; }
.order-list .start.pickup {
border-top: 1px solid #f1f1f1;
position: relative;
left: 6px; }
.order-list .flight {
border-left: 1px solid #f1f1f1;
padding-left: 20px; }
.order-list .start,
.order-list .finish {
display: -webkit-flex;
display: -ms-flex;
display: flex;
padding: 0;
flex: 2 50%;
padding: 5px 0;
border-top: 1px solid #f1f1f1; }
.order-list .time-long {
flex: 1 40%; }
.order-list .flight {
flex: 1 50%;
text-align: left; }
.order-list .time-long,
.order-list .flight,
.order-list .time,
.order-list .transfer {
line-height: 34px; }
.order-list .plane {
top: 12px; }
.order-list .car-route {
position: absolute;
top: 45px;
right: 0;
border: 0;
width: 100%;
max-width: 300px;
padding: 0;
justify-content: flex-end;
padding-right: 12px;
height: 46px;
max-height: 46px;
border-left: 1px solid #f1f1f1; }
.order-list .car-name {
min-width: 130px; }
.addon-thumb {
width: 25%;
margin-right: 15px;
text-align: center; }
.addon-thumb img {
max-height: 100px;
width: auto; }
.fast-track {
display: -webkit-flex;
display: -ms-flex;
display: flex;
align-items: center; }
.fast-track .addon-excerpt {
position: relative;
height: 100px; }
.fast-track .youtube-thumb {
position: absolute;
top: 0;
right: -140px;
width: 33.3333%;
max-width: 130px; }
.payment-box .form-box {
height: 60px; }
.payment-box .percentage label {
padding: 0 20px !important; }
.payment-box input {
margin: 0 20px; }
.payment-box label {
height: calc(100% - 12px);
display: -webkit-flex;
display: -ms-flex;
display: flex;
align-items: center; }
.survey-results .collapse-inner {
padding: 0; }
.survey-results section {
display: -webkit-flex;
display: -ms-flex;
display: flex;
flex-wrap: wrap;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05); }
.result {
margin: 12px; }
.result.half, .result.fifth {
flex-basis: calc(50% - 24px); }
.question {
margin-bottom: 48px;
vertical-align: top;
flex-basis: calc(50% - 40px);
margin: 19px; }
.sub-question {
display: -webkit-flex;
display: -ms-flex;
display: flex;
flex-wrap: wrap; }
.form-box {
display: flex;
align-items: stretch; }
.form-box label:not(.radio-label):not(.dropdown-overlay) {
width: 100%;
max-width: 171px; }
.survey-form .form-box {
height: 100px;
display: -webkit-flex;
display: -ms-flex;
display: flex;
align-items: center; }
.survey-form .form-box.tall {
height: 202px;
max-height: 202px; }
.survey-form .form-box.tall textarea {
max-width: 100%; }
.survey-form .form-box > label {
min-width: 270px;
width: 270px;
height: calc(100% - 12px); }
.survey-form .form-box .radio {
margin: 0 60px; }
.fcb-included-icons {
display: flex;
justify-content: space-between;
align-items: center; }
ul.fcb-filter > li > a {
padding: 0 10px; }
.fcb_vehicle_customizer {
margin-top: 12px; }
.voa-country li {
text-align: center;
width: calc(20% - 29px); }
.vehicle-control {
margin-bottom: 12px; }
.airport-service-media {
display: -webkit-flex;
display: -ms-flex;
display: flex; }
.why-fcb-content .uk-close {
top: -24px; }
.align-left,
.align-right {
max-width: 550px; }
.vertical-center-parent--compare-car {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
height: 56px;
z-index: 10; }
.vertical-center-child--compare-car {
top: 50%;
transform: perspective(1px) translateY(-50%) !important;
position: relative; }
.flex-align-item-tablet {
display: flex;
align-items: center; }
.home-block.block-luxury {
background-image: url(../img/choose-luxury.jpg);
background-position: left -240px bottom;
background-size: 100%;
background-repeat: no-repeat; }
.home-block.block-luxury .speaker {
right: 60px; }
.home-book .btn-main-booking,
.btn-main-booking {
position: absolute;
bottom: 42px;
right: 0; }
.home-book .btn-main-booking {
bottom: 43px; }
.header-image h2 {
font-size: 35px;
font-size: 3.5rem; }
.home .home-block {
padding: 100px 0; }
.home-block.block-luxury {
background-position: left -280px bottom;
background-size: 100%; }
ul.booking-step a {
margin: 0 8px; }
.fcb-vehicle-item {
display: flex; }
.fcb-vehicle-item .vehicle-title {
position: relative;
flex: 0 0 100%;
margin-bottom: 12px;
padding-bottom: 12px; }
.fcb-vehicle-item .vehicle-title:before {
position: absolute;
left: -12px;
content: "";
height: 1px;
width: calc(100% + 24px);
bottom: 0;
left: -12px;
background: #f1f1f1; }
.fcb-vehicle-item .vehicle-details {
flex: 1 40%; }
.fcb-vehicle-item .vehicle-price {
flex: 1 5%;
text-align: right; }
.fcb-vehicle-item .vehicle-price a {
margin-top: 12px; }
.fcb-vehicle-item .vehicle-price .book-now {
margin-top: 6px; }
.fcb-vehicle-item .vehicle-image {
flex: 1 25%; }
.fcb-vehicle-item .vehicle-image img {
max-width: 180px; }
.fcb-vehicle-item .vehicle-type {
padding: 0 10px;
position: absolute;
top: 2px;
right: 2px;
display: inline-block;
vertical-align: super;
text-transform: uppercase; }
.fcb-vehicle-item h4 {
margin: 0 12px 0 0; }
.fcb-vehicle-item .gallery-info,
.fcb-vehicle-item .gallery-info a {
line-height: 20px; }
.fcb-vehicle-item .gallery-info > .data-line,
.fcb-vehicle-item .gallery-info {
display: block; }
.vehicle-compare .vehicle-details {
flex: 0 0 100%;
margin: 0; }
.vehicle-compare h4 {
margin: 0 100px 0 0; }
.content-rollover.addons .block-img-wrap {
min-height: 140px; }
.content-rollover.addons .block .block-img-wrap img {
max-height: 160px; }
.about-content .end {
padding-bottom: 55%; }
.player-control.service {
overflow: hidden; }
.speaker.service {
height: 40px;
max-width: 250px;
float: right;
position: relative; }
.internal-links {
width: calc(33.333% - 60px);
margin-left: 60px; }
#footer .social-icons a {
line-height: 60px; } }
@media (min-width: 768px) and (max-width: 999px) {
.hide-tablet {
display: none !important; } }
@media (min-width: 768px) and (max-width: 1220px) {
ul.top-menu {
top: 85px;
text-align: center; }
ul.top-menu > li {
padding: 0 24px; }
ul.top-menu .uk-dropdown {
top: 43px;
padding: 12px 0 0 0; }
li.contact .level-0 > li {
display: block;
margin: auto;
float: none;
position: relative;
left: 230px;
width: 170px;
text-align: left; }
li.about-us .level-0 > li {
display: block;
margin: auto;
float: none;
position: relative;
left: 118px;
width: 170px;
text-align: left; }
.action-links {
text-align: right;
right: 80px; }
.action-links li:first-child {
display: block;
margin: 0; }
.action-links .user {
top: 5px; } }
@media (min-width: 960px) {
.current-itinerary {
display: flex !important; }
.home-block.block-luxury {
background-position: left -350px bottom;
background-size: 100%; }
.home-landing h2 {
font-size: 35px; }
.slider {
white-space: nowrap;
width: 1000px; }
.internal-links {
width: calc(14.28% - 60px);
float: left;
padding: 0; } }
@media (min-width: 1000px) {
#item-extra-605 {
width: calc(100% - 25%); }
#view-hide-itin {
display: none; }
.fixed-sidebar {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.main {
-webkit-box-flex: 0; }
.sidebar {
-webkit-box-flex: 0;
padding: 0 0 0 25px; }
.sidebar__inner {
position: -webkit-sticky;
position: sticky;
top: 90px;
bottom: 90px;
z-index: 0; }
body {
width: calc(100% + 7px); }
.play-video {
text-align: center; }
#trip-details .aroma .radio {
margin: 0 7px;
min-width: 0; }
.content-rollover.addons .block {
width: calc(25% - 24px); }
.content-rollover.addons .single {
width: 25%; }
.content-rollover.addons .block .block-img-wrap img {
max-height: 175px; } }
@media (max-width: 767px) {
.home-block {
height: auto;
}
.fade-out-scroll{margin-top: 50px};
.admin-special-addon .btn,
.admin-special-addon .btn + .btn {
margin: 0 12px 12px 0; }
.fcb-accordion .sub h5.title,
.fcb-addon .sub h5.title {
padding-left: 12px; }
.uk-modal h4,
.uk-modal h3,
.uk-modal span[data-url]:after,
.alert h4,
.alert h3,
.alert span[data-url]:after,
.alert.serious h4,
.alert.serious h3,
.alert.serious span[data-url]:after {
font-size: 15px;
font-size: 1.5rem; }
.uk-modal span[data-url]:after,
.alert span[data-url]:after,
.alert.serious span[data-url]:after {
content: attr(data-url); }
.uk-modal .form-box-submit input[type="submit"],
.alert .form-box-submit input[type="submit"],
.alert.serious .form-box-submit input[type="submit"] {
margin: 12px 0;
width: 100%; }
ul.fcb-filter > li > a {
font-size: 12px;
font-size: 1.2rem; }
.fcb-vehicle-item .vehicle-image {
flex: 0 0 30%; }
.fcb-vehicle-item .vehicle-image {
flex: 0 1 70%; }
.fcb-vehicle-item .vehicle-price {
display: -webkit-flex;
display: -ms-flex;
display: flex;
width: 100%;
flex: 0 0 100%;
flex-flow: row wrap;
justify-content: space-around;
text-align: center;
font-weight: 700;
text-transform: uppercase; }
.fcb-vehicle-item .vehicle-price form,
.fcb-vehicle-item .vehicle-price .book-now {
flex: 0 0 100%;
margin-top: 12px; }
.fcb-vehicle-item .main-price {
display: flex; }
.fcb-vehicle-item .exch-price {
margin-left: 5px; }
.fcb-vehicle-item h4 {
margin: 0; }
.trip-details {
padding: 0 12px; }
.trip-details div {
display: block;
width: 100%; }
.trip-details strong,
.trip-details span {
flex: 1 100%;
display: flex; }
.order-info .single-addon {
display: block; }
.user-head {
flex-direction: column;
align-items: stretch;
text-align: center; }
.user-head .user-info {
padding: 12px; }
.user-head .user-info .btn + .btn {
margin: 0; }
.order-list,
.user-info {
display: -webkit-flex;
display: -ms-flex;
display: flex;
flex-flow: row wrap;
justify-content: stretch; }
.order-list > div,
.user-info > div {
flex: 2 50%; }
.order-list .btn,
.order-list h4,
.user-info .btn,
.user-info h4 {
flex: 1 100%;
margin: 0 0 12px; }
.order-list .btn {
margin: 0 1% !important; }
.order-list .view-edit {
padding: 12px; }
.form-box label:not(.radio-label):not(.dropdown-overlay) {
display: -webkit-flex;
display: -ms-flex;
display: flex;
padding-left: 20px; }
.survey-divider .form-box label {
display: block !important; }
.addon-thumb {
text-align: center;
width: 100%; }
.addon-thumb img {
max-height: 200px;
width: auto;
margin-bottom: 12px; }
.addon-desc .addon-excerpt {
width: 100%;
max-width: 100%;
max-width: 100%;
display: flex;
flex-wrap: wrap; }
.addon-desc .btn {
flex: 0 100%;
text-align: center;
margin-top: 12px; }
.fast-track .addon-excerpt {
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap; }
.fast-track .addon-excerpt p,
.fast-track .addon-excerpt .youtube-thumb {
flex: 0 60%;
margin: 0; }
.fast-track .addon-excerpt .youtube-thumb {
flex: 0 35%;
padding-left: 5%;
max-width: 150px;
text-align: right; }
.payment-box > .form-box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: space-around;
flex-flow: row wrap;
align-items: stretch; }
.payment-box > .form-box label {
flex-basis: 100%; }
.survey-form .form-box {
display: -webkit-flex;
display: -ms-flex;
display: flex;
justify-content: space-around;
flex-flow: row wrap;
align-items: stretch; }
.survey-form .form-box > label {
flex: 100%;
margin-bottom: 0; }
.survey-divider section {
margin: 12px 12px 0; }
.result:last-child {
margin: 0; }
.sub-question {
padding: 12px; }
.dropdown--mobile {
position: relative;
display: inline-block;
height: 36px; }
.dropdown-open--mobile:checked ~ .dropdown-inner {
opacity: 100;
visibility: visible; }
.dropdown-open--mobile:checked ~ .dropdown-inner.static {
position: relative; }
.dropdown-overlay--mobile {
display: none;
position: fixed;
height: 200vh;
width: 200vw;
top: -100px;
right: 0;
bottom: 0;
left: -100px;
z-index: 1; }
.dropdown-inner--mobile {
background-color: #fff;
border-radius: 3px;
position: absolute;
opacity: 0;
transition: opacity .3s;
visibility: hidden;
z-index: 2;
border: 1px solid #f1f1f1;
margin-top: 5px; }
.dropdown-inner--mobile:not(.static) {
transition: opacity .3s,visibility .3s; }
.dropdown-inner--mobile.hover {
top: 33px;
z-index: 1000; }
.vehicle-filters {
display: block;
background-color: #fff; }
.vehicle-filters .dropdown--mobile,
.vehicle-filters .passengers {
display: inline-block;
clear: both;
width: 100%; }
ul.fcb-filter > li {
width: 33.333%; }
ul.fcb-filter > li > a {
width: 100%;
text-align: center; }
ul.fcb-filter li:nth-child(1),
ul.fcb-filter li:nth-child(2),
ul.fcb-filter li:nth-child(3) {
border-bottom: 1px solid #f1f1f1; }
ul.fcb-filter li:nth-child(2),
ul.fcb-filter li:nth-child(5) {
border-right: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
width: calc(33.3333% - 2px); }
.passengers {
margin-bottom: 20px; }
.show-hide-fleet .dropdown-inner--mobile label {
position: absolute;
bottom: 71px;
background: #fff; }
.show-hide-free-addons .dropdown-inner--mobile > label {
position: absolute;
top: -36px;
background: #fff; }
.show-hide-free-addons label > span {
bottom: 1px;
position: relative; }
.show-hide-free-addons .radio-icon {
width: 16%;
display: inline-block; }
.show-hide-free-addons .radio-icon > label {
line-height: 1.5em;
min-height: 90px; }
.show-hide-free-addons,
.show-hide-fleet {
margin: 20px 0;
position: relative; }
.show-hide-free-addons .dropdown-inner--mobile,
.show-hide-fleet .dropdown-inner--mobile {
border-top-right-radius: 0;
border-top-left-radius: 0; }
.show-hide-free-addons .dropdown-inner--mobile > label,
.show-hide-fleet .dropdown-inner--mobile > label {
width: 100%;
left: -1;
right: 0;
width: calc(100% - 26px);
border-color: transparent;
border-top: 0;
border-bottom: 1px solid #f1f1f1;
border-radius: 0; }
.show-hide-free-addons .dropdown-inner--mobile > label:before,
.show-hide-fleet .dropdown-inner--mobile > label:before {
content: "\e873";
margin-right: 15px;
font-family: "LinearIcons"; }
.show-hide-free-addons .btn,
.show-hide-fleet .btn {
border: 1px solid #f1f1f1;
display: block;
color: #231f20; }
.show-hide-free-addons .btn > div,
.show-hide-fleet .btn > div {
color: #231f20; }
.show-hide-free-addons > div,
.show-hide-fleet > div {
margin-top: -2px;
width: calc(100% - 2px); }
.addon-price-detail .exch-price {
margin-left: 12px; }
.nav-list {
font-size: 12px;
font-size: 1.2rem; }
.nav-list .passenger-input {
width: calc(40% - 2px);
top: 5px;
position: relative;
right: 5px; }
.dropdown-open--mobile:checked ~ .dropdown-inner--mobile {
opacity: 100;
visibility: visible;
z-index: 9999; }
.dropdown-open--mobile:checked ~ .dropdown-inner--mobile .select2 {
display: none; }
.dropdown-open--mobile:checked ~ .dropdown-overlay--mobile {
display: block; }
.fcb-included {
padding: 5px;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
border: 0; }
.fcb-included h4 {
margin-bottom: 12px; }
.current-itinerary .title {
padding: 12px; }
.book-step {
padding: 55px 0 0 0;
max-height: 55px; }
.choose-currency {
margin: 12px 0 20px 0; }
.show-hide-free-addons,
.show-hide-free-fleet {
margin: 12px 0 0 0; }
.home-book p {
padding: 0;
font-size: 14px;
font-size: 1.4rem; }
.get-quotation {
float: none;
display: block;
margin-top: 12px; }
.passenger-input.multiple {
max-width: 140px;
display: block;
overflow: hidden;
margin: 0 auto 20px; }
.passenger-input.multiple input {
width: 34px;
height: 34px; }
#back-top {
width: 40px;
line-height: 40px;
height: 40px; }
header .site-logo {
position: absolute;
left: 0px;
max-width: 180px;
top: 5px; }
ul.top-menu {
top: 55px;
float: left;
width: 100%; }
ul.top-menu > li {
text-align: center;
min-width: calc(33.3333% - 12px);
height: 30px;}
ul.top-menu .uk-dropdown {
top: 72px;
padding: 12px 0 0 0; }
.ytplayer-container,
.ytplayer-container iframe {
width: 110% !important; }
.mobile-menu-side {
max-height: 55px; }
.main-menu-nav {
height: 55px; }
.mobile-nav-button,
.mobile-nav-button.scroll {
top: -8px; }
li.about-us .level-0 > li,
li.contact .level-0 > li {
padding: 0;
text-align: center; }
.passenger-type.family {
position: absolute;
left: 140px;
top: 0; }
.fcb-modal-full .video {
margin-top: 24px; }
.speaker {
margin: auto;
right: 0 !important;
position: relative;
width: 120px;
display: block; }
.speaker p {
width: 70px; }
.uk-slidenav {
background: rgba(255, 255, 255, 0.5);
color: #fff;
font-size: 20px;
font-size: 2rem;
height: 50px;
line-height: 50px;
width: 40px; }
.uk-slidenav:hover {
color: #e0d18f; }
.home-book-form.mobile-form {
padding-bottom: 45px; }
.home-book-form.alternate.mobile-form {
padding-bottom: 57px; }
.home-book-form.alternate.mobile-form .btn-main-booking .btn {
bottom: 12px; }
.passenger-input.multiple {
position: relative;
width: 100%;
text-align: center; }
.btn-main-booking .btn {
bottom: 0;
position: absolute; }
.book-options li {
width: 20%;
line-height: 1; }
.book-options li a {
word-break: keep-all;
line-height: 1.5;
height: 35px;
padding: 2px; }
.book-options li .btn {
white-space: normal;
line-height: 16px;
padding: 2px;
display: flex;
justify-content: center;
align-items: center; }
span.mobile-tab {
height: auto; }
.home-book .book-forms {
padding: 15px; }
.home-block.home-landing h2 {
font-size: 30px;
font-size: 3rem; }
.btn-main-booking {
bottom: 0; }
.align-left,
.align-right {
margin: auto; }
.fcb-vehicle-item {
font-size: 14px;
font-size: 1.4rem;
text-align: left; }
.fcb-vehicle-item .vehicle-title {
flex: 0 0 60%; }
.fcb-vehicle-item .vehicle-image {
flex: 0 0 40%;
max-width: 150px; }
.fcb-vehicle-item .vehicle-type {
font-size: 10px;
margin: auto; }
.fcb-vehicle-item .gallery-info {
border-bottom: 1px solid #f1f1f1;
border-top: 1px solid #f1f1f1;
position: absolute;
right: 0;
width: 100%;
left: 0; }
.fcb-vehicle-item .rushhour-price,
.fcb-vehicle-item .gallery-info,
.fcb-vehicle-item .exch-price {
font-size: 10px; }
.fcb-vehicle-item .vehicle-image {
margin: 0;
margin: auto; }
.fcb-vehicle-item .vehicle-details {
margin: 0;
padding: 0;
margin-top: 36px; }
.fcb-vehicle-item .info {
position: relative;
padding-bottom: 12px;
margin-bottom: 12px; }
.fcb-vehicle-item .info:before {
height: 1px;
width: calc(100% + 24px);
background: #f1f1f1;
bottom: 0;
position: absolute;
bottom: 0;
left: -12px;
content: ""; }
.fcb-vehicle-item .info > div {
justify-content: space-between;
flex-wrap: wrap;
display: flex; }
.fcb-vehicle-item .btn {
display: block;
width: 100%; }
.side-menu {
margin-top: 24px; }
.airport-service-media {
padding-top: 24px; }
.content-rollover .block h3 {
opacity: 1;
text-shadow: 0px 1px 2px #0e0e0e;
font-size: 17px;
font-size: 1.7rem;
top: -20px; }
.content-rollover.addons .block h3 {
font-size: 15px;
font-size: 1.5rem;
top: -12px;
opacity: 0; }
.content-rollover.addons .block:hover h3 {
opacity: 1; }
.about-content {
background-image: none; }
.addon-item {
padding: 12px 12px 36px; }
.addon-outer .addon-price-detail {
left: 0;
text-align: left;
width: 90%;
top: 40px; } }
@media (min-width: 550px) and (max-width: 767px) {
.vehicle-control h4 {
line-height: 36px;
height: 36px; }
.hide-phablet {
display: none !important; }
.btn + .btn {
margin: 6px; }
.airport.btn + .btn {
margin: 0 12px 12px; }
.btn-main-booking .btn {
margin: 0; }
.pad-xs .pad-xs--left {
padding-left: 6px; }
.pad-xs .pad-xs--right {
padding-right: 6px; }
.home-block.home-landing {
padding-top: 80px; }
/*.slider {
height: 24px; }*/
.content-rollover .block p {
display: none; }
.mobile-addon {
position: absolute;
width: calc(100% - 18px);
left: 6px;
top: 0; } }
@media (max-width: 549px) {
.icon.airport {
padding: 3px 10px;
}
.icon.airport.flights {
background-size: 16px;
}
.admin-special-addon .btn,
.admin-special-addon .btn + .btn {
margin: 12px; }
.admin-special-addon input {
width: 100%; }
.alert-top {
margin-top: 12px; }
.form-box.admin-addons {
overflow: hidden; }
.form-box.admin-addons .admin-addon-qty,
.form-box.admin-addons .admin-addon-name,
.form-box.admin-addons .admin-addon-price {
padding: 0 10px; }
.form-box.admin-addons input:nth-child(2),
.form-box.admin-addons input:nth-child(3),
.form-box.admin-addons input:nth-child(4) {
width: calc(33.333% - 36px); }
.form-box.admin-addons input:nth-child(5) {
width: calc(100% - 20px); }
.show-hide-free-addons .radio-icon {
width: 32%; }
.show-hide-free-addons .radio-icon:nth-child(1), .show-hide-free-addons .radio-icon:nth-child(2), .show-hide-free-addons .radio-icon:nth-child(3) {
margin-bottom: 20px; }
.airport.btn + .btn {
margin: 0 12px 12px; }
.level-0 > li {
padding: 0 24px;
width: calc(50% - 48px);
min-height: 130px; }
.home-book-form.alternate.mobile-form .btn-main-booking .btn {
width: calc(100% - 30px); }
label.included {
min-height: 80px; }
.home-book {
margin-right: -8px;
margin-left: -8px; }
.uk-container {
padding: 0 12px; }
header .site-logo {
position: absolute;
left: 0px;
max-width: 180px; }
.hide-phone {
display: none !important; }
.btn {
display: block; }
.btn + .btn {
margin-top: 5px; }
.btn.icon.airport {
display: inline-block;
margin-left: 30px;
margin-right: 30px; }
.service-links a {
margin-bottom: 12px; }
.btn-main-booking {
bottom: 10px; }
.align-left,
.align-right {
max-width: 100%; }
.pad-xxs--left {
padding-left: 3px; }
.pad-xxs--right {
padding-right: 3px; }
.home-book-form .return-form > * {
margin-bottom: 5px; }
.home-book-form > * {
margin-bottom: 5px; }
.home-block {
padding: 24px 0; }
.home-block.home-landing.default {
height: auto;
}
.home-block.home-landing {
/* height: 1000px; */
padding-top: 85px; }
.home-block.home-landing h2 {
font-size: 25.5px;
font-size: 2.55rem; }
.half-tabs > .btn:first-of-type,
.half-tabs > li:first-of-type {
width: auto;
margin-right: 4px; }
.half-tabs > .btn:last-of-type,
.half-tabs > li:last-of-type {
width: auto;
margin-left: 4px; }
.third-tabs > .btn:first-of-type,
.third-tabs > li {
width: auto; }
/*.play-video {
margin-top: 12px; }*/
.play-video h3 {
font-size: 12px;
font-size: 1.2rem; }
/*.multi-buttons > * {
margin: 6px; }*/
.mobile-booking {
margin: 24px -15px 0;
padding: 15px 15px; }
.mobile-booking.background {
background: #f1f1f1; }
.passenger-count {
width: calc(50% - 35px); }
.passenger-input {
width: calc(50% - 11px);
top: 4px; }
#myform.home input {
width: 30%; }
#myform.home input[type="text"].qty {
width: 40%; }
.select-date-indicator:before {
right: 16px; }
.current-itinerary form {
padding: 12px; }
.fleet-top {
background-image: none !important; }
.addon-desc {
padding: 12px; }
.fcb-vehicle-item h4 {
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 0; }
.fcb-vehicle-item .vehicle-image {
max-width: -y110px;
max-height: 50px; } }
@media (max-width: 400px) {
#frmContact {
padding-bottom: 10px;
}
.modalDialog {
margin: 0 10px;
}
.modalDialog > div {
max-height: 350px;
margin: 40px auto 0;
overflow: auto;
}
}
@media (max-width: 330px) {
.home-block li a {
font-size: 11px;
font-size: 1.1rem; }
.get-quotation,
.radio {
font-size: 11px;
font-size: 1.1rem; } }
@media (min-width: 1024px) {
.home-landing h2 {
font-size: 45px; }
ul.booking-step a {
margin: 0 16px; }
.fleet-top {
background-position: right -230px bottom 0px;
background-size: 900px; } }
@media (min-width: 1221px) {
.hide-desktop {
display: none !important; }
ul.top-menu {
width: calc(100% - 100px); }
ul.top-menu > li {
text-align: left;
min-width: 83px;
padding-left: 10px; }
li.about-us .level-0 {
max-width: calc(100% - 150px);
padding-right: 100px; }
li.about-us .level-0 > li {
float: right;
right: 160px;
position: relative;
width: auto; }
li.contact .level-0 {
max-width: calc(100% - 100px);
padding-right: 100px; }
li.contact .level-0 > li {
float: right;
right: 50px;
position: relative;
width: auto;
text-align: left; }
.home-block.block-luxury {
background-position: left -300px bottom;
background-size: 1200px; }
.pad-xl--left {
padding-left: 12px; }
.pad-xl--right {
padding-right: 12px; }
.fleet-top {
background-position: right -160px bottom 0px;
background-size: 1050px; }
.content-rollover .block {
width: calc(33.3333% - 24px);
float: left; }
#trip-details .aroma .radio {
margin: 0 20px; }
.content-rollover.addons .block .block-img-wrap img {
max-height: 180px; }
.book-step ul.booking-step {
margin-top: 16px; }
.book-step ul.booking-step li a {
padding: 0 10px; } }
@media (min-width: 768px) and (min-height: 620px) {
.vertical-center-parent--tablet {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
height: 100%;
z-index: 10; }
.vertical-center-child--tablet {
top: 50%;
transform: perspective(1px) translateY(-50%) !important;
position: relative; } }
@media (min-height: 1000px) {
.block-luxury,
.home-block.large {
height: 100vh; }
.trip-detail {
height: calc(100vh - 520px); } }
@media (max-height: 999px) {
.trip-sidebar .trip-detail {
height: calc(100vh - 300px); }
.sidebar-faq {
position: absolute;
top: -9999px;
left: -9999px; } }
@media (max-width: 399px) {
header img {
max-width: 120px;
padding: 8px 5px 5px 5px;
}
.multi-buttons > * {
width: 170px;
text-align: center;
}
.half-tabs > .btn:first-of-type,
.half-tabs > li:first-of-type {
width: 100%;
margin-bottom: 4px; }
.half-tabs > .btn:last-of-type,
.half-tabs > li:last-of-type {
width: 100%;
margin: 0; }
.third-tabs > .btn:first-of-type,
.third-tabs > li {
width: auto; }
.content-rollover .block h3 {
font-size: 17px;
font-size: 1.7rem; } }
@media (max-width: 329px) {
.multi-buttons > * {
width: 190px;
/*text-align: center;*/
}
}
@media (min-aspect-ratio: 16 / 9) {
.ytplayer-container {
height: 300% !important;
top: -100% !important; } }
@media (max-aspect-ratio: 16 / 9) {
.ytplayer-container {
width: 300% !important;
left: -100% !important; } }
@media only screen and (min-width: 300px) {
.modalDialog {
/*position: absolute;*/
/*top: 160px;*/
max-height: 520px;
}
.modalDialog > div {
position: absolute;
top:75px;
left: 0;
right: 0;
/*overflow: hidden;*/
margin-top: 0;
transform: perspective(0px) translateY(0%)!important;
}
#page-wrap {
max-height: 80vh;
/*overflow: auto;*/
/*height: 360px;*/
}
}
@media only screen and (min-width: 767px) {
.home-landing.default {
height: 100vh; }
.home-landing.default-2 {
height: auto;
min-height: 100vh;
}
.home-landing {
height: 120vh; }
.modalDialog {
/*position: absolute;*/
top: 0px;
}
}
@media only screen and (min-width: 1000px){
.home-landing {
height: 100vh; }
}
.video-background{
background: #000;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -99;
}
.video-foreground, .video-background iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
@media (min-aspect-ratio: 16 / 9){
.video-foreground {
height: 300%;
top: -100%;
}
}
@media (max-aspect-ratio: 16 / 9) {
.video-foreground{
width: 300%;
left: -100%;
}
}