
/*-----------------------------------
        Table of contents
-------------------------------------
-Normalize
-Header
-Main
-Footer
-Typography
-Color
-Background Color
-Strokes Color
-Forms
-Radio Type
-Checkbox Type
-Buttons
-Prize CircleG
-Circle Title
-Header492
-Element Section
-Step Section
-Inpage Tab
-Lists Section

/*-----------------------------------
        -Normalize
-----------------------------------*/

/* global colours */
:root {
    --orange: #999999 !important;
    --purple: #666666 !important;
    --green: #888888 !important;
    --dark: #333333 !important;
    --dark-light: #cccccc !important;
    --siteBG: #ffffff !important;
    --bs-body-bg: #ffffff !important;
    --navHoverBG: #eeeeee !important;
    --totalBG: #aaaaaa !important;
    --font: Arial, sans-serif !important;
    --font-bold: Arial, sans-serif !important;
    --fontSizeDefault: 13px;
    --bdr-clr:#ccc;
    /*--orange: #d83722;*/ /* #FE3B00;*/
    /*--purple: #53309C;*/ /*var(--purple) ;*/
    /*--green: #1EA32C;
    --dark-light: #676A8E;
    --dark: #393b5a;*/ /*#676A8E;*/
    /*--bdr-clr: #DAD9DE;
    --siteBG: #f8fafc;
    --fontSizeDefault: 13px;
    --globalBorderRadius: 4px;
    --navBackground: #ffffff;
    --navHoverBG: #fefbf6;
    --totalBG: #b693ff;
    --bs-body-bg: #ffffff;
    --font: SourceSansPro Regular;
    --font-bold: SourceSansPro Bold;*/
}


.header-right  svg.defaultIcon g rect {
    fill:var(--purple) !important
}

body {
    padding-top: 0 !important
}

.button-wrap {
    /* margin-top: 40px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;*/
}

    .button-wrap:after, .button-wrap:before {
        content: '';
        display: table;
        clear: both;
    }

.btn-block + .btn-block {
    margin-top: 0 !important;
}

.container:after,
.container:before {
    content: "";
    display: table;
    clear: both;
}

html {
    line-height: 1.5;
}

body {
    font-family: var(--font);
    font-weight: 400;
    font-size: var(--fontSizeDefault);
    color: #7A868E;
    line-height: 1.6;
    /*letter-spacing: 0.2px;*/
    min-width: 2px !important;
    margin: 0;
}

    body a,
    body p,
    ul,
    ol {
        font-size: var(--fontSizeDefault);
    }

img {
    border-style: none;
    max-width: 100%;
    vertical-align: middle;
}

input[type="submit"],
input[type="button"] {
    appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
}

b,
strong {
/*    font-weight: bold;
*/    font-family: var(--font-bold);
}

select::-ms-expand {
    display: none;
}

img:-moz-broken::before,
input:-moz-broken::before,
img:-moz-user-disabled::before,
input:-moz-user-disabled::before,
img:-moz-loading::before,
input:-moz-loading::before,
applet:-moz-empty-except-children-with-localname(param):-moz-broken::before,
applet:-moz-empty-except-children-with-localname(param):-moz-user-disabled::before {
    content: -moz-alt-content;
    unicode-bidi: isolate;
}

ul li {
    list-style: none !important;
    margin-left: 0px !important;
}
.list-content.addons ul li {
    list-style: unset !important;
    margin-left: unset !important;
}
/* -Typography */
/*    roboto
    @font-face {
    font-family: "Montserrat Thin";
    src: url("/carjiffy/css/webfonts/Roboto-Thin.woff2") format("woff2"),url("/carjiffy/css/webfonts/Roboto-Thin.woff") format("woff"),url("/carjiffy/css/webfonts/Roboto-Thin.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}


@font-face {
    font-family: "var(--font)";
    src: url("/carjiffy/css/webfonts/Roboto-Regular.woff2") format("woff2"),url("/carjiffy/css/webfonts/Roboto-Regular.woff") format("woff"),url("/carjiffy/css/webfonts/Roboto-Regular.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}


@font-face {
    font-family: "var(--font-bold)";
    src: url("/carjiffy/css/webfonts/Roboto-Bold.woff2") format("woff2"),url("/carjiffy/css/webfonts/Roboto-Bold.woff") format("woff"),url("/carjiffy/css/webfonts/Roboto-Bold.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}*/
/*    opensans*/
@font-face {
    font-family: "Montserrat Thin";
    src: url("/carjiffy/css/webfonts/Montserrat-Thin.woff2") format("woff2"),url("/carjiffy/css/webfonts/Montserrat-Thin.woff") format("woff"),url("/carjiffy/css/webfonts/Montserrat-Thin.otf") format("opentype");
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: "Montserrat Regular";
    src: url("/carjiffy/css/webfonts/Montserrat-Regular.woff2") format("woff2"),url("/carjiffy/css/webfonts/Montserrat-Regular.woff") format("woff"),url("/carjiffy/css/webfonts/Montserrat-Regular.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Montserrat Bold";
    src: url("/carjiffy/css/webfonts/Montserrat-Bold.woff2") format("woff2"),url("/carjiffy/css/webfonts/Montserrat-Bold.woff") format("woff"),url("/carjiffy/css/webfonts/Montserrat-Bold.otf") format("opentype");
    font-style: normal;
    font-weight: 400 !important;
}

@font-face {
    font-family: "SourceSansPro Regular";
    src: url("/carjiffy/css/webfonts/SourceSansPro.woff2") format("woff2"),url("/carjiffy/css/webfonts/SourceSansPro.woff") format("woff"),url("/carjiffy/css/webfonts/SourceSansPro.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "SourceSansPro Bold";
    src: url("/carjiffy/css/webfonts/SourceSansPro.woff2") format("woff2"),url("/carjiffy/css/webfonts/SourceSansPro.woff") format("woff"),url("/carjiffy/css/webfonts/SourceSansPro.otf") format("opentype");
    font-style: normal;
    font-weight: 400 !important;
}



h1,
.h1,
h2,
.h2,
h4,
.h4,
h6,
.h6,
h7,
.h7 {
    font-family: var(--font-bold);
}

h5,
.h5,
h3,
.h3 {
    font-family: var(--font);
}

h1,
.h1 {
    margin: 0 0 10px 0;
    font-size: 24px;
    line-height: 30px;
    color: #1B2126;
}

h2,
.h2 {
    margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 24px;
    color: #1B2126;
}

h3,
.h3 {
    font-size: var(--fontSizeDefault);
    color: #1B2126;
    font-weight: bold
}

h4,
.h4 {
    font-size: var(--fontSizeDefault);
    color: #7A868E
}

h5,
.h5 {
    font-size: var(--fontSizeDefault);
    color: #1B2126
}

h6,
.h6 {
    font-size: var(--fontSizeDefault);
    color: #7A868E
}

h7,
.h7 {
    font-size: var(--fontSizeDefault);
    color: #7A868E
}

h8,
.h8 {
    font-size: var(--fontSizeDefault);
    color: #7A868E
}

h9,
.h9 {
    font-size: 13px;
}

h10,
.h10 {
    font-size: var(--fontSizeDefault);
}

p {
    margin-top: 5px;
    line-height: 1.5;
}

.heading {
    margin: 0 0 10px 0;
    font-size: 24px;
    line-height: 30px;
    color: #1B2126;
}

.sub_heading_Blk {
  font-size:  var(--fontSizeDefault);
    line-height: 20px;
    color: #1B2126;
    font-family: var(--font-bold);
    letter-spacing: 0.2px;
    clear: both;
}

.sub_heading_Bld {
    font-size: var(--fontSizeDefault);
    line-height: 20px;
    color: #7A868E;
    font-family: var(--font-bold);
    letter-spacing: 0.2px;
}

@media print {
    * {
        font-size: 10px;
    }
}

.spinner-border {
    border: 5px solid var(--orange) !important;
    border-right-color: transparent !important;
}
a:not(.btn) {
    color: var(--orange);
}

a.btn-link {
    color: var(--orange);
}
/* -Color */

.color-black {
    color: #121212;
}

.color-bigStone {
    color: #323E48;
}

.color-shuttleGrey {
    color: #7A868E;
}

.color-regentGrey {
    color: #7A868E;
}

.color-gullGrey {
    color: #A2AAAD;
}

.color-grey {
    color: #49535b;
}

.color-zumthor {
    color: #D4D7D9;
}

.color-smoke {
    color: #F0F0F0;
}

.color-whiteSmoke {
    color: #F8F8F8;
}

.color-orange {
    color: var(--orange);
}

.color-springBud {
    color: var(--green);
}

.color-irisBlue {
    color: #00acd9;
}

.color-slateBlue {
    color: #6C7BD3;
}

/* -Background Color */

.bg-black {
    background: #121212;
}

.bg-bigStone {
    background: #323E48;
}

.bg-shuttleGrey {
    background: #7A868E;
}

.bg-regentGrey {
    background: #7A868E;
}

.bg-gullGrey {
    background: #A2AAAD;
}

.bg-zumthor {
    background: #D4D7D9;
}

.bg-smoke {
    background: #F0F0F0;
}

.bg-whiteSmoke {
    background: #F8F8F8;
}

.bg-orange {
    background: var(--orange);
}

.bg-springBud {
    background: var(--green);
}

.bg-irisBlue {
    background: #00acd9;
}

.bg-slateBlue {
    background: #6C7BD3;
}

/* -Strokes Color */

.divider {
    border-bottom: 0.5px solid #D4D7D9;
}

.rest-input {
    border: 0.5px solid #A2AAAD !important;
}

.fill-input {
    border: 0.5px solid #00acd9 !important;
}

.error-input {
    border: 0.5px solid var(--orange);
}

main {
    padding-top: 16px;
    margin-top: 0
}


/* -Forms */

input:focus {
    outline: none;
}

.field_group {
    padding-bottom: 24px;
    float: left;
    position: relative;
}

    .field_group .input,
    .form-control-ddl,
    input[type=text].form-control-ddl,
    input[type=password].form-control-ddl,
    select.form-control-ddl, #txtFinancingEmail {
        padding: 3px 8px 3px 8px;
        font-size: 1em;
        width: 100%;
        height: 42px;
        color: #7A868E;
        border: 1px solid #A2AAAD;
        line-height: 1em;
        border-radius: var(--globalBorderRadius);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-radius: var(--globalBorderRadius)
    }


.checkbox_type label::before {
    border-radius: var(--globalBorderRadius)
}
.form-control {font-size:var(--fontSizeDefault)}
textarea.form-control-ddl,
.field_group textarea.input {
    height: auto;
    min-height: 120px;
}

textarea.form-control-ddl,
.field_group textarea {
    padding: 7px 8px 0 8px;
    width: 100%;
    outline: none;
}

    input[type=text].form-control-ddl:focus,
    input[type=password].form-control-ddl:focus,
    select.form-control-ddl:focus,
    .form-control-ddl:focus,
    .field_group textarea:focus,
    .field_group .input:focus,
    .field_group .input.fill-input {
        /*  border-color: #00acd9;*/
    }

/*.field_group*/

input[type=text].form-control-ddl.error-input,
input[type=password].form-control-ddl.error-input,
select.form-control-ddl.error-input,
.form-control-ddl.error-input,
.field_group .input.error-input {
    border-color: var(--orange);
}

    .field_group .input:focus ~ label,
    .field_group .input.has-value ~ label,
    .field_group .input.fill-input ~ label,
    .field_group .input.error-input ~ label, .field_group label.populated {
        top: -9px;
        /* left: 8px; */
        font-size: var(--fontSizeDefault);
        background: #fff;
        padding: 0 8px;
    }

        .field_group .input:focus ~ label:after,
        .field_group .input:valid ~ label:after,
        .field_group .input.fill-input ~ label:after,
        .field_group .input.error-input ~ label:after {
            width: 100%;
            height: 1px;
            position: absolute;
            top: 9px;
            left: 0px;
            content: "";
            background: #F8F8F8;
            z-index: -1;
        }

.field_group label {
    /* padding: 0 8px; */
    position: absolute;
    left: 8px;
    top: 12px;
    font-weight: normal;
    font-size: var(--fontSizeDefault);
    color: #7A868E;
    z-index: 1;
    pointer-events: none;
    transition: all 0.1s ease-out 0s;
    -webkit-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
}

.field_group .helper {
    padding-top: 6px;
    width: 100%;
    float: left;
    font-size: 9px;
    color: #7A868E;
}

.field_group .input.error-input ~ label, .field_group .span.error-input,
.field_group .input.error-input ~ .helper {
    color: var(--orange);
}

/* -Radio Type */

.radio_type {
    padding-left: 30px;
    min-height: 22px;
    display: block;
    clear: both;
    position: relative;
    font-weight: normal;
    float: left;
}

    .radio_type input[type="radio"] {
        position: absolute;
        opacity: 0;
        visibility: hidden;
    }

        .radio_type input[type="radio"]:checked ~ span:before {
            background: var(--orange);
        }

    .radio_type span {
        padding: 5px;
        width: 22px;
        height: 22px;
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 100%;
        border: 1px solid #A2AAAD;
    }

        .radio_type span:before {
            width: 100%;
            height: 100%;
            display: block;
            content: "";
            border-radius: 100%;
            background: #F0F0F0;
        }

/* -Checkbox Type */

.checkbox_type label {
    padding-left: 30px;
    min-height: 22px;
    /* display: block; */
    clear: both;
    position: relative;
    font-weight: normal;
}

.checkbox_type input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.checkbox_type label::before {
    content: "";
    padding: 5px;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #A2AAAD;
}

.checkbox_type .error-input + label::before {
    border-color: var(--orange);
}

.checkbox_type label::after {
    width: 15px;
    height: 7px;
    position: absolute;
    top: 5px;
    left: 3px;
    content: "";
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.checkbox_type input[type="checkbox"]:checked ~ label::after,
.checkbox_type input[type="checkbox"]:checked ~ label:before {
    border-color: var(--orange);
}

.checkbox_type .error-input ~ span {
    border-color: var(--orange);
}

/* -Buttons */

.btn {
    padding: 10px 15px;
    display: block;
    font-size: var(--fontSizeDefault);
    /* text-transform: uppercase; */
    font-family: var(--font);
    color: #1B2126;
    text-align: center;
    border: 1px solid transparent;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    margin-bottom: 30px;
    min-width: 130px;
}

    .btn.inline-b {
        display: inline-block;
    }

.btn_shuttleGrey {
    /* width: 100%; */
    /* display: block; */
    color: #7A868E;
    color: #000;
    text-decoration: underline;
    background: #ccc !important;
    /*    margin-bottom: 160px;*/
}

.grey-border {
    border: 1px solid #7A868E;
    background: #fff;
    color: #7A868E;
}

    .grey-border:hover,
    .grey-border:focus {
        background-color: #fdfdfd !important;
        color: #40474e;
        border-color: #40474e;
    }

/*
.btn_shuttleGrey:hover,
.btn_shuttleGrey:focus {
    color: #fff !important;
    background: #40474e !important;
}
*/
.btn_black {
    /* width: 100%; */
    /* display: block; */
    color: #fff !important;
    background: #121212;
    display: block !important;
    opacity: 0.4
}

.btn.btn_black:not(:disabled):not(.disabled) {
    opacity: 1
}



.btn_black:hover,
.btn_black:focus {
    color: #F8F8F8 !important;
    background: #2f2f2f !important;
}

.btn_orange,
a.btn_orange:not([href]):not([tabindex]) {
    /* width: 100%; */
    /* display: block; */
    color: #fff;
    background: var(--orange);
}

.btn.orange-border {
    border-color: var(--orange);
    color: var(--orange) !important;
}

    .btn.orange-border:hover,
    .btn.orange-border:focus {
        border-color: #d43303 !important;
        background-color: #fdfdfd;
        color: #d43303 !important;
    }

.btn_orange:hover,
.btn_orange:focus {
    /* color: #fff !important;
    background: #d43303 !important;*/
}

.btn_orange_normal {
    display: block;
    color: var(--orange);
    border: 1px solid var(--orange);
}

    .btn_orange_normal:hover,
    .btn_orange_normal:focus {
        /*color: #d43303 !important;
        border: 1px solid #d43303 !important;*/
    }

.btn_orange_small {
    padding: 14px 0;
    min-width: 44px;
    font-size: 8px;
    color: #fff;
    background: var(--orange);
}

    .btn_orange_small:hover,
    .btn_orange_small:focus {
        color: #fff !important;
        background: #d43303 !important;
    }

.btn_black_normal {
    padding: 14px 0;
    min-width: 44px;
    font-size: 8px;
    color: #fff;
    background: #121212;
}

    .btn_black_normal:hover,
    .btn_black_normal:focus {
        color: #fff !important;
        background: #2f2f2f !important;
    }

/*.btn_springBud {
    display: block;
    color: #fff;
    background: var(--green);
    max-width: 300px;
}*/

.btn_springBud:hover,
.btn_springBud:focus {
    color: #fff !important;
    background: #82bc03 !important;
}

.btn_springBud_normal {
    display: block;
    color: var(--orange);
    border: 1px solid var(--green);
}

    .btn_springBud_normal:hover,
    .btn_springBud_normal:focus {
        color: #d43303 !important;
        border: 1px solid #82bc03 !important;
    }

.btn_springBud_small {
    padding: 14px 0;
    min-width: 44px;
    font-size: 8px;
    color: #fff;
    background: var(--green);
}

    .btn_springBud_small:hover,
    .btn_springBud_small:focus {
        color: #fff !important;
        background: #82bc03 !important;
    }
/*
.btn_springBud {
    background-color: transparent !important;
    font-family: var(--font-bold) !important;
    color: var(--purple) !important;
    border: 0 !important;
    padding: 0 !important;
}*/
/* -Prize Circle */
.prize_circle {
    width: 160px;
    height: 160px;
    display: inline-block;
    color: #1B2126;
    text-align: center;
    border-radius: 100%;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.0);
    background-color: #fff;
    border: 1px solid #aaa;
    margin-bottom: 8px;
}

    .prize_circle.orange .round {
        color: #F8F8F8;
    }

        .prize_circle.orange .round:hover,
        .prize_circle.orange .round:focus {
            color: #F8F8F8 !important;
            background-color: transparent !important;
        }

    .prize_circle .round {
        /*width: 100%;
        height: 100%;
        display: table;
        color: #231f20;
        text-decoration: none;*/
        display: flex;
        align-items: center;
        justify-content: center;
        /* background: green; */
        height: 100%;
    }

}

