@font-face {
    font-family: "Open Sans";
    src: url('../../fonts/open-sans/OpenSans-Regular-webfont.eot');
    src: url('../../fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'), url('../../fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../fonts/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;
}

html,
body {
    height: 100%;
}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

html,
body {
    font-size: 100%;
}

body {
    background: #f0f0f0;
    color: #666666;
    cursor: auto;
    font-family: "Open Sans", Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative;
}

a:hover {
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
}

.VehicleImages {
    max-width: 60% !important;
    height: auto;
}

img {
    -ms-interpolation-mode: bicubic;
}

.unlimited-badge {
    position: absolute;
    right: -17px;
    top: 29px;
    font-size: 70%;
    background: yellow;
    padding: 1px 5px;
    border-radius: 2px;
    font-weight: bold;
    color: black;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
    max-width: none !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.hide {
    display: none;
}

.invisible {
    visibility: hidden;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    display: inline-block;
    vertical-align: middle;
}

textarea {
    height: auto;
    min-height: 50px;
}

select {
    width: 100%;
}

.row {
    margin: 0 auto;
    max-width: 57.25em;
    width: 100%;
}

    .row:before,
    .row:after {
        content: " ";
        display: table;
    }

    .row:after {
        clear: both;
    }

    .row.collapse > .column,
    .row.collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row .row {
        margin: 0 -0.5625em;
        max-width: none;
        width: auto;
    }

        .row .row:before,
        .row .row:after {
            content: " ";
            display: table;
        }

        .row .row:after {
            clear: both;
        }

        .row .row.collapse {
            margin: 0;
            max-width: none;
            width: auto;
        }

            .row .row.collapse:before,
            .row .row.collapse:after {
                content: " ";
                display: table;
            }

            .row .row.collapse:after {
                clear: both;
            }

.column,
.columns {
    padding-left: 0.5625em;
    padding-right: 0.5625em;
    width: 100%;
    float: left;
}

    .column + .column.end,
    .columns + .column.end,
    .column + .columns.end,
    .columns + .columns.end {
        float: left;
    }

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-center-banner {
    text-align: center !important;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
}

.text-justify {
    text-align: justify !important;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

a {
    color: #057c01;
    line-height: inherit;
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: #046b01;
    }

    a img {
        border: none;
    }

p {
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility;
}

    p.lead {
        font-size: 1.21875rem;
        line-height: 1.6;
    }

    p aside {
        font-size: 0.875rem;
        line-height: 1.35;
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #666666;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    margin-top: 0.2rem;
    text-rendering: optimizeLegibility;
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small {
        color: #9c9c9c;
        font-size: 60%;
        line-height: 0;
    }

h1 {
    font-size: 2.125rem;
}

h2 {
    font-size: 1.6875rem;
}

h3 {
    font-size: 1.375rem;
}

h4 {
    font-size: 1.125rem;
}

h5 {
    font-size: 1.125rem;
}

h6 {
    font-size: 1rem;
}

.subheader {
    line-height: 1.4;
    color: #9c9c9c;
    font-weight: normal;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
}

hr {
    border: solid #DDDDDD;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.25rem 0 1.1875rem;
}

em,
i {
    line-height: inherit;
}

strong,
b {
    font-weight: bold;
    line-height: inherit;
}

small {
    font-size: 60%;
    line-height: inherit;
}

code {
    background-color: #d1d1d1;
    border-color: #bcbcbc;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    padding: 0.125rem 0.3125rem 0.0625rem;
}

ul,
ol,
dl {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.6;
    list-style-position: outside;
    margin-bottom: 1.25rem;
}

ul {
    margin-left: 1.1rem;
}

    ul.no-bullet {
        margin-left: 0;
    }

        ul.no-bullet li ul,
        ul.no-bullet li ol {
            margin-left: 1.25rem;
            margin-bottom: 0;
            list-style: none;
        }

    ul li ul,
    ul li ol {
        margin-left: 1.25rem;
        margin-bottom: 0;
    }

    ul.square li ul,
    ul.circle li ul,
    ul.disc li ul {
        list-style: inherit;
    }

    ul.square {
        list-style-type: square;
        margin-left: 1.1rem;
    }

    ul.circle {
        list-style-type: circle;
        margin-left: 1.1rem;
    }

    ul.disc {
        list-style-type: disc;
        margin-left: 1.1rem;
    }

    ul.no-bullet {
        list-style: none;
    }

ol {
    margin-left: 1.4rem;
}

    ol li ul,
    ol li ol {
        margin-left: 1.25rem;
        margin-bottom: 0;
    }

dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold;
}

dl dd {
    margin-bottom: 0.75rem;
}

abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #666666;
    cursor: help;
}

abbr {
    text-transform: none;
}

    abbr[title] {
        border-bottom: 1px dotted #DDDDDD;
    }

blockquote {
    margin: 0 0 1.25rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #DDDDDD;
}

    blockquote cite {
        display: block;
        font-size: 0.8125rem;
        color: #898989;
    }

        blockquote cite:before {
            content: "\2014 \0020";
        }

        blockquote cite a,
        blockquote cite a:visited {
            color: #898989;
        }

    blockquote,
    blockquote p {
        line-height: 1.6;
        color: #9c9c9c;
    }

.vcard {
    display: inline-block;
    margin: 0 0 1.25rem 0;
    border: 1px solid #DDDDDD;
    padding: 0.625rem 0.75rem;
}

    .vcard li {
        margin: 0;
        display: block;
    }

    .vcard .fn {
        font-weight: bold;
        font-size: 0.9375rem;
    }

.vevent .summary {
    font-weight: bold;
}

.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: none;
    padding: 0 0.0625rem;
}

[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.625rem;
}

    [class*="block-grid-"]:before,
    [class*="block-grid-"]:after {
        content: " ";
        display: table;
    }

    [class*="block-grid-"]:after {
        clear: both;
    }

    [class*="block-grid-"] > li {
        display: block;
        float: left;
        height: auto;
        padding: 0 0.625rem 1.25rem;
    }

.ui-slider-horizontal.ui-slider-pips {
    margin-bottom: 1.4em;
}

.ui-slider-pips .ui-slider-label,
.ui-slider-pips .ui-slider-pip-hide {
    display: none;
}

.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
    display: block;
}

.ui-slider-pips .ui-slider-pip {
    width: 2em;
    height: 1em;
    line-height: 1em;
    position: absolute;
    font-size: .8em;
    color: #999;
    overflow: visible;
    text-align: center;
    top: 20px;
    left: 20px;
    margin-left: -1em;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-state-disabled.ui-slider-pips .ui-slider-pip {
    cursor: default;
}

.ui-slider-pips .ui-slider-line {
    background: #999;
    width: 1px;
    height: 3px;
    position: absolute;
    left: 50%;
}

.ui-slider-pips .ui-slider-label {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -1em;
    width: 2em;
}

.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {
    color: black;
    font-weight: bold;
}

.ui-slider-vertical.ui-slider-pips {
    margin-bottom: 1em;
    margin-right: 2em;
}

    .ui-slider-vertical.ui-slider-pips .ui-slider-pip {
        text-align: left;
        top: auto;
        left: 20px;
        margin-left: 0;
        margin-bottom: -0.5em;
    }

    .ui-slider-vertical.ui-slider-pips .ui-slider-line {
        width: 3px;
        height: 1px;
        position: absolute;
        top: 50%;
        left: 0;
    }

    .ui-slider-vertical.ui-slider-pips .ui-slider-label {
        top: 50%;
        left: .5em;
        margin-left: 0;
        margin-top: -0.5em;
        width: 2em;
    }

.ui-slider-float .ui-slider-handle:focus,
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label {
    outline: 0;
}

.ui-slider-float .ui-slider-tip,
.ui-slider-float .ui-slider-tip-label {
    position: absolute;
    visibility: hidden;
    top: -40px;
    display: block;
    width: 34px;
    margin-left: -18px;
    left: 50%;
    height: 20px;
    line-height: 20px;
    background: white;
    border-radius: 3px;
    border: 1px solid #888;
    text-align: center;
    font-size: 12px;
    opacity: 0;
    color: #333;
    -webkit-transition-duration: 200ms, 200ms, 0;
    -moz-transition-duration: 200ms, 200ms, 0;
    -ms-transition-duration: 200ms, 200ms, 0;
    transition-duration: 200ms, 200ms, 0;
    -webkit-transition-property: opacity, top, visibility;
    -moz-transition-property: opacity, top, visibility;
    -ms-transition-property: opacity, top, visibility;
    transition-property: opacity, top, visibility;
    -webkit-transition-delay: 0, 0, 200ms;
    -moz-transition-delay: 0, 0, 200ms;
    -ms-transition-delay: 0, 0, 200ms;
    transition-delay: 0, 0, 200ms;
}

.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    opacity: 1;
    top: -30px;
    visibility: visible;
    -webkit-transition-delay: 200ms, 200ms, 0;
    -moz-transition-delay: 200ms, 200ms, 0;
    -ms-transition-delay: 200ms, 200ms, 0;
    transition-delay: 200ms, 200ms, 0;
}

.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
    top: 42px;
}

.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    top: 32px;
    font-weight: normal;
}

.ui-slider-float .ui-slider-tip:after,
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
    content: " ";
    width: 0;
    height: 0;
    border: 5px solid rgba(255, 255, 255, 0);
    border-top-color: rgba(255, 255, 255, 1);
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
}

.ui-slider-float .ui-slider-tip:before,
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
    content: " ";
    width: 0;
    height: 0;
    border: 5px solid rgba(255, 255, 255, 0);
    border-top-color: #888;
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -5px;
}

.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
    border: 5px solid rgba(255, 255, 255, 0);
    border-bottom-color: rgba(255, 255, 255, 1);
    top: -10px;
}

.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
    border: 5px solid rgba(255, 255, 255, 0);
    border-bottom-color: #888;
    top: -11px;
}

.ui-slider-vertical.ui-slider-float .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-tip-label {
    top: 50%;
    margin-top: -11px;
    width: 34px;
    margin-left: 0;
    left: -60px;
    color: #333;
    -webkit-transition-duration: 200ms, 200ms, 0;
    -moz-transition-duration: 200ms, 200ms, 0;
    -ms-transition-duration: 200ms, 200ms, 0;
    transition-duration: 200ms, 200ms, 0;
    -webkit-transition-property: opacity, left, visibility;
    -moz-transition-property: opacity, left, visibility;
    -ms-transition-property: opacity, left, visibility;
    transition-property: opacity, left, visibility;
    -webkit-transition-delay: 0, 0, 200ms;
    -moz-transition-delay: 0, 0, 200ms;
    -ms-transition-delay: 0, 0, 200ms;
    transition-delay: 0, 0, 200ms;
}

.ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    top: 50%;
    margin-top: -11px;
    left: -50px;
}

.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
    left: 47px;
}

.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    left: 37px;
}

.ui-slider-vertical.ui-slider-float .ui-slider-tip:after,
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
    border: 5px solid rgba(255, 255, 255, 0);
    border-left-color: rgba(255, 255, 255, 1);
    border-top-color: transparent;
    position: absolute;
    bottom: 50%;
    margin-bottom: -5px;
    right: -10px;
    margin-left: 0;
    top: auto;
    left: auto;
}

.ui-slider-vertical.ui-slider-float .ui-slider-tip:before,
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
    border: 5px solid rgba(255, 255, 255, 0);
    border-left-color: #888;
    border-top-color: transparent;
    position: absolute;
    bottom: 50%;
    margin-bottom: -5px;
    right: -11px;
    margin-left: 0;
    top: auto;
    left: auto;
}

.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
    border: 5px solid rgba(255, 255, 255, 0);
    border-right-color: rgba(255, 255, 255, 1);
    right: auto;
    left: -10px;
}

.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
    border: 5px solid rgba(255, 255, 255, 0);
    border-right-color: #888;
    right: auto;
    left: -11px;
}

.ui-slider-pips[class*=ui-slider-pip-initial] {
    font-weight: bold;
    color: #14ca82;
}

.ui-slider-pips .ui-slider-pip-initial-2 {
    color: #1897c9;
}

.ui-slider-pips[class*=ui-slider-pip-selected] {
    font-weight: bold;
    color: #ff7a00;
}

.ui-slider-pips .ui-slider-pip-inrange {
    color: black;
}

.ui-slider-pips .ui-slider-pip-selected-2 {
    color: #e70081;
}

.ui-slider-pips[class*=ui-slider-pip-selected] .ui-slider-line,
.ui-slider-pips .ui-slider-pip-inrange .ui-slider-line {
    background: black;
}

.date-select-box,
.time-select-box {
    width: 119px;
    height: 38px;
    cursor: pointer;
    border: 1px solid black;
    position: relative;
    font-size: 18px;
    -webkit-appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.date-select-box {
    float: left;
}

    .date-select-box p {
        margin: 7px;
        text-align: center;
    }

.ui-datepicker {
    width: 216px;
    height: auto;
    margin: 16px auto 0;
    font: 9pt Arial, sans-serif;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
}

    .ui-datepicker a {
        text-decoration: none;
    }

    .ui-datepicker table {
        width: 100%;
    }

.ui-datepicker-header {
    background: #fff;
    color: #000;
    font-weight: bold;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(250, 250, 250, 2);
    box-shadow: inset 0 1px 1px 0 rgba(250, 250, 250, .2);
    line-height: 30px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #111;
}

.ui-datepicker-title {
    text-align: left;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-image: url('../images/arrow.png');
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden;
}

.ui-datepicker-prev {
    float: left;
    background-position: center -30px;
}

.ui-datepicker-next {
    float: right;
    background-position: center 0;
}

.ui-datepicker thead {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f7f7f7 0, #f1f1f1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(100%, #f1f1f1));
    background-image: -webkit-linear-gradient(top, #f7f7f7 0, #f1f1f1 100%);
    background-image: -o-linear-gradient(top, #f7f7f7 0, #f1f1f1 100%);
    background-image: -ms-linear-gradient(top, #f7f7f7 0, #f1f1f1 100%);
    background-image: linear-gradient(top, #f7f7f7 0, #f1f1f1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f1f1f1', GradientType=0);
    border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-size: 10pt;
    padding: 5px 0;
    color: #666;
    text-shadow: 1px 0 0 #fff;
    filter: dropshadow(color=#fff, offx=1, offy=0);
}

.ui-datepicker tbody td {
    padding: 0;
}

    .ui-datepicker tbody td:last-child {
        border-right: 0;
    }

.ui-datepicker tbody tr:last-child {
    border-bottom: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: green;
    text-shadow: 1px 1px 0 #fff;
    filter: dropshadow(color=#fff, offx=1, offy=1);
}

.ui-datepicker-calendar .ui-state-default {
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0, #dedede 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed), color-stop(90%, #dedede));
    background: -webkit-linear-gradient(top, #ededed 0, #dedede 100%);
    background: -o-linear-gradient(top, #ededed 0, #dedede 100%);
    background: -ms-linear-gradient(top, #ededed 0, #dedede 100%);
    background: linear-gradient(top, #ededed 0, #dedede 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dedede', GradientType=0);
    -webkit-box-shadow: inset 1px 1px 0 0 rgba(250, 250, 250, .5);
    -moz-box-shadow: inset 1px 1px 0 0 rgba(250, 250, 250, .5);
    box-shadow: inset 1px 1px 0 0 rgba(250, 250, 250, .5);
}

.ui-datepicker-unselectable .ui-state-default {
    background: #f4f4f4;
    color: #b4b3b3;
}

.ui-datepicker-calendar .ui-state-active {
    background: #6eafbf;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .1);
    color: #e0e0e0;
    text-shadow: 0 1px 0 green;
    border: 1px solid green;
    position: relative;
    margin: -1px;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
    width: 29px;
    margin-left: 0;
}

.ui-datepicker-calendar td:last-child .ui-state-active {
    width: 29px;
    margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 29px;
    margin-bottom: 0;
}

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    .chosen-container * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        left: -9999px;
        z-index: 1010;
        width: 100%;
        border: 1px solid #aaa;
        border-top: 0;
        background: #fff;
        box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        left: 0;
    }

    .chosen-container a {
        cursor: pointer;
    }

    .chosen-container .search-choice .group-name,
    .chosen-container .chosen-single .group-name {
        margin-right: 4px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: 400;
        color: #999;
    }

        .chosen-container .search-choice .group-name:after,
        .chosen-container .chosen-single .group-name:after {
            content: ":";
            padding-left: 2px;
            vertical-align: top;
        }

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    font-size: 1px;
}

    .chosen-container-single .chosen-single abbr:hover {
        background-position: -42px -10px;
    }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

    .chosen-container-single .chosen-single div b {
        display: block;
        width: 100%;
        height: 100%;
    }

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

    .chosen-container-single .chosen-search input[type=text] {
        margin: 1px 0;
        padding: 4px 20px 4px 5px;
        width: 100%;
        height: auto;
        outline: 0;
        border: 1px solid #aaa;
        font-size: 1em;
        font-family: trench, sans-serif;
        line-height: normal;
        border-radius: 0;
    }

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

    .chosen-container .chosen-results li {
        display: none;
        margin: 0 !important;
        padding: 5px 6px;
        list-style: none;
        line-height: 15px !important;
        word-wrap: break-word;
        -webkit-touch-callout: none;
    }

        .chosen-container .chosen-results li.active-result {
            display: list-item;
            cursor: pointer;
        }

        .chosen-container .chosen-results li.disabled-result {
            display: list-item;
            color: #ccc;
            cursor: default;
        }

        .chosen-container .chosen-results li.highlighted {
            background-color: #3875d7;
            background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
            background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
            background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
            background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
            background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
            color: #fff;
        }

        .chosen-container .chosen-results li.no-results {
            color: #777;
            display: list-item;
            background: #f4f4f4;
        }

        .chosen-container .chosen-results li.group-result {
            display: list-item;
            font-weight: 700;
            cursor: default;
        }

        .chosen-container .chosen-results li.group-option {
            padding-left: 15px;
        }

        .chosen-container .chosen-results li em {
            font-style: normal;
            text-decoration: underline;
        }

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
    background-image: -o-linear-gradient(#eee 1%, #fff 15%);
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text;
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none;
    }

        .chosen-container-multi .chosen-choices li.search-field {
            margin: 0;
            padding: 0;
            white-space: nowrap;
        }

            .chosen-container-multi .chosen-choices li.search-field input[type=text] {
                margin: 1px 0;
                padding: 0;
                height: 25px;
                outline: 0;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none;
                color: #999;
                font-size: 100%;
                font-family: "Open Sans", sans-serif;
                line-height: normal;
                border-radius: 0;
            }

        .chosen-container-multi .chosen-choices li.search-choice {
            position: relative;
            margin: 3px 5px 3px 0;
            padding: 3px 20px 3px 5px;
            border: 1px solid #aaa;
            max-width: 100%;
            border-radius: 3px;
            background-color: #eee;
            background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
            background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            background-size: 100% 19px;
            background-repeat: repeat-x;
            background-clip: padding-box;
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
            color: #333;
            line-height: 13px;
            cursor: default;
        }

            .chosen-container-multi .chosen-choices li.search-choice span {
                word-wrap: break-word;
            }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
                position: absolute;
                top: 4px;
                right: 3px;
                display: block;
                width: 12px;
                height: 12px;
                font-size: 1px;
            }

                .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
                    background-position: -42px -10px;
                }

        .chosen-container-multi .chosen-choices li.search-choice-disabled {
            padding-right: 5px;
            border: 1px solid #ccc;
            background-color: #e4e4e4;
            background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
            background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            color: #666;
        }

        .chosen-container-multi .chosen-choices li.search-choice-focus {
            background: #d4d4d4;
        }

            .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
                background-position: -42px -10px;
            }

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
    background-image: -moz-linear-gradient(#eee 20%, #fff 80%);
    background-image: -o-linear-gradient(#eee 20%, #fff 80%);
    background-image: linear-gradient(#eee 20%, #fff 80%);
    box-shadow: 0 1px 0 #fff inset;
}

    .chosen-container-active.chosen-with-drop .chosen-single div {
        border-left: 0;
        background: transparent;
    }

        .chosen-container-active.chosen-with-drop .chosen-single div b {
            background-position: -18px 2px;
        }

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

    .chosen-container-active .chosen-choices li.search-field input[type=text] {
        color: #222 !important;
    }

.chosen-disabled {
    opacity: .5 !important;
    cursor: default;
}

    .chosen-disabled .chosen-single {
        cursor: default;
    }

    .chosen-disabled .chosen-choices .search-choice .search-choice-close {
        cursor: default;
    }

.chosen-rtl {
    text-align: right;
}

    .chosen-rtl .chosen-single {
        overflow: visible;
        padding: 0 8px 0 0;
    }

        .chosen-rtl .chosen-single span {
            margin-right: 0;
            margin-left: 26px;
            direction: rtl;
        }

    .chosen-rtl .chosen-single-with-deselect span {
        margin-left: 38px;
    }

    .chosen-rtl .chosen-single div {
        right: auto;
        left: 3px;
    }

    .chosen-rtl .chosen-single abbr {
        right: auto;
        left: 26px;
    }

    .chosen-rtl .chosen-choices li {
        float: right;
    }

        .chosen-rtl .chosen-choices li.search-field input[type=text] {
            direction: rtl;
        }

        .chosen-rtl .chosen-choices li.search-choice {
            margin: 3px 5px 3px 0;
            padding: 3px 5px 3px 19px;
        }

            .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
                right: auto;
                left: 4px;
            }

    .chosen-rtl.chosen-container-single-nosearch .chosen-search,
    .chosen-rtl .chosen-drop {
        left: 9999px;
    }

    .chosen-rtl.chosen-container-single .chosen-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0;
    }

    .chosen-rtl .chosen-results li.group-option {
        padding-right: 15px;
        padding-left: 0;
    }

    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
        border-right: 0;
    }

    .chosen-rtl .chosen-search input[type=text] {
        padding: 4px 5px 4px 20px;
        direction: rtl;
    }

    .chosen-rtl.chosen-container-single .chosen-single div b {
        background-position: 6px 2px;
    }

    .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
        background-position: -12px 2px;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .chosen-rtl .chosen-search input[type=text],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type=text],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 100%;
    line-height: 1.4;
    width: 100%;
}

a,
a:hover,
a:active {
    color: inherit;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 0;
}

ul,
ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.inner {
    width: 100%;
    max-width: 918px;
    margin: auto;
    height: 100%;
    overflow: hidden;
}

.column {
    width: 138px;
    float: left;
    /*margin-right: 18px;*/
    padding: 0;
}

    .column:last-of-type {
        margin: 0;
    }

.marginless li {
    margin-bottom: 0 !important;
}

.f10 {
    font-size: 10px;
}

.f11 {
    font-size: 11px;
}

.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f15 {
    font-size: 15px;
}

.f16 {
    font-size: 16px;
}

.f17 {
    font-size: 17px;
}

.f18 {
    font-size: 18px;
}

.f19 {
    font-size: 19px;
}

.f20 {
    font-size: 20px;
}

.l10 {
    line-height: 10px;
}

.l11 {
    line-height: 11px;
}

.l12 {
    line-height: 12px;
}

.l13 {
    line-height: 13px;
}

.l14 {
    line-height: 14px;
}

.l15 {
    line-height: 15px;
}

.l16 {
    line-height: 16px;
}

.l17 {
    line-height: 17px;
}

.l18 {
    line-height: 18px;
}

.table-helper {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.btn {
    display: block;
    height: 44px;
    line-height: 44px;
    border-radius: 6px 22px 22px 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background: rgba(245, 208, 0, 1);
    background: -moz-linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
    background: -webkit-gradient(bottom, top, color-stop(0%, rgba(245, 208, 0, 1)), color-stop(100%, rgba(255, 236, 128, 1)));
    background: -webkit-linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
    background: -o-linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
    background: -ms-linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
    background: linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f5d000', endColorstr='#ffec80', GradientType=1);
}

    .btn.grey {
        height: 32px;
        background: #e6e6e6;
        line-height: 32px;
    }

    .btn.small {
        height: 33px;
        line-height: 33px;
        font-size: 0.7rem;
        text-align: center;
        border-radius: 4px 16px 16px 4px;
        background: rgba(245, 208, 0, 1);
        background: -moz-linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
        background: -webkit-gradient(bottom, top, color-stop(0%, rgba(245, 208, 0, 1)), color-stop(100%, rgba(255, 236, 128, 1)));
        background: -webkit-linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
        background: -o-linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
        background: -ms-linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
        background: linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f5d000', endColorstr='#ffec80', GradientType=1);
    }

    .btn span {
        display: block;
        height: 100%;
        float: left;
    }

    .btn .end {
        width: 15px;
        background: url('/img/tile/btn-end.png') no-repeat;
        display: none;
    }

    .btn.grey .end {
        background: url('/img/tile/btn-end-grey.png') no-repeat;
    }

    .btn.small .end {
        background: url('/img/tile/btn-end-small.png') no-repeat;
        display: none;
    }

    .btn .start {
        /*width: 30px;
        height: 30px;
        background:#057c01;
        border-radius:50%;
        margin-top:calc((44px - 30px) / 2);*/
        font-size: 30px;
        color: #057c01;
        /*background: url('/img/tile/btn-start.png') no-repeat;*/
    }

    .btn:hover > .start,
    .btn:hover > .small .start {
        /*transform:rotate(360deg);*/
        transition: all 0.3s ease-in-out;
        color: rgba(0, 0, 0, 0.8);
    }

    .btn.grey .start {
        /*background: url('/img/tile/btn-start-grey.png') no-repeat;*/
        font-size: 26px;
    }

    .btn.small .start {
        /*background: url('/img/tile/btn-start-small.png') no-repeat;*/
        font-size: 25px;
    }

    .btn .tile {
        width: auto;
        width: calc(100% - 38px);
        /*background: url('/img/tile/btn-tile.png');*/
    }

    .btn.grey .tile {
        /*background: url('/img/tile/btn-tile-grey.png');*/
        width: calc(100% - 28px);
    }

    .btn.small .tile {
        /*background: url('/img/tile/btn-tile-small.png');*/
        width: calc(100% - 30px);
    }

    .btn:hover {
        color: rgba(0, 0, 0, 0.8);
        transition: all 0.3s ease-in-out;
    }

#image_holder_x span {
    display: none !important;
}

.icon.question-mark {
    display: block;
    width: 21px;
    height: 21px;
    background: url('/img/sprite/site.png') no-repeat;
    background-position: -114px -72px;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    color: #666666;
}

#header {
    width: 100%;
    height: 60px;
    background: #090;
    background-size: cover;
    position: fixed;
    top: 0;
    z-index: 999;
}

.logo {
    width: 15%;
    height: 100%;
}

    .logo h1,
    .logo h1 a {
    }

.logo {
    margin: 0px 0px 0px;
    float: left;
}

    .logo h1 {
        margin: 5px 0 0 0;
    }

    .logo a {
        display: block;
        background: transparent url('/img/global/logo.png') no-repeat 15% center;
        text-indent: -9999px;
        background-size: auto 100%;
    }

.menu {
    width: 70%;
    height: 60px;
    float: left;
    /*margin: 26px 0px 0px 200px;*/
}

    .menu ul,
    .menu li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .menu li {
        float: left;
        height: 60px;
        width: 14.28%;
        /*width: calc(100% / 7);*/
        text-align: center;
        /*margin-bottom: 14px;*/
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
    }

.dark-hover {
    background: rgba(34, 33, 33, 1);
}

.menu li.first-in-row {
    /*padding-left: 0;*/
}

.menu li.last-in-row {
    padding-right: 0;
    border: none;
}

.menu li a {
    font-size: 0.7rem;
    line-height: 60px;
    color: white;
    text-transform: uppercase;
    display: block;
}

    .menu li.active a,
    .menu li a:hover {
        color: #f9d200;
    }

#header .drive-club {
    position: absolute;
    right: 17px;
    top: 29px;
    width: 200px;
    text-align: right;
}

    #header .drive-club .drive-club-logo {
        font-size: 20px;
        color: white;
    }

