/* Minification failed. Returning unminified contents.
(333,1): run-time error CSS1019: Unexpected token, found '@import'
(333,9): run-time error CSS1019: Unexpected token, found 'url("fonts.css")'
(334,1): run-time error CSS1019: Unexpected token, found '@import'
(334,9): run-time error CSS1019: Unexpected token, found 'url("colours.css")'
(335,1): run-time error CSS1019: Unexpected token, found '@import'
(335,9): run-time error CSS1019: Unexpected token, found 'url("checkboxinline.css")'
(336,1): run-time error CSS1019: Unexpected token, found '@import'
(336,9): run-time error CSS1019: Unexpected token, found 'url("formselect.css")'
(337,1): run-time error CSS1019: Unexpected token, found '@import'
(337,9): run-time error CSS1019: Unexpected token, found 'url("megamenu.css")'
(338,1): run-time error CSS1019: Unexpected token, found '@import'
(338,9): run-time error CSS1019: Unexpected token, found 'url("checkbox.css")'
(339,1): run-time error CSS1019: Unexpected token, found '@import'
(339,9): run-time error CSS1019: Unexpected token, found 'url("accordionPlus.css")'
(340,1): run-time error CSS1019: Unexpected token, found '@import'
(340,9): run-time error CSS1019: Unexpected token, found 'url("checkboxFullWidth.css")'
(341,1): run-time error CSS1019: Unexpected token, found '@import'
(341,9): run-time error CSS1019: Unexpected token, found 'url("formGeneric.css")'
(586,38): run-time error CSS1046: Expect comma, found '0'
(586,42): run-time error CSS1046: Expect comma, found '/'
(597,38): run-time error CSS1046: Expect comma, found '0'
(597,42): run-time error CSS1046: Expect comma, found '/'
(624,34): run-time error CSS1046: Expect comma, found '0'
(624,38): run-time error CSS1046: Expect comma, found '/'
(630,34): run-time error CSS1046: Expect comma, found '0'
(630,38): run-time error CSS1046: Expect comma, found '/'
(721,36): run-time error CSS1046: Expect comma, found '123'
(721,44): run-time error CSS1046: Expect comma, found '/'
(1884,47): run-time error CSS1046: Expect comma, found '0'
(1884,51): run-time error CSS1046: Expect comma, found '/'
(1885,39): run-time error CSS1046: Expect comma, found '0'
(1885,43): run-time error CSS1046: Expect comma, found '/'
(3414,39): run-time error CSS1046: Expect comma, found '0'
(3414,43): run-time error CSS1046: Expect comma, found '/'
(3414,67): run-time error CSS1046: Expect comma, found '0'
(3414,71): run-time error CSS1046: Expect comma, found '/'
 */
/*Checkboxes inline*/


[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0;
}


.bh-checkboxes-inline {
    display: flex;
    /* border: 1px solid #d7d5d9;
    border-radius: 3em;
    font-size: 12px;*/
    width: 100%;
}

.bh-checkboxes-inline input:checked+label {
    background-color: #3c3c3c;
    color: #fff;
    flex:20%
   
}


.bh-checkboxes-inline .bh-checkbox-inline {
    flex: 1 1 0px;
    /*border-right: 1px solid #d7d5d9;*/
    padding-right:20px;
   
}


.bh-checkboxes-inline input {
    position: fixed;
    left: -100000px;
    opacity: 0;
}

/*.bh-checkboxes-inline .bh-checkbox-inline:first-child label {*/
   /* border-top-left-radius: 1.6666em;
    border-bottom-left-radius: 1.6666em;*/
/*}*/
    .bh-checkboxes-inline .bh-checkbox-inline label {        
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        border:3px solid #3c3c3c;
        border-radius: 3em;
        
    }
.vehicle-search-panel-wrapper .form-group-selector label {
    font-size: 14px;
}
/*.bh-checkboxes-inline .bh-checkbox-inline:last-child label {*/
  /*  border-top-right-radius: 1.6666em;
    border-bottom-right-radius: 1.6666em;*/
/*}*/

.bh-checkboxes-inline .bh-checkbox-inline:last-child {
    border-right: none;
}

/*Checkboxes inline end*/
        /*Orange V*/

 .orangeInputs .bh-checkboxes-inline .bh-checkbox-inline {
    flex: 1 1 0px;
 
 
}


/*.orangeInputs .bh-checkboxes-inline {*/
  /*  border: 3px solid #3c3c3c;*/
/*}

.bh-checkboxes-inline .bh-checkbox-inline:last-child {
    border-right: none;
}*/

/*.orangeInputs .bh-checkboxes-inline .bh-checkbox-inline:last-child label {*/
    /*border-top-right-radius: 1.5em;
    border-bottom-right-radius: 1.5em;*/
/*}


.orangeInputs  .bh-checkboxes-inline .bh-checkbox-inline:first-child label {*/
   /* border-top-left-radius: 1.5em;
    border-bottom-left-radius: 1.5em;*/
/*}*/

.chkOrange {
    accent-color: #3c3c3c;
    width:15px;
}

.chkOrangeLabel {
    display: inline;
    margin-left: 5px;
}
body {
    background-color: #F6F6F6;
    color:#1C495B!important;  
}

p {
    color:#2D2D2D;
}

.dark-text {
    color:#2D2D2D!important;
}

.orange {    
  color: #3c3c3c !important;
}

.orangeBG {    
    background-color:#3c3c3c!important;
} 

.orangeBG2{
    background-color:#434343!important;
}

.blue {
    color:#1C495B!important;
}

.grey {
    color: #7F7f7f !important;
}

.blueBG {
    background-color: #1C495B !important;
    box-shadow: 0px 0px 15px 10px #aaaaaa30;
}

.darkGreyBG {
background-color:#E4E4E4!important;   
}