.prize_circle .cntr {
    /*padding: 5px 0 15px 0;
        width: 100%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;*/
}

.prize_circle .dollor {
    /* margin-top: 10px; */
    /* font-size: 24px; */
    font-size: 27px;
    line-height: 1.25em;
    letter-spacing: -0.2px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.prize_circle .type {
    font-size: var(--fontSizeDefault);
    line-height: normal;
}

.prize_circle .top_text {
    font-size: 19px;
    line-height: normal;
    line-height: 19px;
    margin-bottom: 10px;
}

    .prize_circle .top_text.deal {
        color: var(--orange);
    }

.prize_circle.orange {
    color: #F8F8F8;
    background: var(--orange);
}

.prize_circle.top .cntr {
    padding-top: 14px;
    vertical-align: top;
}

.prize_circle.small {
    width: 100px;
    height: 100px;
}

    .prize_circle.small .cntr {
        padding-bottom: 8px;
    }

    .prize_circle.small .dollor {
        /* font-size: 20px; */
        font-size: 24px;
        line-height: 30px;
        width: 85px;
    }

    .prize_circle.small .type {
        font-size: 9px;
    }

/* -Circle Title */

[data-popup] {
    cursor: pointer;
}

.header_payment_info a[data-popupid="orderSummary"] {
    border-bottom: 1px solid #fff;
    margin-top: 24px;
}
/*a[data-popupid="orderSummary"] {position:relative}
a[data-popupid="orderSummary"] .cntr:before {
        content: " \2304";
    font-size: 40px;
    color: #fff;
    margin-top: -21px;
    position: absolute;
    right: -26px;
    
}*/

.circle_title {
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    text-align: center;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 100%;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.4);
}

    .circle_title .round {
        width: 100%;
        height: 100%;
        display: table;
    }

    .circle_title .cntr {
        padding: 5px;
        width: 100%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }

        .circle_title .cntr span {
            display: block;
        }

body {
    padding-top: 48px;
    color: var(--dark)
}

.main_wapper {
    float: left;
    width: 100%;
    position: relative;
}

.full_width {
    width: 100%;
    position: relative;
    clear: both;
}

    .full_width:after, .full_width:before {
        display: table;
        content: '';
        clear: both;
    }