#header .drive-club-links {
    margin-top: 15px;
    height: 10px;
    font-size: 10px;
    line-height: 10px;
    color: #fff;
    text-transform: uppercase;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
}

.drive-club-links a {
    color: white;
}

#header .drive-club-links .sign-in {
    position: relative;
    display: inline-block;
    color: white;
    cursor: pointer;
}

#header .inner {
    overflow: visible;
}

.login-popup {
    position: fixed;
    width: 100% !important;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.95);
    z-index: 111;
    display: none;
    color: white;
}

    .login-popup #login,
    .login-popup #ForgotPassword {
        transition: all 0.3s ease-in-out;
        width: 30%;
        /*height: 35%;
        min-height: 335px;*/
        background: white;
        padding: 25px;
        border-radius: 3px;
        margin: 10% auto;
        transform: translateY(1000%);
    }

    .login-popup .header {
        display: block;
        width: 100%;
        /*font-size: 16px;*/
        /*line-height: 10px;*/
        color: black;
        text-transform: uppercase;
        /*font-family: "Open Sans", "futura-pt",sans-serif;
        font-style: normal;
        font-weight: 700;
        width: 52px;
        line-height: 21px;
        float: left;*/
    }

    .login-popup .line {
        display: block;
        width: 249px;
        height: 2px;
        background: white;
        margin: 9px 0px 0px 0px;
        line-height: 21px;
        float: left;
    }

    .login-popup .login-column {
        /*float: left;
        margin: 1em 0px;
        width: 164px;*/
        /*text-transform: none;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 14px;*/
    }

        .login-popup .login-column a {
            text-transform: none;
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 14px;
            text-transform: none;
            text-decoration: underline;
        }

    .login-popup .not-registed {
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 14px;
        text-transform: none;
    }

        .login-popup .not-registed a,
        .login-popup .login-column a {
            text-decoration: underline;
        }

            .login-popup .not-registed a:hover,
            .login-popup .login-column a:hover,
            .login-popup .close-btn:hover {
                color: #ffde00;
            }
    /*.login-popup .login-column:last-of-type {
        float: right;
    }*/

    .login-popup .login-column input {
        /*height: 40px;*/
        /*border: none;*/
        /*border: none;
        border-bottom: solid 1px green;
        width: 100%;*/
        /*outline: none !important;*/
        /*font-family: "Open Sans", Arial,"Helvetica Neue",Helvetica,sans-serif;*/
        /*font-size: 11px;*/
        /*font-weight: bold;*/
        /*padding: 0px 0px 0px 12px;
        background: white !important;*/
        /*border-radius: 3px;
        -webkit-box-shadow: inset 2px 2px 6px 0px #cecece;
        -moz-box-shadow: inset 2px 2px 6px 0px #cecece;
        box-shadow: inset 2px 2px 6px 0px #cecece,0px 1px 1px black;
        margin-bottom: 20px;*/
    }

        .login-popup .login-column input:focus {
            outline: none;
        }

    .login-popup .box-label {
        text-transform: none;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 14px;
    }

    .login-popup .close-btn {
        display: block;
        float: right;
        margin: 0px auto 0px;
        height: 21px;
        width: 21px;
        background: url('/img/sprite/site.png') no-repeat;
        background-position: -114px -72px;
        font-size: 10px;
        line-height: 21px;
        text-align: center;
        color: #919191;
        cursor: pointer;
    }

#footer {
}

    #footer .upper {
        padding: 81px 0px;
        background: #090;
    }

        #footer .upper .inner {
            padding-left: 245px;
            position: relative;
        }

.footer-column {
    width: calc(100% / 5);
    float: left;
    margin-right: 18px;
    color: white;
    font-size: 11px;
    line-height: 15px;
}

    .footer-column.last {
        margin: 0;
        width: calc(100% / 3);
    }

    .footer-column h6 {
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-weight: bold;
        color: white;
        font-size: 11px;
        line-height: 15px;
    }

    .footer-column ul {
        margin-bottom: 12px;
    }

    .footer-column li {
        line-height: 10px;
    }

        .footer-column li a {
            color: white;
            font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
            font-size: 11px;
            line-height: 13px;
        }

.social {
    margin-top: 30px;
}

.footer-column .social {
    margin-top: 20px;
    margin-left: auto;
}

.social a {
    display: block;
    height: 14px;
    float: left;
    margin-right: 5px;
    color: white;
    font-size: 14px;
    line-height: 14px;
}

    .social a:hover {
        color: #ffde00;
    }

.social .google-plus {
    width: 15px;
    background-position: -10px -43px;
}

.social .twitter {
    width: 16px;
    background-position: -31px -43px;
}

.social .linked-in {
    width: 14px;
    background-position: -52px -43px;
}

.social .facebook {
    width: 6px;
    background-position: -72px -43px;
    margin: 0;
}

.footer-bottom {
    height: 53px;
    padding: 16px 0px 0px;
    color: inherit;
    font-size: 11px;
}

    .footer-bottom .footer-links {
        float: left;
    }

        .footer-bottom .footer-links ul {
            float: left;
        }

        .footer-bottom .footer-links li {
            float: left;
            font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
            font-size: 11px;
            line-height: 15px;
        }

            .footer-bottom .footer-links li:nth-of-type(2n + 2) {
                padding: 0px 3px;
            }

    .footer-bottom .copyright {
        float: right;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 11px;
        line-height: 15px;
    }

.other-websites {
    width: calc(100% / 8);
}

    .other-websites.full-site {
        position: absolute;
        left: 0;
    }

    .other-websites h4 {
        margin: 0px 0px 10px;
        font-size: 12px;
        line-height: 12px;
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
        color: white;
    }

    .other-websites .chosen-container {
        height: 40px;
        border: none;
        outline: none !important;
    }

    .other-websites .chosen-container-single .chosen-single {
        height: 40px;
        border: none;
        outline: none !important;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 14px;
        line-height: 40px;
        font-weight: bold;
        color: #919191;
        padding: 0px 0px 0px 12px;
        background: white;
        border-radius: 3px;
        -webkit-box-shadow: inset 2px 2px 6px 0px #cecece;
        -moz-box-shadow: inset 2px 2px 6px 0px #cecece;
        box-shadow: inset 2px 2px 6px 0px #cecece, 0px 1px 1px black;
    }

    .other-websites .go-btn {
        width: 89px;
        color: #037b00;
        font-size: 12px;
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        margin: 10px 0px 0px;
    }

        .other-websites .go-btn:hover {
            color: #333;
        }

.menu-btn {
    cursor: pointer;
    display: none;
}

.promotion-locked {
    position: absolute;
    width: 100%;
    height: 528px;
    background: rgba(76, 76, 76, 0.8);
    z-index: 99;
    pointer-events: none;
}

    .promotion-locked i {
        display: table-cell;
        width: 350px;
        height: 528px;
        vertical-align: middle;
        text-align: center;
        font-size: 8rem;
        color: rgba(233, 203, 2, 0.5);
    }

.nav {
    background: rgba(34, 33, 33, 1);
    position: absolute;
    left: 0px;
    top: 60px;
    width: 100%;
    height: 208px;
    z-index: 1000;
    display: none;
}

    .nav .mobi {
        display: none;
    }

    .nav .column {
        width: calc(100% / 5);
    }

    .nav .nav-promo-section {
        width: 159px;
        margin: 18px auto 0;
    }

        .nav .nav-promo-section p {
            font-size: 17px;
            line-height: 20px;
            text-align: center;
            font-family: "futura-pt", sans-serif;
            font-style: normal;
            font-weight: 400;
            color: white;
            margin: 18px auto 0;
        }

    .nav .desktop .social {
        margin: 24px auto 0px;
        width: 78px;
    }

    .nav .column {
        padding-top: 15px;
    }

        .nav .column h6 {
            font-family: "Open Sans", "futura-pt", sans-serif;
            font-style: normal;
            font-weight: 700;
            color: #ffde00 !important;
            font-size: 14px;
            line-height: 20px;
            text-transform: uppercase;
        }

        .nav .column ul {
            margin-bottom: 20px;
        }

        .nav .column li {
            line-height: 19px;
            color: white;
        }

            .nav .column li a {
                font-family: "Open Sans", "futura-pt", sans-serif;
                font-style: normal;
                font-size: 14px;
                line-height: 20px;
            }

    .nav > .mobi {
        position: relative;
        width: 100%;
        height: 100%;
    }

.nav-column {
    width: 49.74%;
    position: absolute;
    top: 0;
}

    .nav-column li {
        width: 100%;
        height: 44px;
        line-height: 44px;
        color: white;
        font-size: 18px;
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 400;
    }

        .nav-column li > a,
        .nav-column h6 a {
            display: block;
            height: 100%;
            width: 100%;
            padding: 0 0 0 36px;
        }

        .nav-column li:hover,
        .nav-column li:active {
            background: #202020;
        }

        .nav-column li.header {
            background: #037b00;
        }

        .nav-column li h6 {
            color: white;
            font-size: 18px;
            line-height: 44px;
            font-family: "Open Sans", "futura-pt", sans-serif;
            font-style: normal;
            font-weight: 700;
            text-transform: uppercase;
        }

        .nav-column li.social-head {
            padding: 0 0 0 36px;
        }

        .nav-column li.social {
            padding: 0;
            margin: 0;
        }

            .nav-column li.social > div {
                width: 25%;
                float: left;
                height: 44px;
                background: #333333;
            }

                .nav-column li.social > div:nth-of-type(2n + 2) {
                    background-color: #3b3b3b;
                }

            .nav-column li.social a {
                margin: auto;
                float: none;
                font-size: 24px;
                line-height: 44px;
                display: block;
                width: 100%;
                height: 100%;
                text-align: center;
            }

#page {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0px 0px 17px;
    background: #f0f0f0;
    top: 60px;
}

.content-area {
    width: calc(100% - 350px);
    float: right;
    min-height: 1px;
    margin-top: 25px;
}

.home-margin {
    margin-top: 25px;
}

.mobi-actions {
    display: none;
}

    .mobi-actions a {
        color: #037b00;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 17px;
        text-decoration: underline;
        text-decoration-color: #037b00;
    }

.mobi-action {
    width: 48.51%;
    height: 44px;
    line-height: 44px;
    float: left;
    margin: 0 2.98% 25px 0;
    text-align: center;
    text-transform: uppercase;
}

    .mobi-action:nth-of-type(2n + 2),
    .mobi-action.dc {
        margin-right: 0;
    }

.drive-club-mobi {
    display: inline-block;
    margin: auto;
}

    .drive-club-mobi > div {
        float: left;
    }

    .drive-club-mobi .drive-club-logo {
        margin-right: 7px;
        color: #037b00;
        font-size: 20px;
        line-height: 44px;
    }

    .drive-club-mobi .drive-club-links {
        color: #037b00;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 17px;
    }

.promo {
    width: calc((100% / 3) - 4px);
    float: left;
    /*margin: 0px 2px 2px 0px;*/
    margin-right: 6px;
    position: relative;
    background: white;
    opacity: 1;
}

    .promo:hover {
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    }

    .promo .image-holder {
        width: 100%;
        height: 138px;
        overflow: hidden;
        position: relative;
    }

        .promo .image-holder img {
            width: 100%;
            max-width: 100%;
        }

    .promo .promo-block {
        position: absolute;
        top: 9px;
        left: 9px;
        width: 51px;
        height: 51px;
        background: #ffde00;
        color: black;
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
        line-height: 14px;
        text-align: center;
        display: table;
        z-index: 4;
    }

        .promo .promo-block span {
            display: block;
            text-transform: uppercase;
        }

    .promo .promo-content {
        width: 100%;
        height: 110px;
        padding: 15px 20px 0px;
        position: relative;
    }

        .promo .promo-content p {
            margin: 0;
            color: #666666;
            font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
            font-style: normal;
            font-weight: bold;
            font-size: 12px;
            line-height: 14px;
            height: calc(100% / 2);
        }

    .promo .promo-cta {
        color: #666666;
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
        font-size: 18px;
        text-transform: uppercase;
        display: block;
        text-align: right;
    }

        .promo .promo-cta .arrow {
            font-size: 17px;
            margin-left: 10px;
        }

    .promo:hover .promo-cta {
        color: #037b00;
    }

    .promo.has-logo .promo-content {
        padding: 56px 20px 0px;
    }

.promotions-background {
    background: white;
}

.promotions-image {
    float: left;
    width: 40%;
    display: inline-block;
}

.promotions-image-fit {
    width: 100% !important;
}

.main-promo {
    width: 100%;
    height: 276px;
    margin: 0px 0px 2px;
}

    .main-promo .image-holder {
        height: 100%;
    }

    .main-promo .promo-block {
        left: auto;
        right: 8px;
    }

    .main-promo .promo-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        padding: 24px 0px 0px;
    }

        .main-promo .promo-content p {
            text-align: right;
            color: white;
            font-size: 16px;
            line-height: 20px;
            padding-right: 75px;
        }

    .main-promo .promo-cta {
        bottom: 9px;
        color: white;
    }