.whiteBg {
    background-color: #fff !important;
    box-shadow: 0px 0px 15px 10px #aaaaaa30;
}
@font-face {
    font-family: 'LeasePlan';
    src: url('../../fonts/LeasePlan-Bold.woff2') format('woff2'),
        url('../../fonts/LeasePlan-Bold.woff') format('woff'),
        url('../../fonts/LeasePlan-Bold.ttf') format('truetype'),
        url('../../fonts/LeasePlan-Bold.svg#LeasePlan-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LeasePlan';
    src: url('../../fonts/LeasePlan-Regular.woff2') format('woff2'),
        url('../../fonts/LeasePlan-Regular.woff') format('woff'),
        url('../../fonts/LeasePlan-Regular.ttf') format('truetype'),
        url('../../fonts/LeasePlan-Regular.svg#LeasePlan-Regular') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LeasePlan';
    src: url('../../fonts/LeasePlan-Light.woff2') format('woff2'),
        url('../../fonts/LeasePlan-Light.woff') format('woff'),
        url('../../fonts/LeasePlan-Light.ttf') format('truetype'),
        url('../../fonts/LeasePlan-Light.svg#LeasePlan-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chillax';
    src: url('../../fonts/Chillax-Bold.woff2') format('woff2'), 
        url('../../fonts/Chillax-Bold.woff') format('woff'), 
        url('../../fonts/Chillax-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chillax';
    src: url('../../fonts/Chillax-Regular.woff2') format('woff2'), 
        url('../../fonts/Chillax-Regular.woff') format('woff'), 
        url('../../fonts/Chillax-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chillax';
    src: url('../../fonts/Chillax-Light.woff2') format('woff2'), 
        url('../../fonts/Chillax-Light.woff') format('woff'), 
        url('../../fonts/Chillax-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SourceSans3';
    src: url('../../fonts/SourceSans3-Bold.woff2') format('woff2'), 
        url('../../fonts/SourceSans3-Bold.woff') format('woff'), 
        url('../../fonts/SourceSans3-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SourceSans3';
    src: url('../../fonts/SourceSans3-Regular.woff2') format('woff2'), 
        url('../../fonts/SourceSans3-Regular.woff') format('woff'), 
        url('../../fonts/SourceSans3-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SourceSans3';
    src: url('../../fonts/SourceSans3-Light.woff2') format('woff2'), 
        url('../../fonts/SourceSans3-Light.woff') format('woff'), 
        url('../../fonts/SourceSans3-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight:600;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content p {
    margin-bottom: 2.5rem;
}

.content h4 {
    font-weight: 400;
    color: #2D2D2D;
    line-height: 180%;
}


body {
    font-family: 'SourceSans3';
    font-weight: 500;
    font-style: normal;
}

.smallText {
    font-size: .8rem;
}

.text09 {
    font-size: .9rem;
}


.boldText {
    font-family: SourceSans3;
    font-weight: bold;
}

.smallheading {
    font-size: 1.4rem;
    font-weight: bold; 
}


/*Select Dropdown*/

.form-group label {
    font-family: "leaseplan-bold",Arial,Helvetica,Verdana,sans-serif;
    padding-bottom: 5px;
    display: block;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: .375rem .7rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    min-height: 50px;
    border-radius: 0px;
    border: 1px solid #d4d4d4;
}

.form-group select {
    background-image: url(../../../../images/icons/arrow-down.svg);
    background-position: right 5px center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.form-group select::-ms-expand {
    display: none;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

@import url("fonts.css");
@import url("colours.css");
@import url("checkboxinline.css");
@import url("formselect.css");
@import url("megamenu.css");
@import url("checkbox.css");
@import url("accordionPlus.css");
@import url("checkboxFullWidth.css");
@import url("formGeneric.css");


.main-site-navigation .menu-level-0 .has-submenu {
    position: relative;
}

.search-row label {
    display: block;
}

.search-row input, .search-row select {
    width: 100%;
}

.authbutton {
    width: 50%;
}

.smallDropdown {
    width: 300px !important;
    right: 0 !important;
    left: auto !important;
    max-width: 300px !important;
}

    .smallDropdown .menu-level-1 {
        padding: 20px !important;
    }


/*car compare*/

@media (min-width: 256px) {
    .container-cv {
        min-width: 1140px !important;
    }
}


/*Datepicker style*/

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
    background-color: #3c3c3c;
    border-color: #3c3c3c;
}

.input-group-append .btn-outline-secondary:hover, .input-group-append .btn-outline-secondary {
    color: #fff;
    background-color: #3c3c3c;
    border-color: #3c3c3c;
}

.datepicker-table td button:not(:disabled):hover {
    background-color: #3c3c3c;
    border-color: #3c3c3c;
}

.datepicker-table td button.today {
    background-color: #eee !important;
}

.table .thead-light th {
    color: #3c3c3c;
}

.btn-link {
    color: #3c3c3c;
}

.datepicker-btns .btn.dropdown-toggle {
    background-color: #3c3c3c;
    color: white;
}

    .datepicker-btns .btn.dropdown-toggle:hover {
        background-color: #3c3c3c;
        color: white;
    }
/*Skip Links*/
.skip-link {
    background: #319795;
    color: #fff;
    font-weight: 700;
    left: 50%;
    padding: 4px;
    position: absolute;
    transform: translateY(-100%);
}

    .skip-link:focus {
        transform: translateY(0%);
    }

.skip-link {
    transition: transform 0.3s;
}


/*Preloader*/

.preloaderWrap {
    width: 100%;
    height: 100vh;
    background-color: rgba(239, 239, 239, .90);
    position: fixed;
    z-index: 9999;
}

.preloader {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
}
/*Custom Align Class*/
.flexCenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Select Dropdown*/

.dropdown-btns {
    position: absolute;
    bottom: -70px !important;
    background: #fff;
    width: 100%;
    padding: 15px 0 0 0;
}

div.dropdown-menu {
    overflow: unset !important;
}

/*Modals*/
.modal-content .close {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 9999;
    color: #3a3a3a;
}

.modal-body {
    padding: 2rem;
    font-size: .8rem;
    font-family: SourceSans3;
}

.modal-content {
    border: none;
    border-radius: 15px;
}

/*Backgrounds*/
.orangeLogoBg {
    background: url(../../../../images/orang-bg.svg) no-repeat center center fixed;
    background-size: cover;
}

.search.orangeLogoBg {
    min-height: 40vh;
}


.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

#vehicleDetailsCarousel .nav-button {
    top: calc(44% - -43px) !Important;
}
/*Buttons*/

button.buttonInfo {
    background: transparent;
    border: none;
}

.clearBtn {
    background: none;
    border: none;
}

.buttonClear {
    color: #1c495b;
    font-size: 14px;
    padding: 4px;
}

.hideBox {
    display: none;
}

.buttonClear:hover,
.filteredButton:hover {
    color: #3c3c3c;
}

.filteredButton {
    background-color: #fff;
}

.btn {
    border-radius: 30px;
    padding: 9px 27px;
}

.btnSmall {
    border-radius: 30px;
    padding: 5px 27px;
    font-size:0.8rem;
}

.btnRound {
    padding: 9px 16px;
}

.btn:focus {
    box-shadow: none;
}

.btnWhite {
    background-color: white;
    border: solid 3px #3c3c3c;
    color: #3c3c3c;
}

    .btnWhite:hover {
        color: #fff;
        background-color: #3c3c3c;
    }

.btnOrange {
    background-color: #3c3c3c;
    color: white;
}

    .btnOrange:hover {
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
        color: white;
    }

.btnGradient {
    background: linear-gradient(90deg, #727272, #3a3a3a);
    color: white;
}

    .btnGradient:hover,
    .btnGradient:focus {
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
        animation: btnAnimateGradient 0.3s ease-in forwards;
        color: white;
    }

.mobileSort {
    border-radius: 30px 0 0 30px;
    padding: 11px 17px 11px 27px !important;
    color: white;
    Border: none;
    background-color: #3c3c3c;
    height: 46px;
}

.dropdown-toggle::after {
    background: url(../../../../images/icons/dropdown-arrow.svg) no-repeat;
    border: none;
    height: 18px;
    width: 28px;
    vertical-align: -5px;
}

.mobileSort option {
    color: #000;
}

.mobileSort:hover {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
    color: white;
}

.mobileSort:focus-visible {
    outline: none;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
}

.mobileSortAndFilter {
    border-radius: 0 30px 30px 0;
    height: 46px;
}

.small-btn-font-size {
    font-size: 15px;
}


/*Buttons - End */

/* Fix to prevent list items spreading over two columns */
li {
    page-break-inside: avoid;
}

ul.square {
    padding-left: 16px !important;  
    list-style-type: square !important;
}

    .square li {
        padding-left: 25px;
        list-style-type: square !important;
        background-image : none !important;
        
    }

.content ul {
    padding-left: 0;
    margin-bottom: 2.5rem;
}

    .content ul li {
        background-image: url(../../../../images/icons/bullet-arrow.svg);
        background-position: left -5px;
        background-repeat: no-repeat;
        list-style: none;
        padding-left: 25px;
    }



    .content ul.references li {
        background-image: none;
        padding-left: 0;
        margin-bottom: 2rem;
        font-size: .8rem;
        color: black;
    }


.d-none-unimportant {
    display: none;
}

.paginationBtns div {
    width: fit-content;
}

.orange-ellipsis {
    color: #3c3c3c;
    vertical-align: bottom;
    font-size: 4rem;
    line-height: 3.5rem;
}

.multipleSelectBtn {
    background-color: #fff;
    border: 1px solid #ced4da;
    padding: 0;
    font-size: 1rem;
    border-radius: 0;
}

.dropdown.bootstrap-select.select-dropdown {
    width: 100% !important;
}

.auth_search .dropdown.bootstrap-select.select-dropdown {
    width: 230px !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    border-color: #80bdff;
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.bootstrap-select > .dropdown-toggle:after {
    background-image: url(../../../../images/icons/arrow-down.svg);
    background-size: 24px;
    background-position: left;
    background-repeat: no-repeat;
    height: 32px;
    width: 44px;
    border: none;
    margin: 0 !important;
}

.arrowRight {
    background-image: url(../../../../images/icons/arrow-right.svg);
    background-position: left;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
}

/* To remove the (x) clear icon from all the input fields in Edge */
input::-ms-clear {
    display: none;
}

/* To remove the increment arrow icon from all the number input fields */
input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
    }

/*Layout*/

.container {
    max-width: 1340px;
}

.container-wide {
    max-width: 1600px;
}

.sectionTitle {
    text-align: center;
    padding-bottom: 1rem;
    max-width: 800px;
    margin: auto;
}

button.dropdown-toggle {
    padding: .5rem .3rem;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 3rem;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


.dropdown-item.active, .dropdown-item:active {
    background: linear-gradient( 90deg, #727272, #3a3a3a);
    color: white;
}

.updatePricingBtn {
    margin-right: 5%;
    width: 45%;
}

.nextBtn {
    width: 50%;
}

.w-7 {
    width: 7%;
    display: inline;
}

.w-12 {
    width: 12%;
    display: inline;
}

.w-20 {
    width: 20%;
    display: inline;
}


.w-40 {
    width: 40%;
    display: inline;
}

.w-60 {
    width: 60%;
    display: inline;
}

.sectionTitle h2 {
    margin-bottom: 1.5rem;
}

section {
    padding: 3rem 0rem;
}

select option {
    background: #fff;
}


.contentBanner {
    padding: 10rem 3rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .contentBanner h1 {
        color: white;
        width: 80%;
        font-size: 4rem;
    }


section.banner {
    padding: 1rem 0;
}

.moveUp7 {
    position: relative;
    top: -7px;
}

.fullWidthImage img {
    width: calc( 100% + 4rem);
    margin: 0 -2rem;
    border-radius: 0;
}

.roundedBorder {
    border-radius: 8px;
    border: 1px solid #e7e7e7;
}

.roundedShadow {
    border-radius: 8px;
    box-shadow: 0px 0px 5px #ddd;
}

.list-2-col {
    list-style: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}

.videoLink {
    background-image: url(../../../../images/icons/camera.svg);
    background-position: left;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    padding-left: 50px;
    color: #3c3c3c;
}

.listOK, .listNotOk {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
}

.nav a {
    font-weight: 600;
}

.listOK li, .listNotOk li {
    padding: 5px 0px 5px 30px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 20px;
}


.listOK li {
    background-image: url(../../../../images/icons/tick.svg);
    background-size: 30px 30px;
    background-color: #73D2D2;
    border-radius: 35px;
    color: white;
}

.listNotOk li {
    background-image: url(../../../../images/icons/cross.svg);
    background-size: 30px 30px;
    background-color: #73D2D2;
    border-radius: 35px;
    color: white;
}

.max-w-100 {
    max-width: 100%;
}

.checkboxesList {
    list-style: none;
}

a {
    color: #3c3c3c;
}

.stick-to-bottom {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.detailPrice {
    font-weight: bold;
    font-size: 1.3rem;
    color: #707070;
}



.nav-tabs li {
    width: 25%;
    background: #fff;
}

    .nav-tabs li a {
        background: white;
        padding: .5rem 1rem;
        color: black;
        font-size: .8rem;
        width: 100%;
        display: inline-block;
        border-top: solid 4px #fff;
        font-weight: 400;
    }

.tab-content .panel-title {
    background: white;
    padding: .5rem 1rem;
    color: black;
    font-size: .8rem;
    width: 100%;
    display: inline-block;
    border-top: solid 4px #fff;
}

    .tab-content .panel-title a {
        color: black;
    }


.nav-tabs .active {
    border-top: solid 4px #3c3c3c;
    font-weight: bold;
}

.panel-body {
    padding: 1rem;
    padding-top: 2rem;
    font-size: .8rem;
    background: white;
    padding: 1rem;
}

.list-lined li {
    border-bottom: solid 1px #B7B7B7;
    padding: 1rem;
}

.panel-body .list-lined {
    border: solid 1px #B7B7B7;
}

    .panel-body .list-lined li:last-child {
        border-bottom: none;
    }


.rightBorders div {
    border-right: solid 1px #3c3c3c;
}

    .rightBorders div:last-child {
        border-right: none;
    }

/*Steps*/

.steps {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    padding-left: 0px;
}

    .steps li {
        float: left;
        padding: 10px 60px 15px 40px;
        position: relative;
        text-align: center;
        z-index: 3
    }


        .steps li .stepNBackground {
            position: absolute;
            height: 5px;
            background: #c4c4c4;
            top: calc(48% - 15px);
            width: 83%;
            right: -90px;
            z-index: -1;
        }


        .steps li.active .stepNBackground {
            background: #F06400;
        }

        .steps li:last-child .stepNBackground {
            display: none;
        }


        .steps li .stepNumber {
            width: 72px;
            height: 72px;
            display: flex;
            background: white;
            color: #1C495B;
            font-weight: 900;
            border-radius: 100%;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            text-align: center;
            margin: auto;
            border: solid 3px #F06400;
        }

        .steps li.active .stepNumber {
            background: #ffad17;
            border: solid 3px #ffad17;
            background-image: url(../../../../images/icons/tick.svg);
            background-repeat: no-repeat;
            background-size: 70px;
            background-position: left;
        }

        .steps li.inprogress .stepNumber {
            /*background: #ffd277;*/
            border: solid 3px #ffad17;
            /*background-image: url(../../../../images/icons/tickinactive.svg);*/
            background-repeat: no-repeat;
            background-size: 70px;
            background-position: left;
        }

        .steps li .stepDetail {
            font-weight: 600;
            font-size: 1.4rem;
        }

      


        @media (max-width:1024px) {
            .steps li {               
                padding: 10px 40px 15px 40px;               
               
            }

            .steps li .stepDetail {
                   
                    font-size: 1rem;
            }
           
        }

/*Extra Driver*/
.extraDriver {
    padding: 25px;
    background: #F6F6F6;
    font-weight: bold;
    box-shadow: 0 0 5px #ccc;
    border-radius: 10px;
    margin-bottom: 2rem;
}

    .extraDriver label {
        display: block;
    }

@media screen and (min-width: 400px) {
    .addDriver {
        width: 86%;
        display: block;
    }
}

@media screen and (max-width: 400px) {
    .addDriver {
        width: 60%;
        display: block;
    }
}

/*.extraDriver input {
    display: block;
    width: 100%;
}*/


/*Detail Icons*/
.detailsIcons {
    padding: 0 1rem;
    justify-content: center;
}

    .detailsIcons div {
        padding: 3px;
        width: 20%;
    }

    .detailsIcons .icon {
        padding-right: 8px;
    }

    .detailsIcons .iconInfo {
        font-weight: bold;
        font-size: .8rem;
    }

        .detailsIcons .iconInfo span {
            font-weight: bold;
            font-size: .8rem;
        }

        .detailsIcons .iconInfo small {
            font-size: .6rem;
            width: 100%;
            float: left;
        }

.cms_data p:first-child, .cms_data .spiinsurance {
    color: red;
    font-family: 'SourceSans3';
    font-weight: bold;
    font-size: .8rem;
    display: inline;
}

.cms_data .spiinsurance {
    margin-left: 5px;
}

.refinsureancemsg p:first-child {
    color: white;
}
/* Vehicle Details */

.vehicleDetailsSideBar {
    padding: 1rem 2rem 0;
    border-radius: 8px 8px 0 0;
    border: 1px solid #e7e7e7;
    background-color: #fff;
}

.owl-carousel .nav-button {
    height: 34px;
    width: 34px;
    position: absolute;
    top: calc(50% - -24px);
}

#electriccard .owl-carousel .owl-prev {
    background: url(../../../../images/icons/arrow-left.svg) no-repeat scroll;
    left: 8px;
}

#electriccard .owl-carousel .owl-next {
    background: url(../../../../images/icons/arrow-right.svg) no-repeat scroll;
    right: 12px;
}

.owl-carousel .owl-prev {
    background: url(../../../../images/icons/arrow-left.svg) no-repeat scroll;
    left: -14px;
}

.owl-carousel .owl-next {
    background: url(../../../../images/icons/arrow-right.svg) no-repeat scroll;
    right: -14px;
}

@media (max-width: 767.98px) {
    .owl-carousel .owl-prev {
        left: 20px;
        background-color: #fff;
        border-radius: 85%;
        border: none;
    }

    .owl-carousel .owl-next {
        right: 20px;
        background-color: #fff;
        border-radius: 85%;
        border: none;
    }
}

@media (max-width: 480px) {
    #vehicleDetailsCarousel .owl-stage {
        min-height: 281.250px !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    #vehicleDetailsCarousel .owl-stage {
        min-height: 362.750px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #vehicleDetailsCarousel .owl-stage {
        min-height: 380.969px !important;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    #vehicleDetailsCarousel .owl-stage {
        min-height: 387.312px !important;
    }
}



@media (min-width: 1281px) and (max-width:2560px) {
    #vehicleDetailsCarousel .owl-stage {
        min-height: 504.266px !important;
    }
}

.vehicleCosts {
    bottom: 0;
    width: calc(100% + 4rem);
    margin: 0 -2rem;
    z-index: 1000;
    position: -webkit-sticky;
    position: sticky;
}


@media (max-width: 767.98px) {
    .vehicleCosts button,
    .vehicleCosts {
        font-size: 12px !important
    }

        .vehicleCosts .h4 {
            font-size: 16px !important
        }

    .vehicleCosts {
        position: fixed !important;
        bottom: 0;
        left: 30px;
        width: 100%;
    }
}

.slider-counter {
    position: absolute;
    z-index: 999;
    bottom: 40px;
    left: 15px;
    padding: 5px 5px 5px 35px;
    border-radius: 8px;
    font-weight: bold;
    background: url(../../../../images/icons/outline-picture-placeholder.svg), white;
    background-position: 10px;
    background-repeat: no-repeat;
    background-size: 20px;
}

.bg-teal {
    background-color: #004a5d;
}

@media(max-width:767px) {

    #modelid {
        order: 1;
    }

    #electricfield {
        order: 2;
    }
}

span.img-text {
    text-decoration: none;
    outline: none;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    cursor: pointer;
    width: 100%;
    font-size: 23px;
    display: block;
    text-transform: capitalize;
}

    span.img-text:hover {
        color: #2caae1;
    }

.space {
    padding: 3rem 0rem;
}

footer {
    padding: 3rem 0 1rem 0;
    color: white;
}

    footer ul {
        list-style: none;
        padding-left: 0;
    }

    footer a {
        color: white;
        margin: 0 0 1rem 0;
        display: inline-block;
    }

        footer a:hover,
        footer a:active {
            color: white;
        }

.footerLogo {
    position: absolute;
    right: 0;
    top: -209px;
}

footer h4 {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

footer .smallLinks {
    font-size: 0.8rem;
    list-style: none;
}

    footer .smallLinks li {
        display: inline-block;
    }

        footer .smallLinks li a {
            padding: 0.2rem 1rem;
            border-right: solid 1px #e4e4e4;
            color: #e4e4e4;
        }

        footer .smallLinks li :first-child a {
            padding-left: 0;
        }

label {
    margin-bottom: 0 !important;
}

.bannerForm {
    width: 100%;
}

.form-group-selector {
    margin-bottom: 0.5rem;
}

    .form-group-selector > .label {
        margin-bottom: 0.5rem;
    }

.reverse {
    flex-direction: row-reverse;
}

.select-dropdown .dropdown-menu {
    overflow: visible !important;
}
/*Login*/
.loginPage footer {
    padding: 2rem 0 1rem 0;
}

.loginRow {
    padding: 45px 0 80px 0;
}

.loginLogoTop {
    max-width: 280px;
    position: relative;
    top: 30px;
    z-index: 9;
}

.errorLogoTop {
    max-width: 250px;
    
}

.loginLogoBottom {
    float: left;
    max-width: 200px;
    position: absolute;
    right: 0;
    top: -100px;
}

.footerlogo {
    float: left;
}

.loginNextBtn {
    width: 105px;
}

/*Optional Extras*/

.optionalExtras .vehicleCosts {
    width: calc(100% + 4rem);
    margin: 0 -2rem;
}


.extrasList label {
    font-size: .8rem;
    padding-top: 4px;
}

.extraPrice {
    padding-bottom: 15px;
    display: inline-block;
}

.blueBg {
    background-color: #004A5D;
    color: white;
    box-shadow: 0px 0px 15px 10px #aaaaaa30;
}


/*Burger Menu*/
.burger-menu-trigger {
    color: #3a343a;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    margin: 0 16px 0 4px;
    width: 34px;
    float: right;
}

    .burger-menu-trigger span {
        letter-spacing: -0.03em;
        padding-top: 4px;
    }

/*Footer Social Icons*/

.footer__social ul {
    display: flex;
}

.footer__social a {
    font-size: 3rem;
    margin-right: 8px;
}

.footer__social-links li {
    display: inline-block;
}

.footer__social-links a i {
    font-size: 2rem;
    margin-right: 0.4rem;
}

footer address {
    margin-bottom: 2rem !important;
}

/*Custom Accordion*/

.accordionCustom {
    cursor: pointer;
    width: 100%;
    outline: none;
    transition: 0.4s;
    background-image: url(../../../../images/icons/arrow-down.svg);
    background-position: left;
    background-repeat: no-repeat;
    padding: 1rem 3rem;
    font-weight: 600;
}

.panelCustom {
    padding: 0;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

    .panelCustom .panelContent {
        padding: 1rem 0;
    }

.filterPanel .accordionCustom {
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    font-weight: bold;
}

    .filterPanel .accordionCustom.active {
        background: none;
    }


/*Header*/

.logo {
    position: relative;
}

/*Top Right Links*/

.topRightLinks ul {
    float: right;
}

    .topRightLinks ul li {
        float: left;
        list-style: none;
    }

    .topRightLinks ul li {
        margin-left: 15px;
        color: #1a2b36;
    }

        .topRightLinks ul li a {
            color: #1a2b36;
        }

.topRightLinks .orange {
    font-weight: 600;
}

/*Banner*/

.banner {
    background: no-repeat center center fixed;
    background-size: cover;
    height: 100%;
    overflow: hidden;
    min-height: 40vh;
}

.bannerText {
    padding: 100px 85px 60px;
    color: white;
}

    .bannerText h1 {
        margin-bottom: 36px;
        font-size: 3rem;
    }

    .bannerText h2 {
        margin-bottom: 30px;
    }

/*Features Slider*/

.feature {
    display: flex;
}

    .feature .featureIcon {
        padding: 15px 0px 15px 0px;
    }

        .feature .featureIcon > img {
            width: 44px;
        }

    .feature .featureText {
        padding: 15px;
        font-size: 1rem;
    }

.bg-grey {
    background-color: #eee;
}

table.orderSummary {
    margin-bottom: 75px;
    font-size: 13px;
}

    table.orderSummary td {
        padding: .5rem 0.25rem 0 1rem;
    }

    table.orderSummary th {
        font-size: 18px;
    }

table.optionalextras {
    height: 150px;
    width: 900px;
}

ul.withTicks {
    list-style: none;
    padding-left: 36px;
    font-size: 13px;
}

    ul.withTicks li {
        margin-top: 6px;
    }

.list-padded li {
    padding: .5rem 0;
    margin-top: 0 !important;
}

ul.withTicks li::before {
    content: '';
    position: absolute;
    margin-left: -30px;
    width: 20px;
    height: 20px;
   /* background: url(../../../../images/icons/small-green-tick.svg) no-repeat 0 5px;*/
}



.d-none-unimportant {
    display: none;
}

.font-weight-600 {
    font-weight: 600;
}

.color-orange {
    color: #F06400;
}


/* faqs */
.faqsSearch {
    width: 80%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 4px;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    padding: 1rem 1rem !important;
}

    .faqsSearch input {
        border: none;
        width: 70%;
    }

    .faqsSearch button {
        width: 30%;
    }


.faqCard {
    background-color: #fff;
    min-height: 546px;
    padding: 2rem;
    margin-bottom: 1rem;
}

.faqCardFooter hr {
    background-color: #F06400;
}

.faqCardFooter a {
    color: #1c495b;
}

@media (max-width: 991.98px) {

    .faqsSearch {
        display: block;
    }

        .faqsSearch input {
            border: none;
            width: 100%;
        }

        .faqsSearch button {
            width: 30%;
        }
}

@media (max-width: 767.98px) {

    .faqsSearch button {
        width: 70%;
    }
}

@media (max-width: 412px) {
    table.optionalextras {
        width: auto !important;
    }


}

@media (max-width: 412px) {
    .authbutton {
        width: 250px;
        margin-left: -104px;
    }
}

@media (max-width: 767.98px) {

    .authbutton {
        width: 250px;
        margin-left: -104px;
    }
}

.getInTouchCard {
    background-color: #fff;
    min-height: 330px;
    padding: 2rem;
    font-size: 14px;
    margin-bottom: 10px;
}

/*How Works Slider*/

.howWorksSlider {
    padding: 0 0 3rem 0;
}

.howWorksImage {
    padding: 0% 20% 15px 20%;
}

.howWorksText {
    padding: 0% 20% 15px 20%;
    text-align: center;
    color: white;
}

.howWorksSlider .featureArrow {
    position: absolute;
    right: 0px;
    height: 100%;
    width: 30px;
    display: flex;
    top: 0px;
    align-items: center;
    justify-content: center;
}

/*Benefits Slider*/

.benefitsSlider {
    padding: 0 0 3rem 0;
}

.benefitsImage {
    padding: 0 5% 15px 5%;
}

.benefitsText {
    padding: 0 20% 15px 20%;
    text-align: center;
    color: #1c495b;
    font-weight: 600;
}

.benefitsSlider .plusSlider {
    position: absolute;
    right: 0px;
    height: 100%;
    width: 15px;
    display: flex;
    top: 0px;
    align-items: center;
    justify-content: center;
}

.plusSlider img {
    position: relative;
    top: -60px;
    left: 10px;
}

/*Simple Article*/

.articleSimple img {
    width: 100%;
}

.articleSimple {
    background-color: white;
    -webkit-box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 20%);
}

    .articleSimple .articleContent {
        padding: 1.5rem;
    }

/*Slider Elements*/

.owl-dots {
    text-align: center;
}

.owl-dot span {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: transparent;
    border: solid 1px #fff;
    border-radius: 100%;
    margin: 5px;
}

.owl-dot.active span {
    background: white;
}

/*verticalCard*/

.offerSlide {
    padding: 5px;
    border-radius: 8px;
}

.verticalCard {
    position: relative;
    background-color: white;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
}

    .verticalCard .cardIcon img {
        max-width: 35px;
        max-height: 35px;
        margin: auto;
    }

    .verticalCard .cardIcon {
        display: list-item;
        height: 50px;
    }

    .verticalCard .cardTitle {
        padding: 0 1rem;
    }

    .verticalCard .smallText {
        padding: 0 1rem;
        margin-top: 15px;
        float: left;
        width: 100%;
    }

    .verticalCard .cardTitle p {
        font-size: 0.8rem;
        color: #1c495b !important;
    }

    .verticalCard .cardPrice {
        padding: 0 1rem;
        font-weight: 600;
    }

    .verticalCard .cardIcons {
        display: flex;
        flex-direction: row;
        padding: 0px 15px;
    }


        .verticalCard .cardIcons li {
            flex-grow: 1;
            flex-basis: 0;
            list-style: none;
            text-align: center;
            padding: 0;
        }

.cardTopRight {
    background-color: #004a5d;
    position: absolute;
    top: 0px;
    right: 0px;
    color: white;
    font-weight: 600;
    padding: 0.5rem;
}

.cardTopLeft {
    background-color: #004a5d;
    position: absolute;
    top: 0px;
    left: 0px;
    color: white;
    font-weight: 600;
    padding: 0.5rem 0px .5rem 25px;
}

.cardTopRight .leftSkew {
    transform: skew(14deg, 0deg);
    width: 40px;
    background-color: #004a5d;
    position: absolute;
    left: -30px;
    height: 40px;
    top: 0;
    border-radius: 8px 0 0 8px;
    z-index: 1;
}

.cardTopLeft .leftSkew {
    transform: skew(14deg, 0deg);
    width: 40px;
    background-color: #004a5d;
    position: absolute;
    right: 30px;
    height: 40px;
    top: 0;
    border-radius: 8px 0 0 8px;
    z-index: 1;
}


.moveUp {
    position: relative;
    z-index: 2;
    left: -15px;
}

.verticalCard .cardIconLeft {
    position: absolute;
    top: 0px;
    left: 0px;
}

.verticalCard .cardIconInfo {
    font-size: 0.8rem;
    font-weight: bold;
}

.verticalCard .cardPrice {
    font-size: 1.8rem;
}

.verticalCard .cardLink {
    text-align: center;
    padding: 1rem 0;
}

/*HorizontalCard*/



.horizontalCard .cardImage {
    width: 30%;
    float: left;
}

.cardImage img {
    width: 100%;
    max-width: 100%;
}

.horizontalCard .carDetails {
    width: 40%;
    float: left;
    padding: 10px;
}

.horizontalCard .rightDetails {
    width: 30%;
    float: left;
    padding: 10px;
    text-align: right;
}

.rightDetails .buttonInfo {
    position: relative;
    top: -6px;
    padding-left: 0;
}

.horizontalCard .rightDetails .price {
    font-weight: 600;
}


.horizontalCard .cardTopRight {
    background-color: #004A5D;
    position: absolute;
    top: 0px;
    left: 0px;
    color: white;
    font-weight: 600;
    padding: .5rem;
}

    .horizontalCard .cardTopRight .leftSkew {
        transform: skew( -14deg, 0deg );
        width: 40px;
        background-color: #004A5D;
        position: absolute;
        right: -30px;
        height: 40px;
        top: 0;
        border-radius: 8px;
        z-index: 1;
    }

.horizontalCard .cardTopLeft .leftSkew {
    transform: skew( -14deg, 0deg );
    width: 40px;
    background-color: #004A5D;
    position: absolute;
    left: 85%;
    height: 40px;
    top: 0;
    border-radius: 8px;
    z-index: 1;
}



.horizontalCard .moveUp {
    position: relative;
    z-index: 2;
}

.fa-trash {
    font-size: 26px;
}

.horizontalCard {
    margin-bottom: 15px;
    border: solid 1px #dddddd;
    float: left;
    background: white;
    border-radius: 8px;
    width: 100%;
    position: relative;
}

    .horizontalCard .cardImage {
        position: relative;
        height: 100%;
    }

        .horizontalCard .cardImage img {
            height: auto;
            width: 100%;
            left: 0;
            top: 0;
            object-fit: cover;
        }

    .horizontalCard .cardTitle h4 {
        font-weight: bold;
        margin: 0;
    }

    .horizontalCard .cardTitle p {
        color: #1c495b !important;
        font-size: 0.9rem;
    }

    .horizontalCard .bottomLink {
        position: relative;
        float: left;
        width: 100%;
    }

    .horizontalCard .buttonRight {
        position: absolute;
        right: 10px;
        bottom: 15px;
    }
/*Testimonial Items*/
.testimonialItem {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}

.testimonialContent {
    text-align: center;
    width: 600px;
    margin: 10px;
    padding: 10px;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    background: #fff;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}

    .testimonialContent .score {
        font-size: 180%;
        color: #3c3c3c;
    }

    .testimonialContent .custTestimonial {
        font-size: 90%;
        color: rgb(28, 73, 91);
    }

    .testimonialContent .custName {
        font-size: 80%;
        color: rgb(28, 73, 91);
    }


/*Search Page Panel Left*/
.appliedFilters {
    background: #7ea3ad;
    border-radius: 8px 8px 0px 0px;
}

.filtersList {
    background: white;
    border-radius: 0px 0px 8px 8px;
    border: solid 1px #dddddd;
}

    .filtersList .filterPanel {
        padding: 15px;
        border-bottom: solid 1px #ddd;
    }

.appliedFilters .clear-filters {
    color: #1C495B;
}

@media (max-width: 991.98px) {
    .appliedFilters .clear-filters {
        padding-right: 50px;
    }
}

label.currencyInput {
    border: none;
    padding: 0;
}

/*Lists*/

/*List inline small features */
.bulletListsInline ul {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

    .bulletListsInline ul li {
        float: left;
        margin-right: 10px;
        padding-right: 10px;
        font-size: 0.7rem;
        font-weight: bold;
    }

        .bulletListsInline ul li:first-child {
            list-style: none;
        }



/*Saved Car*/

.savedCar .binTopRight {
    position: absolute;
    top: 15px;
    right: 30px;
    z-index: 2;
}

.binTopRight button {
    background: none;
    border: none;
    color: #1C495B !important;
}

    .binTopRight button:hover {
        color: #3a3a3a !important;
    }

.cms_data p:first-child, .cms_data .spiinsurance {
    color: red;
    font-family: 'SourceSans3';
    font-weight: bold;
    font-size: .8rem;
    display: inline;
}

.cms_data .spiinsurance {
    margin-left: 5px;
}

.refinsureancemsg p:first-child {
    color: white;
}

@media (min-width: 1199.98px) {

    .non-nav-logo-portrait .logo {
        width: auto;
        position: relative;
        margin: 0 auto;
        height: 100px;
        max-width: 450px;
        z-index: 1040;
        top: 0px;
        transition: all 0.5s ease;
    }

    img.cobrand-logo-non-nav-portrait {
        height: 50px;
        width: auto;
        position: absolute;
        right: 74px;
        bottom: -72px;
        transition: all 0.5s ease;
    }


    .logo {
        width: auto;
        height: 70px;
        max-width: 450px;
        z-index: 1040;
        top: 26px;
        transition: all 0.5s ease;
    }

    .non-nav-logo .logo {
        width: auto;
        position: relative;
        margin: 0 auto;
        height: 50px;
        max-width: 450px;
        z-index: 1040;
        top: 0px;
        transition: all 0.5s ease;
    }

    img.cobrand-logo-non-nav {
        height: 50px;
        width: auto;
        position: absolute;
        right: 74px;
        bottom: -72px;
        transition: all 0.5s ease;
    }

    img.cobrand-logo-non-nav-welcome {
        height: 50px;
        width: auto;
        position: absolute;
        right: 74px;
        bottom: -72px;
        transition: all 0.5s ease;
    }

    .logo-main-img {
        height: 100%;
        position: relative;
    }

    img.clientlogo {
        height: 100%;
        width: auto;
        position: relative;
        top: -30px;
        left: -30px;
        padding-bottom: 10px;
    }

    img.cobrand-logo {
        height: 75px;
        width: auto;
        position: absolute;
        right: -120px;
        bottom: -59px;
        transition: all 0.5s ease;
    }
    .inartnershiptextright {
         height: 25px;
        top: -30px;
        width: 300px;
        position: relative;
        font-weight: bold;
        font-size: .8rem;
        left:300px;
        transition: all 0.5s ease;
    }

    .inartnershiptextleft {
        height: 70px;
        width: auto;
        position: absolute;
        bottom: 26px;
        transition: all 0.5s ease;
        right:-120px;
    }
    .inpartnership {
        position: absolute;
        top: 30px;
        font-weight: bold;
        font-size: .8rem;
        width: 200px;
        transition: all 0.5s ease;
        text-align: left;
        right:-120px
    }

    .non-nav-logo .inpartnership {
        text-align: left;
    }

    .logo.scrolled {
        top: 12px;
        height: 40px;
        transition: all 0.5s ease;
    }

        .logo.scrolled img.cobrand-logo {
            opacity: 0;
            transition: all 0.5s ease;
        }

        .logo.scrolled .inpartnership {
            opacity: 0;
            transition: all 0.5s ease;
        }

    .horizontalCard.savedCar .rightDetails {
        font-size: 1.4rem;
    }

        .horizontalCard.savedCar .rightDetails .leftDetail {
            width: 50%;
            float: left;
            text-align: right;
        }

        .horizontalCard.savedCar .rightDetails .rightDetail {
            width: 50%;
            float: left;
        }


    .horizontalCard.savedCar .carDetails {
        width: 70%;
    }

        .horizontalCard.savedCar .carDetails .detailsLeft {
            width: 40%;
            float: left;
        }

        .horizontalCard.savedCar .carDetails .detailsRight {
            width: 60%;
            float: left;
        }

            .horizontalCard.savedCar .carDetails .detailsRight .rightDetails {
                width: 100%;
            }

            .horizontalCard.savedCar .carDetails .detailsRight .bottomLink {
                width: 100%;
                top: 2rem;
            }

    .logo-portrait {
        width: auto;
        height: 95px;
        max-width: 450px;
        z-index: 1040;
        top: 26px;
        transition: all 0.5s ease;
        position: absolute;
    }
 


    img.cobrand-logo-portrait {
        height: 55px;
        width: auto;
        position: absolute;
        right: -80px;
        bottom: -51px;
        transition: all 0.5s ease;
    }
}

@media (max-width: 1400px) {
    .contentBanner h1 {
        font-size: 3rem;
    }
}


@media (max-width: 1199.98px) {

    .non-nav-logo-portrait img.cobrand-logo-non-nav-portrait {
        bottom: -29px;
        right: -57px;
        height: 40px;
    }

    .logo {
        width: auto;
        height: 50px;
        max-width: 300px;
        min-width: 150px;
        z-index: 1040;
        top: 26px;
        transition: all 0.5s ease;
    }

    .non-nav-logo-portrait {
        min-height: 140px;
    }

    .non-nav-logo {
        min-height: 140px;
    }

    .non-nav-logo-portrait .logo {
        width: auto;
        position: relative;
        margin: 0 auto;
        height: 100px;
        max-width: 450px;
        z-index: 1040;
        top: 77px;
        transition: all 0.5s ease;
    }

    .non-nav-logo .logo {
        width: auto;
        position: relative;
        margin: 0 auto;
        height: 40px;
        max-width: 450px;
        z-index: 1040;
        top: 77px;
        transition: all 0.5s ease;
    }

    .logo-main-img {
        height: 100%;
        position: relative;
    }

    img.clientlogo {
        height: 100%;
        width: auto;
        position: relative;
        top: -25px;
        left: -10px;
    }

    img.cobrand-logo {
        height: 70px;
        width: auto;
        position: absolute;
        right: -105px;
        bottom: -75px;
        transition: all 0.5s ease;
        opacity: 1;
    }
    .inartnershiptextright {
        height: 25px;
        top: 40px;
        width: 300px;
        position: absolute;
        font-weight: bold;
        font-size:0.7rem;
        left: 125px;
        transition: all 0.5s ease;
    }
    .loginLogoTop {
        max-width: 250px;
        position: relative;
        top: 30px;
        z-index: 9;
    }

    .inartnershiptextleft {
        height: 70px;
        width: auto;
        position: absolute;
        right: 200px;
        bottom: 26px;
        transition: all 0.5s ease;
    }
    .non-nav-logo img.cobrand-logo {
        bottom: -43px;
    }

    .non-nav-logo img.cobrand-logo-non-nav {
        bottom: -29px;
        right: -57px;
    }

    .inpartnership {
        position: absolute;
        top: 30px;
        transition: all 0.5s ease;
        opacity: 1;
        font-weight: bold;
        font-size: .8rem;
        width:200px;
        right:-120px;
    }

    .logo.scrolled {
        top: 12px;
        transition: all 0.5s ease;
    }

        .logo.scrolled img.cobrand-logo {
            opacity: 0;
            transition: all 0.5s ease;
        }

        .logo.scrolled .inpartnership {
            opacity: 0;
            transition: all 0.5s ease;
        }

    .detailsIcons div {
        width: 33%;
    }

    .contentBanner {
        padding: 5rem 3rem;
    }

        .contentBanner h1 {
            font-size: 2.5rem;
        }

    .rightBorders h3 {
        font-size: 1rem;
    }

    .extrasList label {
        padding-top: 0;
    }

    .horizontalCard .cardImage {
        width: 40%;
        float: left;
    }

    .horizontalCard .carDetails {
        width: 30%;
        float: left;
        padding: 10px;
    }

    .horizontalCard.savedCar .carDetails {
        width: 60%;
    }

    .horizontalCard.savedCar .rightDetails {
        width: 100%;
    }

    .horizontalCard.savedCar .bottomLink {
        width: 100%;
    }

        .horizontalCard.savedCar .bottomLink .buttonRight {
            position: unset;
            float: left;
            margin-top: 2rem;
        }

    .horizontalCard .rightDetails {
        width: 30%;
        float: left;
        padding: 10px;
        font-size: .6rem;
    }

    .priceDetails {
        font-size: 0.8rem;
    }


    .logo-portrait {
        width: auto;
        height: 94px;
        max-width: 300px;
        min-width: 150px;
        z-index: 1040;
        top: 26px;
        transition: all 0.5s ease;
    }

    img.cobrand-logo-portrait {
        height: 50px;
        width: auto;
        position: absolute;
        right: -20px;
        bottom: -50px;
        transition: all 0.5s ease;
        opacity: 1;
    }
}

@media (max-width: 1024px) {
    .horizontalCard .cardImage {
        width: 50%;
        float: left;
    }

    .horizontalCard.savedCar .cardImage {
        width: 100%;
    }

    .horizontalCard .carDetails {
        width: 50%;
        float: left;
        padding: 10px;
    }

    .horizontalCard .rightDetails {
        width: 30%;
        float: left;
        padding: 10px;
        font-size: 0.8rem;
    }
}

@media (min-width: 991.98px) {
    .logo {
        position: absolute;
    }

    .extraDriver {
        position: relative;
        left: -25px;
    }

    .w-80-l {
        width: 80% !important;
    }

    .w-40-l {
        width: 40% !important;
    }

    .w-7-l {
        width: 7% !important;
    }
    .w-12-l {
        width: 12% !important;
    }

    .halfWidthDesktop {
        width: 50%;
    }

    .loginPage .btn {
        margin-top: 200px !important;
    }


    /*stick to the bottom on desktop only*/
    .vehicleCosts {
        bottom: 0;
        width: calc( 100% + 4rem);
        margin: 0 -2rem;
        border-radius: 0;
    }

    .panel-heading {
        display: none;
    }

    .panel {
        border: none;
        box-shadow: none;
    }

    .panel-collapse {
        height: auto;
    }

        .panel-collapse.collapse {
            display: block;
        }
}


@media (max-width: 991.98px) {

    .non-nav-logo-portrait .logo {
        width: auto;
        position: relative;
        margin: 0 auto;
        height: 100px;
        max-width: 250px;
        z-index: 1040;
        top: 77px;
        transition: all 0.5s ease;
    }

    .non-nav-logo .inpartnership {
        text-align: left;
    }

    .non-nav-logo-portrait .inpartnership {
        text-align: left;
    }


    .logo {
        width: auto;
        height: 40px;
        max-width: 300px;
        position: absolute;
        z-index: 1040;
        top: -17px;
    }



    .non-nav-logo {
        min-height: 140px;
    }

        .non-nav-logo .logo {
            width: auto;
            position: relative;
            margin: 0 auto;
            height: 40px;
            max-width: 250px;
            z-index: 1040;
            top: 77px;
            transition: all 0.5s ease;
        }

    .loginLogoTop {
        max-width: 250px;
        position: relative;
        top: 30px;
        z-index: 9;
    }
    .logo-main-img {
        height: 100%;
        position: relative;
    }

    img.clientlogo {
        height: 100%;
        width: auto;
        position: relative;
        top: 15px;
        left: -10px;
    }

    img.cobrand-logo {
        height:60px;
        width: auto;
        position: absolute;
        right: -30px;
        bottom: -101px;
    }
    .inartnershiptextright {
        height: 25px;
        top: 65px;
        width: 200px;
        font-size: .8rem;
        position: absolute;
        font-weight: bold;
        left: 155px;
        transition: all 0.5s ease;
    }

    .errorLogoTop {
        max-width:220px;
    }

    .inartnershiptextleft {
        height: 70px;
        width: auto;
        position: absolute;
        right: 200px;
        bottom: 26px;
        transition: all 0.5s ease;
    }

    .inpartnership {
        position: absolute;
        top:50px;
        width: 200px;
        font-weight: bold;
        font-size: .8rem;
        right:-60px;

    }

    .non-nav-logo .inpartnership {
        text-align: left;
    }

    .bh-checkboxes-inline .bh-checkbox-inline label, .rightBorders div {
        font-size: .6rem;
    }

    .detailsIcons {
        justify-content: left;
    }

    .updatePricingBtn, .nextBtn {
        font-size: .6rem;
    }

    .rightBorders div {
        border: none;
    }

    .steps li {
        padding: 20px;
    }

       
        .steps li .stepNumber {
            width: 40px;
            height: 40px;
            font-size: 1rem;

        }

        .steps li.active .stepNumber {
            background-size: 36px;
        }

        .steps li.inprogress .stepNumber {
            background-size: 36px;
        }
           
           .steps li .stepNBackground {
            width: 85%;
            right: -65px;
        }

    .tab-content .tab-pane {
        display: block;
    }

    .nav-tabs {
        display: none;
    }

    .panel-title a {
        display: block;
    }

    .panel {
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: -2px;
    }

    .tab-pane:first-child .panel {
        border-radius: 5px 5px 0 0;
    }

    .tab-pane:last-child .panel {
        border-radius: 0 0 5px 5px;
    }


    .extrasList label {
        padding-top: 0px;
    }

    .list-2-col {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }


    .logo {
        position: relative;
        z-index: 1;
    }

    .articleSimple {
        margin-bottom: 2rem;
    }

    .bannerText {
        padding: 100px 30px 60px;
    }

        .bannerText h1 {
            margin-bottom: 0.5rem;
        }

    .mobileLogo {
        position: absolute;
        top: -15px;
        left: 15px;
        z-index: 9998;
        height: 100px;
    }

    .header {
        padding: 3rem 0 !important;
    }

    .bannerText {
        padding-top: 60px;
    }

    .logo {
        position: relative;
        top: -30px;
    }

    /*    .logo img {
            position: absolute;
            width: auto;
        }*/

    .bannerForm {
        position: fixed;
        top: -1000px;
        transition: top 0.3s ease;
        z-index: -1;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: auto;
        opacity: 0;
    }

        .bannerForm.active {
            top: 0;
            z-index: 10000;
            opacity: 1;
        }

    .close-burger-menu {
        display: inline-block;
        position: absolute;
        right: 30px;
        top: 20px;
        z-index: 9999;
    }

    .searchHeader {
        margin-bottom: 3rem;
        font-weight: 600;
        font-size: 1.5rem;
        padding-right: 80px;
    }

    .hideOnMobile {
        display: none !important;
    }

    .logo-portrait {
        width: auto;
        height: 115px;
        max-width: 300px;
    }

    img.cobrand-logo-portrait {
        height: 40px;
        width: auto;
        position: absolute;
        right: 60px;
        bottom: -35px;
    }

    img.cobrand-logo-non-nav {
        height: 50px;
        width: auto;
        position: absolute;
        right: 74px;
        bottom: -72px;
        transition: all 0.5s ease;
    }

    img.cobrand-logo-non-nav-welcome {
        height: 50px;
        width: auto;
        position: absolute;
        right: -100px;
        bottom: -72px;
        transition: all 0.5s ease;
    }
}


@media (min-width: 767.99px) {
    .showOnMobile {
        display: none;
    }

    .modal-dialog {
        max-width: 650px;
    }
}



@media (max-width: 767.98px) {

    .hideOn768 {
        display: none;
    }

    .updatePricingBtn, .nextBtn {
        font-size: 1rem;
    }

    .horizontalCard.savedCar .carDetails {
        width: 100%;
    }

    .steps li {
        padding: 10px;
        font-size: .6rem;
        clear:both;
        width:300px;
    }

        .steps li .stepNumber {
            width: 40px;
            height: 40px;
            font-size: 1rem;
        }

        .steps li .stepNBackground {
            /*width: 85%;
            right: -30px;
            top: calc(50% - 9px);*/
            display:none;
        }

    .oneRemOnMobile {
        font-size: 1rem;
    }

    .stick-to-bottom {
        position: unset;
    }

    .horizontalCard .bottomLink {
        position: unset;
        padding-bottom: 15px;
    }

    .horizontalCard .buttonRight {
        position: unset;
        margin-left: 10px;
    }

    .horizontalCard .cardImage {
        width: 100%;
        float: left;
    }

    .horizontalCard .carDetails {
        width: 100%;
        float: left;
        padding: 10px;
    }

    .horizontalCard .rightDetails {
        width: 100%;
        float: left;
        padding: 10px;
        font-weight: bold;
        text-align: left;
    }

    .benefitsSlider .owl-stage {
        position: relative;
        left: -50px;
    }

    .verticalCard .cardIcon img {
        max-width: 20px;
        max-height: 20px;
        margin: auto;
    }

    .cardIconInfo {
        font-size: 0.6rem !important;
    }

    .offersSlider {
        position: relative;
        left: 0;
        width: 100%;
    }

    .testimonialSlider {
        position: relative;
        left: 0;
        width: 100%;
    }

    .removePaddingMobile {
        padding: 0;
    }
}

@media (max-width: 575.98px) {
    .horizontalCard .cardImage img {
        position: relative;
    }

    .detailsIcons div {
        width: 50%;
    }
    .inartnershiptextright {
        height: 25px;
        top: 65px;
        width: 300px;
        font-size: .8rem;
        position: absolute;
        font-weight: bold;
        left: 68px;
        transition: all 0.5s ease;
    }

    .loginLogoTop {
        max-width: 180px;
        position: relative;
        top: 25px;
        z-index: 9;
    }
    .errorLogoTop {
        max-width: 200px;
    }

}

@media (min-height: 400px) {
    .loginPage {
        position: relative;
    }

        .loginPage footer {
            position: relative;
        }

        .loginPage .centerOnDesktop {
            position: relative;
            top: 50px;
            left: 50%;
            transform: translate(-50%, 0%);
            width: auto;
            width: 80%;
        }
}


@media (min-height: 800px) {
    .loginPage {
        min-height: 100vh;
        position: relative;
    }

        .loginPage footer {
            position: fixed;
            bottom: 0;
            width: 100%;
        }

        .loginPage .centerOnDesktop {
            position: absolute;
            top: calc(50% - 20px);
            transform: translate(-50%, -50%);
        }
}

@media (min-height: 1000px) {
    .loginPage .centerOnDesktop {
        top: calc(50% - 100px);
    }
}


.dropdown-item {
    white-space: break-spaces !important;
}

@media (max-width: 991.98px) {

    footer {
        padding-bottom: 250px;
    }

    .leaseplantag {
        padding-bottom: 50px;
    }
}

/*Desktop Dropdown*/

@media (min-width: 992px) {


    .menu-wrapper .drop {
    display:none;
    }

    .main-site-navigation .menu-level-2-a, .main-site-navigation .menu-level-2-span {
        color: #3a343a;
        font-family: 'SourceSans3';
        font-weight: 600;
        font-size: 14px;
        padding-bottom: 1.6vh;
    }

    .main-site-navigation .menu-level-1-a, .main-site-navigation .menu-level-1-span {
        color: #004a5d;
        padding-bottom: 1.6vh;
        font-family: 'SourceSans3';
        font-weight: bold;
    }

    .main-site-navigation {
        position: static;
    }

    .main-site-navigation .menu-level-0 {
        display: flex;
        justify-content: flex-end;
        height: 50px;
    }

    .main-site-navigation ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .main-site-navigation .menu-level-0 .menu-level-0-li {
        height: 50px;
        display: flex;
        align-items: center;
        padding: 0 0 0 20px;
    }


    .main-site-navigation .menu-level-0 .has-submenu {
        height: 50px;
        display: flex;
        align-items: center;
        padding: 0 0 0 20px;
    }

        .main-site-navigation .menu-level-0-a, .main-site-navigation .menu-level-0-span {
            align-items: center;
            font-family: 'SourceSans3';
            font-weight: 600;
            font-size: 14px;
            color: #0F3549;
            cursor: pointer;
        }

    .main-site-navigation a, .main-site-navigation span {
        display: flex;
    }

    .main-site-navigation .menu-item-icon {
        max-width: 18px;
    }

    .main-site-navigation .menu-level-0 .menu-level-0-svg {
        display: block;
        margin: 3px 10px 0 10px !important;
        padding: 1px;
    }

    .main-site-navigation .menu-level-0 .menu-level-0-li:hover > .menu-wrapper {
        height: calc(100vh - 136px);
    }

    .main-site-navigation .menu-level-0 .menu-level-0-a:focus > .menu-wrapper {
        height: calc(100vh - 136px);
    }

    .main-site-navigation .has-submenu.open > .menu-wrapper {
        height: calc(100vh - 136px);
    }




    .main-site-navigation .menu-level-0-wrapper {
        position: absolute;
        height: 0;
        top: 100%;
        overflow: hidden;
        left: 0;
        right: 0;
        background-color: #fff;
        z-index: 10000;
        box-shadow: 0 1px 4px 0 rgb(0 0 0 / 16%), 0 0 2px 0 rgb(0 0 0 / 8%);
        display: flex;
        transition: height .3s ease-in-out;
    }

    .main-site-navigation .menu-level-1 {
        padding: 5vh 2vw 5vh 10vw;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 75vw;
        height: calc(100vh - 136px);
    }

    .main-site-navigation ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
}

.plusMinus {
    background: #fff;
    width: 18px;
    height: 18px;
    border: 0;
    float: right;
    position: absolute;
    right: 30px;
    padding: 0;
}

.plusMinus span {
    position: absolute;
    transition: 300ms;
    background: #3c3c3c;
}

.plusMinus span:first-child {
    top: 5%;
    bottom: 5%;
    width: 1.8px;
    height: 16px;
    left: 45%;
    border-radius: 2px;
}

.plusMinus :last-child {
    left: 5%;
    right: 5%;
    height: 1.8px;
    max-width: 16px;
    top: 45%;
    border-radius: 2px;
}

.accordionCustom.active .plusMinus :first-child {
    transform: rotate(90deg);
}

/*Checkbox*/
.checkboxContainer {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkboxContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    bottom: 13%; /* To fix display bug in IE and FireFox */
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: solid 2px #3c3c3c;
    border-radius: 3px;
    top:9px;
}

@media (max-width: 768px) {

    .checkmark {
        bottom: 29%; /* To fix display bug in IE and FireFox */
    }
}

/* On mouse-over, add a grey background color */
.checkboxContainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxContainer input:checked ~ .checkmark {
    background-color: #3c3c3c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkboxContainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkboxContainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);


}
/*Checkbox*/



.fullWidthCheck input.filterSelected + label {
    background-color: #3c3c3c;
    color: #fff;
}

.fullWidthCheck input[type=checkbox] {
    position: absolute;
    left: -100000px;
    opacity: 0;
}

.fullWidthCheck label {
    display: block;
    width: 100%;
    border: solid 1px #aeadad;
    padding: 9px 9px 9px 30px;
    border-radius: 3px;
    margin-bottom: 5px;
    font-size: 14px;
}






input[type=text],
input[type=date],
input[type=number],
input[type=email], textarea {
    padding: 1rem;
    border: solid 1px #CCCCCC;
}



:focus-visible {
    outline: solid 2px #3c3c3c;
}