.effect-hover {
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

/*-----------------------------------
        -Header
-----------------------------------*/

.main-header, .CJmain-header {
    background: #121212;
    width: 100%;
    float: left;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 20;
    padding: 0;
    /*height:50px;*/
    height: 90px;
    /*frank add*/
    /*Amresh comment*/
}

    .main-header .container {
        /* padding: 0 12px; */
    }

.tool_bar {
    margin-top: 10px;
    float: left;
    color: #F8F8F8;
    font-size: var(--fontSizeDefault);
    float: right
}

.header_right {
    float: right;
}

    .header_right .prize_circle {
        margin: -38px 12px -14px 0;
        float: left;
        box-shadow: 1px 10px 15px rgba(0, 0, 0, 0.3);
    }

    .header_right .menu_toggle {
        margin: 18px 0 0 0;
        width: 16px;
        float: left;
        text-align: center;
        background-color: transparent;
        display: block;
        border: none;
        padding: 0;
        cursor: pointer;
    }

        .header_right .menu_toggle:hover,
        .header_right .menu_toggle:focus {
            background-color: transparent !important;
        }

        .header_right .menu_toggle span {
            margin-bottom: 3px;
            width: 100%;
            height: 2px;
            float: left;
            display: block;
            background: #F8F8F8;
        }

            .header_right .menu_toggle span:last-child {
                margin-bottom: 0px;
            }

    .header_right .message_count {
        margin: 16px 12px 0 0;
        min-width: 16px;
        float: left;
        position: relative;
        color: #F8F8F8;
        font-size: 16px;
        text-align: center;
    }

        .header_right .message_count i {
            display: block;
        }

        .header_right .message_count span {
            width: 100%;
            position: absolute;
            color: #F8F8F8;
            font-size: 6px;
            top: 4px;
            left: 0px;
        }

.main_menu {
    padding: 16px 15px 80px 15px;
    width: 300px;
    height: 100%;
    overflow: auto;
    position: fixed;
    top: 0px;
    right: -100%;
    opacity: 0;
    z-index: 25;
    background: #F8F8F8;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    visibility: hidden;
}

body.popup-active,
body.menu-open {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

body.ios.popup-active,
body.ios.menu-open {
    position: fixed;
}

body.menu-open .main_menu {
    right: 0px;
    opacity: 1;
    visibility: visible;
}

.main_menu ul {
    width: 100%;
    max-height: calc(100% - 24px);
    float: left;
    overflow: auto;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.main_menu .menu_head {
    width: 100%;
    float: left;
}

    .main_menu .menu_head > a {
        float: right;
        display: block;
    }

    .main_menu .menu_head .icon {
        display: block;
    }

.main_menu li a {
    padding: 18px 0 16px 0;
    display: block;
    color: #1a1818;
    border-bottom: 1px solid #c6c9cc;
    text-decoration: none;
}

    .main_menu li a:hover,
    .main_menu li a:focus {
        color: #1a1818 !important;
        background-color: transparent !important;
    }

.powered_by {
    width: 100%;
    position: absolute;
    bottom: 12px;
    left: 0px;
    text-align: center;
    color: #121212;
}

    .powered_by span {
        display: inline-block;
        width: 55px;
        height: 55px;
        color: #F8F8F8;
        line-height: 55px;
        vertical-align: middle;
        border-radius: 100%;
        background: var(--orange);
    }

.cancel_overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9;
    background: rgba(0, 0, 0, 0.4);
}

body.menu-open .cancel_overlay {
    display: block;
}

/* -Element Section */

.element_section {
    padding: 50px 0;
}

    .element_section .box {
        width: 250px;
        height: 150px;
        float: left;
    }

    .element_section .btn {
        /* margin-top: 10px; */
    }

/*  -Step Section */

.step_row {
    width: 100%;
    float: left;
    background-color: #f8f8f8;
    /*margin-bottom: 16px;
    border-bottom: 1px solid #c6c9cc;
    border-top: 1px solid #c6c9cc;*/
}

    .step_row:last-child {
        margin-bottom: 0;
    }

    .step_row.make-tab {
        background-color: #fff;
        margin-bottom: 0;
        border-top: none;
        border-bottom: 1px solid #A2AAAD;
    }

        .step_row.make-tab:last-child {
            border-bottom: none;
        }

    .step_row .top_area {
        padding: 7px 0;
        width: 100%;
        float: left;
        text-align: center;
        color: #A2AAAD;
        position: relative;
        z-index: 1;
    }

        .step_row .top_area:hover,
        .step_row .top_area:focus {
            color: #A2AAAD !important;
        }

    .step_row.make-tab .top_area,
    .step_row.make-tab .top_area:hover,
    .step_row.make-tab .top_area:focus {
        background: #7A868E !important;
    }

    .step_row .top_area > .container {
        position: relative;
    }

    .step_row .top_area .title,
    .step_row .top_area .arrow {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .step_row .top_area .title {
        text-transform: uppercase;
        left: 15px;
    }

    .step_row .top_area .arrow {
        font-size: 18px;
        right: -25px;
        -webkit-transition: transform 0.6s ease-in;
        -moz-transition: transform 0.6s ease-in;
        transition: transform 0.6s ease-in;
    }

.top_area.active .top_area .arrow {
    right: 9px;
}



.step_row .top_area .circle_title {
    box-shadow: none;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.step_row .top_area.active .circle_title {
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.4);
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
    transform: translateY(25px);
}

.step_row .top_area.active .arrow {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.step_row .step_content {
    /* padding-top: 30px; */
    width: 100%;
    float: left;
    /* padding-bottom: 15px; */
    /* padding-top: 20px; */
}

.step_row.make-tab .step_content {
    display: none;
}

/* -Inpage Tab */

.inpage_tab ul, .inpage_tab_2 ul {
    /* padding: 0 16px; */
    width: 100%;
    float: left;
    background: #F2F2F2;
}

    .inpage_tab ul li {
        width: 25%;
        float: left;
        list-style: none;
        /*frank added*/
    }

    .inpage_tab_2 ul li {
        width: 50%;
        float: left;
        list-style: none;
        /*frank added*/
    }

        .inpage_tab ul li a, .inpage_tab_2 ul li a {
            padding: 15px 0 14px 0;
            display: block;
            font-size: var(--fontSizeDefault);
            color: #1B2126;
            text-align: center;
            text-decoration: none;
            border-top: 2px solid transparent;
            background: #F0F0F0;
        }

            .inpage_tab ul li a.active, .inpage_tab_2 ul li a.active {
                border-top-color: var(--orange);
                background: #fff !important;
            }

        .inpage_tab ul li:first-child a.active, .inpage_tab_2 ul li:first-child a.active {
            border-right: 2px solid var(--orange);
        }

        .inpage_tab ul li:last-child a.active, .inpage_tab_2 ul li:last-child a.active {
            border-left: 2px solid var(--orange);
        }



.inpage_tab .tab-content, .inpage_tab_2 .tab-content {
    width: 100%;
    float: left;
}




.tab-content .content-border {
    border: 1px solid #D4D7D9;
    width: 100%;
    float: left;
    padding: 15px;
}

.inpage_tab .tab-pane, .inpage_tab_2 .tab-pane {
    /*padding: 20px 0;*/
    width: 100%;
    float: left;
}

.inpage_tab .heading, .inpage_tab_2 .heading {
    text-align: center;
}

/* -Lists Section */

.list_row {
    padding: 15px 0;
    width: 100%;
    float: left;
    border-top: 1px solid #D4D7D9;
    background: #F8F8F8;
}

    .list_row .left_text {
        padding-left: 44px;
        width: 70%;
        float: left;
        position: relative;
      font-size:  var(--fontSizeDefault);
        line-height: normal;
    }

        .list_row .left_text .check {
            width: 34px;
            height: 34px;
            position: absolute;
            top: 3px;
            left: 0px;
            border: 1px solid var(--orange);
            border-radius: 50%;
            background: #fff;
        }

    .list_row .checkbox_type label {
        padding-left: 30px;
        min-height: 22px;
        /* display: block; */
        clear: both;
        position: relative;
        font-weight: normal;
        max-width: 70%;
    }

    .list_row .left_text .check:before {
        width: 18px;
        height: 8px;
        position: absolute;
        top: 10px;
        left: 7px;
        content: "";
        border-bottom: 2px solid var(--orange);
        border-left: 2px solid var(--orange);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .list_row .left_text p {
        margin-bottom: 0px;
    }

    .list_row .sub_heading_Bld {
      font-size:  var(--fontSizeDefault);
    }

    .list_row .right_text {
        /*padding-top: 12px;*/
        width: 20%;
        font-size: 20px;
        color: var(--orange);
        text-align: right;
        line-height: normal;
        float: right;
    }

    .list_row.last {
        background: #fff;
    }

        .list_row.last .left_text {
            padding: 14px 0 0 0px;
            width: auto;
          font-size:  var(--fontSizeDefault);
        }

        .list_row.last .right_text {
            padding-top: 0px;
            width: auto;
            font-size: 34px;
        }

/*-----------------------------------
        -Footer
-----------------------------------*/

footer {
    width: 100%;
    float: left;
    /*background: #121212;*/
}

.footer_top {
    padding: 19px 0 0 0;
    width: 100%;
    float: left;
    text-align: center;
    background-image: url("/img/carjiffy.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 92px;
}

    .footer_top .question {
        padding-bottom: 4px;
        width: 100%;
        float: left;
      font-size:  var(--fontSizeDefault);
        color: #fff;
        text-decoration: none;
    }

    .footer_top .number {
        padding-bottom: 33px;
        width: 100%;
        float: left;
    }

        .footer_top .number a {
            display: inline-block;
            font-size: 24px;
            color: #F8F8F8;
            text-decoration: none;
            font-family: var(--font-bold);
        }

    .footer_top .menu_accordion {
        padding-bottom: 3px;
        width: 100%;
        float: left;
    }

        .footer_top .menu_accordion ul {
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

        .footer_top .menu_accordion > ul > li {
            padding-bottom: 10px;
        }

            .footer_top .menu_accordion > ul > li .arrow {
                margin-left: 0px;
                font-size: 0px;
                display: inline-block;
                vertical-align: middle;
            }

                .footer_top .menu_accordion > ul > li .arrow:after {
                  font-size:  var(--fontSizeDefault);
                    content: "\f107";
                    font-family: 'FontAwesomesolid';
                    line-height: normal;
                }

            .footer_top .menu_accordion > ul > li .active .arrow:after {
                content: "\f106";
            }

            .footer_top .menu_accordion > ul > li > a {
              font-size:  var(--fontSizeDefault);
                color: #fff;
                text-decoration: none;
            }

        .footer_top .menu_accordion ul ul {
            display: none;
            padding-top: 6px;
        }

            .footer_top .menu_accordion ul ul > li {
                padding-top: 4px;
            }

                .footer_top .menu_accordion ul ul > li > a {
                  font-size:  var(--fontSizeDefault);
                    color: #D4D7D9;
                    text-decoration: none;
                }

.connect_area {
    padding: 15px 0 12px 0;
    width: 100%;
    float: left;
    border-top: 0.5px solid #7A868E;
    border-bottom: 0.5px solid #7A868E;
}

    .connect_area .country {
        float: left;
      font-size:  var(--fontSizeDefault);
        color: #D4D7D9;
    }

        .connect_area .country img {
            margin-right: 8px;
            display: inline-block;
            max-height: 15px;
            max-width: 100%;
            width: auto;
        }

    .connect_area .social_icon {
        float: right;
    }

        .connect_area .social_icon ul {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }

        .connect_area .social_icon li {
            margin-left: 10px !important;
            float: left;
        }

.social_icon img {
    /* max-width: 13px;
    */
    /* max-width: 25px; */
    max-height: 25px;
    width: auto;
    height: 25px;
}

.connect_area .social_icon li a {
  font-size:  var(--fontSizeDefault);
    color: #F8F8F8;
    text-decoration: none;
}

.copyright {
    padding: 16px 0 13px 0;
    width: 100%;
    float: left;
    font-size: var(--fontSizeDefault);
}

/*--------------------------
    Simple Lists design
---------------------------*/

img.full_width {
    display: block;
}

.simple-lists {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .simple-lists li {
        width: 100%;
        float: left;
    }

    .simple-lists > li > .container > a {
        display: block;
        padding-top: 11px;
        color: #49535b;
        text-decoration: none;
        padding-bottom: 11px;
        width: 100%;
        float: left;
    }

        .simple-lists > li > .container > a:hover,
        .simple-lists > li > .container > a:focus {
            color: #49535b !important;
            background-color: transparent !important;
        }

        .simple-lists > li > .container > a > span {
            display: block;
            float: left;
            line-height: 26px;
        }

    .simple-lists li .icon {
        display: block;
        float: right;
    }

    .simple-lists > li > .list-content {
        display: none;
        width: 100%;
        float: left;
        margin-bottom: 40px;
    }

        .simple-lists > li > .list-content.addons {
            display: block;
        }

    .simple-lists > li.list-active > .list-content {
        display: block;
    }

.auto_tags {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .auto_tags.overlap-top {
        margin-top: -89px;
        /*frank added*/
    }

    .auto_tags .brand_name {
        color: #69737b;
        line-height: 1;
      font-size:  var(--fontSizeDefault);
    }

    .auto_tags .model_name {
        color: #272f37;
        font-size: 20px;
        line-height: 1.6;
    }

    .auto_tags .certified_text {
        color: #69737b;
      font-size:  var(--fontSizeDefault);
        line-height: 2;
        padding-bottom: 5px;
    }

    .auto_tags .auto_ex_info {
        /* text-align: left; */
        margin-top: -10px !important;
    }

        .auto_tags .auto_ex_info .auto_meta_text {
            float: left;
            margin-top: 45px;
            max-width: 95px;
            text-align: left;
            width: 13%;
        }

.drop_menu {
    margin-bottom: 10px;
}

    .drop_menu ul {
        margin-top: 5px;
        padding-left: 0;
    }

.auto_tags.overlap-top .auto_ex_info .auto_meta_text {
    margin-top: 75px;
    /*frank added*/
}

.md-text {
    font-size: 16px;
    line-height: 18px;
}

.auto_meta_text .md-text {
    margin-bottom: 8px;
}

.sm-text {
  font-size:  var(--fontSizeDefault);
}

.auto_tags .auto_ex_info .prize_circle {
    vertical-align: middle;
}

.auto_tags .auto_ex_info .auto_meta_text + .prize_circle {
    margin-left: -95px;
}

.auto_tags .auto_ex_info .sub_heading_Bld {
    margin-top: 30px;
}

.simple-lists li.bg-black > div > a {
    color: #F8F8F8;
}

.simple-lists .active-path,
.simple-lists .list-active > svg > .deactive-path {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.simple-lists .list-active > svg > .active-path {
    visibility: visible;
    opacity: 1;
}

.simple-lists .list-content {
    background-color: #fff;
}

.check-list {
    padding-left: 15px;
    list-style: none;
    background-color: #121212;
    color: #F8F8F8;
    width: 100%;
    float: left;
    padding-top: 20px;
    padding-left: 0;
    margin-bottom: 0;
}

    .check-list > li {
        margin-bottom: 6px;
        float: left;
        width: 100%;
    }

        .check-list > li .icon {
            border-radius: var(--globalBorderRadius);
            margin-right: 12px;
            vertical-align: middle;
        }

        .check-list > li .label {
            min-width: 70px;
            display: inline-block;
            text-transform: uppercase;
        }

        .check-list > li .text {
        }

.popup-full .auto_tags {
    border-top: 1px solid #c6c9cc;
    border-bottom: 1px solid #c6c9cc;
    /* margin-bottom: 20px; */
}

.popup-full .content-border > .auto_tags {
    border: none;
    padding-top: 0;
}

.popup-full .auto_tags.overlap-top {
    border-top: none;
    border-bottom: none;
}

.margin-top {
    margin-top: 30px;
}

.margin-btm {
    margin-bottom: 30px;
}

.describe-cost {
    padding: 0;
    list-style: none;
    /* margin-top: 20px; */
    padding: 40px;
    margin-bottom: 30px;
    width: 100%;
    float: left;
}

.reminderIcon {
    max-width: 53px
}

.describe-cost > li {
    width: 100%;
    float: left;
}

    .describe-cost > li .cost-label {
        display: block;
        float: left;
    }

    .describe-cost > li .cost-text {
        display: block;
        float: right;
    }

    .describe-cost > li .cost-label-orange, .describe-cost > div > li .cost-label-orange {
        display: block;
        float: left;
        color: var(--dark);
        font-family: var(--font);
    }

.describe-cost .h6, .describe-cost h6 span {
    color: var(--dark);
    font-family: var(--font);
}

.anchor {
    cursor: pointer;
    text-decoration: underline;
    margin-top: 10px;
}

.text-right .anchor {
    display: block !important;
    float: right !important;
    color: var(--orange) !important;
}

.anchor-nomargin {
    cursor: pointer;
    /*    text-decoration: underline;*/
}

.describe-cost > li .cost-text-bold, .describe-cost > div > li .cost-text-bold {
    display: block;
    float: right;
    font-weight: bold;
}

.switch-wrap > label.text {
    width: calc(100% - 66px);
    display: inline-block;
    vertical-align: middle;
}

.popup-full .order-summary {
    padding-top: 20px;
    margin-bottom: 20px;
}

.simple-lists.list-borderable > li {
    border-top: 1px solid #c6c9cc;
}

    .simple-lists.list-borderable > li:last-child {
        border-bottom: 1px solid #c6c9cc;
    }

.opacity-25 {
    opacity: 0.25
}

.popup-full {
    display: block;
    position: fixed;
    top: 48px; /*
    bottom: 0;*/
    z-index: -1;
    visibility: visible;
    background-color: #fff;
    /* margin-left: -15px;  frank changed*/
    overflow: hidden;
    /*   left: 0;
    right: 0;*/
    width: auto;
}

    .popup-full.popup-active {
        visibility: visible;
        z-index: 7;
        /*frank add*/
        /*overflow: auto;*/
        /*frank add*/
    }

    .popup-full > .popup-header {
        background-color: #fff;
        -webkit-box-shadow: 0 0 18px -10px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 18px -10px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 18px -10px rgba(0, 0, 0, 0.3);
        /* padding-top: 48px; */
    }

        .popup-full > .popup-header.bg-black {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            background-color: #121212;
        }

        .popup-full > .popup-header .header-text {
            padding-top: 12px;
            width: 100%;
            float: left;
            padding-bottom: 12px;
        }

        .popup-full > .popup-header.bg-black .header-text {
            color: #a2aaad;
        }

        .popup-full > .popup-header .header-text span {
            display: block;
            float: left;
            /*margin-top: 2px;*/
        }

        .popup-full > .popup-header .header-text a {
            display: block;
            float: right;
        }

            .popup-full > .popup-header .header-text a > .icon {
                display: block;
                margin-right: -0;
                float: left;
                padding-left: 0;
                margin-left: -5px;
                margin-top: -5px;
                padding-right: 2px;
            }




            .popup-full > .popup-header .header-text a[data-popupid="orderSummary"] > .icon, .popup-full > .popup-header .header-text a[data-popupid="BUYIN3EASYSTEPS"] > .icon, .popup-full > .popup-header .header-text a[data-popupid="registerOrderPopup"] > .icon {
                display: block;
                margin-right: -0;
                float: left;
                padding-left: 0;
                margin-left: -0;
                margin-top: -1px;
                padding-right: 0px;
            }

    .popup-full.full_width.popup-active .check-list {
        padding-top: 20px !important
    }

    .popup-full > .popup-body {
        /* height: calc(100vh - 96px); */
        /*overflow: auto;*/
        /*frank added*/
        overflow-y: auto;
        /* overflow-x: hidden;
        height: calc(100% - 48px);*/
        padding-bottom: 25px
    }

/* .popup-full>.popup-body .container {
    padding-right: 6px;
    padding-left: 24px;
} */

.main-header .header_right > .prize_circle > .round {
    cursor: pointer;
}

.link-icon {
    display: block;
    padding-top: 11px;
    color: #1a1818;
    text-decoration: none;
    text-align: right;
    padding-bottom: 11px;
    float: left;
    width: 100%;
    /* margin-top: 3em;frank added*/
}

    .link-icon > span {
        display: block;
        float: left;
        line-height: 26px;
    }

    .link-icon > .icon {
        display: block;
        float: right;
    }

    .link-icon:hover > .icon,
    .link-icon:hover {
        /*color: #0a0a0a;
        fill: #737373;*/
    }

    .link-icon:focus {
        color: inherit !important
    }



ul.list,
ol.list {
    padding-left: 16px;
    list-style-position: inside;
    margin-bottom: 10px;
    margin-top: 10px;
}

.popup-body.padding-top {
    padding-top: 50px;
}

.popup-body .heading-scrollable {
    position: absolute;
    width: 100%;
    left: 0;
    top: 30px;
    padding-bottom: 9px;
    padding-top: 9px;
    text-align: center;
}

    .popup-body .heading-scrollable.heading-fixed {
        position: fixed;
        top: 48px;
        background: #fff;
      font-size:  var(--fontSizeDefault);
        z-index: 1;
        -webkit-box-shadow: 0 0 2px -1px #000;
        -moz-box-shadow: 0 0 2px -1px #000;
        box-shadow: 0 0 2px -1px #000;
        -webkit-animation: headingSc 0.6s alternate;
        -moz-animation: headingSc 0.6s alternate;
        animation: headingSc 0.6s alternate;
    }

#orderSummary .popup-full > .popup-header .header-text a > .icon {
    margin-left: 0;
    margin-top: 0;
}

.popup-body .heading-scrollable.heading-fixed > span {
    max-width: 970px;
    margin: auto;
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

@-webkit-keyframes headingSc {
    from {
        top: 0;
    }

    to {
        position: fixed;
        top: 48px;
    }
}

@keyframes headingSc {
    from {
        top: 0;
    }

    to {
        position: fixed;
        top: 48px;
    }
}

.prize_circle-text-group {
    border-top: 1px solid #c6c9cc;
    padding-top: 60px;
    text-align: center;
    padding-bottom: 15px;
}

    .prize_circle-text-group > .container {
        position: relative;
    }

    .prize_circle-text-group .auto_meta_text {
        position: absolute;
        top: 50%;
        left: 0;
        text-align: left;
        max-width: 115px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .prize_circle-text-group .prize_circle {
    }

    .prize_circle-text-group .icon {
        display: inline-block;
        /* right: 15px; */
        /* bottom: 0; */
    }

        .prize_circle-text-group .icon > svg {
            display: block;
        }

.loan-rates-wrap {
    padding-top: 20px;
    /*    padding-bottom: 20px;*/
    /*   font-size: 1.23em;*/
}

    .loan-rates-wrap .sm-label {
        var(--fontSizeDefault)
    }

.sm-label {
    font-family: var(--font-bold);
}

/*div.sm-label.full_width {
    color: #333;
    font-weight: bold;
    margin-bottom: 10px
}*/


.loan-rates-wrap .term-month,
.loan-rates-wrap .payment-frequencies .loan-payment-frequency,
.loan-rates-wrap .payment-frequencies .lease-payment-frequency {
    display: inline-block;
    padding: 5px 10px;
    color: #49535b;
}

    .loan-rates-wrap .payment-frequencies .loan-payment-frequency:focus {
        color: #49535b !important;
        background-color: transparent !important;
    }

    .loan-rates-wrap .term-month.selected,
    .loan-rates-wrap .payment-frequencies .loan-payment-frequency.selected,
    .loan-rates-wrap .payment-frequencies .lease-payment-frequency.selected {
        color: #ff3a00 !important;
    }

        .loan-rates-wrap .payment-frequencies .lease-payment-frequency.selected:focus {
            color: #ff3a00 !important;
        }

/*.loan-rates-wrap .payment-frequencies, .leaseMileage {
    margin-top: 10px;
}
*/
.loan-rates-wrap .rate-inputs {
    margin-top: 10px;
}

.loan-rates-wrap .auto-width {
    position: relative;
    clear: both;
    display: inline-block;
}

.loan-rates-wrap .rate-inputs input {
    padding: 5px;
    max-width: 137px;
    width: 100%;
    border: 1px solid #A2AAAD;
    border-radius: var(--globalBorderRadius) !important;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    text-align: center
}


    .loan-rates-wrap .rate-inputs input.error-input {
        border: 1px solid var(--orange);
    }

.loan-rates-wrap .rate-inputs .absolute-lable {
    position: absolute;
    right: -60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.loan-rates-wrap .rate-inputs p {
    margin-top: 10px;
    margin-bottom: 0;
}

.instant-update {
    /*padding-top: 10px;*/
    /*    padding-bottom: 15px;*/
}

.border-top {
    border-top: 1px solid #c6c9cc;
}

.border-lists > .border-top:last-child {
    border-bottom: 1px solid #c6c9cc;
}

.slider-wrap {
    /*background-color: #F8F8F8;*/
    padding: 30px 20px 10px;
}

.accessories-slider {
    background-color: #fff;
}

    .accessories-slider .slide-img {
        margin-bottom: 15px;
    }

.owl-dots {
    text-align: center;
}

.accessories-slider .owl-dots {
    /*background-color: #F8F8F8;*/
    margin-top: 10px;
    padding-top: 10px;
}

button.owl-dot > span {
    width: 6px;
    height: 6px;
    background: #c6c9cc;
    display: inline-block;
    margin-left: 3px;
    border-radius: var(--globalBorderRadius);
    margin-right: 3px;
}

button.owl-dot.active > span {
    background: #ff3a00;
}

.width_half {
    width: 50%;
    float: left;
}

.accessories-slider .accessory-detail .accessory-img {
    width: 108px;
    float: left;
}

.accessories-slider .accessory-detail .accessory-content {
    width: calc(100% - 108px);
    float: left;
}

    .accessories-slider .accessory-detail .accessory-content ul {
        width: 100%;
        float: left;
        padding-left: 25px;
        list-style-type: disc;
    }

.sm-padding {
    padding: 15px;
}

/*.btn_social {
    display: inline-block;
    text-transform: initial;
    letter-spacing: 1px;
    font-family: var(--font);
    padding: 10px 15px;
    min-width: 250px;
    color: #fff;
}

    .btn_social svg {
        fill: #fff;
        display: block;
        float: left;
    }

    .btn_social span {
        display: block;
        float: right;
    }

.btn_fb {
    background-color: #164b90;
}

    .btn_fb:hover,
    .btn_fb:focus {
        background-color: #0e3c77;
    }

.btn_linkedin {
    background-color: #1f79c2;
}

    .btn_linkedin:hover,
    .btn_linkedin:focus {
        background-color: #1868a9;
    }

.btn_googleplus {
    background-color: #cd0017;
}

    .btn_googleplus:hover,
    .btn_googleplus:focus {
        background-color: #ab0013;
    }

.btn_social:hover,
.btn_social:focus {
    color: #fff;
}*/

.messages-list {
    list-style: none;
    padding: 0;
    color: #49535b;
}

    .messages-list li {
        border-bottom: 0.5px solid rgba(73, 83, 91, 0.5);
        padding-top: 5px;
    }

        .messages-list li:last-child {
            border-bottom: none;
        }

    .messages-list .message {
        font-size: 11px;
    }

    .messages-list .message-time {
        text-align: right;
        font-size: 10px;
        margin-bottom: 4px;
    }

.calc-error {
    display: none;
}

.absolute-icon {
    position: absolute;
    right: 0;
    top: 50%;
    /*top: 28px*/
    z-index: 3;
    /*frank added*/
    transform: translateY(-50%);
}

.auto_tags.overlap-top .absolute-icon {
    top: 50px;
}

img.full-img {
    width: 100%;
}

path.translate8 {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(8px);
}

path.translate2 {
    -webkit-transform: translateX(2px);
    -moz-transform: translateX(2px);
    -o-transform: translateX(2px);
    transform: translateX(2px);
}

.tiv-low-high-rates > span {
    vertical-align: middle;
    padding-right: 20px;
    padding-left: 20px;
}

.absolute-sync-icon {
    font-size: 1.5em;
    position: absolute;
    right: 8px;
    top: 11px;
}

.condition-options {
    border: 1px solid #c6c9cc;
    padding: 25px 15px 10px;
    margin-bottom: 15px;
    display: none;
    margin-top: 15px;
}

    .condition-options .absolute-label {
        position: absolute;
        top: -11px;
        left: 15px;
        background-color: #fff;
    }

.tiv-desclamer,
.line-through-border {
    border-top: 1px solid #c6c9cc;
    padding-top: 30px;
    padding-bottom: 15px;
}

.line-through-border {
    border: 1px solid #c6c9cc;
}

    .tiv-desclamer .go-nigative-label,
    .line-through-border .go-nigative-label {
        position: absolute;
        top: -40px;
        background-color: #fff;
        padding-left: 3px;
        padding-right: 3px;
    }

.tiv-desclamer.text-center .go-nigative-label {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.btn.btn_green,
a.btn_green:not([href]):not([tabindex]) {
    background-color: var(--green) !important;
  font-size:  var(--fontSizeDefault);
    border: 1px solid var(--orange);
    border: 1px solid transparent;
    color: #fff;
    margin: 0px auto;
    max-width: 300px
    /* padding: 15px !important; */
}

    .btn.btn_green.disabled,
    .btn.btn_green:disabled {
        background-color: #ccc;
    }



.btn.btn_purple,
a.btn_purple:not([href]):not([tabindex]) {
    background-color: var(--purple) !important;
  font-size:  var(--fontSizeDefault);
    border: 1px solid var(--purple);
    border: 1px solid transparent;
    color: #fff;
    margin: 0px auto;
    max-width: 300px
    /* padding: 15px !important; */
}

.btn.btn_green.disabled,
.btn.btn_green:disabled {
    background-color: #ccc;
}





/*.btn_green:hover,*/
/*.btn_orange:focus {
    color: #fff !important;
    background: #d43303 !important;
}*/

.btn_green_normal {
    display: block;
    color: var(--orange);
    border: 1px solid var(--orange);
}

    .btn_green_normal:hover,
    .btn_green_normal:focus {
        color: #d43303 !important;
        border: 1px solid #d43303 !important;
    }

.btn_green_small {
    padding: 14px 0;
    min-width: 44px;
    font-size: 8px;
    color: #fff;
    background: var(--orange);
}





.btn.btn_white,
.btn.btn_green {
    /*    width: 100%;*/
}

.btn.btn_white {
    background-color: #fff;
}

.dynamic-value-tiv {
    /* display: none; */
}

.closebuynowbutton {
    display: inline-block;
    margin-top: 11px;
    margin-left: 10px;
    cursor: pointer;
}

.row.no-margin {
    margin-left: 0;
    margin-right: 0;
}

.col.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.datepicker {
    border-radius: var(--globalBorderRadius);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

    .datepicker table tr td.active.active,
    .datepicker table tr td.active.highlighted.active,
    .datepicker table tr td.active.highlighted:active,
    .datepicker table tr td.active:active,
    .datepicker table tr td.active.active.focus,
    .datepicker table tr td.active.active:focus,
    .datepicker table tr td.active.active:hover,
    .datepicker table tr td.active.highlighted.active.focus,
    .datepicker table tr td.active.highlighted.active:focus,
    .datepicker table tr td.active.highlighted.active:hover,
    .datepicker table tr td.active.highlighted:active.focus,
    .datepicker table tr td.active.highlighted:active:focus,
    .datepicker table tr td.active.highlighted:active:hover,
    .datepicker table tr td.active:active.focus,
    .datepicker table tr td.active:active:focus,
    .datepicker table tr td.active:active:hover,
    .datepicker table tr td span.active.active,
    .datepicker table tr td span.active.disabled.active,
    .datepicker table tr td span.active.disabled:active,
    .datepicker table tr td span.active.disabled:hover.active,
    .datepicker table tr td span.active.disabled:hover:active,
    .datepicker table tr td span.active:active,
    .datepicker table tr td span.active:hover.active,
    .datepicker table tr td span.active:hover:active,
    .datepicker table tr td span.active.active.focus,
    .datepicker table tr td span.active.active:focus,
    .datepicker table tr td span.active.active:hover,
    .datepicker table tr td span.active.disabled.active.focus,
    .datepicker table tr td span.active.disabled.active:focus,
    .datepicker table tr td span.active.disabled.active:hover,
    .datepicker table tr td span.active.disabled:active.focus,
    .datepicker table tr td span.active.disabled:active:focus,
    .datepicker table tr td span.active.disabled:active:hover,
    .datepicker table tr td span.active.disabled:hover.active.focus,
    .datepicker table tr td span.active.disabled:hover.active:focus,
    .datepicker table tr td span.active.disabled:hover.active:hover,
    .datepicker table tr td span.active.disabled:hover:active.focus,
    .datepicker table tr td span.active.disabled:hover:active:focus,
    .datepicker table tr td span.active.disabled:hover:active:hover,
    .datepicker table tr td span.active:active.focus,
    .datepicker table tr td span.active:active:focus,
    .datepicker table tr td span.active:active:hover,
    .datepicker table tr td span.active:hover.active.focus,
    .datepicker table tr td span.active:hover.active:focus,
    .datepicker table tr td span.active:hover.active:hover,
    .datepicker table tr td span.active:hover:active.focus,
    .datepicker table tr td span.active:hover:active:focus,
    .datepicker table tr td span.active:hover:active:hover {
        color: #fff;
        background-color: #0a0a0a;
        border-color: #0a0a0a;
    }

    th.datepicker-switch,
    .datepicker .datepicker-switch:hover,
    .datepicker tfoot tr th:hover {
        color: #fff;
        background-color: #0a0a0a;
    }

    .datepicker .next:hover,
    .datepicker .prev:hover {
        background-color: #F0F0F0;
    }

/*Frank add*/

.leftalign30 {
    margin-left: -30px;
}

.leftaligh5 {
    margin-left: 5px;
}

.leftalign20 {
    margin-left: -20px;
}

.leftalign0 {
    margin-left: 0px;
}

/*
.RadPicker_Default {
    width: 100% !important;
    line-height: 1em;
}

.riSingle .riTextBox, .RadForm.rfdTextbox .riSingle input.rfdDecorated[type="text"] {
    height: 4em !important;
}

label.datepicker {
     padding: 0 8px; 
    position: absolute;
    left: 8px;
    top: -10px;
    font-weight: normal;
  font-size:  var(--fontSizeDefault);
    color: #7A868E;    
    pointer-events: none;
    transition: all 0.1s ease-out 0s;
    -webkit-transition: all 0.1s ease-out 0s;
    background: #fff;
    padding: 0 8px;
}

.RadInput_Default .riFocused,.RadInput_Focused_Default {
    border-color: #00acd9 !important;
}
*/

.application_tab ul {
    /* padding: 0 16px; */
    width: 100%;
    float: left;
    background: #F0F0F0;
}

    .application_tab ul li {
        width: 33.33%;
        float: left;
        list-style: none;
        /*frank added*/
    }

        .application_tab ul li a {
            padding: 15px 0 14px 0;
            display: block;
          font-size:  var(--fontSizeDefault);
            color: #1B2126;
            text-align: center;
            text-decoration: none;
            border-top: 2px solid transparent;
            background: #F0F0F0;
        }

            .application_tab ul li a.active {
                border-top-color: var(--orange);
                background: #fff;
            }

.application_tab .tab-content {
    width: 100%;
    float: left;
}

.tab-content .content-border {
    border: 1px solid #D4D7D9;
    width: 100%;
    float: left;
    padding: 15px 15px 0;
}

.application_tab .tab-pane {
    /*padding: 20px 0;*/
    width: 100%;
    float: left;
}

.application_tab .heading {
    text-align: center;
}

/* .form-control-ddl {
    height: calc(5.5rem + 2px) !important;
    display: block;
    width: 100%;
    padding: .375rem .75rem !important;
    font-size: 1.4rem !important;
    line-height: 1.5;
    color: #7A868E;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #A2AAAD;
    font-family: inherit;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -ms-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} */

.prize_circle.selected {
    background: var(--green);
}

    .prize_circle.selected .round {
        color: #F8F8F8;
    }

#registerOrderPopup {
    z-index: 8;
}

#TermOfUsePopup, #FinancialPrivacyPolicyPopup, #CEMConsentPopup, #PrivacyPolicyPopup {
    z-index: 9;
}

table.radio-btn-table {
    display: inline-block;
    vertical-align: middle;
}

    table.radio-btn-table > tbody > tr {
        display: inline-block;
        vertical-align: middle;
    }

        table.radio-btn-table > tbody > tr > td {
            display: inline-block;
            margin-right: 15px;
        }

    table.radio-btn-table input[type=radio] {
        position: absolute;
        opacity: 0;
        visibility: hidden;
    }

        table.radio-btn-table input[type=radio] + label {
            padding-left: 30px;
            min-height: 22px;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            font-weight: normal;
            margin: 0 !important;
            width: auto !important;
        }

            table.radio-btn-table input[type=radio] + label::before {
                content: "";
                padding: 5px;
                width: 22px;
                height: 22px;
                position: absolute;
                top: 0px;
                left: 0px;
                border-radius: 100%;
                border: 1px solid #A2AAAD;
            }

            table.radio-btn-table input[type=radio] + label::after {
                content: "";
                width: 10px;
                height: 10px;
                display: block;
                border-radius: 100%;
                background: #F0F0F0;
                position: absolute;
                left: 6px;
                top: 6px;
            }

.radioSelectRate input[type=radio] {
    width: 20px !important;
    height: 20px;
    accent-color: var(--orange);
}
.radioSelectRate > span:not(#lblRate):not(#txtRate) {
    align-content: center;
    display:grid;
    width: auto;
    float: left;
} table.radio-btn-table input[type=radio]:checked + label::after, .radioSelectRate input[type=radio]:checked + label {
        background: var(--orange);
    } img.inline-b-img {
    display: inline-block;
    width: auto;
} div#MainContent_ZoneContainer > main {
    margin-top: 0;
    /* margin-top: 40px;*/
} .form-wrap:after, .form-wrap:before {
    content: '';
    display: table;
    clear: both;
}
/*select.form-control-ddl,
select.form-control {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCgk8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSIjQTJBQUFEIi8+DQogICAgPHBhdGggZD0iTTcgMTBsNSA1IDUtNXoiIGZpbGw9IiNmZmYiLz4NCjwvc3ZnPg==') !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
    border: 1px solid #A2AAAD;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}*/
.clearfix {
    clear: both;
} .clearfix:after, .clearfix:before {
        content: '';
        display: table;
        clear: both;
    }
/* Ui Range slider customization */
.ui-slider-horizontal {
    height: 3px;
} .ui-widget-content {
    border: 1px solid #dddddd;
    background: #d5d8da;
} .ui-widget.ui-widget-content {
    border: 1px solid #dddddd;
} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none;
} .ui-slider-horizontal .ui-slider-handle {
    top: -8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 10px -2px #000;
    -webkit-box-shadow: 0 0 10px -2px #000;
} .ui-slider-horizontal .ui-slider-handle:nth-child(2) {
        background: var(--orange) !important;
        /*z-index: 7;*/
    }
/* Ui Range slider customization __End */
/* Ak range slider */
.ak-rslider-wrap {
    position: relative;
    padding: 30px 40px;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
} .ak-rslider-wrap .low-indicator, .ak-rslider-wrap .max-indicator, .ak-rslider-wrap .handle-val {
        position: absolute;
    } .ak-rslider-wrap .handle-val {
        font-size: 1.3em;
    } .handle-val.max-value {
    /* right: 21px; */
    bottom: -3px;
    margin-left: 15px;
} .handle-val.min-value {
    left: 0;
    bottom: -3px;
    margin-left: 15px;
} .handle-val.current-value {
    left: 37%;
    top: -14px;
    font-size: 2em;
} .low-indicator {
    left: 7px;
    top: 20px;
} .max-indicator {
    right: 3px;
    top: 20px;
}
/* Ak range slider __End */
.finalscreen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 1);
    z-index: 9;
    display: none;
}
/*.finalscreen h1 {    text-align: center;
    margin-top: 15px}

    .finalscreen .center {
        padding: 10%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-100%,-100%);
        -webkit-transform: translate(-100%,-100%);
        -moz-transform: translate(-100%,-100%));
    }*/
.finalscreen h1 {
        text-align: center;
        margin-top: 20px
    } .finalscreen .center {
        padding: 0 10%;
        position: absolute;
        left: 0%;
        top: 0%;
        /*  transform: translate(-100%,-100%);
    -webkit-transform: translate(-100%,-100%);
    -moz-transform: translate(-100%,-100%));*/
        width: 100%;
        overflow: scroll;
        height: 100%;
    } li.dealerfee, li.tax {
    display: none;
} li.dealerfee.active, li.tax.active {
        display: block;
    }
/**Tax slider*/
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
} .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    } .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
} .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    } input:checked + .slider {
    background-color: var(--orange);
} input:focus + .slider {
    box-shadow: 0 0 1px var(--orange);
} input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}
/* Rounded sliders */
.slider.round {
    border-radius: var(--globalBorderRadius);
} .slider.round:before {
        border-radius: 50%;
    } .text-left {
    text-align: left !important;
    /*padding: 0 0 10px 0 !important;*/
} .step_tab .step_row:first-child .step_content .container.no-padding {
    background: #f8f9fa !important
} .grayBubble {
    padding: 10px;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: var(--globalBorderRadius);
    max-width: 400px;
    margin: auto;
} .popup-header.full_width .header-text a { /*background:var(--orange)*/
} .popup-header.full_width .header-text .icon {
    fill: #fff !important
} .auto_meta_text-lease .md-text-lease {
    font-size: 19px
} .popup-header.full_width .header-text a {
    position: absolute;
    margin-top: 3px;
    height: 22px;
} .popup-header.full_width .header-text span {
    margin-left: 40px;
    color: #fff;
} .popup-body.full_width .container .margin-top.margin-btm {
    margin: 0 !important
} .popup-body.full_width .form-row {
    min-height: 10px !important
} .popup-body.full_width .form-row .mt-5 {
        margin-top: 20px !important;
    } #lblOrderSummaryAddOnsValue {
    margin-right: 10px
}
/*.instant-update.full_width .spinner {
    width: 110%;
    min-height: 168px;
    background-color: rgba(0,0,0,0.8) !important;
    position: absolute;
    top: -2px;
    left:-20px;
    opacity:0;
        transition: opacity .15s ease-in-out;
}*/
.instant-update.full_width .spinner {
    /*width: 170px;
    height: 170px;*/
    /* min-height: 168px; */
    /*background-color: rgba(255,255,255,0.9) !important;
    position: absolute;
    top: 1px;*/
    /*left: 41.7%;*/
    /*opacity: 0;
    transition: opacity .15s ease-in-out;*/
    display: none !important;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: inline-block;
    color: #1B2126;
    text-align: center;
    border-radius: 50%;
    /*    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.0);
    background-color: #fff;
    border: 1px solid #aaa;*/
    margin: auto;
    position: relative;
    left: 0 !important
} .instant-update.full_width .spinner.active {
        display: inline-block !important
    } .prize_circle.hide {
    display: none !important;
} @keyframes spinner {
    to {
        transform: rotate(360deg);
    }
} .instant-update.full_width .spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
    border: 1px solid #fff;
    border-top-color: #000;
    animation: spinner .6s linear infinite;
} .instant-update.full_width .spinner.active {
    opacity: 1
} .popup-full.full_width {
    top: 90px !important
} .popup-header.full_width > .container, .step_content .popup-header.full_width .container {
    max-width: 100%;
    padding: 10px 0 !important;
    background: #5b656f;
    border-bottom: 1px solid #555;
} .popup-header.full_width > .container .header-text {
        padding: 0 10px;
        min-height: 25px
    } .popup-full > .popup-header .header-text span {
    color: #fff !important
} .popup-body.full_width .border-top.bg-whiteSmoke.full_width {
    /*background: var(--orange);*/
    /*    background: #4b535b;
    color: #FFF;
    padding: 0 0 0;*/
} .popup-body.full_width .border-top.bg-whiteSmoke.full_width a {
        color: #fff !important
    } .auto_ex_info-lease {
    padding: 20px 0;
} .auto_meta_text-lease .md-text {
    width: auto;
    float: left;
} .header_left {
    float: left
} .header_payment_info {
    margin-top: 10px
} .header_payment_info .top_text, .header_payment_info .dollor, .header_payment_info .type {
        color: #fff !important;
        float: left;
        margin-right: 5px;
        font-size: 16px
    }
/*.header_payment_info .top_text:after {padding:0 5px; content:"-"}*/
/*.header_payment_info .dollor:after {padding:0 5px; content:"|"}*/
.carJiffiLogo {
    width: 266px !important;
    position: absolute;
    z-index: 999;
    right: 10px;
    margin-right: 5px;
    top: 15px;
} .posRel {
    position: relative
} .step_row.make-tab, footer {
    border-top: 0 !important
} .step_content .container {
    padding: 0 !important
} .sm-label.full_width.text-center {
    font-size: 18px
} #loanMonths a, #paymentFrequencies a {
} .form-control-ddl.disabled {
    pointer-events: none;
} .form-control-ddl.disabled {
    opacity: .65;
} sm-label full_width text-center {
} #loanMonths, #paymentFrequencies, #leaseMileage {
    margin-bottom: 10px
} #loanMonths a, #paymentFrequencies a, #leaseMileage a {
        padding: 2px 10px;
        border-radius: var(--globalBorderRadius);
        color: #fff;
        background: #444
    } #loanMonths a.selected, #paymentFrequencies a.selected, #leaseMileage a.selected {
            color: #fff !important;
            background: var(--orange) !important
        } .loanpaymentText {
    max-width: 700px;
    margin: auto;
} .full_width .bg-whiteSmoke {
    background: transparent
} .effectiveRateLoan {
    margin-top: 10px
} .owl-nav {
    position: absolute;
    z-index: 9999;
    height: 43px;
    top: 165px;
    width: 100%;
} .owl-prev {
} .owl-prev.disabled, .owl-next.disabled {
        opacity: 0.2
    } .nav-btn.prev-slide {
    width: 40px;
    padding: 10px 0;
    margin-left: -20px;
} .owl-next {
    float: right;
} .owl-next:focus, .owl-prev:focus {
        outline: none;
    } .nav-btn.next-slide {
    width: 40px;
    padding: 10px 0;
    margin-right: -12px;
    margin-top: 8px;
} i {
    /*border: solid var(--orange);*/
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    width: 20px;
    height: 20px
} .owl-prev i {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
} .owl-next i {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
} .popup-full > .popup-header.bg-black, .popup-full.full_width.popup-active .check-list {
    background-color: #5b656f !important;
} .financeCashPopup .loan-rates-wrap.full_width {
    padding-top: 0 !important
} .fontBold {
    font-weight: bold
} .paymentMark, .downpaymentMark, .customerRateMark {
    display: none;
}
/*.owl-nav {
    position: relative !important;
    z-index: 9998 !important;
    top: -52px !important;
    width: 96% !important;
    left: 2% !important;
    margin-top: -50%;
    height:0 !important
}*/
.owl-nav {
    position: absolute !important;
    z-index: 9998 !important;
    top: 25% !important;
    width: 96% !important;
    left: 2% !important;
    margin-top: -75px;
    height: 0 !important;
} .simple-lists.full_width {
    display: block !important
} .accessories-slider .owl-dots {
    position: absolute;
    width: 100%;
    top: -15px;
} .owl-item .full_width.text-center, .owl-item.active .full_width.text-center {
    margin-top: 40px
} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    width: 25px
} .nav-btn.prev-slide {
    margin-left: -6px !important
} .button-wrap.closeBtn {
    z-index: 999;
    /*margin-top: 270px;*/
} .smallcontent, #lblPaymentFrequency, #lblTopSelectedPaymentFrequency, #lblSelectedPaymentFrequency {
    font-size: 13px !important;
    font-weight: bold
} .zIndexTop {
    z-index: 9999;
    position: relative
} .owl-carousel .owl-item img, .owl-carousel .owl-item iframe {
    width: auto;
    max-height: 350px;
    text-align: center;
    margin: auto;
} .owl-carousel .owl-item iframe {
    width: 80%
} .check-list .container, .check-list > li {
    cursor: pointer
} .stockNumber {
    position: absolute;
    z-index: 1;
    bottom: 5px;
    color: #fff;
    font-size: 25px;
    right: 15px;
    font-weight: bold;
    padding: 5px;
    background: rgba(0,0,0,0.53);
    line-height: normal
} .nav-btn.next-slide, .nav-btn.prev-slide {
    width: 40px;
    height: 40px;
    padding: 10px 0;
    margin-left: -10px;
    margin-top: 8px;
    background: var(--orange);
} .nav-btn.prev-slide {
} .nav-btn.next-slide i {
    margin-left: 6px;
    float: left;
    border-color: #fff;
} .nav-btn.prev-slide i {
    margin-left: 15px;
    float: left;
    border-color: #fff;
} .indent10 {
    padding-left: 10px;
} .form-row label {
    color: #000 !important;
} .form-row select {
    clear: both;
    float: right !important;
    width: 80% !important;
    display: block;
    color: #000 !important;
}
/*
.simple-lists.full_width .list-content {display:block !important}*/
.full_width.step_tab .step_row.make-tab:nth-child(1) .step_content .border-top.full_width .container a.link-icon {
    background-color: #6C7BD3;
    width: 45%;
    margin-left: -10px;
    padding-left: 10px;
    transition: all 0.5s;
    border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;
    color: #fff !important;
    text-align: left;
} .full_width.step_tab .step_row.make-tab:nth-child(1) .step_content .border-top.full_width .container a.link-icon span {
        line-height: normal
    } .full_width.step_tab .step_row.make-tab:nth-child(1) .step_content .border-top.full_width .container a.link-icon:hover, .full_width.step_tab .step_row.make-tab:nth-child(1) .step_content .border-top.full_width .container a.link-icon:focus {
        /*background-color: #b6c3fd !important;*/
        width: 50%
    } .field_group .input.error-input, .checkbox_type label::before, .field_group .input.error-input, .field_group .input.error-input ~ label:after {
    border-width: 2px;
}
/*.full_width.step_tab .step_row.make-tab:nth-child(2) .step_content .container a.link-icon {
    background-color: #96d324;
    width: 45%;
    margin-left: -10px;
    padding-left: 10px;
    transition: all 0.5s;
    border-radius: 0 30px 30px 0;
    color: #fff !important
}

    .full_width.step_tab .step_row.make-tab:nth-child(2) .step_content .container a.link-icon:hover, .full_width.step_tab .step_row.make-tab:nth-child(2) .step_content .container a.link-icon:focus {
        background-color: #96d324 !important;
        width: 50%
    }

}*/
.btn.disabled {
    background: #ddd !important;
    border: 0;
    color: #fff;
    color: #999;
} .btn {
    text-decoration: none
} .link-icon .icon {
    fill: #fff !important;
    margin-right: 10px
} .btn_springBud.disabled {
    background: var(--green) !important;
    color: #fff !important;
} .popup-body.full_width .link-icon .icon {
    fill: #000 !important
} .bg-darkgrey {
    background: #4b535b !important;
    color: #FFF;
    padding: 5px 0 0;
} .registerbar {
    background-color: #6b7bd4;
    color: #FFF;
    text-align: center;
    text-decoration: underline;
    padding: 15px 0 0;
    padding-bottom: 0px;
    cursor: pointer;
    /*margin-top: 25px;*/
    padding-bottom: 12px;
} @media (max-width: 991px) {
    .step_row .top_area .title {
        display: block !important;
        padding-top: 20px;
    }

    .step_content .full-width.text-center {
        padding: 0 15px
    }

    .popup-body.full_width .full_width.step_tab .step_row .title:after {
        display: none
    }

    .step_row .top_area .title {
        font-size: 13px !important
    }
} #Disclaimer p {
    padding: 0 25px
}
/*.menu_accordion.addon_accordion .drop_menu .border-top.full_width {border-top:0 !important}*/
.menu_accordion.addon_accordion .drop_menu ul {
    margin-left: -15px
} .menu_accordion.addon_accordion .drop_menu {
    margin-bottom: 0
} .menu_accordion.addon_accordion > ul {
    margin-bottom: 0
} .menu_accordion.addon_accordion .drop_menu {
    margin-left: -15px !important
} .menu_accordion.addon_accordion .drop_menu ul {
        padding-left: 15px
    } .drop_menu ul {
    margin-top: 0
} .menu_accordion.addon_accordion .drop_menu > a {
    /*padding: 10px;
    background-color: #96d324;
    width: 45%;*/
    transition: all 0.5s;
    border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;
    color: #000 !important;
} .menu_accordion.addon_accordion .drop_menu > a {
    /* width: 110%; */
} .menu_accordion.addon_accordion .drop_menu > a svg {
        fill: #000;
        display: block !important;
        transform: rotate(90deg) !important;
        margin-top: -5px
    } .menu_accordion.addon_accordion .drop_menu .active > svg {
    fill: #000;
    display: block !important;
    transform: rotate(-90deg) !important;
} #txtAddonItems .align-self-end.text-right, #txtOrderSummaryAddonItems .align-self-end.text-right {
    align-self: unset !important;
    padding-top: 4px
} #txtAddonItems .checkbox_type label, #txtOrderSummaryAddonItems .checkbox_type label {
    padding-top: 4px !important
} #txtAddonItems li {
    position: relative
} .infoPop {
    padding: 15px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: var(--globalBorderRadius);
    z-index: 90;
    top: 0;
    margin-bottom: 25px;
    margin-left: 15px;
    margin-right: 15px
} .infoPop:before {
        content: "X"l;
        float: right;
        padding-left: 10px
    } #txtAddonItems li .infoPop, #txtOrderSummaryAddonItems li .infoPop {
    display: none
} #txtAddonItems li.active .infoPop, #txtOrderSummaryAddonItems li.active .infoPop {
    display: block
} .showInfoPop {
    width: 25px;
    height: 25px;
    float: right;
} .checkbox_type {
    width: 85%;
    float: left
} #txtOrderSummaryAddonItems .row.no-margin {
    margin: 10px 0 !important
} #Clickheretocontactus .text-center, #Disclaimer .text-center, #Whatsthedepositfor .full_width.text-center.margin-top {
    text-align: left !important
} #Disclaimer .text-center {
    padding: 0 25px
} #Clickheretocontactus .full_width.margin-top, #Disclaimer p {
    text-align: left !important
} p.introContent {
    padding: 0 20px 20px 20px !important;
} @media (max-width: 500px) {
    .carJiffyLogo {
        max-width: 200px !important
    }

    .step_content .container > div { /*margin-left:10px !important;*/
        margin-right: 10px
    }

    .checkbox_type {
        width: 80%
    }

    .field_group select, .field_group select ~ label, .field_group input {
        font-size: 80% !important
    }

    .field_group label {
        font-size: 80% !important
    }

    .row:not(.fixedControl) .col-6:not(.col-xl-2) {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        padding-right: 0;
    } .step_content .container > div {
        /* margin-left: 10px !important; */
        margin-right: 0;
    }
    .button-wrap:not(.fixedControl) {
        margin: 40px auto !important
    }
    .fixedControl .w-50 {
        flex: 0 0 auto !important;
    }
} .mobileAdjust {
    top: -9px !important
} .prize_circle-text-group {
    border-top: 0px solid #c6c9cc;
    padding-top: 60px;
    /*text-align: center;*/
    text-align: left;
    padding-bottom: 0px;
} .step_content .full_width.text-center .h1, .step_content .full_width.text-center > p {
    text-align: left;
    padding-left: 10px !important
} .headersummary {
    border-bottom: 1px solid #fff;
    margin-top: 24px;
    cursor: pointer;
}
/*new custom */
.page-wrapper, .page-content-wrapper {
    width: 100% !important;
    height: auto;
    overflow: hidden
} #loginForm {
    margin-top: 50px
} .page-content-wrapper, .page-inner > .container {
    background: #f1fbff
} #loginForm .col-md-10 {
    max-width: 100% !important
} .page-content-wrapper {
    margin: 0 !important
} .page-content-wrapper .col-sm-4.loginLayout, .page-content-wrapper .col-sm-6.loginLayout {
        margin-left: 0 !important;
        background: #fff !important;
        height: 100vh !important;
        margin: 0 !important;
        /* box-shadow: 6px 4px 24px rgb(0 0 0 / 5%);*/
        /*display: flex;
            justify-content: center;
            align-items: center;*/
        position: relative;
        z-index: 999;
        overflow: auto;
        padding-bottom: 25px;
    } main.container {
    margin: 0;
    padding: 0;
    max-width: 100% !important;
    min-height: calc(100vh - 52px);
} #loginForm {
    width: 100%
} .loginBG * {
    display: flex;
    justify-content: center;
    align-items: center;
} .page-content-wrapper {
    background: #FAFBFF;
} .logo {
    width: 100%;
    max-width: 200px
} .arrRight {
    /*padding: 8px 0*/
}
.cld .eye {
    position: absolute;
    height: 15px;
    width: 15px;
    top: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    right: 30px;
} .cld .eye i:before {
        content: '\f06e'
    } .cld .eye.open i:before {
        content: '\f070'
    } @media only screen and (min-width: 992px) {
} .row-fluid.row {
    margin-left: 0 !important;
    margin-right: 0 !important
} @media only screen and (max-width: 991px) {


    .loginBG {
        background-size: contain;
        position: relative !important
    }

    .page-content-wrapper > .row-fluid.row {
        display: block
    }

        .page-content-wrapper > .row-fluid.row .col-sm-4.loginLayout {
            /* margin: auto;*/
            width: 100%;
            display: flow-root;
            max-width: 100%;
            /* float: none; */
            /* flex: 0; */
            height: auto !important;
            background: #fff !important;
            position: relative;
            z-index: 2;
        }

            .page-content-wrapper > .row-fluid.row .col-sm-4.loginLayout #loginForm {
                width: 80%;
                margin-left: auto;
                margin-right: auto;
            }

        .page-content-wrapper > .row-fluid.row .col-sm-8.loginBG {
            position: absolute;
            top: 0;
            flex: 0;
            height: 50vh;
            width: 100%;
            max-width: 100%;
            z-index: 1;
            /*opacity: 0.2;*/
            padding: 0;
            margin: 0;
            display: block;
            margin-left: 13px;
            display: none
        }

    .col-md-6.arrRight {
        text-align: left !important
    }
} #loginForm .form-horizontal {
    flex: 0 0 100%;
    max-width: 100%;
} input, select, textarea {
    border-radius: var(--globalBorderRadius)
} .page-sidebar, .page-sidebar a, .page-sidebar ul, .page-sidebar ul li {
  font-size:  var(--fontSizeDefault);
  font-size:14px;
    font-family: var(--font-bold)
} .page-sidebar ul {
        padding-left: 0 !important
    } .page-sidebar h2 {
        margin-bottom: 0 !important
    } .OrderSteps, #js-nav-menu {
    border-top: 1px solid #ddd;
    padding-top: 10px !important;
} .button, input[type=submit], .btn_orange, .btn_black, .btn_green, .btn_purple, .btn_gray, .btn_dark {
    text-transform: capitalize;
    padding: 3px 6px !important;
    /*    border: 1px solid #2d499d;*/
    transition: all 0.3s ease 0s;
    cursor: pointer;
    font-size: var(--fontSizeDefault);
    line-height: 24px;
    padding: 11px !important;
    /* Primary/Primary */
    /*border: 1px solid #FE3B00;*/
    box-sizing: border-box;
    /* Shadow - Button primary */
    /*  box-shadow: 0px 12px 14px -12px rgba(254, 59, 0, 0.8);*/
    box-shadow: none;
    border-radius: var(--globalBorderRadius);
} .btn_orange {
    border-color: var(--orange);
    background: none;
    color: var(--orange);
    opacity: 1 !important;
    box-shadow: none;
    border: 1px solid;
} .btn_dark {
    border-color: var(--dark);
    background: #fff;
    box-shadow: none;
    color: var(--dark);
    opacity: 1 !important
} .btn_green {
    background-color: var(--green);
    opacity: 1 !important
} .btn_purple {
    background-color: var(--purple);
    opacity: 1 !important;
    color: #fff !important;
} .btn_gray {
    background-color: #ebebeb;
    color: #333;
    opacity: 1 !important;
    width: 100%
} select option {
    padding: 10px
} .color-purple {
    color: var(--purple);
} .OrderSteps > ul.nav-menu {
    margin-left: 0;
    position: relative;
}
/*.OrderSteps > ul.nav-menu:before {
        content: '';
        height: 85%;
        position: absolute;
        width: 2px;
        top: 19px;
        left: 19px;
        background: #ccc !important;
    }*/