.useful-items {
    margin-top: 29px;
}

    .useful-items .column {
        width: 294px;
    }

        .useful-items .column li {
            width: 100%;
            height: 36px;
            margin-bottom: 22px;
        }

        .useful-items .column .icon {
            width: 78px;
            height: 100%;
            float: left;
            font-size: 12px;
            line-height: 36px;
            text-align: center;
        }

        .useful-items .column .useful-item-content {
            height: 100%;
            display: table;
        }

            .useful-items .column .useful-item-content p {
                font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
                font-size: 12px;
                line-height: 14px;
                display: table-cell;
                vertical-align: middle;
            }

        .useful-items .column a:hover .icon,
        .useful-items .column a:hover {
            color: #037b00;
        }

.mobi-actions a:hover {
    color: #666666;
}

#page.form-open,
#page.form-open .inner {
    padding: 0;
}

.site-form {
    width: 294px;
    float: left;
    min-height: 1px;
    background: rgb(5, 124, 1);
}

.no-cssgradients .site-form {
    background: rgb(5, 124, 1);
}

.site-form-page-header {
    position: absolute;
    bottom: 0;
    padding: 2rem;
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    max-width: 550px;
    word-wrap: break-word;
}

.heading-block,
.heading-block-new {
    width: 100%;
    height: 60px;
    background: #333333;
    padding: 0px 0px 0px 0px;
}

.home .heading-block {
    padding-left: 13px;
}

.heading-block h2 {
    margin: 0;
    color: white;
    font-size: 1.1rem;
    line-height: 60px;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}

.heading-block h3,
.heading-block-new h3 {
    margin: 0;
    color: white;
    font-size: 20px;
    line-height: 27px;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: capitalize;
}

.heading-block .steps {
    background: url('/img/sprite/site.png') no-repeat -10px -10px;
    height: 13px;
    width: 82px;
    float: left;
    margin: 8px 9px 0px 0px;
}

.disable-block {
    pointer-events: none !important;
    opacity: 0.3 !important;
}

.booking-step-1 .heading-block {
    margin-bottom: 2px;
    height: 50px;
    padding: 0;
    text-align: center;
}

    .booking-step-1 .heading-block h3 {
        line-height: 50px;
    }

.form-section {
    padding: 28px 0px 23px 20px;
    color: white;
}

.box-label {
    display: block;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    margin-bottom: 13px;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
    padding-left: 4px;
    cursor: pointer;
    position: relative;
}

.icheck-item {
    width: 13px;
    height: 15px;
    float: left;
    background: url('/img/sprite/site.png') no-repeat 0 0;
}

    .icheck-item.iradio {
        background-position: -95px -56px;
        margin: 0px 9px 0 0;
    }

        .icheck-item.iradio.checked {
            background-position: -95px -41px;
        }

    .icheck-item.icheckbox {
        background-position: -96px -25px;
        margin: 0px 9px 0 0;
        width: 12px;
    }

        .icheck-item.icheckbox.checked {
            background-position: -96px -10px;
        }

.reservation-type {
    margin-bottom: 11px;
}

.line-title {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 18px;
}

    .line-title .line {
        height: 2px;
        width: 100%;
        position: absolute;
        margin: auto;
        top: 0px;
        bottom: 0px;
        left: 68px;
        background: white;
    }

.form-section h4 {
    line-height: 35px;
    font-size: 16px;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
}

.pickup {
    margin: 0px 0px 8px;
}

.map-btn {
    height: 40px;
    width: 40px;
    background: url('/img/sprite/site.png') no-repeat;
    background-position: -148px -10px;
    color: #666666;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    float: right;
    margin: 0px 18px 0px 0px;
}

.home .form-section .selectize-control,
.home .form-section .chosen-container {
    width: 198px !important;
    height: 40px;
    position: relative;
}

#booking-form .pickup-location label.error,
#edit-booking-form .pickup-location label.error {
    position: static;
    margin-top: -13px;
    text-indent: 0;
}

.selectBox-label {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
}

.chosen-container-single .chosen-single div {
    display: block;
    width: 21px;
    height: 21px;
    background: url('/img/sprite/site.png') no-repeat;
    background-position: -114px -72px;
    position: absolute;
    top: 9px;
    right: 12px;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    background: url('/img/sprite/site.png') no-repeat;
    background-position: -114px -72px;
}

.chosen-container .chosen-results li {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    color: #919191;
}

    .chosen-container .chosen-results li.highlighted {
        background: #007c00;
        color: white;
    }

#fp-register .input-field {
    text-align: left;
}

#fp-register label.error {
    position: relative;
}

    #fp-register label.error:before, #fp-register label.error:after {
        top: 4px;
    }

#fp-register span.error:before, #fp-register span.error:after {
    display: none;
}

.form-section .chosen-container-single .chosen-single,
.dc-registration .chosen-container-single .chosen-single,
.user-logged-section-registration .chosen-container-single .chosen-single,
#fp-register .chosen-container-single .chosen-single {
    height: 40px;
    border: none;
    width: 100%;
    outline: none !important;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 40px;
    font-weight: bold;
    color: #919191;
    padding: 0px 0px 0px 12px;
    background: white;
    border-radius: 3px;
    -webkit-box-shadow: inset 2px 2px 6px 0px #cecece;
    -moz-box-shadow: inset 2px 2px 6px 0px #cecece;
    box-shadow: inset 2px 2px 6px 0px #cecece, 0px 1px 1px black;
}

.chosen-container-single .chosen-single div b {
    font-size: 9px;
    line-height: 23px;
    text-align: center;
    color: #919191;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: transform 200ms;
    transition: transform 200ms;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.form-section .chosen-search input[type=text],
.dc-registration .chosen-search input[type=text] {
    height: 30px;
    font-style: normal;
    -webkit-box-shadow: inset 2px 2px 6px 0px #cecece;
    -moz-box-shadow: inset 2px 2px 6px 0px #cecece;
    box-shadow: inset 2px 2px 6px 0px #cecece, 0px 1px 1px black;
    border: none;
    background: white;
}

.chosen-container .chosen-drop {
    -webkit-box-shadow: inset 2px -6px 6px 0px #cecece, 0px 1px 1px black;
    -moz-box-shadow: inset 2px -6px 6px 0px #cecece, 0px 1px 1px black;
    box-shadow: inset 2px -6px 6px 0px #cecece, 0px 1px 1px black;
    background: white;
    margin-top: -6px;
    outline: none;
    border: none;
}

.pickup-location {
    margin: 24px 0px 20px;
}

.pickup-location-modal {
    width: 200px;
}

.form-section input[type=text],
a.selectBox,
textarea,
.form-section input[type=password],
.user-logged-section input[type=text],
#fp-register input[type=text],
.user-logged-section input[type=password],
.voyager-loader input[type=text],
.voyager-loader input[type=password],
.dc-registration input[type=text],
.dc-registration input[type=password],
.dc-registration input[type=text],
.user-logged-section-registration input[type=text],
.user-logged-section-registration input[type=password],
.user-logged-section input[type=email],
#fp-register input[type=text],
#fp-register input[type=password],
#fp-register input[type=email],
.standard-inputs input,
#eea-email {
    height: 40px;
    border: none;
    width: 198px;
    outline: none !important;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    /*font-style: italic;*/
    color: #919191;
    padding: 0px 0px 0px 12px;
    background: white;
    border-radius: 3px;
    -webkit-box-shadow: inset 2px 2px 6px 0px #cecece;
    -moz-box-shadow: inset 2px 2px 6px 0px #cecece;
    box-shadow: inset 2px 2px 6px 0px #cecece, 0px 1px 1px black;
}

    .form-section input[type=text].short {
        background-position: -10px -146px;
        width: 120px;
    }

.standard-inputs .input-field > label {
    text-transform: uppercase;
    font-size: 0.7rem;
}

.date-time-field {
    float: left;
    position: relative;
    height: 40px;
    width: 120px;
}

.payment-method-field {
    float: left;
    position: relative;
    height: 30px;
    width: 100px;
}

.payment-method-field-right {
    float: right;
    position: relative;
    height: 30px;
    width: 100px;
}

.form-section .date-time-field input {
    padding-left: 35px;
}

.date-time-field.time {
    float: right;
    margin: 0px 18px 0px 0px;
}

.date-icon,
.time-icon {
    position: absolute;
    top: 12px;
    left: 12px;
    color: #007c00;
    font-size: 18px;
    line-height: 40px;
    z-index: 2;
}

.return {
    margin: 9px 0px 31px;
}

.form-actions a {
    color: #037b00;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 44px;
    text-align: center;
    text-transform: uppercase;
}

    .form-actions a.search-btn {
        width: 256px;
        margin-bottom: 10px;
    }

.form-actions .validation-error {
    margin-bottom: 10px;
    color: #ff0000;
    ;
    font-size: 13px;
    text-align: center;
    padding-right: 20px;
    width: 100%;
    font-weight: bold;
    padding-left: 10px;
    display: none;
}

    .form-actions .validation-error span {
        position: relative;
    }

.form-actions a.login-btn {
    width: 120px;
    float: left;
}

.form-actions a.register-btn {
    width: 120px;
    float: right;
    margin: 0px 18px 0px 0px;
}

.form-actions a.manage-btn {
    width: 256px;
    margin-top: 14px;
    margin-bottom: 4px;
}

.form-actions a.register-btn,
.form-actions a.login-btn,
.form-actions a.manage-btn {
    font-size: 12px;
    line-height: 32px;
}

.form-actions a.terms-link {
    font-size: 14px;
    line-height: 28px;
    color: #037b00;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #f9d200;
    text-transform: none;
    text-decoration: underline;
}

.terms-link--white {
    color: #FFF;
    text-decoration: underline;
}

    .terms-link--white:hover,
    .terms-link--white:focus {
        color: #ffde00;
    }

.mobi-form-actions {
    display: block;
}

.icon.question-mark {
    position: absolute;
    right: 18px;
    top: -3px;
}

.form-section .inner {
    overflow: visible;
}

.has-tip .tip {
    display: none;
    border-radius: 5px;
    width: 201px;
    padding: 14px;
    position: absolute;
    top: 27px;
    left: -176px;
    background: rgba(0, 0, 0, 0.94);
    z-index: 9;
    font-size: 12px;
    line-height: 14px;
    color: #fefefe;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
}

    .has-tip .tip p {
        font-size: 12px;
        line-height: 14px;
        color: #fefefe;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        margin: auto;
    }

.has-tip:hover .tip {
    display: block;
}

.has-tip .tip .arrow {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid black;
    position: absolute;
    margin: auto;
    left: 165px;
    right: 0px;
    top: -7px;
}

.has-tip .tip .close-btn {
    display: none;
}

.calculating {
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 120;
    display: none;
}

.specials {
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 10;
}

.specials-div {
    width: 295px;
    height: 635px;
    background: white;
    border-radius: 3px;
    position: absolute;
    margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 20px 32px;
    text-align: left;
}

.special-booking {
    width: 295px;
    height: 635px;
    background: white;
    border-radius: 3px;
    position: absolute;
    margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 20px 32px;
    text-align: left;
}

.message-div {
    width: 450px;
    height: 164px;
    background: white;
    border-radius: 3px;
    position: absolute;
    margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 20px 32px;
    ;
    text-align: center;
}

    .message-div .loading {
        width: 40px;
        height: 40px;
        margin: auto;
        display: inline-block;
        /*background: url('/img/loader/loader-lg.gif') no-repeat center;
        background-size: 100% auto;*/
    }

    .message-div .header-text {
        line-height: 16px;
        font-size: 14px;
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
        color: black;
        margin: 8px 0px 15px 0px;
    }

    .message-div .content-text {
        line-height: 14px;
        font-size: 12px;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        color: black;
        margin: 0px 0px 0px 0px;
    }

.messageBox {
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.98);
    z-index: 100000;
    display: none;
}

.messageBox-div {
    width: 450px;
    height: auto;
    background: white;
    border-radius: 3px;
    /* position: absolute; */
    margin: 10% auto;
    /* top: 0px; */
    /* bottom: 0px; */
    /* left: 0px; */
    /* right: 0px; */
    padding: 20px 32px;
    text-align: center;
    /* overflow: hidden; */
}

    .messageBox-div .loading {
        /*width: 130%;
        height: 40px;
        margin: auto;
        left: -30%;
        position: relative;
        background: url(/img/global/sedan.png) no-repeat center;
        background-size: auto;
        background-position: left;
        animation: carmove 2s linear infinite;*/
        width: 40px;
        height: 40px;
        margin: auto;
        display: inline-block;
        /*background: url('/img/loader/loader-lg.gif') no-repeat center;
        background-size: 100% auto;*/
    }

    .messageBox-div .header-text {
        line-height: 16px;
        font-size: 14px;
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
        color: black;
        margin: 8px 0px 15px 0px;
    }

    .messageBox-div .content-text {
        line-height: 14px;
        font-size: 12px;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        color: black;
        margin: 0px 0px 0px 0px;
    }

.mobi-form-actions .search-btn,
.mobi-form-actions .back-btn,
.mobi-form-actions,
.mobi-form-actions a {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #037b00;
    font-size: 12px;
    line-height: 32px;
    text-transform: uppercase;
}

.mobi-form-actions {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 49px;
    background: white;
    z-index: 5;
    text-transform: lowercase;
}

    .mobi-form-actions a {
        line-height: 49px;
    }

    .mobi-form-actions .back-btn {
        position: absolute;
        left: 0;
        top: 12px;
        width: 118px;
        height: 32px;
        background: url('/img/sprite/site.png') no-repeat -10px -194px;
        padding: 0px 15px 0px 32px;
    }

    .mobi-form-actions .search-btn {
        position: absolute;
        right: 0;
        top: 12px;
        width: 128px;
        height: 32px;
        background: url('/img/sprite/site.png') no-repeat -10px -231px;
        padding: 0px 32px 0px 15px;
    }

    .mobi-form-actions .inner .holder {
        text-align: center;
        position: relative;
    }

    .mobi-form-actions .inner > .clearfix div {
        display: inline-block;
    }

    .mobi-form-actions .terms-link {
        margin: 0px 0px 0px 18px;
        text-transform: none;
    }

    .mobi-form-actions .login-btn,
    .mobi-form-actions .register-btn,
    .mobi-form-actions .terms-link {
        text-decoration: underline;
        text-decoration-color: #037b00;
    }

.select-a-vehicle {
    position: absolute;
    right: 0px;
    top: 12px;
    width: 108px;
    text-align: right;
    line-height: 14px;
    font-size: 14px;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: black;
    text-transform: none;
    display: none;
}

.form-open .site-form {
    width: 100%;
    float: none;
}

#page.form-open form .inner {
    padding: 0px 81px;
    overflow: visible;
}

.site-form-page .form-section {
    padding: 41px 0px 23px;
}

#page.form-open .mobi-form-actions {
    display: block;
}

#page.form-open .site-form-page form .inner {
    padding: 0px;
}

.step-holder {
    width: 100vw;
    overflow: hidden;
    position: relative;
    -webkit-transition: height 500ms;
    transition: height 500ms;
}

.booking-step-4,
.booking-step-3,
.booking-step-2 {
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.thank-you-screen {
    display: none;
    width: 100vw;
}

.site-form-page .mobi-form-actions {
    display: block;
}

.site-form-page #booking-form,
.site-form-page #edit-booking-form {
    overflow: hidden;
}

.booking-step-2 {
    display: block;
}

.site-form-page .heading-block .steps.step3 {
    background-position: -10px -40px !important;
}

.site-form-page #booking-form .heading-block .steps,
.site-form-page #edit-booking-form .heading-block .steps,
.site-form-page .heading-block .steps.step2 {
    background-position: -10px -25px;
}

.site-form-page .heading-block .steps.step4 {
    background-position: -10px -55px !important;
}

.slider {
    height: 2px;
    width: 100%;
    background: white;
    position: relative;
    margin: 10px auto;
}

.ui-slider-handle {
    height: 11px;
    width: 11px;
    background: white;
    position: absolute;
    top: -5px;
    margin-left: -5px;
    display: block;
    border-radius: 100%;
    outline: none;
    cursor: pointer;
}

.form-section .filter {
    width: 216px;
    float: left;
}

.form-section .slider-container h4,
.form-section .car-categories h4,
.form-section .car-features h4 {
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: white;
    ;
    font-size: 16px;
    line-height: 16px;
    text-transform: capitalize;
}

.form-section .slider-container h5,
.form-section .transmission h5 {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*font-style: italic;*/
    font-weight: normal;
    color: white;
    ;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 29px;
}

.form-section .transmission h5 {
    margin-bottom: 17px;
}

.form-section .slider-container h4 {
    float: left;
}

.form-section .slider-container .min-value,
.form-section .slider-container .max-value {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: white;
    font-size: 10px;
    float: left;
}

.form-section .slider-container .max-value {
    float: right;
}

.slide-value,
.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 400;
    color: white;
    ;
    font-size: 14px;
    line-height: 16px;
    text-transform: capitalize;
    float: right;
}

.ui-slider-pips .ui-slider-line {
    opacity: 0;
}

.ui-slider-pips .ui-slider-pip-label .ui-slider-label:hover,
.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {
    color: white;
}

.ui-slider-pips .ui-slider-pip {
    top: -30px;
}

.form-section .slider-container {
    height: 65px;
}

.clear-btn {
    width: 148px;
    color: #037b00;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
}

.form-section .car-categories h4 {
    margin-bottom: 20px;
}

.car-categories .box-label {
    width: 80px;
    float: left;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 13px;
    text-transform: capitalize;
    margin: 0;
}

    .car-categories .box-label:last-of-type {
        margin-top: 30px;
    }

.form-section .car-categories {
    margin-bottom: 21px;
}

.form-section .car-features h4 {
    margin-bottom: 14px;
}

.form-section .car-features .steps li {
    text-align: left;
    padding-left: 10px;
}

    .form-section .car-features .steps li:first-of-type {
        padding: 0;
    }

.form-section .steps li,
.form-section .transmission .trans-label {
    float: left;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 13px;
    text-transform: capitalize;
    margin: 0;
    text-align: center;
}

.form-section .car-features .slider-container {
    margin: 0px 0px 14px;
}

    .form-section .car-features .slider-container.luggage {
        margin-bottom: 7px;
    }

.form-section .transmission {
    margin-bottom: 31px;
}

    .form-section .transmission .trans-label {
        text-align: left;
        width: 33.3%;
        cursor: pointer;
    }

        .form-section .transmission .trans-label.right {
            text-align: right;
        }

        .form-section .transmission .trans-label .icheck-item.iradio {
            display: none;
        }

.filtered-vehicles {
    width: 450px;
    float: left;
    margin: 0px 18px 0px 18px;
    min-height: 1px;
}

    .filtered-vehicles .vehicle {
        width: 216px;
        height: auto;
        float: left;
        background: white;
        border-radius: 3px;
        padding: 11px 10px 12px 13px;
        margin: 0px 18px 18px 0px;
        opacity: 0;
    }

        .filtered-vehicles .vehicle:nth-of-type(2n + 2) {
            margin: 0px 0px 18px 0px;
        }

.vehicle .vehicle-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 135px;
}

    .vehicle .vehicle-image img {
        position: absolute;
        top: 38px;
        left: 40px;
    }

    .vehicle .vehicle-image h4 {
        z-index: 4;
        position: relative;
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
        color: #333333;
        font-size: 11px;
        line-height: 13px;
        text-transform: uppercase;
        padding-left: 14px;
    }

        .vehicle .vehicle-image h4 span {
            display: inline-block;
            font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
            font-style: normal;
            font-weight: normal;
            text-transform: none;
        }

    .vehicle .vehicle-image .size {
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 11px;
        color: #037b00;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 4;
    }

.vehicle .total-rental {
    padding: 25px 0px 0px 11px;
}

.vehicle h5 {
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #333333;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
}

.total-rental .box-label {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
    color: #919191;
    height: 39px;
    display: table;
    margin-bottom: 5px;
    padding: 8px 0px 0px 0px;
}

    .total-rental .box-label .icheck-item.iradio {
        margin: 0 7px 0 0;
    }

    .total-rental .box-label .radio-container {
        height: 20px;
    }

    .total-rental .box-label .included {
        font-weight: bold;
        color: #037b00;
        margin-left: 7px;
        margin-top: 6px;
        font-size: 21px;
    }

    .total-rental .box-label .included-small {
        font-weight: bold;
        color: #037b00;
        font-size: 12px;
    }

    .total-rental .box-label .deposit-required {
        font-weight: bold;
        font-size: 10px;
        padding-left: 8px;
    }

    .total-rental .box-label .table-helper {
        text-align: left;
        display: block;
        width: 100%;
        padding-left: 13px;
    }

        .total-rental .box-label .table-helper > span {
            display: block;
        }

.vehicle .vehicle-info {
    margin: 14px 0px 0px;
}

    .vehicle .vehicle-info li {
        float: left;
        height: 45px;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 17px;
        color: #037b00;
        width: 20px;
        margin: 0px 5px 0px 0px;
        text-align: center;
    }

        .vehicle .vehicle-info li .icon {
        }

        .vehicle .vehicle-info li.emissions {
            margin: 0;
            width: 65px;
            color: #919191;
            font-weight: normal;
            line-height: 16px;
            text-align: left;
            font-size: 11px;
            text-transform: none;
        }

.vehicle .select-btn {
    width: 118px;
    color: #037b00;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    float: right;
}

    .vehicle .select-btn:hover {
        color: #333;
    }

    .vehicle .select-btn.selected {
        color: #333;
    }

.itinerary,
.no-fix-itinerary {
    width: 216px;
    border: white solid 2px;
    float: left;
    border-radius: 3px;
}

    .itinerary .itinerary-container,
    .no-fix-itinerary .no-fix-itinerary-container {
        width: 206px;
        margin: 3px;
        background: white;
        border-radius: 3px;
        min-height: 10px;
        padding: 4px 8px 21px 14px;
    }

    .itinerary h3,
    .no-fix-itinerary h3 {
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
        color: black;
        font-size: 15px;
        line-height: 30px;
        text-transform: capitalize;
        margin-bottom: 13px;
    }

    .itinerary h4,
    .total-price,
    .deposit-req,
    .daily-rate,
    .no-fix-itinerary h4 {
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
        color: black;
        font-size: 13px;
        line-height: 20px;
        text-transform: capitalize;
    }

    .itinerary h5,
    .no-fix-itinerary h5 {
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        color: black;
        font-size: 12px;
        line-height: 12px;
        text-transform: uppercase;
    }

.itinerary-schedule > div span {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: black;
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
    color: #919191;
    display: block;
}

.itinerary-schedule .pickup-choice {
    margin: 12px 0px 16px 0px;
}

.itinerary .vehicle-choice,
.no-fix-itinerary .vehicle-choice {
    margin: 11px 0px 0px 0px;
}

.itinerary .vehicle-features,
.no-fix-itinerary .vehicle-features {
    margin: 11px 0 0;
}

.vehicle-information h5 {
    color: black;
    text-transform: capitalize;
}

    .vehicle-information h5 span {
        display: inline-block;
        color: #919191;
        font-size: 10px;
        text-transform: lowercase;
    }

.itinerary .vehicle-features li {
    float: left;
    width: 20%;
    float: left;
    height: 54px;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 36px;
    color: #037b00;
    text-align: center;
}

    .itinerary .vehicle-features li span {
        display: block;
        margin: 0;
        line-height: 25px;
    }

.itinerary .optional-extras {
    margin: 20px 0px 0px;
}

    .itinerary .optional-extras .extras,
    .summary-for-extras, .optional-extras-display .extras {
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        color: #919191;
        font-size: 10px;
        line-height: 13px;
        text-transform: capitalize;
        margin: 7px 0px 11px;
    }

        .itinerary .optional-extras .extras span, .optional-extras-display .extras span {
            text-align: right;
            display: inline-block;
            float: right;
        }

.itinerary .total-price {
    margin: 0px 0px 8px;
}

.total-price > span {
    float: right;
    text-align: right;
}

.itinerary .deposit,
.itinerary .daily-rate-container {
    position: relative;
    margin: 0px 0px 6px;
}

.deposit-req span {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: black;
    font-size: 10px;
    line-height: 14px;
    text-transform: none;
    ;
    color: #919191;
    display: block;
}

.itinerary .deposit .value,
.itinerary .daily-rate-container .value {
    position: absolute;
    right: 0px;
    top: 0px;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #919191;
    font-size: 10px;
    line-height: 13px;
    text-transform: capitalize;
}

.excess-message {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #333333;
    font-size: 9px;
    line-height: 11px;
    width: 125px;
}

.itinerary.wide {
    width: 451px;
    float: right;
}

    .itinerary.wide .itinerary-container {
        width: 440px;
        padding: 4px 24px 10px 14px;
    }

        .itinerary.wide .itinerary-container .itinerary-column {
            width: 184px;
            float: left;
        }

            .itinerary.wide .itinerary-container .itinerary-column:last-of-type {
                float: right;
            }

    .itinerary.wide .optional-extras {
        margin: 0px 0px 0px;
    }

    .itinerary.wide h3 {
        margin-bottom: 12px;
    }

.extra-choices {
    min-height: 1px;
    width: 342px;
    float: left;
}

.extra-block h4 {
    font-size: 16px;
    text-transform: capitalize;
    line-height: 16px;
    margin-bottom: 21px;
}

.extra-block-options {
    padding: 0px 0px 7px 23px;
}

    .extra-block-options > .clearfix {
        position: relative;
        margin-bottom: 20px;
    }

.extra-block .box-label {
    margin: 0px 0px 5px 0px;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
}

.extra-block .cost {
    display: block;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    padding: 0px 0px 0px 30px;
}

.extra-block .incrementer {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}

.incrementer .subtract,
.incrementer .add,
.super-waiver-upgrade .subtract-instance,
.super-waiver-upgrade .add-instance {
    width: 29px;
    height: 29px;
    background: url('/img/sprite/site.png') no-repeat;
    cursor: pointer;
}

    .incrementer .subtract:hover,
    .incrementer .add:hover,
    .super-waiver-upgrade .subtract-instance:hover,
    .super-waiver-upgrade .add-instance:hover {
        opacity: 0.8;
    }

.incrementer .subtract,
.super-waiver-upgrade .subtract-instance {
    background-position: -114px -41px;
}

.incrementer .add,
.super-waiver-upgrade .add-instance {
    background-position: -114px -10px;
}

.incrementer span {
    line-height: 29px;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    width: 23px;
    float: left;
    display: block;
}

.extra-block .icheck-item {
    margin: 0px 14px 0px 0px;
}

.additional-insurance-block {
}

.extra-block.additional-insurance-block h4 {
    margin-bottom: 13px;
}

.extra-block.additional-insurance-block .extra-block-options {
    padding-bottom: 2px;
}

.extra-block.waiver-block {
}

    .extra-block.waiver-block h4 {
        margin-bottom: 15px;
    }

    .extra-block.waiver-block .box-label {
        margin-bottom: 15px;
    }

.booking-step-4 .personal-details {
    width: 372px;
    float: left;
}

    .booking-step-4 .personal-details input[type=text],
    .registration-steps input[type=text],
    .registration-steps input[type=password] {
        width: 100%;
        margin-bottom: 20px;
    }

    .booking-step-4 .personal-details textarea {
        width: 100%;
        height: 75px;
        resize: none;
        padding: 12px;
    }

    .booking-step-4 .personal-details .title-field,
    .registration-steps .personal-details .title-field {
        width: 58.6%;
        float: left;
    }

    .booking-step-4 .personal-details .initials-field,
    .registration-steps .personal-details .initials-field {
        width: 36.83%;
        float: right;
    }

.booking-step-4 .form-section .chosen-container-single .chosen-single {
    width: 100%;
}

.chosen-container .chosen-drop {
    width: 100%;
}

.thank-you-message {
    height: 541px;
    width: 607px;
    display: table;
    margin: 30px auto 30px;
    background: white;
    border-radius: 3px;
    color: black;
}

#page .thank-you-message h4 {
    font-size: 14px;
    line-height: 14px;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: black;
    text-transform: none;
    padding-top: 15px;
    margin-bottom: 17px;
}

.thank-you-message p,
.thank-you-message .cancel {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
    width: 100%;
    text-align: center;
}

    .thank-you-message p:last-of-type {
        margin-bottom: 8px;
    }

.thank-you-message .cancel {
    text-transform: lowercase;
    text-decoration: underline;
    display: inline-block;
    margin: 0;
}

.thank-you-message a {
    color: #378f36;
}

.thank-you-message .btn,
.print-btn {
    width: 126px;
    height: 31px;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
    background: url(/img/sprite/site.png) no-repeat -11px -231px;
    display: block;
    text-transform: uppercase;
    line-height: 32px;
    padding: 0px 32px 0px 15px;
}

#booking-form .input-field,
#edit-booking-form .input-field {
    position: relative;
}

#booking-form input.error,
#edit-booking-form input.error {
    color: #c60000;
}

#booking-form .input-field label.error,
#edit-booking-form label.error {
    display: block;
    position: absolute;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*font-style: italic;*/
    font-weight: normal;
    font-size: 11px;
    line-height: 11px;
    top: -13px;
    left: 5px;
    width: 100%;
}

form input.error::-webkit-input-placeholder {
    color: #c60000;
}

form input.error:-moz-placeholder {
    color: #c60000;
}

form input.error::-moz-placeholder {
    color: #c60000;
}

form input.error:-ms-input-placeholder {
    color: #c60000;
}

#register-form h4,
#register-form h5 {
    font-size: 16px;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    line-height: 32px;
}

#register-form h5 {
    font-size: 12px;
}

#register-form .found-us h5,
#register-form .interests h5 {
    font-size: 14px;
}

#register-form .form-section {
    padding: 33px 0px 23px;
}

.registration-steps {
    width: 100vw;
    position: relative;
    -webkit-transition: height 500ms;
    transition: height 500ms;
}

.register-step-1,
.register-step-2,
.register-step-3,
.register-step-4 {
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.register-step-1 {
    display: block;
}

.reg-column {
    width: 295px;
    float: left;
}

    .reg-column:last-of-type {
        float: right;
    }

    .reg-column .line-title {
        margin-bottom: 28px;
    }

.personal-details .line-title .line {
    left: 156px;
}

.register-step-1 .form-section .reg-columns {
    width: 606px;
    margin: auto;
}

.address {
    margin-bottom: 12px;
}

    .address .line-title .line {
        left: 181px;
    }

.postal-address .line-title .line {
    left: 144px;
}

.postal-type-field {
    margin-bottom: 8px;
    height: 40px;
}

    .postal-type-field label {
        line-height: 14px;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        display: block;
    }

.about-you .line-title .line {
    left: 150px;
}

.children .line-title .line {
    left: 160px;
}

.children .have-children label {
    display: inline-block;
    width: 56px;
    margin: 0;
}

.sports .line-title .line {
    left: 66px;
}

.passionate .line-title .line {
    left: 283px;
}

.found-us .line-title .line {
    left: 245px;
}

.interests .line-title .line {
    left: 156px;
}

.sports label,
.found-us label,
.interests label {
    display: block;
}

.register-step-2 .form-section .reg-columns {
    width: 606px;
    margin: auto;
}

.register-step-2 .about-you {
    margin: 0px 0px 29px;
}

.register-step-2 label {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 19px;
    display: block;
    text-transform: capitalize;
}

.reg-column .children .line-title {
    margin-bottom: 5px;
}

.children .have-children {
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 16px;
}

.register-step-2 .children {
    margin: 0px 0px 10px;
}

.register-step-2 .icheck-item.icheckbox {
    margin-right: 30px;
}

.register-step-2 .sports,
.register-step-2 .found-us {
    position: relative;
}

.register-step-2 .interests {
    margin: 90px 0px 0px;
    position: relative;
}

#register-form .register-step-3 .line-title h5 {
    display: inline-block;
    line-height: 18px;
    min-height: 32px;
}

.travel-info {
    width: 606px;
    margin: auto;
}

    .travel-info .line-title.header .line {
        left: 245px;
    }

.type-of-iden-field,
.gender-field,
.residence-type-field,
.residence-province-field,
.martial-status-field,
.children-age-field {
    margin-bottom: 20px;
}

.passionate .reg-column .line-title {
    margin: 0px 0px 19px;
}

.form-section .selecting {
    margin-bottom: 20px;
    position: relative;
}

.form-section .chosen-container,
.dc-registration .chosen-container,
.user-logged-section-registration .chosen-container,
#fp-register .chosen-container {
    width: 100% !important;
}

.register-step-4 .login-deatils {
    max-width: 450px;
    margin: auto;
}

.login-deatils .line-title .line {
    left: 200px;
}

.login-deatils .box-label {
    position: relative;
    height: auto;
    padding-left: 0;
}

    .login-deatils .box-label .icheck-item {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .login-deatils .box-label span {
        display: block;
        padding-left: 22px;
    }

#register-form .input-field {
    position: relative;
}

#register-form label.error {
    display: block;
    position: absolute;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*font-style: italic;*/
    font-weight: normal;
    font-size: 11px;
    line-height: 11px;
    top: -13px;
    left: 5px;
    width: 100%;
}

#register-form .sports label.error,
#register-form .found-us label.error,
#register-form .interests label.error {
    top: -11px;
}

    #register-form .sports label.error:before,
    #register-form .sports label.error:after,
    #register-form .interests label.error:before,
    #register-form .interests label.error:after,
    #register-form .step-4-input.checker label.error:before,
    #register-form .step-4-input.checker label.error:after,
    #register-form .found-us label.error:before,
    #register-form .found-us label.error:after {
        top: 0;
    }

.step-4-input {
    position: relative;
}

#register-form .step-4-input.checker label.error {
    line-height: 16px;
    top: -14px;
}

.step-4-input.checker {
    margin-bottom: 20px;
}

.manage-res-container {
    margin-top: 25px;
}

.reservation-actions {
    float: left;
    width: 450px;
}

    .reservation-actions a {
        color: #037b00;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 33px;
        text-transform: uppercase;
    }

        .reservation-actions a:hover {
            color: #333333;
        }

    .reservation-actions .get-quote {
        float: left;
        width: 165px;
        margin: 0px 70px 0px 0;
    }

    .reservation-actions .reserve-vehicle {
        float: left;
        width: 186px;
        margin: 0px 0px 0px 0;
    }

    .reservation-actions h3 {
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
        color: #666666;
        text-transform: none;
        font-size: 14px;
        line-height: 35px;
    }

    .reservation-actions .manage-reservation .line-title .line {
        background: black;
        left: 173px;
    }

    .reservation-actions .form-section {
        padding: 0;
    }

        .reservation-actions .form-section input[type=text] {
            width: 100%;
            margin-bottom: 8px;
        }

    .reservation-actions .manage-reservation {
        margin: 0px 0px 25px;
    }

        .reservation-actions .manage-reservation .line-title {
            margin-bottom: 0px;
        }

.view-status-btn {
    width: 186px;
}

.etoll-trans {
    margin: 0px 0px 15px;
}

.reservation-actions .etoll-trans .line-title {
    margin-bottom: 0px;
}

    .reservation-actions .etoll-trans .line-title .line {
        background: black;
        left: 185px;
    }

.reservation-actions .etoll-trans .right {
    width: 215px;
}

    .reservation-actions .etoll-trans .right a {
        width: 165px;
        margin-bottom: 21px;
    }

.reservation-section {
    width: 450px;
    float: right;
}

.reservation-accordion {
    height: 44px;
    overflow: hidden;
}

    .reservation-accordion.open {
        height: auto;
        min-height: 44px;
    }

.accordion-header,
.payable-reservation .header,
.content-header {
    height: 44px;
    line-height: 44px;
    color: #333333;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    background: #e6e6e6;
    padding: 0px 13px 0px;
    cursor: pointer;
}

    .accordion-header:hover {
        background: #333333;
        color: #e6e6e6;
    }

.payable-reservation .header,
.content-header {
    cursor: default;
}

.accordion-header .arrow-container {
    width: 21px;
    height: 21px;
    background: url('/img/sprite/site.png') no-repeat;
    background-position: -114px -72px;
    color: #919191;
    float: right;
    margin: 11px 0px 0px;
}

.accordion-header span.icon {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 9px;
    line-height: 23px;
    text-align: center;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 500ms;
    transition: transform 500ms;
}

.accordion.open > .accordion-header span.icon {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: transform 500ms;
    transition: transform 500ms;
}

.reservation-section .accordion-body {
    background: white;
    padding: 8px 0px 0px;
}

    .reservation-section .accordion-body li {
        line-height: 33px;
        font-size: 14px;
        color: #919191;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        padding: 0px 0px 0px 13px;
        text-transform: capitalize;
    }

        .reservation-section .accordion-body li .info {
            float: left;
            width: 323px;
        }

        .reservation-section .accordion-body li .value {
            float: left;
        }

.reservation-section .action-btns {
    height: 35px;
    background: #333333;
}

    .reservation-section .action-btns a {
        float: left;
        display: block;
        width: 33.3%;
        height: 100%;
        font-size: 12px;
        color: #ffffff;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        line-height: 35px;
        text-align: center;
        cursor: pointer;
    }

        .reservation-section .action-btns a:hover {
            color: #333;
            background: #e6e6e6;
        }

        .reservation-section .action-btns a .add.icon {
            background: white;
            border-radius: 100%;
            width: 15px;
            height: 15px;
            display: inline-block;
            color: #333;
            line-height: 15px;
            font-size: 7px;
            margin-right: 9px;
        }

        .reservation-section .action-btns a .view {
            margin-right: 9px;
        }

        .reservation-section .action-btns a .cancel {
            margin-right: 9px;
        }

.manage-etoll-table thead tr th,
.manage-etoll-table tr td {
    min-width: 20px;
    _width: 20px;
    width: auto;
    text-align: left;
    padding: 0 10px;
}

.manage-etoll-table table {
    width: auto;
    font-size: 11px;
    border-top: 1px solid #c1c1c1;
    margin-top: 8px;
}

.manage-etoll-table tbody tr:last-child {
    border-bottom: 1px solid #c1c1c1;
}

.manage-etoll-table tbody tr td:first-child {
    border-left: 1px solid #c1c1c1;
}

.manage-etoll-table tr td {
    border-right: 1px solid #c1c1c1;
    width: auto;
    padding: 0 10px;
    text-align: left;
    /*min-width:120px; _width:120px;*/
}

.manage-etoll-table thead tr th {
    height: 37px;
    line-height: 36px;
    background: #333;
    color: #fff;
    font-weight: bold;
    text-align: left;
}

    .manage-etoll-table thead tr th a {
        color: #fff;
        font-weight: bold;
        pointer-events: none;
    }

        .manage-etoll-table thead tr th a:hover {
            color: #fff;
            font-weight: bold;
        }

.manage-etoll-table tbody tr td {
    height: 30px;
    line-height: 29px;
    background: #fff;
}

.manage-etoll-table tbody tr.alt-row td {
    background: #e6e6e6;
}

.manage-etoll-table tfoot tr td {
    height: 30px;
    line-height: 29px;
    border: none;
    /*border-right:none; border-left:none; border-top:1px solid #c1c1c1;*/
}

.manage-etoll-table .manage-pagination td {
    text-align: center;
    padding: 5px;
}

    .manage-etoll-table .manage-pagination td a {
        background: rgba(5, 124, 1, 1);
        padding: 5px;
        border-radius: 2px;
        color: white;
        margin: 0 2px;
    }

.payable-reservation .info {
    width: 323px;
    float: left;
}

.payable-reservation .value {
    float: left;
}

.payable-reservation .content {
    padding: 8px 0px 0px 13px;
    background: white;
    line-height: 33px;
    font-size: 14px;
    color: #919191;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-transform: capitalize;
}

.side-filter {
    /*width: 216px;*/
    float: left;
    margin-top: 43px;
    width: 25%;
    padding: 0 5px;
}

    .side-filter .header {
        height: 44px;
        background: #037b00;
        padding: 0px 0px 0px 21px;
        position: relative;
        z-index: 2;
    }

        .side-filter .header h4 {
            line-height: 44px;
            font-size: 18px;
            color: white;
            font-family: "Open Sans", "futura-pt", sans-serif;
            font-style: normal;
            font-weight: 700;
        }

    .side-filter li {
        /*height: 44px;*/
    }

        .side-filter li a {
            line-height: 44px;
            font-size: 15px;
            color: white;
            font-family: "Open Sans", "futura-pt", sans-serif;
            font-style: normal;
            font-weight: 400;
            display: block;
            width: 100%;
            height: 100%;
            padding: 0px 0px 0px 21px;
            background: #333333;
        }

            .side-filter li a:hover,
            .side-filter li a.selected {
                background: black;
            }