.OrderSteps > ul.nav-menu li, ul.nav-menu li {
        padding: 5px 0 5px 1px;
        position: relative
    } .FESettings ul.nav-menu li {
    padding-left: 0
} nav ul li a:not(.btn), ul.nav-menu li a:not(.btn) {
    padding: 0.4rem 0;
    color: #222;
}
/*
.OrderSteps > ul.nav-menu li a:before {
    content: "\2022";
    color: var(--orange);
    font-weight: bold;
    display: inline-block;
    width: 14px;
    position: absolute;
    left: 0;
    font-size: 28px;
    margin-left: 1px;
    z-index: 99;
    margin-top: -15px;
}*/
.primary-nav {
    padding-left: 0 !important
} .OrderSteps > ul.nav-menu li a:before {
    content: "\2022";
    color: var(--orange);
    font-weight: bold;
    display: inline-block;
    width: 14px;
    position: absolute;
    right: 5px;
    font-size: 40px;
    line-height: 42px;
    margin-left: -1px;
    z-index: 8;
    margin-top: -13px;
} .OrderSteps > ul.nav-menu li.InActive a {
    opacity: 0.4;
    pointer-events: none;
    color: var(--dark) !important
} .OrderSteps > ul.nav-menu li.InActive a:before {
        color: var(--dark) !important
    } .OrderSteps > ul.nav-menu li.Completed a:before {
    color: var(--green) !important
} .OrderSteps > ul.nav-menu li.InComplete a:before {
    color: var(--orange) !important
} .OrderSteps > ul.nav-menu li a {
    color: #666 !important
} .OrderSteps > ul.nav-menu li.active a {
    color: #000 !important;
    background: var(--navHoverBG);
} .OrderSteps > ul.nav-menu li.InComplete.active a {
    color: var(--orange) !important
} input.form-control {
    padding: 14px 20px;
    background: #FFFFFF;
    /* Borders/Light */

    border: 1px solid #DAD9DE;
    box-sizing: border-box;
    border-radius: var(--globalBorderRadius);
} #loginForm {
    width: 100%;
    max-width: 409px;
    float: none;
    margin: auto;
} .page-logo {
    display: flex;
    /* justify-content: center;*/
    align-items: center;
} .welcome_panel {
    background-repeat: no-repeat;
    padding: 30px 15px;
    border-radius: var(--globalBorderRadius);
    color: #fff;
    background-color: var(--purple);
} .welcome_panel h2 {
        color: #fff;
        margin-bottom: 20px
    } .btnLink {
    background: var(--orange);
    border: 1px solid var(--orange);
    box-sizing: border-box;
    border-radius: var(--globalBorderRadius);
    color: #fff;
    padding: 5px;
    font-family: var(--font);
    font-style: normal;
    font-weight: 600;
    font-size: var(--fontSizeDefault);
    line-height: 24px;
    width: auto;
    margin: 5px
} .welcome_panel .btnLink {
    color: #fff;
    min-width: 160px;
    text-align: center
} .welcome_panel .btnLink.white {
        background: #fff;
        color: var(--purple);
        border-color: var(--purple);
        min-width: 180px;
        text-align: center;
    } .welcome_panel .btnLink:hover {
        background: var(--dark-light) !important;
        color: #fff !important;
        border-color: var(--dark-light) !important
    } .btnLink {
    transition: all 0.2s
} .btnLink:hover {
        background: var(--siteBG)
    }