.vehicle-page .filtered-vehicles {
    margin-top: 43px;
}

.vehicle-page .vehicle {
    height: 390px;
}

.tech-spec {
    padding-left: 13px;
}

    .tech-spec h5 {
        line-height: 13px;
        font-size: 11px;
        color: #919191;
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
        text-transform: capitalize;
        margin-bottom: 14px;
    }

    .tech-spec li {
        line-height: 11px;
        font-size: 10px;
        color: #919191;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        text-transform: capitalize;
    }

        .tech-spec li span.title {
            float: left;
            width: 92px;
        }

.vehicle-page .vehicle .vehicle-info {
    margin: 16px 0px 0px;
}

.vehicle-page .vehicle .select-btn {
    margin-top: 2px;
}

.compare-container {
    width: 216px;
    background: white;
    border-radius: 3px;
    float: left;
    margin: 43px 0 0;
    padding: 0px 0px 9px;
}

    .compare-container .header h4 {
        line-height: 48px;
        font-size: 14px;
        color: #333333;
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        padding-left: 13px;
    }

.accordion {
    height: 44px;
    overflow: hidden;
}

    .accordion.open {
        min-height: 44px;
        height: auto;
    }

    .accordion > .accordion-header span.icon {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .accordion.open > .accordion-header span.icon {
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .accordion ul li {
        height: 44px;
    }

.compare-sections .accordion ul li > div {
    height: 44px;
    float: left;
}

    .compare-sections .accordion ul li > div.image-holder {
        width: auto;
        margin: 0;
    }

.compare-sections .remove-btn {
    float: left;
    width: 21px;
    height: 21px;
    background: url('/img/sprite/site.png') no-repeat;
    background-position: -114px -72px;
    font-size: 9px;
    line-height: 23px;
    text-align: center;
    color: #919191;
    margin: 11px 0 0;
}

.compare-sections .accordion ul li .value {
    width: 73px;
    padding: 0px 0px 0px 4px;
    line-height: 14px;
    font-size: 11px;
    color: #333333;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    overflow: hidden;
    display: table;
}

.compare-sections .remove-btn:hover {
    color: #333;
}

.page-content {
    position: relative;
}

.compare-count {
    width: 100%;
    background: #037b00;
    height: 19px;
    line-height: 19px;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 1;
    display: none;
}

.page-accordion-container {
    margin: 0px 0 0;
    width: 100%;
    width: 684px;
    float: right;
}

.inner-content {
    padding: 14px 21px 10px;
    background: white;
}

    .inner-content h3,
    .accordion .inner-content h4 {
        line-height: 18px;
        font-size: 14px;
        color: #333333;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        margin: 15px 0 15px;
    }

    .inner-content p,
    .inner-content li {
        line-height: 16px;
        font-size: 14px;
        color: #333333;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        margin-bottom: 10px;
        height: auto;
    }

        .inner-content p a {
            color: #037b00;
        }

            .inner-content p a:hover {
                text-decoration: underline;
            }

.promotions-inner {
    float: left;
    width: 60%;
}

.accordion .image-holder {
    width: 303px;
    height: 238px;
    background: transparent no-repeat center;
    background-size: cover;
    float: left;
    margin: 0px 20px 20px 0;
}

.news-holder,
.news-container {
    margin-top: 43px;
}

.news-item {
    width: 450px;
    float: left;
    margin: 0 18px 52px 0;
    height: 525px;
    position: relative;
}

    .news-item:nth-of-type(2n + 2) {
        margin-right: 0;
    }

    .news-item .image-holder {
        width: 100%;
        height: 295px;
        margin-bottom: 20px;
        background: transparent no-repeat center;
        background-size: cover;
    }

    .news-item h4,
    .news-article h3 {
        line-height: 16px;
        font-size: 18px;
        color: #037b00;
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
        margin-bottom: 20px;
    }

.news-content .content p,
.news-article p,
.news-article li {
    line-height: 17px;
    font-size: 14px;
    color: #333333;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 19px;
}

.news-item .read-more {
    width: 149px;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 32px;
    color: #037b00;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}

    .news-item .read-more:hover,
    .news-holder .back-btn:hover {
        color: #333;
    }

.news-holder .image-holder {
    width: 294px;
    height: 293px;
    float: right;
    margin: 0px 0px 23px 23px;
    background: transparent no-repeat center;
    background-size: cover;
}

.news-holder .back-btn {
    display: block;
    padding: 0px 15px 0 32px;
    height: 32px;
    width: 158px;
    background: url('/img/sprite/site.png') no-repeat 0 0;
    background-position: -10px -286px;
    color: #037b00;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    line-height: 32px;
    float: right;
}

.contact-info {
    width: 50%;
    float: left;
    margin-top: 15px;
}

.contact-page .item {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 17px;
    font-size: 14px;
    color: #666666;
}

.contact-info .item {
    float: left;
    width: 50%;
    padding: 0px 15px;
}

.contact-page .item h4 {
    line-height: 17px;
    font-size: 17px;
    color: #037b00;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.contact-page .item p,
.contact-page .item li,
.contact-info .form-holder p {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 17px;
    font-size: 14px;
}

.map-holder {
    width: 450px;
    height: 347px;
    margin: 40px 0 25px;
    position: relative;
}

    .map-holder iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

.contact-info .form-holder h4 {
    line-height: 17px;
    font-size: 17px;
    color: #037b00;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.contact-info .form-holder .form-section .form-column {
    width: 50%;
    float: left;
    padding: 0px 5px;
}

    .contact-info .form-holder .form-section .form-column:last-of-type {
        /*float: right;*/
    }

.contact-info .form-holder .form-section {
    padding: 0 1px 0 0;
}

    .contact-info .form-holder .form-section input {
        width: 100%;
    }

.contact-info .input-field,
.contact-info .textarea-field {
    margin-bottom: 20px;
    position: relative;
}

    .contact-info .textarea-field textarea {
        width: 100%;
        height: 99px;
        resize: none;
        padding: 12px;
    }

html #page .contact-info .submit-btn {
    float: right;
    width: 128px;
    height: 32px;
    background: url('/img/sprite/site.png') no-repeat -10px -231px;
    padding: 0px 32px 0px 15px;
    text-transform: uppercase;
    margin-right: 88px;
    border: none;
    box-shadow: none;
    outline: none;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #037b00;
    font-size: 12px;
    line-height: 32px;
    cursor: pointer;
}

    html #page .contact-info .submit-btn:hover {
        color: #333;
    }

#contact-form label.error {
    display: block;
    position: absolute;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*font-style: italic;*/
    font-weight: normal;
    font-size: 11px;
    line-height: 11px;
    top: -13px;
    left: 5px;
    width: 100%;
    color: #919191;
}

.locations-container {
    width: 50%;
    float: left;
    margin-top: 15px;
}

#search-location-form {
    width: 100%;
    height: 44px;
    position: relative;
}

    #search-location-form input {
        width: 100%;
        height: 100%;
        background: white;
        border: none;
        outline: none;
        padding-left: 16px;
        font-size: 20px;
    }

    #search-location-form div.icon input {
        background: transparent;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
        box-shadow: none;
    }

    #search-location-form div.icon {
        position: absolute;
        top: 0px;
        bottom: 0px;
        margin: auto;
        right: 16px;
        height: 16px;
    }

.locations-container .accordion-header {
    text-transform: uppercase;
}

.country-accordion {
    margin: 5px 0px;
}

    .country-accordion > .accordion-header {
        background: #036b05;
        color: white;
    }

.province-accordion > .accordion-header,
.no-province .location-accordion > .accordion-header {
    background: #90c53e;
    color: white;
    padding-left: 33px;
    text-transform: uppercase;
}

.location-accordion .accordion-header {
    text-transform: capitalize;
    padding-left: 53px;
}

.location-accordion ul li {
    height: auto;
}

.contact-page .left-side,
.contact-page .right-side {
    float: left;
    width: 216px;
}

.contact-page .right-side {
    float: right;
}

.location-accordion .accordion-content {
    padding: 40px 0 0;
}

.contact-page .has-map {
    position: relative;
    padding-right: 37px;
}

.contact-page .map-btn {
    position: absolute;
    top: 23px;
    right: 0;
    margin: 0;
}

.contact-page .item {
    margin-bottom: 45px;
}

.contact-page .right-side li span {
    float: right;
}

.contact-page .right-side .times-column li span {
    width: 95px;
    display: inline-block;
    text-align: left;
}

#location-type-form {
    padding-left: 10px;
}

    #location-type-form label.box-label {
        width: 50%;
        padding: 0;
        float: left;
        height: 44px;
        padding: 15px 0;
        margin: 0;
    }

.mobi-menu .accordion .accordion-header,
.mobi-menu .header {
    color: white;
    font-size: 18px;
    line-height: 44px;
    text-transform: uppercase;
    padding: 0;
}

.mobi-menu .header {
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
}

.accordion.top-level > .accordion-header,
.mobi-menu .header {
    background: #036b05;
    color: white;
}

.accordion.next-level > .accordion-header {
    background: #333333;
}

.accordion.next-level .content-link {
    display: block;
    background: #333333;
    color: white;
    font-size: 18px;
    line-height: 44px;
    text-transform: uppercase;
    padding: 0;
    width: 100%;
    height: 100%;
}

.contact-filters {
    background: #333333;
}

.mobi-contact .contact-filters #search-location-form,
.mobi-contact .contact-filters #location-type-form {
    width: 294px;
    margin: auto;
    padding: 0 0 0 20px;
}

.mobi-contact .contact-filters #search-location-form {
    padding: 0;
}

.mobi-contact .contact-filters #location-type-form label.box-label {
    width: 100%;
    color: white;
}

.mobi-contact .contact-filters #search-location-form input {
    background: transparent;
    color: white !important;
    padding-left: 20px;
    padding-right: 40px;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.mobi-contact #search-location-form div.icon {
    color: white;
}

html #page #search-location-form .mobi-contact-divs input::-webkit-input-placeholder {
    color: white;
    /*font-style: italic;*/
}

html #page #search-location-form .mobi-contact-divs input:-moz-placeholder {
    color: white;
    /*font-style: italic;*/
}

html #page #search-location-form .mobi-contact-divs input::-moz-placeholder {
    color: white;
    /*font-style: italic;*/
}

html #page #search-location-form .mobi-contact-divs input:-ms-input-placeholder {
    color: white;
    /*font-style: italic;*/
}

.mobi-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
}

    .mobi-menu .header span,
    .accordion.top-level > .accordion-header span,
    .accordion.next-level > .accordion-header span,
    .accordion.next-level .content-link span {
        display: block;
        width: 294px;
        height: 100%;
        margin: auto;
        padding-left: 20px;
    }

.accordion.top-level > .accordion-header,
.accordion.next-level > .accordion-header,
.accordion.next-level .content-link {
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.contact-mobi-actions {
    margin-top: 18px;
}

    .contact-mobi-actions a {
        display: block;
        width: 48.51%;
        height: 51px;
        float: left;
        margin: 0px 2.97% 18px 0px;
        background: white;
        text-align: center;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        color: #037b00;
        font-size: 17px;
        line-height: 51px;
    }

        .contact-mobi-actions a:nth-of-type(2n + 2) {
            margin-right: 0;
        }

        .contact-mobi-actions a:hover {
            background: #037b00;
            color: white;
        }

.mobi-office .item {
    width: 48.51%;
    float: left;
    margin: 0px 2.97% 18px 0px;
    padding-right: 90px;
}

    .mobi-office .item:nth-of-type(2n + 2) {
        margin-right: 0;
    }

.mobi-contact .map-holder {
    width: 100%;
    height: 400px;
    display: none;
}

.mobi-contact .contact-info {
    margin-top: 15px;
}

.mobi-contact .office {
    margin-top: 20px;
}

#page.error-screen {
    background: rgba(5, 124, 1, 1);
    background: -moz-linear-gradient(left, rgba(5, 124, 1, 1) 0%, rgba(144, 197, 62, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5, 124, 1, 1)), color-stop(100%, rgba(144, 197, 62, 1)));
    background: -webkit-linear-gradient(left, rgba(5, 124, 1, 1) 0%, rgba(144, 197, 62, 1) 100%);
    background: -o-linear-gradient(left, rgba(5, 124, 1, 1) 0%, rgba(144, 197, 62, 1) 100%);
    background: -ms-linear-gradient(left, rgba(5, 124, 1, 1) 0%, rgba(144, 197, 62, 1) 100%);
    background: linear-gradient(to right, rgba(5, 124, 1, 1) 0%, rgba(144, 197, 62, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#057c01', endColorstr='#90c53e', GradientType=1);
    padding: 130px 0px;
}

.error-content {
    width: 607px;
    height: 541px;
    background: white;
    margin: auto;
    border-radius: 3px;
    display: table;
}

    .error-content .icon-section {
        width: 200px;
        padding: 0px 18px;
        display: inline-block;
    }

    .error-content .line {
        border-right: #037b00 solid 3px;
        height: 159px;
        display: inline-block;
        margin-top: 9px;
    }

    .error-content .icon-section svg {
        max-width: 100%;
    }

    .error-content h4 {
        line-height: 46px;
        font-size: 67px;
        color: black;
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
        margin-bottom: 19px;
    }

    .error-content p {
        line-height: 15px;
        font-size: 12px;
        color: black;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        margin-bottom: 15px;
    }

    .error-content .message {
        width: 225px;
        display: inline-block;
        margin-left: 32px;
        text-align: left;
    }

    .error-content p a {
        color: #037b00;
        text-decoration: underline;
    }

        .error-content p a:hover {
            color: black;
            text-decoration: underline;
        }

#booking-form .pickup-location label.error:before,
#edit-booking-form .pickup-location label.error:before,
#booking-form .pickup-location label.error:after,
#edit-booking-form .pickup-location label.error:after {
    display: none;
}

html #page input,
html #page .form-section .chosen-container-single .chosen-single,
html #page textarea,
.dc-registration .chosen-container-single .chosen-single,
.user-logged-section-registration .chosen-container-single .chosen-single,
#fp-register .chosen-container-single .chosen-single,
#eea-email {
    color: #666666;
    font-style: normal;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

    html #page .form-section .chosen-container-single .chosen-single.chosen-default,
    .dc-registration .chosen-container-single .chosen-single.chosen-default,
    .user-logged-section-registration .chosen-container-single .chosen-single.chosen-default,
    #fp-register .chosen-container-single .chosen-single.chosen-default {
        color: #919191;
        /*font-style: italic;*/
    }

    html #page input::-webkit-input-placeholder {
        color: #919191;
        /*font-style: italic;*/
    }

    html #page input:-moz-placeholder {
        color: #919191;
        /*font-style: italic;*/
    }

    html #page input::-moz-placeholder {
        color: #919191;
        /*font-style: italic;*/
    }

    html #page input:-ms-input-placeholder {
        color: #919191;
        /*font-style: italic;*/
    }

    html #page textarea::-webkit-input-placeholder {
        color: #919191;
        /*font-style: italic;*/
    }

    html #page textarea:-moz-placeholder {
        color: #919191;
        /*font-style: italic;*/
    }

    html #page textarea::-moz-placeholder {
        color: #919191;
        /*font-style: italic;*/
    }

    html #page textarea:-ms-input-placeholder {
        color: #919191;
        /*font-style: italic;*/
    }

.ui-datepicker {
    width: 274px;
    background-color: white;
    margin-left: -10px;
    margin-top: 10px;
    box-shadow: none;
    z-index: 10 !important;
}

    .ui-datepicker .arrow {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid white;
        position: absolute;
        margin: auto;
        left: 62px;
        top: -7px;
    }

    .ui-datepicker .ui-datepicker-calendar {
        margin: auto;
        width: 200px;
        margin-bottom: 10px;
    }

.ui-datepicker-title {
    max-width: 226px;
    margin: auto;
    font-size: 16px;
    margin-top: 10px;
    color: #666;
}

.ui-datepicker .ui-datepicker-calendar tbody {
    background: #f2f2f2;
}

.ui-datepicker thead {
    background: transparent;
}

    .ui-datepicker thead tr {
        border-bottom: 1px solid #bbb;
    }

.ui-datepicker td a:active,
.ui-datepicker-calendar .ui-state-active {
    background: #a2d94a;
    color: white;
    text-shadow: none;
    border: none;
}

.ui-datepicker-next,
.ui-datepicker-prev {
    top: 0;
    bottom: 0;
    z-index: 9;
    position: absolute;
    margin: auto;
    font-size: 15px;
    color: #007c00;
    line-height: 16px;
    text-align: center;
    display: block;
    height: 15px;
}

.ui-datepicker-prev {
    left: 0;
}

.ui-datepicker-next {
    right: 0;
}

.ui-icon {
    display: none;
}

.timepicker {
    width: 275px;
    height: 208px;
    background: white;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 9999;
    padding: 35px 25px 25px;
    display: none;
}

    .timepicker .inner-time-picker {
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    .timepicker .section {
        width: 33.3%;
        height: 100%;
        float: left;
        text-align: center;
        border: #dddddd solid 1px;
    }

    .timepicker .up-arrow,
    .timepicker .down-arrow {
        height: 28px;
        width: 100%;
        cursor: pointer;
        background: #e0e0e0;
    }

    .timepicker .selectors {
        height: 90px;
        overflow: hidden;
        border: #fbfbfb solid 0px;
        border-width: 1px 0px;
        position: relative;
    }

        .timepicker .selectors ul {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .timepicker .selectors li {
            cursor: pointer;
            height: 30px;
            line-height: 28px;
            background: #ececec;
            border-bottom: #e2e2e2 1px solid;
        }

            .timepicker .selectors li.selected {
                color: white;
                background: #a2d94a;
            }

.up-arrow,
.down-arrow {
    font-size: 13px;
    color: #007c00;
    line-height: 28px;
}

    .up-arrow:hover,
    .down-arrow:hover {
        color: #333;
    }

    .up-arrow .arrow {
        display: inline-block;
        -ms-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .down-arrow .arrow {
        display: inline-block;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.timepicker .close-btn {
    color: #333;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 9px;
    right: 9px;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
}

    .timepicker .close-btn:hover {
        color: #007c00;
    }

.timepicker > .arrow {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid white;
    position: absolute;
    margin: auto;
    right: 62px;
    top: -7px;
}

.chosen input {
}

.map {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 100;
    display: none;
}

.map {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 300px;
    height: 300px;
    border: none;
}

    .map #map-close-btn {
        position: absolute;
        color: white;
        left: 0;
        right: -344px;
        margin: auto;
        display: block;
        width: 30px;
        height: 30px;
        bottom: 0;
        top: -311px;
        z-index: 10000;
        cursor: pointer;
    }

#page.partners {
    padding: 0;
}

.stage {
    border-top: 2px solid #000;
}

    .stage.local-partners {
        margin-top: 47px;
    }

h3.stage-heading {
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    background: #f0f0f0;
    float: left;
    position: relative;
    top: -13px;
    padding-right: 5px;
    color: #000;
    font-weight: 700;
    cursor: pointer;
}

.inline-list {
    clear: both;
}

    .inline-list.bottom-list {
        margin: 0 0 20px 0;
    }

    .inline-list.top-list {
        margin: 36px 0 24px 0;
    }

    .inline-list li {
        float: left;
        margin: 0 14px 20px 0;
    }

        .inline-list li:nth-child(6n) {
        }

        .inline-list li img {
            cursor: pointer;
        }

.traffic-synergy-copy li {
    float: none;
    margin: 0;
    width: auto !important;
    font-size: 14px;
}

.stage .close {
    background: url('../img/partners/close-btn.png') no-repeat center;
    width: 118px;
    height: 32px;
    float: right;
    overflow: hidden;
    text-indent: -300px;
    margin-top: 35px;
    margin-bottom: 10px;
    cursor: pointer;
    display: none;
}

.stage .active-partner {
    float: left;
    margin: 0 18px 0 0;
    width: 293px;
    height: 293px;
}

    .stage .active-partner img {
        width: 100%;
        height: 100%;
    }

.stage .active-copy p {
    font-family: "Open Sans", arial;
    font-size: 14px;
}

.stage .active-copy a {
    color: #057c01;
}

.stage .inline-list.bottom-list.last {
    margin-bottom: 43px !important;
}

.stage .inline-list li {
    width: 139px;
    position: relative;
}

    .stage .inline-list li .overlay {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        background: rgba(0, 0, 0, 0.5);
        display: none;
        cursor: pointer;
        -webkit-transition: all 0.8s ease;
        -moz-transition: all 0.8s ease;
        -o-transition: all 0.8s ease;
        -ms-transition: all 0.8s ease;
        transition: all 0.8s ease;
    }

    .stage .inline-list li.active .overlay,
    .stage .inline-list li.hover .overlay {
        display: block;
    }

    .stage .inline-list li:nth-child(6n) {
    }

.active-partner-wrapper {
    clear: both;
    margin-bottom: 30px;
}

.copy,
.stage.closed .active-partner-wrapper,
.stage.closed .top-list {
    display: none;
}

    .copy.active {
        display: block;
    }

.stage .active .active-partner-wrapper,
.stage.open .close {
    display: block;
}

.stage.closed .inline-list.bottom-list {
    margin: 37px 0 20px 0;
}

.overlay,
.popup-wrapper {
    background: rgba(119, 119, 119, 0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    z-index: 999;
    display: none;
}

.popup-wrapper {
    max-width: 662px;
    position: absolute;
    height: 600px;
    display: block;
    overflow: hidden;
    padding: 15px;
    background-color: transparent;
}

.popup-header,
.sitemap-header {
    background: #1c880b;
    height: 52px;
    color: #000;
    width: 100%;
}

    .sitemap-header .title p,
    .popup-header .title p {
        font-family: "Open Sans", arial;
        line-height: 52px;
        text-indent: 20px;
        color: #fff;
        font-size: 18px;
        text-transform: capitalize;
        font-weight: bold;
    }

.close-popup {
    float: right;
    margin: 10px;
    height: 32px;
    overflow: hidden;
    text-indent: -200px;
    background: url('/img/popups/close-popup.png') center no-repeat;
    width: 20px;
    cursor: pointer;
}

.popup {
    padding: 15px;
    display: none;
    overflow: scroll;
    height: 520px;
    background: #fff;
}

    .popup p {
        font-size: 12px !important;
    }

    .popup h3 {
        font-size: 14px;
        line-height: 16px;
        color: #242424;
    }

.inner.sitemap {
    overflow: visible;
}

.sitemap-content {
    padding: 15px;
}

    .sitemap-content li a {
        font-weight: bold;
        color: #037B00;
        font-size: 14px;
        text-decoration: none;
    }

        .sitemap-content li a:hover {
            text-decoration: underline;
        }

    .sitemap-content ul li ul li a {
        font-weight: normal;
        color: #333;
        font-size: 12px;
    }

    .sitemap-content ul li ul li {
        padding-bottom: 0px;
        list-style-type: disc;
        line-height: 16px;
    }

        .sitemap-content ul li ul li ul li {
            padding-bottom: 0px;
            list-style-type: circle;
        }

        .sitemap-content ul li ul li ul {
            margin: 0 0 0 35px;
        }

@font-face {
    font-family: 'ECZA';
    src: url('/fonts/ECZA.eot?-s0d8fu');
    src: url('/fonts/ECZA.eot?#iefix-s0d8fu') format('embedded-opentype'), url('/fonts/ECZA.woff?-s0d8fu') format('woff'), url('/fonts/ECZA.ttf?-s0d8fu') format('truetype'), url('/fonts/ECZA.svg?-s0d8fu#ECZA') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon,
.social a,
label.error:before,
label.error:after,
.ui-datepicker-next:before,
.ui-datepicker-prev:before,
.chosen-single div b:before,
.promo-logo,
.error-icon span:before,
span.error:before,
span.error:after {
    font-family: 'ECZA';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .icon.booking:before {
        content: "\e600";
        font-size: 34px;
    }

    .icon.ready2go:before {
        content: "\e60b";
        font-size: 25px;
    }

    .icon.star:before {
        content: "\e605";
        font-size: 34px;
    }

    .icon.thumbs:before {
        content: "\e602";
        font-size: 36px;
    }

    .icon.mail:before {
        content: "\e618";
        font-size: 24px;
    }

    .icon.house:before {
        content: "\e603";
        font-size: 34px;
    }

    .icon.google-plus:before {
        content: "\e609";
    }

    .icon.twitter:before {
        content: "\e60a";
    }

    .icon.linked-in:before {
        content: "\e607";
    }

    .icon.facebook:before {
        content: "\e608";
    }

    .icon.drive-club-logo:before {
        content: "\e61c";
    }

    .icon.menu-btn:before {
        content: "\e61d";
    }

    .icon.arrow:before {
        content: "\e619";
    }

    .icon.map-btn:before {
        content: "\e604";
        line-height: 40px;
    }

.date-icon.icon:before {
    content: "\e601";
}

.time-icon.icon:before {
    content: "\e606";
}

.icon.question-mark:before {
    content: "\e617";
}

.icon.close-btn:before {
    content: "\e610";
}

.icon.doors:before {
    content: "\e612";
}

.icon.luggage:before {
    content: "\e613";
}

.icon.passengers:before {
    content: "\e611";
}

.icon.aircon:before {
    content: "\e60d";
}

.icon.transmission:before {
    content: "\e60e";
}

#profile-form label.error:before {
    content: "" !important;
}

#profile-form label.error:after {
    content: "" !important;
}

label.error:before {
    content: "\e61e";
    color: #c60000;
    font-size: 16px;
    position: absolute;
    top: 24px;
    right: 12px;
    text-indent: 0;
}

span.error:before {
    content: "\e61e";
    color: #c60000;
    font-size: 16px;
    top: 0;
    position: absolute;
    right: 2px;
    text-indent: 0;
}

span.error:after {
    text-indent: 0;
    content: "\e620";
    color: white;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 2px;
}

label.error:after {
    text-indent: 0;
    content: "\e620";
    color: white;
    font-size: 16px;
    position: absolute;
    top: 24px;
    right: 12px;
}

.ui-datepicker-next:before,
.ui-datepicker-prev:before {
    content: "\e619";
}

.ui-datepicker-prev {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.chosen-single div b:before {
    content: "\e616";
}

.icon.add:before {
    content: "\e60f";
}

.icon.view:before {
    content: "\e60c";
}

.icon.cancel:before {
    content: "\e610";
}

.promo-logo {
    font-size: 14px;
    position: absolute;
    top: 20px;
}

    .promo-logo.driveclub:before {
        content: "\e61c";
        font-size: 18px;
    }

    .promo-logo.businessconnect:before {
        content: "\e61b";
    }

.content-area.promotional {
    background: white;
    padding: 14px 21px 10px;
    margin-top: 0;
}

    .content-area.promotional img {
        width: 100%;
        margin-bottom: 20px;
    }

    .content-area.promotional h3 {
        color: #333;
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        margin-bottom: 20px;
        line-height: 35px;
    }

    .content-area.promotional p,
    .content-area.promotional li {
        line-height: 16px;
        font-size: 14px;
        color: #333;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        margin-bottom: 10px;
        height: auto;
    }

.inner.extended {
    max-width: 1259px;
}

.useful-items {
    width: 606px;
    float: right;
    min-height: 1px;
    margin-top: 25px;
    position: relative;
    width: 100%;
}

.promo-full-link {
    display: block;
    width: 100%;
    height: 100%;
}

.extended .useful-items {
    width: 910px;
    float: right;
}

.extended .content-area {
    width: 910px;
}

.promos > .promo:nth-of-type(2n + 2) {
    /*margin: 0px 0px 2px 0;*/
}

.extended .promos > .promo:nth-of-type(2n+2) {
    /*margin: 0 2px 2px 0;*/
}

.extended .promos > .promo:nth-of-type(3n + 3) {
    margin: 0px 0px 6px 0;
}

.extended .useful-items .column {
    width: 100%;
    margin: 0;
}

    .extended .useful-items .column li {
        width: 33.3%;
        float: left;
        padding-right: 40px;
    }

    .extended .useful-items .column .icon {
        width: 55px;
        text-align: left;
    }

.main-promo .promo-content p {
    margin: 0;
    color: #666;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    color: white;
    font-size: 16px;
    line-height: 20px;
    padding-right: 75px;
}

.main-promo .promo-block {
    position: absolute;
    top: 9px;
    left: 9px;
    width: 51px;
    height: 51px;
    background: #ffde00;
    color: black;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    display: table;
    z-index: 4;
    left: auto;
    right: 8px;
}

.main-promo .image-holder {
    width: 100%;
    height: 138px;
    overflow: hidden;
    position: relative;
    height: 100%;
}

    .main-promo .image-holder img {
        width: 100%;
        max-width: 100%;
    }

.main-promo .promo-block span {
    display: block;
    text-transform: uppercase;
}

.main-promo .promo-cta {
    color: #666;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    font-size: 25px;
    position: absolute;
    right: 12px;
    bottom: 7px;
    text-transform: uppercase;
    bottom: 9px;
    color: white;
}

.main-promo {
    width: 302px;
    float: left;
    margin: 0 2px 2px 0;
    position: relative;
    background: white;
    opacity: 0;
    width: 100%;
    height: 276px;
    margin: 0 0 2px;
}

    .main-promo:hover .promo-cta {
        color: #037b00;
    }

.main-promo-carousel {
    height: 276px;
    width: 100%;
    position: relative;
    margin: 0 0 6px;
}

.main-promo-carousel-items {
    height: 100%;
}

.main-promo-carousel .pagination {
    position: absolute;
    z-index: 100;
    bottom: 20px;
    left: 17px;
}

    .main-promo-carousel .pagination a {
        display: block;
        float: left;
        width: 13px;
        height: 13px;
        margin-right: 5px;
        position: relative;
    }

        .main-promo-carousel .pagination a:before {
            content: ' \25CF';
            font-size: 24px;
            color: white;
            position: absolute;
            top: 0;
            z-index: 1;
            line-height: 13px;
        }

        .main-promo-carousel .pagination a.activeSlide:after,
        .main-promo-carousel .pagination a:hover:after {
            content: ' \25CF';
            font-size: 11px;
            color: black;
            position: absolute;
            left: 4px;
            top: 1px;
            z-index: 1;
            line-height: 13px;
        }

.delivery,
.collect {
    display: none;
}

.location-textfield {
    margin: 24px 0px 24px;
    position: relative;
    width: 190px;
}

.error-overlay, .db-notification-overlay, .daterange-notification-overlay, .competition-overlay, .cookie-preferences-overlay {
    background: rgba(0, 0, 0, 0.97);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    z-index: 99999;
    display: none;
}

    .db-notification-overlay .btn.grey, .daterange-notification-overlay .btn.grey {
        width: 40%;
    }

    .cookie-preferences-overlay .btn.grey {
        width: 100px;
        float: right;
        cursor: pointer;
    }

.error-suggestions {
    /*text-transform: uppercase;*/
}

.es-heading {
    font-size: 0.85rem;
    font-weight: bold;
}

.branch-suggestions {
    float: left;
    width: 33.33%;
    padding: 0.5rem 0.5rem 0;
}

    .branch-suggestions:first-of-type #branch-suggestion-go-branch {
        margin-left: 5%;
        vertical-align: middle;
    }

    .branch-suggestions #branch-suggestion-go-branch:hover {
        cursor: pointer;
        color: #0b7f06;
    }

    .branch-suggestions #branch-suggestion-go-branch {
        float: left;
        width: 90%;
        line-height: 2rem;
        text-transform: capitalize;
        background-color: #fd0;
        border-radius: 3px;
        border: 1px solid #fd0 !important;
        font-weight: bold;
    }

#error-suggestions {
    border-bottom: 1px solid #f7f7f7;
    border-top: 1px solid #f7f7f7;
}

.branch-suggestions i {
    float: left;
    width: 5%;
    line-height: 2rem;
    font-size: 1.5rem;
    vertical-align: 1.2rem;
}

.branch-suggestions:first-of-type i:first-child,
.branch-suggestions:last-of-type i:last-child {
    display: none;
}

.branch-suggestions i:hover {
    cursor: pointer;
}

#cookie-banner {
    display: none;
    background-color: rgba(0, 0, 0, 0.83); 
    color: white;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    padding: 0;
    margin: 0;
}

#cookie-preferences {
    padding: 0.5rem;
    border: 1px solid #f0f0f03d;
    border-radius: 5px;
}

#close-privacy-centre {
    position: absolute;
    right: 0.5rem;
    top: 0rem;
    cursor: pointer;
}

#close-privacy-centre i {
    font-size:1.5rem;
}

    #close-privacy-centre i:hover {
        color: #805353;
    }

#banner-content {
    height: 100%
}

#cookie-table {
    width: 100%;
    height: 100%
}

.heading-td {
    width: 20%;
    height: 100%;
    font-family: 'futura-pt',sans-serif;
    font-weight: bold;
    text-align: center;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-td {
    width: 60%;
    height: 100%;
    margin: 0;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .content-td p {
        font-size: 12px;
        margin-bottom: 0
    }

.button-td {
    float: left;
    width: 20%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

#cookie-accept {
    background: #077d02;
    padding: 10px;
    margin: 4px 2px;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    font-family: 'futura-pt',sans-serif;
}

#cookie-close {
    padding: 10px;
    margin: 4px 2px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    font-family: 'futura-pt',sans-serif;
}

.cookie-modal {
    height: auto;
    background: white;
    border-radius: 3px;
    margin: 5% auto;
    padding: 1rem;
    text-align: center;
    width:60%;
}

/* toggle switch*/

strong .switchery{
    float:right;
}


/* end toggle switch*/
.error-modal {
    width: 450px;
    height: auto;
    background: white;
    border-radius: 3px;
    margin: 10% auto;
    padding: 0.5rem 0;
    text-align: center;
}

    .error-modal .btn {
        width: 100px;
        margin: 1rem auto 0.5rem;
        cursor: pointer;
    }

        .error-modal .btn:hover {
            color: #333333;
        }

    /*.error-modal > div:not(:last-of-type){
            padding:0.5rem 0;
        }*/

    .error-modal .error-message {
        padding: 0.5rem 0;
        font-size: 0.85rem;
        font-weight: bold;
        /*border-bottom: 1px solid #f7f7f7;*/
        color: #383737;
    }

    /*.error-modal .error-message div {
            padding: 0.5rem 0;
        }*/

    .error-modal .error-suggestions {
        /*width: 300%;*/
        font-size: 0.85rem;
        padding: 0.5rem 0;
    }

    .error-modal .btn .tile {
        font-size: 12px;
        line-height: 32px;
        color: #037b00;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        text-transform: uppercase;
    }

.error-icon {
    font-size: 1.5rem;
    line-height: 1;
    /*padding: 0 0 0.5rem;*/
}

    .error-icon span {
        background: #c60000;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        display: block;
        margin: auto;
        position: relative;
        margin-bottom: 20px;
    }

        .error-icon span:before {
            text-indent: 0;
            content: "\e620";
            color: white;
            font-size: 40px;
            position: absolute;
            top: -10px;
            bottom: 0;
            left: -10px;
            right: 0;
        }
/*Invitation Elements*/

.invitation-header {
    background: #f0f0f0 !important;
    height: auto !important;
    text-align: center;
}

.invitations #invitation-form {
    background: #f0f0f0;
}

    .invitations #invitation-form .invitation-steps .form-section {
        padding: 0px 0px 35px;
    }

    .invitations #invitation-form .invitation-steps .inner {
        background: rgb(5, 124, 1);
    }

    .invitations #invitation-form .invitation-steps .reg-column {
        width: 100%;
        padding-top: 35px;
    }

        .invitations #invitation-form .invitation-steps .reg-column .personal-details {
            width: 65%;
            margin: 25px auto;
        }

            .invitations #invitation-form .invitation-steps .reg-column .personal-details .input-field {
                margin: 0 0 40px;
            }

                .invitations #invitation-form .invitation-steps .reg-column .personal-details .input-field input {
                    background: none;
                    border: none;
                    box-shadow: none;
                    border-bottom: 1px solid gray;
                    border-radius: 0;
                    color: white;
                    width: 100%;
                    font-size: 1em;
                    font-weight: normal;
                    transition: all 0.2s linear;
                }

                .invitations #invitation-form .invitation-steps .reg-column .personal-details .input-field label {
                    color: #ffffff;
                    font-size: 1.2em;
                    transition: all 0.2s linear;
                    display: block;
                }

                    .invitations #invitation-form .invitation-steps .reg-column .personal-details .input-field label.error {
                        color: #f9d200;
                        display: none;
                    }

                .invitations #invitation-form .invitation-steps .reg-column .personal-details .input-field .radio-input {
                    line-height: 35px;
                }

                    .invitations #invitation-form .invitation-steps .reg-column .personal-details .input-field .radio-input:first-of-type {
                        margin-top: 15px;
                    }

                .invitations #invitation-form .invitation-steps .reg-column .personal-details .input-field .iradio {
                    margin-top: 11px;
                }

#submit-invitation {
    width: 45%;
}

.display-hide {
    display: none !important;
}
/*Informational Elements*/

.info-area {
    padding: 20px 35px 35px;
}

    .info-area p {
        line-height: 1.2rem;
    }

.informational-port-header {
    margin-bottom: 1.25rem;
}

    .informational-port-header small {
        font-size: 1em;
        color: gray;
    }

    .informational-port-header h3,
    .informational-port-top-right h3 {
        font-size: 1.5em;
    }

.informational-port-bottom {
    text-align: justify;
}

.informational-marketing-body {
    float: right;
    width: 350px;
    height: 100%;
    text-align: center;
}

    .informational-marketing-body h3 {
        padding: 20px 20px 60px;
        text-align: right;
    }

        .informational-marketing-body h3 img {
            height: 80px;
            width: auto;
        }

    .informational-marketing-body p {
        color: #c0bf12;
        font-size: 2.3em;
        padding: 0px 35px;
        text-align: left;
        margin-bottom: 65px;
    }

.informational-marketing-btn {
    width: 50%;
    margin: 10px auto;
    color: #077d02;
    font-weight: bold;
}

    .informational-marketing-btn span.tile {
        /*text-align:left;*/
    }

.informational-form {
    width: 100%;
}

    .informational-form .form-section {
        padding: 15px;
        color: inherit;
    }

h4.informational-header {
    width: 100%;
    font-size: 1.1em;
    font-weight: bold;
    color: #057c01;
    text-transform: uppercase;
    border-bottom: solid 1px #057c01;
    padding: 0.25em 0;
}

.informational-form-column {
    float: left;
    width: 40%;
}

    .informational-form-column.pull-right {
        margin-left: 20%;
    }

    .informational-form-column .input-field {
        padding: 5px 0px;
    }
        /*.informational-form-column .input-field-submit{
    padding:15px 0;
    width:40%;
    float:right;
    text-align:center;
}*/

        .informational-form-column .input-field label {
            float: left;
            width: 30%;
        }

        .informational-form-column .input-field input,
        .informational-form-column .input-field textarea {
            float: left;
            width: 70%;
            padding: 10px;
        }

.informational-quick-contact {
    margin: 25px 0 0 35px;
    padding: 25px;
}

.informational-form-column .informational-quick-contact .input-field span {
    float: left;
}

    .informational-form-column .informational-quick-contact .input-field span a {
        display: block;
    }

.informational-form-column .input-field label.error {
    float: left;
    width: 100%;
    text-align: right;
}

ul.list-checked {
    list-style-image: url(/img/media/el_confirmed.png);
    margin: 0 0 0 20px;
}

    ul.list-checked li {
        list-style: inherit;
        margin: 0 0 8px 0;
        line-height: 22px;
    }

ul.list-checked-no-image {
    list-style: disc;
    margin: 0 0 0 20px;
}

    ul.list-checked-no-image li {
        list-style: inherit;
        margin: 0 0 8px 0;
        line-height: 22px;
    }
/* New & Improved Elements*/

.prechooser {
    display: none;
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
}

.border-split {
    border: solid rgba(211, 211, 211, 0.16);
    border-width: 0 0 1px 0;
}

.login-header {
    float: left;
    width: 15%;
    font-size: 0.8rem;
    line-height: 60px;
    color: white;
    text-transform: uppercase;
    text-align: right;
    /* margin-bottom: 14px; */
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    font-weight: 700;
}

.login-header-single,
.login-header-single-profile {
    float: right;
    width: calc(100%/4);
    text-align: center;
    transition: background 0.3s linear;
}

    .login-header-single:hover {
        color: #f9d200;
    }