/*global buttons */
.btn_orange, .btn_springBud {
    border-color: var(--orange);
    background: var(--orange);
    color: #fff;
    opacity: 1 !important;
    box-shadow: none;
    border: 1px solid;
}
/*.btn_springBud {
    background-color: var(--orange);
    position: relative;
    z-index: 99999999;
    margin: 0 0.125rem;
    color: #fff;
    background-repeat:no-repeat;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9 15.9374C12.831 15.9374 15.9375 12.8316 15.9375 8.99989C15.9375 5.16888 12.831 2.06238 9 2.06238C5.169 2.06238 2.0625 5.16888 2.0625 8.99989C2.0625 12.8316 5.169 15.9374 9 15.9374Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.91827 11.6032L10.5328 8.99999L7.91827 6.39673" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
}*/
main.container .submitButtonWrap input[type=submit] {
    border: 0 !important;
    width: auto;
    min-width: 0;
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal !important;
    float: left !important;
    display: block;
    padding: 0 !important;
    background: none !important;
} .btn_dark:not(select) {
    border-color: var(--dark);
    background: var(--dark);
    box-shadow: none;
    color: #fff;
    opacity: 1 !important
} .btn_green {
    border-color: var(--green);
    background: var(--green)f;
    box-shadow: none;
    color: #fff;
    opacity: 1 !important
} .btn_purple {
    border-color: var(--purple);
    background: var(--purple)f;
    box-shadow: none;
    color: #fff;
    opacity: 1 !important;
} .btn_gray {
    width: 100%;
    border-color: #ebebeb;
    background: #ebebeb;
    box-shadow: none;
    color: #fff;
    opacity: 1 !important;
}
/*end*/
.btn_orange:hover, .InComplete .btnLink:hover {
    /* border-color: var(--orange);*/
    background: var(--orange);
    color: #fff;
} .btn_dark:hover {
    /* border-color: var(--dark);*/
    background: var(--dark);
    color: #fff;
} .btn_green:hover, .Completed .btnLink:hover {
    background-color: var(--green);
    color: #fff;
    opacity: 1 !important
} .btn_purple:hover {
    background-color: var(--purple);
    background: var(--purple);
    opacity: 1 !important;
    color: #fff !important;
} .btn_gray:hover {
    background-color: #ebebeb;
    color: #333;
    opacity: 1 !important;
    width: 100%
} .btn_orange.selectedVehicle {
    border-color: var(--orange);
    background: var(--orange);
    color: #fff;
    height:40px;
    border-radius:4px !important

} .page-heading-profiles-selector select {
    padding: 10px 11px 10px !important
} .dealerShipInfo h2, .reminderInfo h2 {
    color: var(--dark)
} .dealerShipInfo .dealerShipInfoTile .title {
    font-family: var(--font);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #000;
} .dealerShipInfo .dealerShipInfoTile {
    padding: 20px 28px;
    background: #FFFFFF;
    border: 1px solid var(--bdr-clr);
    box-sizing: border-box;
    border-radius: var(--globalBorderRadius);
} .reminderInfo h2 {
    color: var(--dark);
    width: auto;
    float: left
} .reminderInfo .reminderInfoTile .title {
    font-family: var(--font);
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #000;
} .reminderInfo .reminderInfoTile {
    padding: 20px 28px;
    background: #FFFFFF;
    border: 1px solid var(--bdr-clr);
    box-sizing: border-box;
    border-radius: var(--globalBorderRadius);
} .reminderAllLink {
    float: right
} .reminderListItem {
    padding: 15px 0;
    border-bottom: 1px solid var(--bdr-clr);
} .reminderInfo .reminderListItem:last-child {
    border: 0
} .reminderTitle {
    color: #000;
} .reminderTime {
    font-family: var(--font-bold);
    font-size: 10px;
} .hide {
    display: none
} @media (min-width: 768px) {
    .reminderIcon img {
        max-width: 54px
    }
} .statusContainer {
    padding: 20px 0;
    font-weight: bold
} .order-summary.bg-whiteSmoke.full_width.py-5 {
    background: #fff;
    border-radius: 0 0 var(--globalBorderRadius) var(--globalBorderRadius);
    margin-bottom: 0;
    padding-bottom: 0 !important;
    border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;
    /*    margin-top: -20px;
*/ border: 1px solid var(--bdr-clr);
    border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;
} .bg-light {
    background: transparent
} button, input, optgroup, select, textarea {
    var(--fontSizeDefault)
} .flexVCenter {
    display: flex;
    justify-content: center;
    align-items: center;
} main.container > div, .header-right {
    max-width: 1600px;
} .headerStatusBar .page-logo img {
    padding-top: 5px
} .container {
    max-width: 1600px;
} .tileCallout {
    background: #FFFFFF;
    border: 1px solid var(--bdr-clr);
    box-sizing: border-box;
    border-radius: var(--globalBorderRadius);
    padding: 20px 16px;
    position: relative
} .searchMagnifierInput {
    width: 100%
}
.searchMagnifierIcon {
    position: absolute !important;
    right: 10px !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: transparent !important;
/*    background-image: url(/Assets/Carjiffy/images/icons/mag.svg) !important;
*/    
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 50% !important;
    background-position: center !important;
} .textLink {
    background: none !important;
    color: var(--purple) !important;
    border: 0 !important;
    box-shadow: none !important;
} .item.span-4, .item.col-md-4 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0;
    border-radius: var(--globalBorderRadius)x;
    background: #fff;
    margin: 10px;
} .button-wrap {
    color: inherit;
    position: relative;
    /* bottom: 0; */
} .item.span-4 *, .item.col-md-4 * {
    flex-grow: 1;
} .item.col-md-4 > div:not(.slide-img) {
    padding: 15px
} .item.col-md-4 .slide-img {
    border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;
    overflow: hidden;
} .item.col-md-4 .slide-img iframe {
        width: 100%
    } @media (min-width: 768px) {
    .item.span-4, .item.col-md-4 {
        max-width: 31.333333%;
    }
}
/*.checkbox1 input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
*/
.styled-checkbox {
    position: absolute;
    opacity: 0;
} .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
    } .styled-checkbox + label:before {
            content: '';
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 16px;
            height: 16px;
            background: var(--orange);
        } .styled-checkbox:hover + label:before {
        background: var(--orange);
    } .styled-checkbox:focus + label:before {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
    } .styled-checkbox:checked + label:before {
        background: var(--orange);
    } .styled-checkbox:disabled + label {
        color: #b8b8b8;
        cursor: auto;
    } .styled-checkbox:disabled + label:before {
            box-shadow: none;
            background: #ddd;
        } .styled-checkbox:checked + label:after {
        content: '';
        position: absolute;
        left: 3px;
        top: 9px;
        background: white;
        width: 2px;
        height: 2px;
        box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
        transform: rotate(45deg);
    } .button-wrap.closeBtn.ppp {
    text-align: center;
    margin: 15px auto
} .button-wrap.closeBtn.ppp .btn {
        display: inline-block
    } .RadTabStrip.top-level:not(.tabs) {
    width: auto;
    float: left
} .RadTabStrip.top-level .rtsLevel1 {
    width: auto;
    border: 1px solid #ccc;
    border-radius: var(--globalBorderRadius);
    padding: 10px;
} .RadTabStrip_Default .tabStyle, .RadTabStrip_Default .tabStyle * {
    background: none !important;
    padding: 0 !important;
    margin: 5px !important
} .RadTabStrip_Default .tabStyle {
    border-radius: var(--globalBorderRadius);
    padding: 5px 30px !important;
    text-align: center;
    background: var(--purple) !important;
    color: #fff !important;
    margin: 5px !important;
    padding: 0px !important
} .RadTabStrip_Default .tabStyle.rtsSelected {
        color: #fff !important;
        background: var(--orange) !important;
        box-shadow: 0 8px 9px -4px rgb(0 0 0 / 15%), 0 4px 18px 0 rgb(0 0 0 / 10%) !important;
    } .tooltipsy {
    position: absolute;
    background: #fff;
    z-index: 999;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: var(--globalBorderRadius);
    right: 0;
    top: 10px;
    cursor: pointer
} .tiled {
    background: #fff;
    border-radius: var(--globalBorderRadius);
    border: 1px solid var(--bdr-clr);
    position: relative;
    display: flow-root
} .trade-in-intro {
    background: var(--purple);
    color: #fff;
    border-radius: var(--globalBorderRadius);
    display: flow-root
} .coverIMG {
    object-fit: cover;
    height: auto !important;
    width: auto !important;
    float: right;
} .trade-toggle {
    width: auto;
    border: 1px solid #ccc;
    border-radius: var(--globalBorderRadius);
    padding: 5px 10px;
    display: inline-block
} .trade-toggle ul {
        margin: 0;
        padding: 0;
        list-style: none;
        *zoom: 1;
        float: left;
        display: inline;
        overflow: hidden;
    } .trade-toggle li {
        float: left;
        margin: 10px;
        padding: 5px 30px;
        background: #fff;
        border-radius: var(--globalBorderRadius);
        color: var(--purple);
        font-size: var(--fontSizeDefault);
        cursor: pointer
    } .trade-toggle li.selected {
            color: #fff !important;
            background: var(--orange)
        } .tradeSelected label {
    font-family: var(--font-bold);
} #txtTradeInLender {
    width: 100%;
    /*min-height: 150px*/
}
/*intro*/
.VehicleWrapper .regForm {
    /* border: 1px solid #EBEBEB;
    box-shadow: 0px -8px 90px -40px rgb(0 0 0 / 25%);
    border-radius: var(--globalBorderRadius);*/
    padding: 20px 0 50px;
    /* margin-top: -50px;*/
    position: relative;
    z-index: 999;
    background: #fff;
    width: 100%;
    /*max-width: 605px;
    margin: -100px auto;*/
} .VehicleWrapper .regForm {
} .inline-block {
    display: inline-block
} .carIllo {
    margin: auto
} .uploadTile {
    height: 250px;
    background: var(--navHoverBG);
    border: 1px solid var(--orange);
    border-radius: var(--globalBorderRadius);
    margin-bottom: 30px;
    padding-top: 15px;
} .uploadTile h2 {
        position: relative;
        z-index: 9999;
        background: var(--navHoverBG);
    } .RadUpload_Default .ruButton {
    background: none !important;
    color: transparent !important;
} .RadUpload_Default .ruButton {
    width: 20px !important;
    height: 20px !important;
    background-repeat: no-repeat !important;
    float: left;
    background-image: url(/Assets/Carjiffy/upload.svg) !important;
    margin-right: 10px;
    margin-top: 2px;
} .RadAsyncUpload.RadUpload.RadUpload_Default {
    /*width: auto !important*/
} .ruFakeInput.radPreventDecorate {
    display: none !important
} .uploadControls {
    width: auto !important;
    float: left !important
} .uploadControls input {
        margin-top: -5px
    } .uploadControls input.btn_springBud {
            background: transparent !important;
            color: #fff !important;
            padding: 0 10px !important
        } .ruDropZone {
} .uploadControls .RadAsyncUpload.RadUpload.RadUpload_Default {
    width: auto !important
} .defaultIllo {
    margin-top: 20px
} .controlContainer {
    width: auto;
    display: inline-block;
    margin: auto;
    text-align: center;
    margin-top: 66px;
} input[type=submit].uploadBtn {
    box-shadow: none !important;
    font-family: var(--font-bold);
    padding: 0 !important;
    border: 0;
    background: none;
    color: var(--orange);
    padding: 0 !important
} .carOverlay {
    /*display: none !important;*/
    display: flow-root;
    width: 100%;
    height: 158px;
    position: absolute;
    margin: -15px;
    border-radius: var(--globalBorderRadius);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    background-position: center;
}
/*end intro*/
/*dash*/
.page-sidebar-full {
    position: absolute;
    z-index: 9999;
    left: -100%;
    background: #fff;
    transition: all 0.5s;
    padding-bottom: 100px;
} .page-logo img {
    width: 28px;
    height: 22px
} .page-sidebar-full .page-logo img {
    float: left
} .page-sidebar-full .page-logo div {
    float: left;
    margin: -6px 0 0 7px;
    color: var(--Dark—Primary)
} .page-sidebar-full .page-logo a {
    width: 260px;
    font-family: 'Inter Bold';
    font-size: 24px;
} .page-sidebar .primary-nav .nav-menu > li > a {
} .nav-menu li.active > a {
    box-shadow: none
} .page-sidebar-full.active {
    left: 0;
    box-shadow: 6px 4px 24px rgba(0, 0, 0, 0.05);
} .t-click .title {
    cursor: pointer
} .page-sidebar {
    width: 260px;
    min-width: 260px;
    /* margin-right:50px;*/
    float: left;
    clear: both;
    /*  padding: 0 15px;*/
    padding-top: 40px;
} .page-sidebar h2, .page-sidebar nav {
        padding: 0 15px
    } .page-sidebar .OrderSteps .nav-menu, .page-sidebar .nav-menu {
        padding: 0 15px !important;
    } .page-sidebar .OrderSteps .nav-menu li, .page-sidebar .nav-menu li {
            display: flow-root;
        } .nav-menu li:not(.InActive):hover {
    background: var(--navHoverBG);
} .headerStatusBar {
    display: flow-root;
    background: #f8fafc
} .page-logo img {
    width: 100%;
    height: auto
} main.container, .header-right {
    float: left;
    width: calc(100% - 260px);
} main.container {
    width: 100%
} .header-right {
    float: right
}
/*.header-right,.page-logo {padding: 20px 10px 10px;}*/
main.container {
    background: #f8fafc
} .nav-menu li a {
    width: 100%;
    float: left
} .nav-menu li a img {
        width: auto;
        float: left;
        margin-right: 5px
    } .page-logo {
    padding-top: 5px
} .page-logo {
    min-width: 260px;
    /*  margin-right: 50px;*/
    float: left;
    clear: both;
    padding: 6px 15px;
} .page-logo .mb {
        display: none;
        margin-top: 5px
    } @media (max-width: 1023px) {
    .page-sidebar {
        width: 200px;
        left: -100%;
        position: absolute;
        transition: all 0.8s;
        background: #fff;
        z-index: 99;
        height: calc(100% - 124px);
    }

    .page-logo .mb {
        display: block
    }



    main.container {
        width: 100%;
        margin-top: 0
    }

    .page-sidebar.mobile-nav {
        left: 0
    }

    main.container.mobile-nav:before {
        width: 100vw;
        height: 100vh;
        position: fixed;
        background: rgb(175, 175, 175);
        z-index: 999999999999;
    }

    main.container.mobile-nav {
        opacity: 0.5;
        height: 80vh;
        overflow: hidden
    }
} .page-sidebar h2 {
    font-size: 10px
} .headerStatusBar .span-3.col-md-3.dt, .headerStatusBar .span-2.col-md-2.counter {
    padding: 10px 0
} .dtSelect {
    margin-bottom: 50px;
    padding-top: 10px;
    display: flow-root;
    text-align: right
} .dtSelect > div {
        float: right;
        margin-right: 8px
    } .page-sidebar .dtSelect {
    display: none
} .page-sidebar.mobile-nav hs {
    width: 100%;
    clear: both;
    display: block
} @media (max-width: 900px) {
    .dtSelect {
        display: none
    }

    .page-sidebar .dtSelect {
        display: flow-root
    }

    .dtSelect > div {
        float: left;
        margin-bottom: 5px
    }
} .headerbg {
    background: #f8fafc;
    display: flow-root
} .headerbg.container {
        max-width: 1600px;
        padding-right: 33px;
        margin: 0;
        width: auto
    } .span-12.col-md-12.p-5 #orderSummary #lblOrderSummaryStockNumber:not(.standalonePage), #orderSummary #lblOrderSummaryStockNumber:not(.standalonePage) {
    position: absolute;
    padding: 10px;
    font-weight: bold;
    color: #fff;
    z-index: 9999;
    color: #333 !important;
    padding: 10px;
    background: var(--orange);
    color: #fff !important;
    border-radius: var(--globalBorderRadius)
} #HeaderContent_Header_upsummary .orderSummaryDrop {
    border-radius: var(--globalBorderRadius)
} .orderSummaryDrop, .orderSummaryDrop2 {
    position: absolute;
    right: 50px;
    z-index: 999999999999;
    background: #fff;
    padding: 0;
    top: 64px;
    border: 1px solid #000;
    border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0
} .header-right {
    position: relative
} .btn_ {
    border-radius: var(--globalBorderRadius);
    text-decoration: none !important
}
/*.btn_springBud, input[type=submit].btn_springBud {
    background-color: transparent !important;
    font-family: var(--font-bold) !important;
    color: var(--purple) !important;
    border: 0 !important;
    padding: 0 !important;
}*/
.Twilio.Twilio-MainContainer {
    height: calc(100vh - 100px);
    min-width: 500px;
    max-height: 100vh;
    z-index: 9999999999;
    top: 50px;
} .Twilio.Twilio-EntryPoint {
    visibility: hidden
} .Twilio-MessageBubble-default {
    background: var(--purple);
    border-radius: var(--globalBorderRadius) 0 var(--globalBorderRadius) var(--globalBorderRadius);
} .Twilio.Twilio-MessageBubble {
    background: transparent !important
} .Twilio-MessageBubble-default {
    background: #EBEBEB !important;
    border-radius: var(--globalBorderRadius);
} .Twilio-MessageInputArea-TextArea textarea {
    background: transparent !important
} .Twilio-MessageInputArea-TextArea {
    border: 1px solid #DAD9DE;
    border-radius: var(--globalBorderRadius) !important;
} .Twilio-Icon.Twilio-Icon-SendLarge {
    display: none
} .Twilio-MessageBubble-Header, .Twilio-MessageBubble-Body {
    color: #000 !important
} .Twilio-IconButton.Twilio-MessageInput-SendButton {
    /* Primary/Primary */

    background: var(--orange) !important;
    /* Primary/Primary */

    border: 1.25px solid var(--orange) !important;
    /* Shadow - Button primary */

    box-shadow: 0px 12px 14px -12px rgba(254, 59, 0, 0.0) !important;
    border-radius: var(--globalBorderRadius);
    width: 100px !important
} .Twilio-IconButton.Twilio-MessageInput-SendButton:before {
        content: "Send"
    } .selectedVehicle {
    position: relative;
    padding-left: 27px !important;
} .selectedVehicle:before {
        height: 20px;
        width: 20px;
        position: absolute;
        left: 3px;
        top: 9px;
        left: 7px;
        top: 10px;
        content: url('data:image/svg+xml; utf8, <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.56665 14.8652C5.88315 14.8652 6.1404 15.1225 6.1404 15.439C6.1404 15.7555 5.88315 16.012 5.56665 16.012C5.25015 16.012 4.99365 15.7555 4.99365 15.439C4.99365 15.1225 5.25015 14.8652 5.56665 14.8652Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.006 14.8652C14.3225 14.8652 14.5798 15.1225 14.5798 15.439C14.5798 15.7555 14.3225 16.012 14.006 16.012C13.6895 16.012 13.4323 15.7555 13.4323 15.439C13.4323 15.1225 13.6895 14.8652 14.006 14.8652Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.06238 2.4375L3.62238 2.7075L4.34463 11.3123C4.40313 12.0135 4.98888 12.552 5.69238 12.552H13.8764C14.5484 12.552 15.1184 12.0585 15.2151 11.3925L15.9269 6.474C16.0146 5.86725 15.5444 5.32425 14.9316 5.32425H3.87288" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.594 8.09628H12.6737" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    } .primary-nav .nav-menu li {
    padding-left: 0
} .headerStatusBar .reminderInfo {
    padding: 20px 10px
} .infoPop {
    border-radius: var(--globalBorderRadius)
} #btnUpdateLoanPayment, #btnUpdateLeasePayment, #btnUpdateCashPayment {
    float: right;
      background-color: var(--green) !important;
} #btnUpdateCashPayment {
    margin-top: 0 !important
} #txtLeaseRate, #txtLeaseDownpayment {
    text-align: left;
    height: 40px;
    max-width: 100%
} .btn_dark {
    /* background: var(--dark);
    color: #fff;*/
    transition: all 0.3s ease 0s;
} .btn_dark:hover {
        background: var(--siteBG);
        color: #333
    } .tiled {
    background: rgba(255,255,255,0.7);
} main.container {
    background-color: var(--siteBG) !important;   
} .headerStatusBar {
    background: #fff !important
} .headerbg {
    background: transparent !important;
} .btnLink {
    text-decoration: none !important
}
/*.button-wrap {
    width: 100%
}*/
/* new direction */
input.form-control, .button, input[type=submit], .btn_orange, .btn_black, .btn_green, .btn_purple, .btn_gray, .btnLink, .status, .summaryImage, .item.col-md-4 .slide-img, .reminderInfo .reminderInfoTile, input[type=text], input[type=password], select, textarea, .order-summary.bg-whiteSmoke.full_width.py-5, .Step-Card, .dealerShipInfo .dealerShipInfoTile, #orderSummary, .checkbox_type label::before {
    border-radius: var(--globalBorderRadius) !important;
    border-width: 1px !important
} .span-12.col-md-12.p-5 .order-summary.bg-whiteSmoke.full_width.py-5 {
    margin-top: -30px
} main.container .button, main.container input[type=submit], main.container .btn_orange, main.container .btn_black, main.container .btn_green, main.container .btn_purple, main.container .btn_gray {
    padding: 7px 10px !important
} .headerIcons {
    padding: 3px 0
} .headerIcons a {
        /* border-radius: 50%;
        border: 1px solid var(--dark);*/
    } .page-sidebar a {
    text-decoration: none;
/*    font-weight: bold*/
} .menu_accordion .drop_menu svg {
    float: left;
    margin-top: -2px;
} .btnSaveDraft, .btnSubmit, .submitButtonWrap {
    opacity: 0
}
.rcbtn.active {
    background-image: url('/Assets/Carjiffy/Images/icons/btnicons/tail-spin.svg') !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background-position: 5px !important;
} .submitButtonWrap:hover, .btn:hover {
    background-color: var(--dark-light) !important
} #icon-tooltip {
    margin-left: 3px;
    margin-top: -2px;
} .tooltip-inner {
    max-width: 400px;
    padding: 15px;
    color: var(--dark);
    text-align: left;
    background-color: #fff;
    border: 1px solid var(--dark);
    border-radius: var(--globalBorderRadius);
  font-size:  var(--fontSizeDefault);
} .tooltip {
    z-index: 2147483647
} .span-12.col-md-12.p-5 #lblOrderSummaryStockNumber {
    color: #fff !important
} .orderSymmaryImageContainer {
    min-height: 150px
} input[type=text], input[type=password], select, textarea {
    box-shadow: none !important
} .addonStyle.tp.no-padding input[type=checkbox] {
    display: none !important
} .addonStyle.tp.no-padding label:before, .addonStyle.tp.no-padding label:after {
    display: none
} .addonStyle.tp.no-padding .checkbox_type label {
    padding-left: 0
} #txtOrderSummaryAddonItems .row.no-margin {
    margin: 0 !important
} .orderSymmaryImageContainer {
    background: var(--dark);
    background: rgba(57,59,90, 0.1);
    border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0
} .orderSymmaryImageContainer .bg {
        background-repeat: no-repeat !important;
        max-height: 375px;
        height: 100vh;
        background-size: contain !important;
        background-position: center !important;
        max-width: 500px;
        margin: auto;
    } .orderSymmaryImageContainer img {
        display: none
    }