.notice {
    font-size: 0.6rem;
    color: gray;
}

.friendly-error {
    background: orange;
    /* also need animation and -moz-animation */
    -webkit-animation: shake .5s linear;
}
/* also need keyframes and -moz-keyframes */
@-webkit-keyframes shake {
    8%, 41% {
        -webkit-transform: translateX(-10px);
    }

    25%, 58% {
        -webkit-transform: translateX(10px);
    }

    75% {
        -webkit-transform: translateX(-5px);
    }

    92% {
        -webkit-transform: translateX(5px);
    }

    0%, 100% {
        -webkit-transform: translateX(0);
    }
}

.voyager-loader label.error {
    top: -14px;
    left: 2px;
}

    .voyager-loader label.error#terms_and_conditions-error {
        top: -16px;
    }

    .voyager-loader label.error:after,
    .voyager-loader label.error:before {
        visibility: visible !important;
        font-size: 22px !important;
    }
/*.voyager-loader label.error:before{
    visibility:visible !important;
}*/

.dropdown-content {
    background-color: #fff;
    margin: 0;
    display: none;
    min-width: 100px;
    max-height: 650px;
    overflow-y: auto;
    opacity: 0;
    position: absolute;
    z-index: 999;
    will-change: width, height;
}

    .dropdown-content li {
        clear: both;
        color: rgba(0, 0, 0, 0.87);
        cursor: pointer;
        min-height: 50px;
        line-height: 1.5rem;
        width: 100%;
        text-align: left;
        text-transform: none;
    }

.modal-popup-overlay {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(255, 255, 255, 0.98);
    display: none;
    z-index: 1;
    overflow: hidden;
}

    .modal-popup-overlay .loading {
        width: 40px;
        height: 40px;
        margin: auto;
        display: inline-block;
        background: url('/img/loader/loader-lg.gif') no-repeat center;
        background-size: 100% auto;
    }

.modal-popup-overlay-feedback {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0.5rem;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
}

    .modal-popup-overlay-feedback i {
        vertical-align: middle !important;
    }

.no-padding {
    padding: 0 !important;
}

.green-text {
    color: #077d02;
}

.white-text {
    color: white;
}

.red-text {
    color: #F44336 !important;
}

.green-bg {
    background-color: #077d02;
}

.red-bg {
    background-color: #F44336;
}

.green-stroke svg circle {
    stroke: rgb(7, 125, 2) !important;
}

.shuffle-up {
    transform: translateY(0%) !important;
}

.full {
    width: 100%;
    max-width: none !important;
}

.mtrl-header {
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    width: 100%;
    /*padding: 10px 0;*/
    margin-bottom: 1em;
    font-size: 1.2rem;
}

.mtrl-close {
    transition: all 0.3s;
    float: right;
    color: gray;
}

    .mtrl-close:hover {
        cursor: pointer;
        color: black;
    }

.col-2 {
    float: left;
    width: 50%;
    padding: 0 0.5rem;
}

.col-3 {
    float: left;
    width: 33.33%;
    padding: 0 0.5rem;
}

    .col-3 input {
        width: 100% !important;
    }

.col-12 {
    float: left;
    width: 100%;
}

.left-padding-disable {
    padding-left: 0 !important;
}

    .left-padding-disable .mtrl-input-field-label {
        padding-left: 0 !important;
    }

.right-padding-disable {
    padding-right: 0;
}

.mtrl-input-field {
    position: relative;
    margin-top: 1rem;
    text-align: left;
}

    .mtrl-input-field input[type=text],
    .mtrl-input-field input[type=password],
    .mtrl-input-field input[type=email] {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #9e9e9e;
        border-radius: 0;
        outline: none;
        height: 2rem;
        width: 100%;
        font-size: 1rem;
        margin: 0 0 20px 0;
        padding: 0;
        box-shadow: none;
        box-sizing: content-box;
        transition: all 0.3s;
    }

        .mtrl-input-field input[type=text].error,
        .mtrl-input-field input[type=password].error,
        .mtrl-input-field input[type=email].error {
            border-bottom: 1px solid #F44336 !important;
            box-shadow: 0 1px 0 0 #F44336;
        }

    .mtrl-input-field input:-webkit-autofill + .mtrl-input-field-label {
        font-size: 0.8rem;
        transform: translateY(-100%);
        color: #077d02;
    }

    .mtrl-input-field .mtrl-input-field-label {
        color: gray;
        position: absolute;
        top: 0rem;
        left: 0rem;
        padding-left: 0.5rem;
        font-size: 0.95rem;
        cursor: text;
        transition: .2s ease-out;
        pointer-events: none;
    }

    .mtrl-input-field label.error {
        display: block;
        position: relative;
        color: #F44336;
        font-size: 0.6rem;
        text-transform: uppercase;
        top: -1rem;
    }

        .mtrl-input-field label.error::before,
        .mtrl-input-field label.error::after {
            display: none;
        }

    .mtrl-input-field .mtrl-input-field-label.active {
        font-size: 0.8rem;
        transform: translateY(-100%);
        color: #077d02;
    }

    .mtrl-input-field input:focus {
        border-bottom: 1px solid #077d02;
        box-shadow: 0 1px 0 0 #077d02;
    }

.inline-loader {
    /*width: 100%;
    height: 31px;
    position: absolute;
    background: rgba(255,255,255,0.7);
    z-index: 1;
    border-radius: 3px 16px 16px 3px;*/
}

.inline-modal-popup-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    /* top: 75px; */
    color: white;
    font-size: 0.8rem;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(34, 33, 33, 0.9);
    z-index: 99;
}

    .inline-modal-popup-overlay img {
        height: 40px;
        width: 40px;
        margin: auto;
    }

.inline-loading-white {
    height: 33px;
    width: 25px;
    float: left;
    line-height: 33px;
}

.inline-modal-popup-overlay-feedback {
    line-height: 33px;
}

.vertical-align-table {
    vertical-align: middle;
    display: table-cell;
}
/* End New & Improved */
/*Voyager Elements*/

#booking-form .itinerary .patch {
    height: auto;
    width: 206px;
    left: -14px;
    position: relative;
    margin-top: 10px;
}

    #booking-form .itinerary .patch h5 {
        display: none;
    }

    #booking-form .itinerary .patch ul li {
        word-break: break-word;
    }

.voyager-intro-success {
}

.voyager-membership-left .patch,
.voyager-membership-left-no-login .patch {
    width: 70%;
    height: auto;
    border-radius: 3px;
}

.itinerary.voyager-loader {
    transition: all 0.3s ease-in-out;
    /*position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: inline-block;*/
    float: none;
    background-image: none;
    width: 30%;
    /*height: 35% !important;
    min-height: 335px;*/
    text-align: center;
    background: white;
    padding: 25px;
    border-radius: 3px;
    margin: 10% auto;
    transform: translateY(1000%);
}

.close-voyager {
    /*position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    background: #f9d200;
    border-radius: 50%;
    color: black;
    line-height: 30px;
    font-weight: bold;
    font-size: 25px;
    cursor: pointer;*/
}

    .close-voyager span {
        /*font-size:18px;*/
    }

.opening-image {
    width: auto;
}

.itinerary.voyager-loader .personal-details .input-field {
    width: 33.33%;
    float: left;
    padding: 0 5px 0 0;
}

    .itinerary.voyager-loader .personal-details .input-field input {
        width: 100%;
        font-size: 0.70vmax;
        padding: 0 0 0 8px;
    }

        .itinerary.voyager-loader .personal-details .input-field input#PinNumber {
            -webkit-text-security: disc;
        }

.slider-icon {
    float: left;
    width: 7%;
    margin-top: 12px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}

    .slider-icon:hover {
        cursor: pointer;
    }

#voyager-slider-wrapper {
    float: left;
    width: 86%;
}

.wordwrap {
    white-space: -moz-pre-wrap !important;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    white-space: pre-wrap;
    /* css-3 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap;
    /* Newer versions of Chrome/Safari*/
    word-break: break-all;
    white-space: normal;
}

.voyager-error {
    width: auto;
    text-align: center;
    margin-bottom: 0;
    color: #666666;
    line-height: normal !important;
    text-transform: none !important;
    font-size: 0.8vmax !important;
}

.input-error {
    border: solid 1px red;
}

.vertical-text {
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    text-align: center;
    line-height: 35px;
}

.heading-block-new {
    float: left;
    width: 30px;
    height: 240px;
    margin-top: 75px;
    padding: 0px !important;
}

    .heading-block-new h3 {
        line-height: 30px;
        font-size: 1.5vmin;
    }

.voyager-loader .chosen-single {
    height: 33px !important;
    line-height: 33px !important;
}

    .voyager-loader .chosen-single div {
        top: 7px;
    }

.noUi-connect {
    background: #077d02 !important;
}

.noUi-horizontal .noUi-handle {
    background: #f9d200;
}

    .noUi-horizontal .noUi-handle:before {
        background: #666666;
    }

    .noUi-horizontal .noUi-handle:after {
        background: #666666;
    }

.col-6 {
    float: left;
    width: 50%;
    padding: 5px;
}

.user-logged-section,
.user-logged-section-registration,
.user-logged-section-profile {
    height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
    right: -100%;
    position: fixed;
    top: 60px;
    width: 290px;
    z-index: 2;
    transition: right 0.5s;
    -webkit-transition: right 0.3s;
    background: rgba(34, 33, 33, 1);
    overflow: auto;
}

.user-logged-section-displayed {
    right: 0;
}

.user-logged-section a.btn {
    /*transition: all 0.3s ease;*/
}

    .user-logged-section a.btn:hover {
        /*transform: translateX(0.5rem);*/
    }

.user-logged-section .input-field, #fp-register .input-field,
.user-logged-section-registration .input-field,
.standard-inputs .input-field {
    float: left;
    width: 100%;
    padding: 0.5rem 0;
}

    .user-logged-section .input-field:last-of-type {
        float: left;
        width: 100%;
        padding: 0.5rem 0;
    }

.user-logged-section input,
.user-logged-section-registration input,
#fp-register input,
.standard-inputs input {
    height: 30px !important;
    width: 100% !important;
    font-size: 0.8rem !important;
}

    .user-logged-section input::-webkit-input-placeholder,
    .user-logged-section-registration input::-webkit-input-placeholder,
    .standard-inputs input::-webkit-input-placeholder {
        font-size: 0.8rem;
    }

    .user-logged-section input:-webkit-autofill,
    .user-logged-section-registration input:-webkit-autofill,
    .standard-inputs input:-webkit-autofill {
        font-size: 0.8rem !important;
        color: #919191 !important;
    }

.user-logged-section #loginsubmitlink {
    position: relative;
    top: -1px;
}

.user-logged-section label.error,
.user-logged-section-registration label.error {
    width: 100%;
    display: block;
    text-align: left;
    margin-top: 5px;
    font-size: 0.8rem;
}

    .user-logged-section label.error:before,
    .user-logged-section label.error:after,
    .user-logged-section-registration label.error:before,
    .user-logged-section-registration label.error:after {
        display: none;
    }

.dc-registration .input-field {
    float: left;
    width: 100%;
    padding: 0.5rem 0;
}

.dc-registration input,
dc-registration select {
    height: 30px !important;
    width: 100% !important;
    font-size: 0.8rem !important;
}

.dc-registration label.error {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 5px;
    font-size: 0.8rem;
}

    .dc-registration label.error:before,
    .dc-registration label.error:after {
        display: none;
    }

.dc-registration .chosen-container-single .chosen-single.chosen-default,
.dc-registration .chosen-container-single .chosen-single,
.user-logged-section-registration .chosen-container-single .chosen-single,
#fp-register .chosen-container-single .chosen-single {
    height: 30px;
    line-height: 30px;
}

    .dc-registration .chosen-container-single .chosen-single div,
    .user-logged-section-registration .chosen-container-single .chosen-single div,
    #fp-register .chosen-container-single .chosen-single div {
        top: 4px;
    }

.dc-registration .chosen-container .chosen-drop,
.user-logged-section-registration .chosen-container .chosen-drop {
    margin-top: -4px;
}

.dc-registration .box-label,
.user-logged-section-registration .box-label {
    margin-bottom: 0;
    font-size: 0.6rem;
}

.tabs li,
.informational-tabs li {
    list-style: none;
    float: left;
    width: 33.33%;
    width: calc(100% / 3);
    font-size: 0.9em;
}

.informational-tabs li {
    width: 50%;
}

.tabs li:last-child a {
    line-height: 1em;
    padding-top: 6px;
}

.tabs a,
.informational-tabs a {
    display: block;
    text-align: center;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    color: #333333;
    height: 50px;
    line-height: 50px;
    background: rgba(245, 208, 0, 1);
    background: -moz-linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
    background: -webkit-gradient(bottom, top, color-stop(0%, rgba(245, 208, 0, 1)), color-stop(100%, rgba(255, 236, 128, 1)));
    background: -webkit-linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
    background: -o-linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
    background: -ms-linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
    background: linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f5d000', endColorstr='#ffec80', GradientType=1);
    transition: all 0.1s linear !important;
}

    .tabs a.active {
        background: #057c01;
        color: #FFFFFF;
    }

    .tabs a:hover,
    .informational-tabs a:hover {
        background: rgba(5, 124, 1, 0.2);
        color: #cecece;
    }

    .tabs a:before,
    .informational-tabs a:before {
        content: '';
        position: absolute;
        z-index: 11;
        left: 100%;
        top: 0%;
        height: 50px;
        line-height: 50px;
        width: 0;
        border-bottom: 50px solid rgba(0, 0, 0, 0.1);
        border-right: 7px solid transparent;
    }

    .tabs a.active:before {
        content: '';
        position: absolute;
        z-index: 11;
        left: 100%;
        top: 0%;
        height: 50px;
        line-height: 50px;
        width: 0;
        border-bottom: 50px solid rgba(0, 0, 0, 0.2);
        border-right: 7px solid transparent;
    }

.tabgroup {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
}

    .tabgroup div {
        padding: 30px;
        background: #F2EEE2;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    }

.tabs li:last-child a:before,
.tabs li:last-child a.active:before,
.informational-tabs li:last-child a:before,
.informational-tabs li:last-child a.active:before {
    border: none;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.yellow-bg {
    background: rgba(245, 208, 0, 1);
}

.yellow-gradient {
    background: rgba(245, 208, 0, 1);
    background: -moz-linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
    background: -webkit-gradient(bottom, top, color-stop(0%, rgba(245, 208, 0, 1)), color-stop(100%, rgba(255, 236, 128, 1)));
    background: -webkit-linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
    background: -o-linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
    background: -ms-linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
    background: linear-gradient(0deg, rgba(245, 208, 0, 1) 0%, rgba(255, 236, 128, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f5d000', endColorstr='#ffec80', GradientType=1);
}

.box-shadow-dark-3 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.box-shadow-dark-2 {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}

.box-shadow-dark-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.voyager-content-step3 .input-field,
.voyager-content-step3 .comments-field {
    float: left;
    width: 50%;
    padding: 5px 5px;
}

    .voyager-content-step3 .input-field input,
    .voyager-content-step3 textarea {
        width: 100%;
        padding: 5px;
    }

.comments-field {
    width: 100% !important;
}

.voyager-loader .input-field input {
    height: 33px;
    font-style: normal;
}

.voyager-loader .chosen-container-single .chosen-single span {
    font-style: normal;
}

.voyager-overlay {
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.99);
    z-index: 9999;
    display: block;
}

.voyager-overlay {
    z-index: 9998;
    overflow: auto;
}
/*.preloader .loader {
        width: 45px;
        height: 45px;
        position: absolute;
        margin: auto;
        top: -90px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        display: inline-block;*/
/*background: url('/img/loader/loader-lg.gif') no-repeat center;
        background-size: 100% auto;*/
/*background: url(/img/loader/loader-lg.gif) no-repeat center;
        background-size: contain;*/
/*}*/

.vehicle .icon.question-mark {
    position: absolute;
    right: 0px;
    top: 6px;
}

.itinerary.full {
    width: 100%;
    background: white;
    margin-top: 25px;
}

    .itinerary.full .itinerary-container {
        width: 100%;
        margin: 0;
        padding: 10px 25px;
    }

.vehicle-category {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    color: black;
    font-size: 12px;
    line-height: 12px;
    text-transform: capitalize;
    margin-top: 20px;
}

.itinerary-schedule > div span > span {
    display: block;
    float: left;
    width: 70%;
}

    .itinerary-schedule > div span > span.title {
        width: 30%;
    }

.itinerary.full .itin-column {
    width: 30%;
    margin-right: 5%;
    float: left;
}

    .itinerary.full .itin-column:nth-of-type(3) {
        margin-right: 0;
    }

.itinerary.full h5 {
    text-transform: capitalize;
}

.choice {
    margin: 12px 0px 16px 0px;
}

    .choice span {
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        color: black;
        font-size: 9px;
        line-height: 14px;
        color: #919191;
        display: block;
    }

        .choice span > span {
            display: block;
            float: left;
            width: 70%;
        }

            .choice span > span.value {
                width: 30%;
                text-align: right;
            }

.itinerary.full .vehicle-information {
    width: 230%;
}

    .itinerary.full .vehicle-information .vehicle-image {
        width: 47%;
        float: left;
    }

    .itinerary.full .vehicle-information .vehicle-features-container {
        width: 47%;
        float: left;
        display: table;
        margin-top: 50px;
    }

        .itinerary.full .vehicle-information .vehicle-features-container ul {
            vertical-align: middle;
            display: table-cell;
        }

.reservation-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99;
    display: block;
    display: none;
}

    .reservation-overlay .table-helper {
        width: 100%;
        height: 100%;
        display: table;
        padding: 90px;
    }

        .reservation-overlay .table-helper .itinerary {
            display: table;
            vertical-align: middle;
            /*position: absolute;*/
            /*top: 50%;
            transform: translateY(-50%);*/
            left: 0;
            right: 0;
            margin: auto;
            float: none;
            max-width: 918px;
            width: 50vw;
            text-align: left;
        }

            .reservation-overlay .table-helper .itinerary.full .vehicle-information {
                width: 100%;
            }

                .reservation-overlay .table-helper .itinerary.full .vehicle-information .vehicle-image,
                .reservation-overlay .table-helper .itinerary.full .vehicle-information .vehicle-features-container {
                    float: none;
                    width: 100%;
                }

            .reservation-overlay .table-helper .itinerary.full .itin-column {
                width: 47.5%;
                margin: 0;
                float: right;
            }

                .reservation-overlay .table-helper .itinerary.full .itin-column:nth-of-type(1) {
                    float: left;
                }

            .reservation-overlay .table-helper .itinerary.full .vehicle-information .vehicle-image {
                max-width: 310px;
            }

.close-itin {
    float: right;
    color: #037b00;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 33px;
    text-transform: uppercase;
    cursor: pointer;
    width: 15%;
    text-align: center;
}

    .close-itin:hover {
        color: #333;
    }

.edit.thank-you-screen .thank-you-message .buttons {
    width: 100%;
    margin: 0 auto;
    clear: both;
    margin-bottom: 65px;
}

.edit.thank-you-screen .thank-you-message .thank-you-logo {
    background: #037b00;
    margin-top: 15px;
    padding: 10px;
}

.edit.thank-you-screen .thank-you-message .left {
    padding-top: 25px;
    padding-bottom: 25px;
    width: 100%;
    text-align: left;
    padding-left: 20px;
}

    .edit.thank-you-screen .thank-you-message .left .res-number-info {
        font-size: 14px;
        margin: 0;
        font-weight: bold;
    }

    .edit.thank-you-screen .thank-you-message .left .res-number {
        color: #919191;
        font-size: 18px;
        margin: 0;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .edit.thank-you-screen .thank-you-message .left .personal-details {
        min-width: 320px;
        text-align: left;
        font-size: 12px;
    }

        .edit.thank-you-screen .thank-you-message .left .personal-details .detail {
            font-weight: bold;
            width: 115px;
        }

.edit.thank-you-screen .thank-you-message .btn {
    float: left;
    margin-left: 30px;
    float: left;
    margin-bottom: 20px;
    font-size: 13px;
}

    .edit.thank-you-screen .thank-you-message .btn:first-child {
        margin-left: 20px;
    }

    .edit.thank-you-screen .thank-you-message .btn.print {
        background: url('/img/sprite/thankyou_buttons.png') no-repeat 0 -3px;
    }

    .edit.thank-you-screen .thank-you-message .btn.home {
        /*background: url('/img/sprite/thankyou_buttons.png') no-repeat 0 -87px;*/
    }

    .edit.thank-you-screen .thank-you-message .btn.cancelb {
        /*background: url('/img/sprite/thankyou_buttons.png') no-repeat 0 -46px;*/
    }

.edit.thank-you-screen .thank-you-message p,
.edit.thank-you-screen .thank-you-message .cancel {
    text-align: left;
}

.edit.thank-you-screen .thank-you-message .itinerary {
    display: block !important;
    width: 605px;
}

    .edit.thank-you-screen .thank-you-message .itinerary h3 {
        text-transform: uppercase;
    }

    .edit.thank-you-screen .thank-you-message .itinerary .itinerary-container {
        width: 100%;
        margin: 0;
    }

        .edit.thank-you-screen .thank-you-message .itinerary .itinerary-container .itinerary-column {
            width: 47%;
            margin-right: 15px;
        }

    .edit.thank-you-screen .thank-you-message .itinerary.wide .itinerary-container .itinerary-column:last-of-type {
        float: left;
    }

    .edit.thank-you-screen .thank-you-message .itinerary .itinerary-container .itinerary-column h5 {
        text-transform: capitalize;
    }

    .edit.thank-you-screen .thank-you-message .itinerary .itinerary-container .itinerary-column .optional-extras .title,
    .edit.thank-you-screen .thank-you-message .itinerary .itinerary-container .itinerary-column .optional-extras .value {
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        color: black;
        font-size: 10px;
        line-height: 14px;
        text-transform: capitalize;
        color: #919191;
        display: block;
    }

    .edit.thank-you-screen .thank-you-message .itinerary .itinerary-container .itinerary-column .title {
        float: left;
    }

    .edit.thank-you-screen .thank-you-message .itinerary .itinerary-container .itinerary-column .value {
        float: right;
    }

    .edit.thank-you-screen .thank-you-message .itinerary .itinerary-container .itinerary-column.top .optional-extras {
        margin-bottom: 20px;
    }

    .edit.thank-you-screen .thank-you-message .itinerary .itinerary-column .optional-extras h4 {
        margin-bottom: 0;
    }

    .edit.thank-you-screen .thank-you-message .itinerary .itinerary-column .vehicle-choice h4 {
        margin-bottom: 0 !important;
        padding-top: 10px;
    }

    .edit.thank-you-screen .thank-you-message .itinerary .itinerary-column .vehicle-choice .vehicle-image {
        width: auto;
    }

    .edit.thank-you-screen .thank-you-message .itinerary .itinerary-column .vehicle-choice .vehicle-category {
        font-size: 14px;
        line-height: 14px;
        font-family: "Open Sans", "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 700;
        color: black;
        text-transform: none;
        margin-top: 10px;
        margin-bottom: 30px;
    }

.loyalty-field-options {
    margin-bottom: 20px;
}

.loyalty-field {
    display: none;
}

    .loyalty-field.active {
        display: block;
    }

.reservation-dialog {
    max-width: 450px !important;
    padding: 50px;
    text-align: center !important;
}

.reservation-dialog-body {
    font-weight: bold;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    color: black;
}

.reservation-dialog-footer {
    margin-top: 20px;
}

.reservation-dialog-btn .btn {
    min-width: 150px;
    line-height: 33px;
    text-transform: uppercase;
    font-weight: bold;
    color: #037B00;
    font-size: 13px;
}

    .reservation-dialog-btn .btn:hover {
        color: #333333;
    }

.reservation-dialog {
    max-width: 450px !important;
    padding: 50px;
    text-align: center !important;
}

.reservation-dialog-body {
    font-weight: bold;
    font-family: "Open Sans", "futura-pt", sans-serif;
    font-style: normal;
    color: black;
}

    .reservation-dialog-body p {
        font-size: 0.9rem;
        font-weight: normal;
        line-height: 1.2rem;
    }

.reservation-dialog-footer {
    margin-top: 20px;
}

.reservation-dialog-btn .btn {
    min-width: 150px;
    line-height: 33px;
    text-transform: uppercase;
    font-weight: bold;
    color: #037B00;
    font-size: 13px;
}

    .reservation-dialog-btn .btn:hover {
        color: #333333;
    }



.thank-you-print-logo {
    display: none;
}

.terms_and_conditions-field label.error:before {
    top: 13px;
    right: 55px;
}

.terms_and_conditions-field label.error:after {
    top: 13px;
    right: 55px;
}

.terms-field {
    margin-top: 20px;
}

.popup-wrapper .popup .fancy-modal-content table {
    font-size: 12px;
    pointer-events: none;
}

    .popup-wrapper .popup .fancy-modal-content table td {
        vertical-align: middle;
        padding-left: 6px;
        box-sizing: border-box;
    }

        .popup-wrapper .popup .fancy-modal-content table td p {
            vertical-align: middle;
            display: table-cell;
        }

#other-websites-holder .chosen-results {
    max-height: 110px;
}

#contact-form .chosen-results {
    max-height: 100px;
}

#manage-reservation-form .form-section {
    position: relative;
}

    #manage-reservation-form .form-section label {
        color: #111111;
        margin-bottom: 15px;
        font-size: 14px;
        display: block;
    }

        #manage-reservation-form .form-section label.error:after,
        #manage-reservation-form .form-section label.error:before {
            top: 12px;
        }

.tips-filter li a.active {
    background: #000000;
}

.login-column label.error:before,
.login-column label.error:after {
    top: 12px;
}

.login-column input {
    margin-bottom: 10px !important;
}

.login-popup {
    width: 410px;
}

.booking-promotion-text {
    text-decoration: underline;
    font-weight: bold;
    display: block;
}

    .booking-promotion-text:hover {
        cursor: pointer;
    }

#ten-percent-off {
    padding-bottom: 10px;
    height: 48px;
    line-height: 33px;
    font-weight: bold;
    color: #057c01;
    width: 160px;
    padding-top: 5px;
}

#Passwordreset {
    font-size: 12px;
    padding-bottom: 10px;
    height: 48px;
    line-height: 33px;
    font-weight: bold;
    color: #057c01;
    width: 220px;
    padding-top: 5px;
}

.loginsubmitSpan {
    float: right;
    width: 35%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
}

.resetclickSpan {
    float: left;
    width: 57%;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 10px;
}

#booking-area {
    padding-top: 5px;
}

.reg-thank-you:hover {
    cursor: pointer;
}

.login-options {
    display: inline-block;
    color: green;
    border-radius: 5px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: bold;
}

.register {
    display: inline-block;
}

.sign-in,
.register,
.drive-club-links input {
    background: url('/img/tile/btn-tile-small.png');
}

.voyager-ext {
    background: url("../img/media/Voyager_LandingPage.jpg") no-repeat bottom left !important;
    background-size: auto !important;
}

.ltd-offer .extended,
.ltd-ext {
    width: 100%;
    max-width: 918px;
    background: url("/Assets/Images/DiscountPage_Image-(DoubleClick).jpg");
    background-size: contain;
    background-repeat: no-repeat;
}

.ltd-offer .site-form {
    width: 350px;
    float: right;
    margin-top: 0;
}

.ltd-offer .form-section .chosen-container,
.promotions-page .form-section .chosen-container {
    width: 80% !important;
}

.ltd-offer .date-time-field,
.promotions-page .date-time-field {
    width: 50%;
    margin: 0px;
}

.ltd-offer .form-section input[type=text].short,
.promotions-page .form-section input[type=text].short {
    width: 90%;
}

.ltd-offer .form-actions a.search-btn {
    width: 90%;
}

.ltd-offer .limited-offers-left,
.voyager-membership-left, .voyager-membership-left-no-login {
    float: left;
    width: calc(100% - 350px);
    padding: 25px;
}



.ltd-offer .subheading {
    position: absolute;
    bottom: 25px;
    width: 568px;
}

    .ltd-offer .subheading small {
        color: gray;
    }

.patch {
    background: #ffdd00;
    font-size: 14px;
    color: #333;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    font-family: "Open Sans", futura-pt, Arial, Helvetica, Verdana, sans-serif;
    transition: background .4s ease-in-out;
}

.patch {
    height: 150px;
    width: 150px;
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
}

    .patch span {
        flex: 1;
        display: inline-flex;
    }

.up {
    font-size: 30px;
    font-weight: bold;
    display: block;
    align-items: flex-end;
    justify-content: center;
}

.middle {
    line-height: 65px;
    font-weight: bold;
    display: block;
    align-items: center;
}

    .middle .currency {
        font-size: 50px;
        flex: 1;
    }

    .middle .digit {
        font-size: 70px;
        flex: 2;
        justify-content: flex-end;
    }

.bottom {
    font-size: 25px;
    font-weight: bold;
    justify-content: center;
}

#clockdiv {
    font-family: "Open Sans", sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 26px;
    font-family: "Open Sans", futura-pt, Arial, Helvetica, Verdana, sans-serif;
}

.list-style-bullet,
.list-style-bullet li {
    list-style: disc !important;
}

.promo-patch {
    /*background: #ffdd00;*/
    font-size: 14px;
    color: #333;
    font-family: "Open Sans", futura-pt, Arial, Helvetica, Verdana, sans-serif;
    transition: all .4s ease-in-out;
    width: 100%;
    text-align: center;
}

/*#promo-clockdiv > div {
    display: inline-block;
    vertical-align: center;
    margin-right: 4px;
}*/

#promo-clockdiv div {
    font-size: 1.5rem;
    padding: 3px 29px;
    background: #38414a;
    background: rgba(255, 221, 0, 0.9);
    /* font-family: "Roboto",sans-serif; */
    font-weight: 300;
    width: 25%;
    float: left;
}

    #promo-clockdiv div span {
        font-size: 1rem;
    }

.smalltext {
    padding: 5px;
    font-size: 11px;
    background: green;
    text-align: center;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
}

#clockdiv > div {
    border-radius: 3px;
    background: #333333;
    display: inline-block;
}

#clockdiv div > span {
    padding: 5px;
    border-radius: 3px;
    background: #077d02;
    display: inline-block;
}

.smalltext {
    padding-top: 5px;
    font-size: 11px;
}

.blink-green {
    background: #077d02;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.itin-header {
    padding: 1.6rem;
    background: #dadada;
    border-radius: 3px;
    line-height: 1rem;
    transition: background 1s ease-in;
    position: relative;
}

    .itin-header.yellow-bg {
        background: rgba(245, 208, 0, 1);
    }

.itin-header-intro {
    margin: 0 0 1rem;
}

.itin-header-intro, .itin-in {
    font-size: 0.8rem;
}

.itin-header h3, .super-waiver-upgrade .itinerary h3 {
    font-weight: bold;
    font-size: 1.29rem;
    margin: 0 0 1rem;
    color: inherit !important;
}

.first-in-itin {
    float: left;
    width: 25%;
    font-weight: bold;
}

.super-upgrade-optional-extras .itin-in {
    border-bottom: 1px solid lightgray;
}

.itin-in {
    width: 100%;
    float: left;
    margin-bottom: 0.4rem;
    padding: 0.5rem;
}

.super-upgrade-optional-extras {
    width: 100%;
    float: left;
}

    .super-upgrade-optional-extras .first-in-itin {
        width: 60%;
        transition: color .2s ease-in-out;
    }

        .super-upgrade-optional-extras .first-in-itin:hover {
            /*color: #077d02;*/
            cursor: default;
        }

.itin-status-add-in {
    width: 100%;
}

.itin-status-add-in-active .itin-status-add-in-prog {
    background: rgba(245, 208, 0, 1) !important;
}

.itin-status-add-in-active h2 {
    font-weight: bold;
    color: rgba(102, 102, 102, 1) !important;
}

.itin-status-add-in-6 h2 {
    padding: 0 0 0.8rem;
    color: rgba(102, 102, 102, 0.48);
    transition: all 0.5s ease-in;
}

.itin-status-add-in-6 {
    width: 50%;
    float: left;
    padding: 1.6rem 1rem;
}

    .itin-status-add-in-6:first-child {
        padding-left: 0;
    }

    .itin-status-add-in-6:last-child {
        padding-right: 0;
    }

.itin-status-add-in-prog {
    height: 1rem;
    background: #dadada;
    transition: all 0.5s ease-in;
}

.super-upgrade-optional-extras .second-in-itin {
    float: left;
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.second-in-itin {
    float: left;
    width: auto;
}

.third-in-itin {
    display: flex;
    width: 10%;
    float: left;
    align-items: center;
    justify-content: center;
}

.fourth-in-itin {
    display: flex;
    width: 10%;
    float: left;
    align-items: center;
    justify-content: flex-end;
}

.super-waiver-upgrade .itinerary {
    margin-top: 1.6rem;
}

.super-waiver-upgrade .itinerary-container {
    padding: 1.6rem !important;
    line-height: 1rem;
}

.super-waiver-upgrade .itin-column {
    width: 50% !important;
    padding: 0 1rem 0 0;
    margin: 0 !important;
}

.super-waiver-upgrade .itinerary h4 {
    color: inherit;
    /*border-bottom: 1px solid rgba(102, 102, 102, 0.12);*/
    font-size: 1rem;
    margin: 0 0 1rem;
}

.super-waiver-upgrade .itinerary.full h5 {
    color: inherit;
}

.super-waiver-upgrade .itinerary-schedule .pickup-choice, .super-waiver-upgrade .itinerary-schedule .dropoff-choice, .super-waiver-upgrade .choice {
    padding: 0 0 1rem;
    margin: 0;
}

.super-waiver-upgrade .itinerary-schedule, .super-waiver-upgrade .vehicle-choice {
    padding: 0 0 1rem;
}

.super-waiver-upgrade .vehicle-choice {
    margin: 0;
}

.super-waiver-upgrade .vehicle-information {
    width: inherit !important;
    padding: 0 0 1rem;
}

.super-waiver-upgrade .vehicle-image {
    text-align: left;
    width: 100% !important;
}

.super-waiver-upgrade .vehicle-category {
    margin: 0;
    font-size: 12px;
    color: inherit;
}

.super-waiver-upgrade .vehicle-features-container {
    margin-top: 0 !important;
}

.super-waiver-upgrade .choice span {
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
}

.super-waiver-upgrade .itinerary .optional-extras, .super-waiver-upgrade .itinerary .total-price, .super-waiver-upgrade .itinerary .deposit, .super-waiver-upgrade .excess-message {
    margin: 0;
    padding: 0 0 1rem;
}

.super-waiver-upgrade .total-price {
    color: inherit;
    font-size: 1rem;
    text-transform: uppercase;
}

.super-waiver-upgrade .deposit-req {
    color: inherit;
    font-size: 12px;
    line-height: 12px;
}

.super-waiver-upgrade .itinerary .optional-extras .extras {
    margin: 0;
}

.super-waiver-upgrade .cost {
    font-weight: normal;
    font-size: 0.7rem;
}

.super-waiver-upgrade .excess-message {
    width: 100%;
    color: inherit;
    text-transform: capitalize;
    line-height: inherit;
}

.itin-buttons {
    width: 100%;
}

.itin-buttons-4 {
    float: left;
    width: 33.33%;
    padding: 0 0.5rem;
}

.itin-buttons-6 {
    float: left;
    width: 50%;
    padding: 0 1rem;
}

    .itin-buttons-6:first-child, .itin-buttons-4:first-child {
        padding-left: 0;
    }

    .itin-buttons-6:last-child, .itin-buttons-4:last-child {
        padding-right: 0;
    }

.itin-btn {
    width: 100%;
    padding: 0.8rem;
    font-size: 0.8rem;
    text-align: center;
    border-radius: 3px;
    transition: all 0.3s ease-in;
}

    .itin-btn:hover {
        cursor: pointer;
    }

.promotions ul li {
    list-style: disc !important;
    margin: 0 0 0.4rem 1rem !important;
    line-height: 1.28rem !important;
    font-size: 0.8rem !important;
    height: inherit !important;
}

.promotional-terms ul li {
    list-style: disc;
    margin: 0 0 0.4rem 1rem;
}

#super-waiver-step-two {
    display: none;
}

.itin-header-error {
    margin-top: 1rem;
}

.alert-standard-size {
    font-size: 1.6rem;
}

.display-block {
    display: block;
}

.standard-padding {
    padding: 1rem;
}

.big-padding {
    padding: 1.6rem;
}

.margin-top-big {
    margin-top: 1.6rem;
}

.margin-top-standard {
    margin-top: 1.6rem;
}

.super-waiver-upgrade .incrementer {
    position: relative;
    /*width: 105%;*/
    /*border-left: solid rgba(102, 102, 102, 0.85) 0.08rem;*/
    /*padding: 0 0.3rem;*/
    transition: all 0.3s ease-in;
    /*transform: translateX(-115%);
    margin: 0.4rem 0 0 0.4rem;*/
}

.super-waiver-incrementer-question {
    float: left;
    line-height: 30px;
    font-size: 0.7rem;
}

.super-waiver-incrementer {
    float: right;
}

.second-in-itin .icheckbox {
    /*position: relative;
    top: 10px;*/
    transform: scale(1.2);
    margin: 0;
}

.reset-translate {
    transform: translateX(0) !important;
}

.subtract-instance, .add-instance {
    transform: scale(0.6);
}

.super-waiver-upgrade .incrementer span.value {
    font-size: 0.75rem;
}

#expenses-summary-container {
}

.price-changed {
    animation: PriceChanged 0.5s linear;
}

.preview-expense-container {
    width: 65%;
    float: left;
}

.preview-expense, #preview-header {
    display: none;
}

    .preview-expense p {
        font-size: 0.8rem;
        line-height: 1.1rem;
        margin-bottom: 0.8rem;
    }

.first-in-itin-icon {
    float: left;
    height: 4rem;
    width: 10%;
}

    .first-in-itin-icon img {
        height: 100%;
        width: auto;
    }

@keyframes PriceChanged {
    50% {
        font-size: 150%;
    }

    100% {
        font-size: inherit;
    }
}

.super-upgrade-optional-extras h5 {
    font-size: 1rem;
    font-weight: bold;
}

    .super-upgrade-optional-extras h5 span {
        float: left;
    }

    .super-upgrade-optional-extras h5 .icheckbox {
        float: right;
    }

.super-upgrade-optional-extras .cost {
    margin-bottom: 0.5rem;
}

.super-upgrade-optional-extras .cost, .super-upgrade-optional-extras p {
    float: left;
    width: 100%;
}

.super-upgrade-optional-extras p {
    font-size: 0.8rem;
    margin: 0;
}

.readmore, .pp-goto {
    /*font-weight: bold;*/
    display: block !important;
    color: #090;
}

.fourth-in-costs {
    font-weight: bold;
}

.error-email-alt {
    display: none;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f7f7f7;
    font-size: 0.85rem;
}

.eea-message {
    font-size: 0.85rem;
    padding: 0.5rem 0 0;
    font-weight: bold;
}

.eea-email-box {
    padding: 0.5rem;
}

    .eea-email-box input {
        height: 2.1rem !important;
        font-weight: normal !important;
        text-align: center;
        width: 80% !important;
    }

.branch-suggestion-container {
    width: 300%;
    transition: all 0.3s linear;
}

.py-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.p-3 {
    padding: 1rem;
}

.px-3 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.pb-3 {
    padding-bottom: 1rem;
}

.pp-tabs .horizontal {
    width: 100%;
    border-bottom: 1px solid #d5d5d5;
}

    .pp-tabs .horizontal li {
        float: left;
        background: #fd0;
        padding: 0.5rem;
        margin: 0 0.3rem;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

        .pp-tabs .horizontal li.active {
            background: #090;
            color: #fff;
        }

            .pp-tabs .horizontal li.active a {
                color: #fff !important;
            }

        .pp-tabs .horizontal li:first-of-type {
            margin-left: 0;
        }

        .pp-tabs .horizontal li a {
            font-size: 0.9rem;
        }

.pp-tabs div {
}

.mt-4 {
    margin-top: 1.5rem;
}

.pt-4 {
    padding-top: 1.5rem;
}

.pl-0 {
    padding-left: 0 !important;
}

.mb-1 {
    margin-bottom: 0.3rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-3 {
    margin-bottom: 1rem;
}

.white-bg {
    background-color: #fff;
}

.itin-terms {
    width: 216px;
    float: left;
    border: none;
    text-align: right;
    padding: 0 0 0.5rem 0;
    font-size: 0.85rem;
    text-decoration: underline;
}

    .itin-terms a {
        color: #fff;
    }