/*
.orderSymmaryImageContainer {
    background-image: linear-gradient(272deg, black, transparent), url(https://tdrvehicles.azureedge.net/photos/import/202207/1206/1100/281191d1-ca06-4745-9261-6d2d85212c81.jpg-2048x1536) !important;
}*/
.carIllo {
    max-height: 87px;
    width: 100% !important;
    max-width: 150px;
    height: auto;
    padding-top: 20px;
} .loginLayout .form-control, .loginLayout .form-control.inputcld {
    var(--fontSizeDefault) !important
} .eye i {
    margin-top: 5px;
} #chkTradeInEveAccident.styled-checkbox:checked + label:after {
    top: 7px !important;
} .estPrice {
    font-weight: 700;
    font-size: 34px;
    line-height: 24px;
    /* identical to box height, or 71% */

    text-transform: capitalize;
    /* Secondary/Secondary */

    color: var(--purple);
} #txtDownpayment {
    text-align: left
} .header-right {
    width: 100% !important
} .documentContainer .field_group {
    width: 100%
} .clearfix.text-left.tradeInOptions .checkbox_type {
    margin-top: 15px
}
/*slick*/
/*.Step-Card {opacity:0; transition:all 0.5s }*/
#divVideo {
    display: block;
    position: absolute;
    background: #fff;
    padding: 50px;
    font-size: 20px;
    z-index: 999;
    /* left: 50%; */
    line-height: 25px;
    /* top: 20%; */

    width: 370px;
    z-index: 9999999999999;
} main.container > div {
    transition: all 0.5s;
    opacity: 1
} loader {
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s
} .ripple-surface {
    width: 100%;
    pointer-events: none
} .participant .userName:after {
    content: "+";
    font-size: 22px;
    color: #fff;
    padding: 5px;
    background: rgba(255,255,255,0.2)
} #videoContainer .row {
    margin: 0 !important
} .vidSection.col-12 {
    padding-left: 0
} @media (min-width: 768px) {
    .orderSummaryDrop2.col-sm-3 {
        min-width: 600px
    }
} @media (max-width: 767px) {
    .orderSummaryDrop2.col-sm-3 {
        min-width: 100vw;
        zoom: 0.7;
        transform: scale(0.7);
        transform-origin: top left;
    }
} @media (max-width: 650px) {
    .orderSummaryDrop2.col-sm-3 {
        zoom: 1.0;
        transform: scale(1.0);
        transform-origin: top left;
    }
} img.ph {
    object-fit: contain !important
} slide-img.text-center.add img[src='/Assets/Carjiffy/carjiffy_logo_orange.svg'] {
    object-fit: contain !important
} .slide-img.text-center.col-sm-3 img.ph {
    object-fit: contain !important
} .slide-img.text-center.add, .slide-img.text-center.col-sm-3 {
    background: #fff !important;
    max-height: 200px;
    display: flex;
    min-height: 150px
} .slide-img.text-center.col-sm-3 {
    border: 1px solid var(--bdr-clr);
    border-radius: var(--globalBorderRadius);
    padding: 0
} .btn.active, .btn.active:focus, .btn.focus, .btn:active, .btn:active:focus, .btn:focus, .btn:hover {
    box-shadow: none !important;
        text-decoration: none;

} .page-heading-profiles-selector {
    position: relative;
} .page-heading-profiles-selector select {
        padding: 10px 11px 10px 23px !important
    } .page-heading-profiles-selector:before {
        position: absolute;
        z-index: 99999;
        width: 16px;
        content: url(/Assets/Carjiffy/Images/garage.svg);
        top: 12px;
        left: 5px;
    } .fb-form .form-group .fb-control.fb-checkList .fb-checkBoxItem {
    white-space: nowrap;
} .fb-control span {
    display: block !important;
    float: left !important
} .col-lg-6.nnxt #btnNext {
    display: none
} .dealerShipInfoTile.row p, .dealerShipInfoTile.row a {
    margin-bottom: 5px
} .text-info {
    color: var(--orange) !important;
    opacity: 1 !important
} @media (max-width: 1023px) {
    .infoTip, .helpTrigger {
        display: none !important
    }
} .customVisiblity {
    overflow: visible !important
} @media (max-width: 767px) {
    .customVisiblity {
        overflow: hidden !important
    }
} .progress-bar {
    background: var(--orange)
} .progress {
    height: 20px !important;
    font-size: 15px !important;
} .loginBG {
    background-repeat: no-repeat !important;
    /*background-size: contain !important;*/
    background-position: center !important;

} .garage select {
    overflow: auto;
} .garage select option {
    text-wrap: balance;
} .garage select option:nth-child(2n) {
        background: #f5f5f5
    }

}

.loginBG.col-sm-8 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal {
z-index:999999999 !important;
}
.modal-dialog .modal-header .close {
    background: none;
    border: 0;
    position: absolute;
    right: 10px;
    font-size: 30px;
}

.modal-dialog  .modal-body .progress {margin-top:15px}
.modal-dialog h4.modal-title {
    font-size: 25px;
    font-weight: bold
}
.modal-dialog .modal-footer .btn.btn-default {
    border-radius: 5px;
    background: #ddd;
}

.modal-dialog .modal-footer .btn.btn-primary {
    border-radius: 5px;
    background: var(--green);
    color:#fff
}

/*.rmpView.stt5 .span-12.col-md-12.row.mx-auto.px-0.py-5 .btn.btn_green.float-end {
    display:    block;
    margin-top: 50px
}*/
.VehicleWrapper.row.g-0 {
    opacity: 1 !important
}


.sidecontent .r-side {
    width:100% !important
}
.sidecontent .vh-50.v-center.r-top.p-5 {
    padding: 0 !important
}
.sidecontent .t2 {
    font-size: 28px;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
}
.sidecontent {
    /* border-top: 1px solid var(--purple);*/
    border-bottom: 1px solid #ddd;
    padding-top: 16px;
    margin-bottom: 25px;
    padding-bottom: 20px;
}
    .sidecontent br {display:none}
    .sidecontent .col-12.mb-5 {
        margin-bottom: 0 !important
    }

.describe-cost li.h6 {padding:5px; border-bottom:1px solid #f1f1f1}
    .describe-cost li.h6 .textBlack {
        font-weight: bold
    }
/*.bg_gray {
    background: #f1f1f1
}
.bg_white {
    background: #fff
}*/

main .modalClose, main .modalClose2 {
    display: none !important
}



.open:not(.eye):not(.orderSummaryDrop ):not(.orderSummaryDrop2):before {
    content: "";
    width: 100vw;
    height: 100vh;
    position: fixed;
    background-color: rgba(255,255,255,0.6);
    top: 0;
    left: 0
}

.modalClose2 {z-index:99999; cursor:pointer}


.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}


/*sold animation*/
canvas {
    /* border: 1px soild black;*/
    transition: all 4s;
    position: fixed;
    height: 100vh;
    width: 100vw;
    pointer-events: none;
    z-index: 99999999
}

#canvasContainer {
    transition: all 4s;
    pointer-events: none;
    z-index: 99999999
}

    #canvasContainer.active {
        z-index: 99999999;
        position: fixed;
        pointer-events: all;
        height: 100vh;
        width: 100vw;
    }

    #canvasContainer > div {
        height: 100vh;
        width: 100vw;
        position: fixed;
        display: flex;
        display: flex;
        justify-content: center;
        align-items: center;
   /*     font-size: 50px;*/
        color: #fff;
        flex-direction: column;
        z-index: 99999999999;
    }
    #canvasContainer p {margin:auto}

    #canvasContainer div img {
        max-width: 600px
    }
        #canvasContainer a.btn {margin-top:0 !important}



#confetti {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100vw;
    background: black;
    z-index: 9999999;
}
#confetti * {color:#fff !important}

    #confetti main.container, #confetti .page-content-wrapper {
        background: black !important
    }
        #confetti .page-content-wrapper .col-sm-4.loginLayout, #confetti .page-content-wrapper .col-sm-6.loginLayout {background:transparent !important}
        #confetti main.container {
            width: 100vw
        }
    #confetti .page-inner {
        max-width: 90vw;
        margin: auto
    }


    #confetti .page-content-wrapper .col-lg-6.loginLayout {
        height: 100vh !important
    }

@media (max-width: 991px) {
    #confetti .page-content-wrapper .col-lg-6.loginLayout {
        height: unset !important
    }
    #confetti .mainsidecontent {margin-top:50px}
}

loader.span-12.col-sm-12 {
    position: absolute;
    top: 50%;
    max-width: calc(100vw - 230px) !important;
    width: 100vw !important;
    right: unset !important;
    left: unset !important;
}
@media (max-width:1875px) {
    loader.span-12.col-sm-12 {
        width: calc(100vw - 200px) !important;
/*        left: 0 !important;
*/    }
}
@media (max-width: 991px) {

    loader.span-12.col-sm-12 {
        width: 100% !important;
        left: 0 !important;
    }
}

    @media (max-width: 767px) {
        #btnUpdateLoanPayment, #btnUpdateLeasePayment, #btnUpdateCashPayment, .anchor-nomargin.btn.btn_orange.mt-4.mw-100.mx-auto.mb-5.rcbtn {
/*            float: none;
*/            margin: 20px auto;
        }

        .spinner-border {
            left: calc(50% - 25px) !important;
        }
        .tooltip {
            z-index: 999999 !important;
        }
    }

@media (max-width: 1023px) {
    .page-sidebar {
        width: 200px;
        left: -100% !important;
    }

        .page-sidebar.mobile-nav {
            left: 0 !important
        }

   
}


/*fix menuitem controls
*/

main.container > div {
    padding-bottom: 100px
}

.fixedControl:not(input) {
    position: fixed !important;
    bottom: 0;
    background: var(--totalBG);
/*    background: rgb(182 147 255 / 100%);
*/    width: 75%;
    width: calc(100% - 300px);
    left: 280px;
    height: 48px;
    min-height: 70px;
    padding: 18px 10px;
    margin: 0;
    padding-bottom: 45px;
    max-width: 1580px;
    border-radius: 4px;
   /* border-radius: 0;*/
    z-index: 8;
    /*    animation: pulse 1s infinite;
*/
}
.fixedControl * {float:left; margin-top:0 !important}


@media (min-width: 1024px) and (max-width:1199px) {
    .vTabContent .fixedControl {
        min-height: 145px;
    }
}



@media (max-width: 1023px) {
    main.container > div {
        padding-bottom: 200px
    }
    .fixedControl {
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        z-index: 999999;
        padding-bottom: 0 !important;
        padding: 0;
    }
 
}



    @keyframes pulse {
        0%, 100% {
            background-color: #f56a3f;
        }

        50% {
            background-color: #9e42b0;
        }
    }

    .pb-40 {
        padding-bottom: 40px !important
    }
.Step-Card {
    z-index: 2 !important;
}


.tileBtn {
    max-width: 130px !important;
    width: 100% !important;
    color: #fff !important;
    text-align: center !important;
    display: block !important;
    height: 36px !important;
    padding: 5px !important;
    color: #000 !important;
    color: #fff !important;
    background: var(--dark);
}

@media (max-width: 767px) {

    .welcome_panel {
        height: calc(85% - 80px);
        overflow-y: auto;
        margin: 22px auto;
        width: calc(100% - 40px) !important;
        top: 10% !important;
    }

    .fixedControl:not(input) {
        max-width: 100vw !important
    }
    .open:not(.eye):before {
        display:none
    }

    }
@media (min-width: 1100px) {
    .fl-lg {float:left}
}


a.text-link {
    color: var(--green) !important;
    text-decoration: underline;
}

/*Additional Skinning support*/

.Completed.status {
    color: var(--green) !important
}

.InComplete.status {
    var(--orange) !important
}

.VehicleWrapperx > .form-row {
    display: flex !important
}

    .VehicleWrapperx > .form-row label {
        align-content: center
    }

.RadCalendar.RadCalendar_Default caption, .RadCalendarPopup.RadCalendarPopupShadows .rcShadTR, .RadCalendarPopup.RadCalendarPopupShadows .rcShadBL, .RadCalendarPopup.RadCalendarPopupShadows .rcShadBR {
    display: none
}


.outer-bar {
    position: relative;
    width: 80%;
    height: 30px;
    background: #222;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2) inset;
    position: absolute;
    width: calc(100% - 20px);
    transition: all 1.0s
}

.inner-bar {
    position: absolute;
    height: 100%;
    background: linear-gradient(90deg, #fff, var(--orange));
    border-radius: 8px;
    animation: expand 3s ease-in-out infinite;
}

    /* Create multiple inner bars using nth-child selectors */
    .inner-bar:nth-child(1) {
        left: 0;
        animation-delay: 0s;
    }

    .inner-bar:nth-child(2) {
        left: 0;
        background: linear-gradient(90deg, #fff, var(--purple));
        animation-delay: 0.6s;
    }

    .inner-bar:nth-child(3) {
        left: 0;
        background: linear-gradient(90deg, #fff, var(--green));
        animation-delay: 1.2s;
    }

@keyframes expand {
    0%, 100% {
        width: 0%;
        opacity: 0.4;
    }

    50% {
        width: 100%;
        opacity: 1;
    }
}
.blocker {
    width: 100vw;
    height: 100vh;
    position: fixed;
    background: rgba(255, 255, 255, 0.7);
    z-index: -1;
    top: 0;
    left: 0;
}

/*Additional Skinning support*/

.Completed.status {
    color: var(--green) !important
}

    /*.mb-center {
        float: none;
        margin: auto;
        text-align: center;*/
        /* margin: 0; */
    /*padding: 0;
        margin-top: 15px !important
    }

        .mb-center input {
            float: none !important;
            margin: 15px auto;
        }*/
}

    /*.stopScroll {
        height: 100vh;
        overflow: hidden
    }*/
/*HUE Threshhold*/

/*:root {
    --light: 80;*/
    /* the threshold at which colors are considered "light." Range: integers from 0 to 100,
recommended 50 - 70 */
    /*--threshold: 60;
}

.btn, .btn:hover, .OrderSteps > ul.nav-menu li a {*/
    /* Any lightness value below the threshold will result in white, any above will result in black */
    /*--switch: calc((var(--light) - var(--threshold)) * -100%);
    color: hsl(0, 0%, var(--switch)) !important;
}*/

/*HUE Threshhold*/