@import "audi-moi.css";

#onetrust-pc-sdk #ot-pc-desc a {
    text-decoration: underline;
}


body {
    background-color: #fff;
    color: #778899;
    font-family: 'Raleway', sans-serif;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: auto;
}

.btn-warning {
    color: #000;
}

html {
    height: 100% !important;
    width: 100%;
}

.tp-banner {
    display: none;
}

.top-border {
    border-top: 1px solid #e5e5e5;
    padding: 15px 0px;
}

a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: underline;
}

    a.btn {
        text-decoration: none;
    }

    a:hover, a:focus {
        text-decoration: none;
    }

    a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner,
    select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
        border: 0;
        outline: none !important;
    }

.btn {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translate3d(0,0,0);
}

.uc-body .btn {
    white-space: normal;
}

.uc-dealerbranding {
    padding: 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    border: solid 1px #cbcbcb;
    margin-bottom: 10px;
}

.uc-dealerbrandingimage {
    margin-left: auto;
    margin-right: auto;
}

.radio-inline, .checkbox-inline {
    margin-right: 10px;
}

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 0px;
        margin-right: 10px;
    }


.bg-inner {
    background-color: rgba(38,62,1, .6);
    padding: 5px 10px;
}

/*===============================
========== google fonts ==========
===============================*/

/* latin-ext */
@font-face {
    font-family: 'Arial Outline', sans-serif;
    font-style: normal;
    font-weight: 400;
    src: local('Arial Outline'), local('Arial Outline-Regular'), url(../ttf/arialic_hollow.ttf) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin-ext */
@font-face {
    font-family: 'Fjalla One', sans-serif;
    font-style: normal;
    font-weight: 400;
    src: local('Fjalla One'), local('FjallaOne-Regular'), url(../ttf/fjallaone-regular.ttf) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Fjalla One', sans-serif;
    font-style: normal;
    font-weight: 400;
    src: local('Fjalla One'), local('FjallaOne-Regular'), url(../ttf/fjallaone-regular.ttf) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin */
@font-face {
    font-family: 'Fjalla One', sans-serif;
    font-style: normal;
    font-weight: 400;
    src: local('Handlee Regular'), local('Handlee-Regular'), url(../ttf/handlee-regular.ttf) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/*===============================
========== Boxed Version ==========
===============================*/

.page-wrapper.boxed {
    max-width: 1210px;
    margin: 40px auto;
    -webkit-box-shadow: 0 3px 14px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0 3px 14px rgba(50, 50, 50, 0.15);
    box-shadow: 0 3px 14px rgba(50, 50, 50, 0.15);
}

    .page-wrapper.boxed .header-main {
        max-width: 1210px;
        margin: 0px auto;
    }


/*===============================
========== Boostrap Overwrite ==========
===============================*/


/*===============================
========== Grid Blocks ==========
===============================*/

.page-wrapper {
    z-index: 1000;
    background: #fff;
}

.page-full-height {
    height: 100%;
}


/* Full Width Container */
.fullsize {
    color: inherit;
    width: 100%;
    position: relative;
}

.container-inner {
    padding-top: 100px;
    padding-bottom: 100px;
}

/*========== Header Wrapper ==========*/

.header-wrapper {
    position: relative;
}

/*header top*/
.header-top {
    background: #fff;
    border-bottom: 1px solid #ececec;
    color: #555566;
    font-size: 12px;
    position: relative;
    z-index: 1;
}

    .header-top ul, .header-top ol, .header-top dl {
        font-weight: 500;
        font-size: 12px;
        margin-bottom: 0;
    }

    .header-top p {
        margin: 0;
    }

.header-top-left {
    float: left;
    width: 100%;
}

.header-top-right {
    float: right;
    width: 100%;
}

/*header top navigation */
.top-menu {
    list-style: none;
    padding-left: 0;
    float: right;
}

    .top-menu li:first-child {
        border-left: 1px solid #ececec;
    }

    .top-menu li {
        border-right: 1px solid #ececec;
        display: inline-block;
    }

        .top-menu li a {
            color: inherit;
            padding: 15px 12px;
            display: block;
        }

.header-top .dropdown:hover .dropdown-menu {
    display: block;
}

.header-top .dropdown-menu {
    border: 1px solid #ececec;
    margin-top: 0px;
    margin-left: -4px;
}

    .header-top .dropdown-menu > li {
        display: block;
        border: none;
    }

/* social top */
.social-top {
    list-style: none;
    padding-left: 0;
    float: left;
}

    .social-top li:first-child {
        border-left: 1px solid #ececec;
    }

    .social-top li:last-child {
        border-right: none;
    }

    .social-top li {
        border-right: 1px solid #ececec;
        display: inline-block;
    }

        .social-top li a {
            color: inherit;
            padding: 15px 12px;
            display: block;
            font-size: 14px;
        }

    .social-top a:hover, .social-top a:focus {
        text-decoration: none;
    }

    .social-top .fa {
        margin-right: 0 !important;
    }

.top-menu a {
    color: inherit;
}

    .top-menu a:hover, .top-menu a:focus {
        text-decoration: none;
    }
/*header main*/
.header-main {
    width: 100%;
    position: relative;
    z-index: 1100;
    background: #FFF;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(214, 224, 230, 0.6);
    -moz-box-shadow: 0px 3px 0px 0px rgba(214, 224, 230, 0.6);
    box-shadow: 0px 3px 0px 0px rgba(214, 224, 230, 0.6);
    -webkit-transform: translateZ(0);
}

.main-navigation {
    position: relative;
}

.logo {
    line-height: 98px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.logo-top-header {
    line-height: 50px;
}

.logo img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header-main.shrink .logo {
    line-height: 60px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .header-main.shrink .logo img {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }




/*========== Slide Top Panel Container ==========*/
.slide-pannel-wrapper {
    position: relative;
    top: 0;
    width: 100%;
    color: #FFF;
}

    .slide-pannel-wrapper h1, .slide-pannel-wrapper h2, .slide-pannel-wrapper h3, .slide-pannel-wrapper h4, .slide-pannel-wrapper h5, .slide-pannel-wrapper h6 {
        color: #fff;
    }

.page-wrapper.boxed .slide-pannel-wrapper {
    max-width: 1210px;
}

#slide-panel {
    display: none;
    padding: 20px 0;
    z-index: 9999;
    position: relative;
    background: #32313b;
}

.slide-btn-wrapper {
    display: block;
    position: absolute;
    right: 0;
    z-index: 1200;
    text-align: center;
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent #32313b transparent transparent;
    width: 40px;
    height: 40px;
}

.slide-panel-btn {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    width: 40px;
    height: 40px;
    padding: 3px 0px 0px 17px;
}

    .slide-panel-btn:hover, .slide-panel-btn:focus {
        color: #fff;
    }

    .slide-panel-btn:after {
        content: '\f078';
        font-family: 'FontAwesome';
    }

    .slide-panel-btn.active:after {
        content: '\f077';
        font-family: 'FontAwesome';
    }



/*========== Slider Wrapper ==========*/
.slider-wrapper {
    position: relative;
    z-index: 999;
}

.btn-transparent {
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    padding: 15px 0;
    font-size: 25px;
}

    .btn-transparent:hover {
        color: #fff;
        border: 1px solid #fff!important;
    }
    /* Revolution Slider Overwrite */
    .tp-caption a {
        color: #ffffff;
    }

    .tp-caption a:hover {
        color: #ffffff;
    }

    .tp-caption a.btn.btn-white {
        color: #778899;
    }

        .tp-caption a.btn.btn-white.btn-alt {
            color: #ffffff;
        }

            .tp-caption a.btn.btn-white.btn-alt:hover, .tp-caption a.btn.btn-white.btn-alt:focus {
                color: #778899;
            }

.tp-caption {
    font-family: 'Fjalla One';
}

.carousel-mobile-btn {
    position: absolute;
    width: 100%;
    z-index: 50;
    bottom: 160px;
}

@media screen and (max-width:500px) {
    .carousel-mobile-btn {
        bottom: 105px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .slider-wrapper {
        margin-bottom: 15px;
    }
}


@media screen and (min-width:992px) {
    .slider-wrapper {
        min-height: 460px;
    }
}

@media screen and (min-width:1200px) {
    .slider-wrapper {
        min-height: 455px;
    }
}

@media screen and (min-width:1366px) {
    .slider-wrapper {
        min-height: 519px;
    }
}

@media screen and (min-width:1920px) {
    .slider-wrapper {
        min-height: 600px;
    }
}
/*========== Main Wrapper Header ==========*/
.main-wrapper-header {
    padding: 50px 0;
    background: #f8f8f8;
    border-bottom: 1px solid #ececec;
}

    .main-wrapper-header .page-title {
    }

        .main-wrapper-header .page-title h1, .page-title h2, .page-title h3 {
            margin: 0;
            font-size: 28px;
            line-height: 2;
        }

    .main-wrapper-header .breadcrumbs-wrapper {
        text-align: right;
    }

        .main-wrapper-header .breadcrumbs-wrapper .breadcrumb {
            margin: 0;
            line-height: 2.8;
            background: none;
            padding: 8px 0;
        }

            .main-wrapper-header .breadcrumbs-wrapper .breadcrumb li {
                float: none;
                width: auto;
            }

            .main-wrapper-header .breadcrumbs-wrapper .breadcrumb > li + li:before {
                content: "\f138";
                font-family: 'FontAwesome';
                padding: 0 8px;
            }

            .main-wrapper-header .breadcrumbs-wrapper .breadcrumb > .active {
                color: #32313b;
            }


/* Fancy Header*/
.fancy-header {
}

    .fancy-header .page-title h1, .fancy-header .page-title h2, .fancy-header .page-title h3 {
        font-size: 48px;
        line-height: 1.2;
        text-align: center;
    }

    .fancy-header .breadcrumbs-wrapper {
        text-align: center;
    }


/*===============================
========== Typography ==========
===============================*/

h1, h2, h3 {
    color: inherit;
    font-family: 'Fjalla One', sans-serif;
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizelegibility;
    line-height: 1.1;
}

h4, h5, h6 {
    color: inherit;
    font-family: 'Fjalla One', sans-serif;
    font-style: normal;
    font-weight: 500;
    text-rendering: optimizelegibility;
    line-height: 1.5;
}

h1 {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 20px;
    color: #265eab;
}

h2 {
    font-size: 22px;
}

.h2-style-preowned {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: auto;
    box-sizing: border-box;
    font-family: 'Fjalla One', sans-serif;
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizelegibility;
    line-height: 1.5;
    text-align: center;
    font-size: 40px;
    color: #ffffff !important;
    text-shadow: 1px 1px 5px black;
    margin-top: 10px;
    margin-bottom: 20px;
}

h3 {
    font-size: 19px;
}

.h3-style-select-vehicle {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: auto;
    box-sizing: border-box;
    color: inherit;
    font-family: 'Fjalla One', sans-serif;
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizelegibility;
    line-height: 1.1;
    font-size: 19px;
    margin-top: 10px;
    margin-bottom: 20px;
}

h4 {
    margin-bottom: 20px;
    font-size: 18px;
    margin-top: 0;
}

h5 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 20px;
}

h6 {
    margin-top: 0;
    margin-bottom: 20px;
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
        color: #778899;
        font-weight: 300;
    }

p {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 15px;
    text-rendering: optimizelegibility;
}

ul, ol, option, input, textarea, select, button {
    font-weight: 300;
}

.font-fjalla {
    color: inherit;
    font-family: 'Fjalla One', sans-serif;
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizelegibility;
}

.font-15 {font-size:15px;}
.font-18 {font-size:18px; line-height:1.3em}
.font-20 {font-size:20px; line-height:1.3em}
.font-25 {font-size:25px;}
.font-30 {font-size:30px;}
.font-35 {font-size:35px;}
.font-40 {font-size:40px;}
.font-45 {font-size:45px;}
.font-50 {font-size:50px;}
.font-60 {font-size:60px;}

/* Lead Paragraph*/
.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px;
    }
}

.lead.lead-small {
    font-size: 1.2em;
}

.lead.lead-big {
    font-size: 2em;
}

/* Special Headings */
.title-large {
    font-size: 72px;
}

.title-medium {
    font-size: 64px;
}

.script-font {
    font-family: 'Fjalla One', sans-serif !important;
    letter-spacing: 0 !important;
}

/* Fancy Title */
.fancy-title, .savings-title {
    margin-bottom: 40px;
    font-size: 40px;
}

    .fancy-title .rebate-title {
        font-size: 25px;
    }

h2.fancy-title {
    margin-top: 10px;
    margin-bottom: 20px;
}

table thead tr th.fancy-title {
    border-bottom: none;
    font-family: 'Fjalla One', sans-serif;
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizelegibility;
    padding-top: 10px;
    padding-bottom: 20px;
}

.fancy-title:after {
    content: "";
    background: #d8d8d8;
    display: block;
    height: 1px;
    margin: 0;
    position: relative;
    width: 100%;
}

.fancy-title span:after {
    content: "";
    display: block;
    height: 5px;
    margin: 20px 0 -3px;
    position: relative;
    width: 10%;
    z-index: 2;
}

.text-center.fancy-title:after {
    content: "";
    background: #d8d8d8;
    display: block;
    height: 1px;
    margin: 0 auto;
    position: relative;
    width: 30%;
}

.text-center.fancy-title span:after {
    content: "";
    display: block;
    height: 5px;
    margin: 20px auto -3px;
    position: relative;
    width: 10%;
}

.text-right.fancy-title:after {
    content: "";
    background: #d8d8d8;
    display: block;
    height: 1px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.text-right.fancy-title span:after {
    content: "";
    display: block;
    height: 5px;
    margin: 20px 0 -3px 90%;
    position: relative;
    width: 10%;
}

h5.fancy-title span:after, h6.fancy-title span:after {
    margin-top: 10px !important;
}

h5.fancy-title, h6.fancy-title {
    margin-bottom: 20px !important;
}

@media screen and (min-width:451px) and (max-width:767px) {
    .fancy-title, .savings-title {
        font-size: 25px;
    }
}

@media screen and (max-width:450px) {
    .fancy-title, .savings-title {
        font-size: 20px;
    }
}

.box .fancy-title, box .savings-title {
    margin-bottom: 20px;
    font-size: 18px;
}

/* Font Weight */
.xlight {
    font-weight: 100 !important;
}

.light {
    font-weight: 300 !important;
}

.bold {
    font-weight: 500 !important;
}

.xbold {
    font-weight: 900 !important;
}

/* Dropcaps */

.firstletter {
    float: left;
    font-size: 2.4em;
    line-height: 1.2;
    margin-right: 0.3em;
    height: 40px;
    width: 40px;
    text-align: center;
}

.drop-fullround .firstletter {
    background-color: #848494;
    float: left;
    font-size: 2.4em;
    line-height: 1.6;
    margin-right: 0.3em;
    margin-top: 0.1em;
    height: 55px;
    width: 55px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.drop-border .firstletter {
    float: left;
    font-size: 2.4em;
    line-height: 1.6;
    margin-right: 0.3em;
    margin-top: 0.1em;
    height: 55px;
    width: 55px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid;
}

/*===============================
========== Automotive Articles ==========
===============================*/

.four-ways-col ol, .four-ways-col ul {
    margin-bottom: 15px;
}

    .four-ways-col ol li {
        margin-bottom: 0px;
    }

    .four-ways-col ul li ul {
        margin-bottom: 0px;
    }

        .four-ways-col ul li ul li {
            list-style-type: disc;
        }

.four-ways-col .btn {
    margin-bottom: 15px;
}


.best-vehicle-col .sup {
    font-size: 11px;
    margin-bottom: 7px;
}


.meta-date:before {
    content: "\f073";
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-style: normal;
}

.meta-tags:before {
    content: "\f02c";
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-style: normal;
}

.fb-comments, .fb_iframe_widget, .fb_iframe_widget_fluid, ._ohf rfloat {
    overflow: visible;
}

    .fb-comments span {
        overflow: visible;
    }

.rfloat {
    margin-right: 20px;
}
/*===============================
========== Revolution Slider ==========
===============================*/
.tp-loader {
    z-index: 9999;
}

    .tp-loader.spinner0 {
        background: url(../loader.html) no-repeat center center;
    }

.tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0;
}

.tp-banner {
    width: 100%;
    position: relative;
}

.tp-banner-fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0;
}

.pageLoad {
    display: none;
}
/*===============================
========== Elements ==========
===============================*/

/*========== UserControls ==========*/

.uc-head-blue {
    background-color: #0044cc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border: 1px solid #006dcc;
    padding: 10px 5px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

    .uc-head-blue h3 {
        margin: 0;
        padding: 0 0 0px 10px;
        color: #fff;
    }

.uc-head-grey {
    background-color: #32313b;
    padding: 10px 5px;
}

    .uc-head-grey p {
        margin: 0;
        padding: 0 0 0px 10px;
        color: #ffffff;
        font-size: 19px;
        font-family: 'Fjalla One', sans-serif;
    }

    .uc-head-grey h3 {
        margin: 0;
        padding: 0 0 0px 10px;
        color: #ffffff;
    }

    .uc-head-grey h2 {
        margin: 0;
        padding: 0 0 0px 10px;
        color: #ffffff;
    }

.uc-body {
    padding: 10px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fff;
    margin-bottom: 10px;
    border: 1px solid #cbcbcb;
}

.uc-body.uc-bg-promo {padding:0px;}
.tools {
    margin-top: 4px;
}

.dealer {
    border-top: 4px solid #ff9600;
}

.uc-body.saved-vehicles {
    padding-bottom: 0px;
    padding-top: 0px;
}

.uc-body select, .tab-pane select {
    margin: 0px 0px 10 0px;
}

/*========== UserControls Background images ==========*/

.uc-bg {
    background-color: none;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 100% \9;
    width: 100%;
    height: auto;
    color: #ffffff;
    height: auto;
}

.uc-bg-parts {
    background-color: #386eb8;
}

.uc-bg-questions {
    background-color: #386eb8;
}

.uc-bg-testimonial {
    background-color: #386eb8;
}

.uc-bg-how {
    background-color: #386eb8;
}

.uc-bg-fcpo {
    background-color: #386eb8;
}

.intro, .uc-bg-promo, .uc-bg-volvo {
    text-align: center;
    height: 100%;
    width: 100%;
    background-size: cover;
    position: relative;
}

.mercedes-bg {
    background-image: url(../jpg/bg-mb-hero.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 100%;
    min-height: 100%;
    background-position: center center;
}

.mercedes-mobile-bg {
    background-image: url(../jpg/bg-mb.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 100%;
    min-height: 100%;
    background-position: right bottom;
    height: 300px;
}

.honda-bg {
    background-image: url(../jpg/honda_pilot_hero1-1987x1024.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 100%;
    min-height: 100%;
    background-position: center -80px;
}

.audi-bg {
    background-image: url(../jpg/audi-hero.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 100%;
    min-height: 100%;
    background-position: center -80px;
}

.audi-mobile-bg {
    background-image: url(../jpg/audi-hero-xs.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 100%;
    min-height: 100%;
    background-position: right bottom;
    height: 300px;
}

.moi-gallery {
    background-color: #DFDFDF;
    padding: 15px 0;
}

.ridgeline-bg {
    background-image: url(../jpg/honda02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 100%;
    min-height: 100%;
    background-position: center center;
    height: 60vh;
}

.chevrolet-bg, .buick-bg, .cadillac-bg {
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 100%;
    background-position: center center;
    height: 80vh;
}

.chevrolet-bg {
    background-image: url(../jpg/chevrolet-slld-banner.jpg);
}

.buick-bg {
    background-image: url(../jpg/buick-en-banner.jpg);
}

.cadillac-bg {
    background-image: url(../jpg/cadillac-xt4-banner.jpg);
}

.uc-bg-volvo {
    background: url("../jpg/volvo-bg.jpg") no-repeat bottom center scroll;
}

.intro, .uc-bg-promo {
    background: url("../jpg/promo-bg-2019-side.jpg");
}

    .uc-bg-promo h3 {
        font-size: 24px;
        margin-top:0px;
    }

@media (max-width: 767px) {
    .intro, .uc-bg-promo {
        background: url("../jpg/promo-bg-2019-side-mobile.jpg") no-repeat bottom center scroll;
    }
}

@media (max-width: 420px) {
    .intro, .uc-bg-promo {
        background: url("../jpg/promo-bg-2019-side-xs.jpg") no-repeat bottom center scroll;
        margin-bottom: 0px;
    }
}
/* ---- grid ---- */

.grid {
    background: #DDD;
    height: 75%; /* inherit height from body */
}

    /* clear fix */
    .grid:after {
        content: '';
        display: block;
        clear: both;
    }

/* ---- .grid-item ---- */

.grid-item {
    float: left;
    width: 100px;
    height: 100px;
    background: #0D8;
    border: 2px solid #333;
    border-color: hsla(0, 0%, 0%, 0.7);
}

.grid-item--height2 {
    height: 200px;
}


/*========== Parallax ==========*/

.full-height {
    height: 100%;
    min-height: 100%;
    width: 100%;
}

.parallax {
    background-position: 50% 50%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important; /* For WebKit*/
    -moz-background-size: cover !important; /* Mozilla*/
    -o-background-size: cover !important; /* Opera*/
    background-size: cover !important; /* Generic*/
    position: relative; /* To keep the overlays contained*/
}


@media (max-height: 360px) {
    .full-height {
        height: auto;
        min-height: inherit;
        width: 100%;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) /*Chrome & Safari*/
{
    .no-parallax {
        background-attachment: scroll;
        background-position: top !important;
    }
}

@media (max-width: 767px) {
    .block-sm {
        display: block !important;
        float: none !important;
        margin: 10px 0 !important;
        padding: 0px !important
    }
}

@media (min-width: 767px) {
    .webp.parallax-background-splash-all {
        background-image: url(../webp/zip-lineup-may2020.webp);
        background-position: 50% 10%;
    }

    .no-webp.parallax-background-splash-all {
        background-image: url(../jpg/zip-lineup-may2020.jpg);
        background-position: 50% 10%;
    }
}




.parallax-background1 {
    background-image: url(../jpg/parallax-back1.jpg);
}

.parallax-background2 {
    background-image: url(../jpg/parallax-back2.jpg);
}

.parallax-background-new {
    background-image: url(../jpg/parallax-back-new.jpg);
}

.parallax-background-new-locate {
    background-image: url(../jpg/parallax-back-locate-new.jpg);
}

.parallax-background-new-results {
    background-image: url(../jpg/parallax-back-locate-results.jpg);
}

.parallax-background-powersports {
    background-image: url(../jpg/parallax-back-powersports.jpg);
}

.parallax-background-rv {
    background-image: url(../jpg/parallax-back-rv.jpg);
}

.parallax-background-boat {
    background-image: url(../jpg/parallax-back-boat.jpg);
}

.parallax-background-rebates {
    background-image: url(../jpg/parallax-back-rebates.jpg);
}

.parallax-background-used {
    background-image: url(../jpg/parallax-back-used.jpg);
}

.parallax-background-calculator {
    background-image: url(../jpg/parallax-back-calculator.jpg);
}

.parallax-background-parts-service {
    background-image: url(../jpg/parallax-back-parts-service.jpg);
}

.parallax-background-parts {
    background-image: url(../jpg/parallax-back-parts.jpg);
}

.parallax-background-special-offers {
    background-image: url(../jpg/parallax-back-special-offers.jpg);
}

.parallax-background-ameriprise {
    background-image: url("../jpg/2025-connect-banner-background.jpg");
}

.parallax-background-about {
    background-image: url(../jpg/parallax-back-about.jpg);
}

.parallax-background-talk {
    background-image: url(../jpg/parallax-back-talk.jpg);
}

.parallax-background-compare {
    background-image: url(../jpg/parallax-back-compare.jpg);
}

.parallax-background-saved {
    background-image: url(../jpg/parallax-back-compare.jpg);
}

.parallax-background-ccc {
    background-image: url(../jpg/parallax-back-ccc.jpg);
}

.parallax-background-mobility {
    background-image: url(../jpg/parallax-back-mobility.jpg);
}

.parallax-background-privacy {
    background-image: url(../jpg/bg-privacy.jpg);
}

.parallax-background-glossary {
    background-image: url(../jpg/parallax-back-glossary.jpg);
}

.parallax-background-autotransport {
    background-image: url(../jpg/parallax-back-autotransport.jpg);
}

.parallax-background-archive {
    background-image: url(../jpg/parallax-back-archive.jpg);
}

.parallax-background-gm {
    background-image: url(../jpg/parallax-back-gm.jpg);
}

.parallax-background-gm-pricing {
    background-image: url(../jpg/parallax-back-gm-pricing.jpg);
}

.parallax-background-gm-solo {
    background-image: url(../jpg/parallax-back-gm-solo.jpg);
}

.parallax-404 {
    background-image: url(../jpg/parallax-404.jpg);
}

.parallax-background-road-trip {
    background-image: url(../jpg/parallax-back-road-trip.jpg);
}


.parallax-kickoff_the_new_year_with_vehicle_savings {
    background-image: url(../jpg/parallax-kickoff_the_new_year_with_vehicle_savings.jpg);
}

.parallax-tips_to_prepare_for_a_new_vehicle_purchase {
    background-image: url(../jpg/parallax-tips_to_prepare_for_a_new_vehicle_purchase.jpg);
    background-position: 0% 0% !important;
}

.parallax-background-accessories {
    background-image: url(../jpg/parallax-accessories.jpg);
}


.parallax-background5 {
    background-image: url(../jpg/parallax-back5.jpg);
}

.parallax-background6 {
    background-image: url(../jpg/parallax-back6.jpg);
}

.parallax-background7 {
    background-image: url(../jpg/parallax-back7.jpg);
}

.parallax-background8 {
    background-image: url(../jpg/parallax-back8.jpg);
}

.parallax-background9 {
    background-image: url(../jpg/parallax-back9.jpg);
}

.parallax-background10 {
    background-image: url(../jpg/parallax-back10.jpg);
}

.parallax-background11 {
    background-image: url(../jpg/parallax-back11.jpg);
}

.parallax-background12 {
    background-image: url(../jpg/parallax-back12.jpg);
}

.parallax-background13 {
    background-image: url(../jpg/parallax-back13.jpg);
}

.parallax-background14 {
    background-image: url(../jpg/parallax-back14.jpg);
}

.parallax-background15 {
    background-image: url(../jpg/parallax-back15.jpg);
}

.parallax-background16 {
    background-image: url(../jpg/parallax-back16.jpg);
}

.parallax-background17 {
    background-image: url(../jpg/parallax-back17.jpg);
}

.parallax-background18 {
    background-image: url(../jpg/parallax-back18.jpg);
}

.parallax-background-car-care {
    background-image: url(../jpg/parallax-car-care.jpg);
}

.parallax-Should_I_purchase_factory_certified {
    background-image: url(../jpg/parallax-should_i_purchase_factory_certified.jpg);
}

.parallax-background-gm-2016 {
    background-image: url(../jpg/parallax-back-gm-2016.jpg);
}

.parallax-background-gm-home {
    background-image: url(../jpg/slider-tahoe-suburban-2018-xs.jpg);
}
.parallax-background-gm-home-fall {
    background-image: url(../jpg/slider-gm-2019-xs.jpg);
}



.parallax-background-splash-how {
    background-image: url(../jpg/parallax-back-splash-how.jpg);
    height: 100%;
}

.parallax-background-splash-about {
    background-image: url(../jpg/1920x1080_us31240.jpg);
    height: 100%;
    background-position: 0% 100%;
}

.parallax-background-rveasy {
    background-image: url(../jpg/parallax-rveasy1920x1080_us31423.jpg);
    height: 100%;
    background-position: 100% 80%;
}

.parallax-background-beginners-guide {
    background-image: url(../jpg/parallax-beginners-guide1920x1080_us31422.jpg);
    background-position: 0% 100%;
}

.parallax-background-five-signs {
    background-image: url(../jpg/parallax-5signs_1920x1080_us31419.jpg);
    background-position: 0% 90%;
}

.parallax-background-great-shape {
    background-image: url(../jpg/parallax-great-shape1920x1080_us31240v2.jpg);
    background-position: 0% 50%;
}

.parallax-background-stacking-savings {
    background-image: url(../jpg/parallax-stacking-1920x1080_us31421.jpg);
    background-position: 0% 90%;
}

.parallax-background-splash-team {
    background-image: url(../jpg/1920x1080_us31418.jpg);
    height: 100%;
    background-position: 0% 100%;
}

.parallax-background-moto {
    background-image: url(../jpg/parallax-moto.jpg);
    height: 100%;
    background-position: 90% 100%;
}

.parallax-background-parts-splash {
    background-image: url(../jpg/parallax-back-parts-service.jpg);
    height: 100%;
}

.parallax-background-powersports-splash {
    background-image: url(../jpg/parallax-back-rv-zip.jpg);
    height: 100%;
}

.parallax-background-rv-splash {
    background-image: url(../jpg/parallax-back-rv.jpg);
    height: 100%;
}

.parallax-background-rv-splash-zip {
    background-image: url(../jpg/parallax-back-rv-zip.jpg);
    height: 100%;
}

.parallax-background-gm-pricing {
    background-image: url("../jpg/parallax-back-gm-pricing.jpg");
}

.parallax-summer {
    background-image: url("../jpg/parallax-summer.jpg");
}

.parallax-background-give-dad-the-gift-of-adventure {
    background-image: url("../jpg/parallax-give-dad-the-gift-of-adventure.jpg");
    height: 0%;
}

.parallax-background-mobility-splash {
    background-image: url("../jpg/parallax-back-mobility-splash.jpg");
    height: 100%;
}

.parallax-background-next-generation-car-technology {
    background-image: url("../jpg/parallax-next-generation-car-technology.jpg");
}
.parallax_advanced_auto_technology {
    background-image: url("../jpg/parallax_advanced_auto_technology.jpg");
}

.parallax-five-maintenance-tips-to-winterize-your-vehicle {
    background-image: url("../jpg/parallax-five-maintenance-tips-to-winterize-your-vehicle.jpg");
    background-position: 50% 100%;
}

.parallax-background-splash {
    margin: 0;
    height: 100%;
    width: 100%;
    background-color: #386eb8;
    background: -moz-linear-gradient(center top, #386eb8 0%,#3e7acc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #386eb8),color-stop(1, #3e7acc));
    background-attachment: fixed;
}


/*
@media (max-width: 767px) {
    .parallax-background-splash {
        background-image: url(img/parallax/parallax-back-splash-xs.jpg);
        height: 100%;
    }
}
*/
@media (max-width: 420px) {
    /*   .parallax-background-splash {
        background-image: url(img/parallax/parallax-back-splash-mobile.jpg);
        height: 100%;
    }

 */ .parallax-background1, .parallax-background-saved {
        background: none;
        background-color: #386eb8 !important;
    }
}


.parallax-background3 {
    background-image: url(../jpg/parallax-back3.jpg);
}

.parallax-full-background3 {
    background-image: url(../jpg/parallax-back3.jpg);
    height: 100%;
    min-height: 100%;
}

.parallax-background4 {
    background-image: url(../jpg/parallax-back4.jpg);
}

.parallax-background-smk {
    background-image: url(../jpg/smk_1920x1080.jpg);
    background-position: 50% 35% !important;
}

.parallax-background-cap-rain {
    background-image: url(../jpg/cap_rain_1920x1080.jpg);
    background-position: 50% 60% !important;
}
.parallax-background-cap-techtrends {
    background-image: url(../jpg/tech_trends_1920x1080.jpg);
    background-position: 50% 60% !important;
}
.parallax-background-cap-saveongas {
    background-image: url(../jpg/save_on_gas_1920x1080.jpg);
    background-position: 50% 60% !important;
}

.parallax-background-cap-goinggreen {
    background-image: url(../jpg/going_green_1920x1080.jpg);
    background-position: 50% 60% !important;
}

.parallax-Powersports-beginners-guide {
    background-image: url(../jpg/parallax-powersports_beginners_guide.jpg);
    background-position: 100% 50% !important;
}

.parallax-save-time-and-money {
    background-image: url(../jpg/parallax-save-time-and-money.jpg);
    background-position: 100% 50% !important;
    position: relative;
}

.parallax-suv-vs-cuv {
    background-image: url(../jpg/parallax-suv-vs-cuv.jpg);
    background-position: 30% 50% !important;
    position: relative;
}

.parallax-what-is-a-trim-on-a-car {
    background-image: url(../jpg/parallax-what-is-a-trim-on-a-car.jpg);
    background-position: 50% 0% !important;
    position: relative;
}

.parallax-best-vehicle-tech {
    background-image: url(../jpg/parallax-best-vehicle-tech.jpg);
    background-position: 100% -290px !important;
    position: relative;
}

@media (min-width: 1199px) {
    .parallax-background18 {
        background-image: url(../jpg/parallax-back18-pc.jpg);
    }

    .parallax-background-mobility {
        background-image: url(../jpg/parallax-back-mobility-lg.jpg);
    }
}


@media only screen and (max-width: 1199px) {
    .parallax {
        background-position: 50% 50% !important;
        background-attachment: scroll;
    }

    .parallax-volvo-mobile {
        background-position: 90% 50% !important;
    }

    .parallax-best-vehicle-tech {
        background-position: 50% 70% !important;
    }
}

.parallax-none {
    background-attachment: scroll;
    background-position: top !important;
}


.tp-dottedoverlay-parallax {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: .3;
}

/* Background Overlay*/
.bg-overlay {
    background: #000;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* Safari 1.x */
    -khtml-opacity: 0.1; /* Modern browsers */
    opacity: 0.1;
}

.bg-overlay-solid {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Safari 1.x */
    -khtml-opacity: 1; /* Modern browsers */
    opacity: 1;
}

.bg-overlay.bg-overlay-xdark {
    background: #000;
}

.bg-overlay.bg-overlay-gxdark {
    background: -moz-radial-gradient(center, ellipse cover, rgba(37,36,44,0.5) 0%, rgba(37,36,44,0.75) 50%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(37,36,44,0.5)), color-stop(50%,rgba(37,36,44,0.75)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(37,36,44,0.5) 0%,rgba(37,36,44,0.75) 20%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(37,36,44,0.5) 0%,rgba(37,36,44,0.75) 50%,rgba(0,0,0,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(37,36,44,0.5) 0%,rgba(37,36,44,0.75) 50%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(37,36,44,0.5) 0%,rgba(37,36,44,0.75) 50%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Safari 1.x */
    -khtml-opacity: 0.8; /* Modern browsers */
    opacity: 0.8;
}

.bg-overlay.bg-overlay-dark {
    background: #000;
}

.bg-overlay.bg-overlay-gdark {
    background: -moz-radial-gradient(center, ellipse cover, rgba(37,36,44,0.5) 0%, rgba(37,36,44,0.75) 50%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(37,36,44,0.5)), color-stop(50%,rgba(37,36,44,0.75)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(37,36,44,0.5) 0%,rgba(37,36,44,0.75) 20%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(37,36,44,0.5) 0%,rgba(37,36,44,0.75) 50%,rgba(0,0,0,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(37,36,44,0.5) 0%,rgba(37,36,44,0.75) 50%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(37,36,44,0.5) 0%,rgba(37,36,44,0.75) 50%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Safari 1.x */
    -khtml-opacity: 0.4; /* Modern browsers */
    opacity: 0.4;
}


.intro {
    background: url("../jpg/slider-gm.jpg") no-repeat bottom center scroll;
    top: 30%;
    text-align: center;
    height: 100%;
    width: 100%;
    background-size: cover;
}



div.full-page {
    width: 100%;
}

.container-table {
    display: table;
}

.container-table {
    height: 100%;
}


@media (min-width: 768px) {
    .col-change .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .col-change .container {
        width: 940px;
    }
}

@media (min-width: 1200px) {
    .col-change .container {
        width: 910px;
    }

    .navbar .container {
        width: 1170px;
    }

    .header-top .container {
        width: 1170px;
    }
}

@media (min-width: 1500px) {
    .col-change .container {
        width: 1120px;
    }

    .header-top .container {
        width: 1170px;
    }
}

.col-change .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.main-hero-audi .container-fluid {
    padding-bottom: 64px;
}
/*========== Portfolio ==========*/

.isotope-item {
    z-index: 2;
    cursor: pointer;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 1200ms;
    -moz-transition-duration: 1200ms;
    -ms-transition-duration: 1200ms;
    -o-transition-duration: 1200ms;
    transition-duration: 1200ms;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
    }

ul#filters {
    list-style: none;
    margin: 0 auto 40px;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 99;
}

    ul#filters li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }

        ul#filters li a.filter {
            padding: 8px 15px;
            color: #ccc;
            background: none;
            border: 1px solid #ececec;
            display: block;
            font-size: 12px;
            text-transform: uppercase;
        }

            ul#filters li a.filter.selected {
                color: #fff;
            }

.element {
}

.element-inner {
}

.element img {
    width: 100%;
    height: auto;
}

.portfolio-classic .element-inner {
    margin-bottom: 30px;
    padding: 0 15px;
}

/* Start Columns */
.portfolio-1-cols .element {
    width: 100%;
}

.portfolio-2-cols .element {
    width: 50%;
}

.portfolio-3-cols .element {
    width: 33%;
}

.portfolio-4-cols .element {
    width: 25%;
}

.portfolio-6-cols .element {
    width: 16.6667%;
}

.portfolio-2-cols .element.size-2x {
    width: 100%;
}

.portfolio-3-cols .element.size-2x {
    width: 66.60%;
}

.portfolio-4-cols .element.size-2x {
    width: 50%;
}

.portfolio-6-cols .element.size-2x {
    width: 33.3333%;
}

.portfolio-2-cols .element.size-3x {
    width: 100%;
}

.portfolio-3-cols .element.size-3x {
    width: 100%;
}

.portfolio-4-cols .element.size-3x {
    width: 75%;
}

.portfolio-6-cols .element.size-3x {
    width: 50%;
}

.element.size-full {
    width: 100%;
}
/* End Columns */



@media only screen and (max-width: 980px) {
    .element, .portfolio-1-cols .element, .portfolio-2-cols .element, .portfolio-3-cols .element, .portfolio-4-cols .element, .portfolio-6-cols .element, .portfolio-12-cols .element, .portfolio-2-cols .element.size-2x, .portfolio-3-cols .element.size-2x, .portfolio-4-cols .element.size-2x, .portfolio-6-cols .element.size-2x {
        width: 50%;
    }

    .col-md-3 .element, .col-sm-4 .element {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .element, .portfolio-1-cols .element, .portfolio-2-cols .element, .portfolio-3-cols .element, .portfolio-4-cols .element, .portfolio-6-cols .element, .portfolio-12-cols .element, .portfolio-2-cols .element.size-2x, .portfolio-3-cols .element.size-2x, .portfolio-4-cols .element.size-2x, .portfolio-6-cols .element.size-2x {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .element, .portfolio-1-cols .element, .portfolio-2-cols .element, .portfolio-3-cols .element, .portfolio-4-cols .element, .portfolio-6-cols .element, .portfolio-12-cols .element, .portfolio-2-cols .element.size-2x, .portfolio-3-cols .element.size-2x, .portfolio-4-cols .element.size-2x, .portfolio-6-cols .element.size-2x {
        width: 100%;
    }
}

/* Colio - Basic Styles */
.colio {
    position: relative;
    height: 0;
    clear: both;
    overflow: hidden;
    background: #ffffff;
}

.colio-container {
    padding: 40px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.colio-content {
    display: none;
    overflow: hidden;
}

.colio-close, .colio-prev, .colio-next {
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.colio-no-prev, .colio-no-next {
    cursor: ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

/* navigation, close */
.colio-close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.colio-navigation {
    position: absolute;
    top: 10px;
    left: 10px;
}

    .colio-navigation a {
        margin-right: 5px;
    }
/* placement */
.colio-placement-inside, .colio-placement-before {
    margin-bottom: 20px;
}

.colio-placement-after {
    margin: 0px;
}

/* Colio GFX Theme Style */

/* container */
.colio-theme-gfx .colio-container {
}
/* colio close */
.colio-theme-gfx .colio-close span {
    display: block;
    font-size: 28px;
    line-height: 1.7;
}

.colio-theme-gfx .colio-close {
    position: absolute;
    color: #ffffff;
    height: 50px;
    margin-right: -25px;
    right: 50%;
    text-align: center;
    top: 25px;
    width: 50px;
}

    .colio-theme-gfx .colio-close:hover {
        color: #ffffff;
        background: #32313B;
    }

.colio-container {
    padding: 100px 0px;
}

/* colio navigation */
.colio-theme-gfx .colio-navigation span {
    display: block;
    font-size: 28px;
    line-height: 1.7;
}

.colio-theme-gfx .colio-navigation {
    top: auto;
    bottom: 25px;
    left: 50%;
    margin-left: -55px;
}

    .colio-theme-gfx .colio-navigation a {
        float: left;
        margin-right: 5px;
        color: #ffffff;
        height: 50px;
        text-align: center;
        width: 50px;
    }

        .colio-theme-gfx .colio-navigation a:hover {
            color: #ffffff;
            background: #32313B;
        }

.colio-theme-gfx .colio-prev span:before {
    content: '\f053';
    font-family: 'FontAwesome';
    font-size: 18px;
}

.colio-theme-gfx .colio-next span:before {
    content: '\f054';
    font-family: 'FontAwesome';
    font-size: 18px;
}

.colio-theme-gfx .colio-no-prev, .colio-theme-gfx .colio-no-next {
    color: #ffffff;
    background: #f2f2f2;
}

/* Portfolio Element */
/* Project Item */
.portfolio-item .project-meta {
    padding: 10px;
}

.portfolio-item-content {
    padding: 10px;
    text-align: center;
}

h3.portfolio-item-title {
    font-size: 16px;
    margin-bottom: 10px !important;
}

.portfolio-item-content p {
    margin-bottom: 0;
}

.portfolio-item-content.panel {
    margin-top: -4px;
    padding: 20px 10px;
}


/*========== Carousel ==========*/
.carousel .owl-item .carousel-item {
    margin: 0px;
}

@media screen and (max-width: 1600px) {
    .volvo-logo-position {
        margin-right: 60px;
    }
}

.carousel .owl-controls {
    text-align: center;
}
    /* Styling Next and Prev buttons */
    .carousel .owl-controls .owl-buttons div {
        color: #FFF;
        display: inline-block;
        zoom: 1;
        *display: inline; /*IE7 life-saver */
        margin: 0px;
        padding: 5px 15px;
        font-size: 24px;
        position: absolute;
        filter: Alpha(Opacity=70); /*IE7 fix*/
        opacity: 0.7;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    .carousel .owl-controls .owl-buttons .owl-prev {
        top: 20%;
        left: 0px;
    }

    .carousel .owl-controls .owl-buttons .owl-next {
        top: 20%;
        right: 0px;
    }

.dropdown-content .carousel-box .carousel .owl-controls .owl-buttons .owl-prev, .dropdown-content .carousel-box .carousel .owl-controls .owl-buttons .owl-next {
    top: 50%;
}

#compare-arrows .owl-prev {
    top: 5%;
    left: 0px;
}

#compare-arrows .owl-next {
    top: 5%;
    position: absolute;
    right: 0px;
}


/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.carousel .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/
.owl-pagination {
    margin-top: 10px;
}

.carousel .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
}

    .carousel .owl-controls .owl-page span {
        display: block;
        width: 24px;
        height: 10px;
        border: 1px solid #ffffff;
        margin: 5px 4px;
        filter: Alpha(Opacity=50); /*IE7 fix*/
        opacity: 0.5;
    }

    .carousel .owl-controls .owl-page.active span, .carousel .owl-controls.clickable .owl-page:hover span {
        filter: Alpha(Opacity=100); /*IE7 fix*/
        opacity: 1;
    }

    .carousel .owl-controls .owl-page span.owl-numbers {
        height: auto;
        width: auto;
        color: #FFF;
        padding: 2px 10px;
        font-size: 12px;
    }

/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url(../ajaxloader-2.html) no-repeat center center;
}

/* mouse grab icon */
.grabbing {
    cursor: url(../grabbing-4.html) 8 8, move;
}

.owl-item img {
    width: 100%;
    height: auto;
}

    .owl-item img.img-height-130, img.img-height-130 {
        height: 130px;
    }
/* Carousel Theme */
.carousel.carousel-theme-round .owl-controls .owl-buttons div {
    background: none;
    border: 2px solid #ececec;
    color: #ececec;
    padding: 5px 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.carousel.carousel-theme-round .owl-controls .owl-page span {
    height: 14px;
    width: 14px;
    background: none;
    border: 2px solid #ececec;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.carousel.carousel-theme-round .owl-controls .owl-buttons .owl-prev {
    left: 10px;
}

.carousel.carousel-theme-round .owl-controls .owl-buttons .owl-next {
    right: 10px;
}

.carousel.carousel-theme-round.carousel-nav-out .owl-controls .owl-buttons .owl-prev {
    left: -50px;
}

.carousel.carousel-theme-round.carousel-nav-out .owl-controls .owl-buttons .owl-next {
    right: -50px;
}

@media (max-width: 768px) {
    .carousel.carousel-theme-round.carousel-nav-out .owl-controls .owl-buttons .owl-prev {
        left: 10px;
    }

    .carousel.carousel-theme-round.carousel-nav-out .owl-controls .owl-buttons .owl-next {
        right: 10px;
    }
}

/* Carousel*/
.carousel.carousel-simple .owl-item .carousel-item {
    margin: 0 10px;
    padding-bottom: 10px;
}

.carousel.carousel-simple .carousel.carousel-default .owl-item .carousel-item {
    margin: 0;
    padding-bottom: 0;
}

/* Sync Carousel */
#full-sync .item {
    text-align: center;
}

    #full-sync .item img {
        width: 100%;
        height: auto;
    }

#thumb-sync .item {
    cursor: pointer;
    max-height: 140px;
}

    #thumb-sync .item img {
        width: 100%;
        height: auto; /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* Safari 1.x */
        -khtml-opacity: 0.5; /* Modern browsers */
        opacity: 0.5;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #thumb-sync .item:hover img { /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Safari 1.x */
        -khtml-opacity: 1; /* Modern browsers */
        opacity: 1;
    }

    #thumb-sync .item h1 {
        font-size: 18px;
    }



/*========== Counters ==========*/
.counter-block {
    padding: 20px 10px;
    border: 2px dotted #ececec;
    margin-bottom: 40px;
}

.timer {
    margin-bottom: 20px;
}

/*========== Testimonials ==========*/
.testimonials {
    margin: 0;
}

    .testimonials .carousel {
    }

.testimonial-item blockquote {
    margin: 0;
}

    .testimonial-item blockquote p {
        font-style: italic;
    }


/* Blockquote */
blockquote {
    border: none;
}

    blockquote:before {
        content: '\f10e';
        font-family: 'FontAwesome';
        top: 0;
        font-size: 2em;
        color: #ececec;
        /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* Safari 1.x */
        -khtml-opacity: 0.6; /* Modern browsers */
        opacity: 0.6;
    }

    blockquote footer:before, blockquote small:before, blockquote .small:before {
        content: "";
    }

    blockquote footer, blockquote small, blockquote .small {
        font-weight: 600;
    }

    blockquote cite {
        font-weight: 300;
    }

/*========== Simple Slider ==========*/
.simple-slider {
}

/*========== Twitter ==========*/

/*twitter carousel*/
.twitter-carousel {
    text-align: center;
}

.tweet_list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.twitter-carousel .twitterfeed .tweet_text {
    font-size: 1.6em;
    font-weight: 300;
}

.twitter-carousel .twitterfeed .tweet_time {
    display: block;
    font-style: italic;
    margin: 10px 0;
}

.twitter-carousel .twitterfeed .tweet_avatar {
    display: inline-block;
    margin: 10px auto 0;
}

.twitter-carousel .twitterfeed .owl-item {
    padding: 0 40px;
}

.twitter-carousel .carousel .owl-controls .owl-buttons .owl-prev {
    top: 30%;
}

.twitter-carousel .carousel .owl-controls .owl-buttons .owl-next {
    top: 30%;
}
/* twitter widget*/
.twitter .tweet_list {
}

    .twitter .tweet_list li {
        margin-bottom: 20px;
    }

    .twitter .tweet_list .tweet_avatar {
        display: block;
        float: left;
        margin: 10px;
        max-width: 48px;
        text-align: center;
    }

        .twitter .tweet_list .tweet_avatar img {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

    .twitter .tweet_list .tweet_text {
        display: block;
        padding: 10px;
        border: 1px solid #ececec;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .twitter .tweet_list .tweet_time {
        display: block;
        font-size: 13px;
        font-style: italic;
        margin-top: 5px;
        padding-top: 5px;
        text-align: right;
    }

/*========== Images ==========*/
.thumbnail {
    border: 1px solid #ececec;
    padding: 8px;
}

.img-thumbnail {
    border: 1px solid #ececec;
    padding: 8px;
}

.img-rounded {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.img-member {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0px 8px 8px 0px;
}

img.pull-right {
    padding-left: 10px;
}

img.pull-left {
    padding-right: 10px;
}

/* Align*/
.alignleft {
    float: left;
    margin: 0 20px 10px 0;
}

.alignright {
    float: right;
    margin: 0 0 10px 20px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}

.alignnone {
    float: none;
    margin: 0 auto;
}

/* List Images */
ul.gallery {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

    ul.gallery li {
        float: left;
        padding: 0;
        margin: 0;
    }

        ul.gallery li img {
            max-width: 100%;
            height: auto;
        }

    /* class for 2 columns */
    ul.gallery.columns-2 li {
        width: 50%;
    }
    /* class for 3 columns */
    ul.gallery.columns-3 li {
        width: 33.3%;
    }

/* Overlay Image */
.overlay-wrapper {
    position: relative;
    overflow: hidden;
}

        .overlay-wrapper div.moi-logo {
            position: absolute;
            text-align: center;
            font-size: 16px;
            left: 0;
            right: 0;
            top: 10%;
            font-family: 'Fjalla One', sans-serif;
        }
        @media (max-width:768px) {
            .overlay-wrapper div.moi-logo {
                top: 4%;
            }
        }
        .overlay-wrapper img.logo {
            position: absolute;
            right: 0;
            top: 4%;
        }
.moi-so .overlay-wrapper h3 {

    font-size: 22px;

}

.member-only-badge {
    position: absolute;
    padding: 8px 15px;
    margin-top: 10px;
    color: #fff;
    background-color: #BF0A30;
    font-weight: bold;
}
.moi-so .overlay-wrapper h3 {
    font-size: 22px;
}

.moi-specinc-banner-container {
    display: none;
}

.moi-so .gm-countdown {
    display: none !important;
}

.moi-so .member-only-badge {
    display: none;
}

.moi-so .moi-specinc-banner-container {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .moi-so .moi-specinc-banner-container > .member-only-badge {
        display: block;
        width: 100%;
        position: relative;
    }
 .moi-so .moi-specinc-banner-container > .gm-countdown {
    display: block!important;
}



.onstar-banner .member-only-badge {
    margin-top: 0px;
}

@media (min-width:1600px) {
    .member-only-badge.q4 {
        font-size: 18px;
    }
}

.member-only-badge.q4 {
    background: none;
}

.overlay-wrapper h3 span.color-blue {
    color:#0d73a3;
}

.overlay-wrapper img.logo {
    position: absolute;
    right: 5px;
    top: 4%;
}

#tools .overlay-wrapper h3 {
    font-size: 16px;
}

.overlay-wrapper img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.overlay-wrapper .project-meta {
    padding: 10px;
}

/* overlay */
.overlay-wrapper .overlay-details {
    display: block;
    color: #ffffff;
    position: absolute;
    right: 0px;
    left: 0;
    bottom: 0;
    z-index: 2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Safari 1.x */
    -khtml-opacity: 0; /* Modern browsers */
    opacity: 0;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.overlay-wrapper-content {
    top: 0;
    left: 0;
    text-align: center;
    display: block;
    height: 100%;
    width: 100%;
}

.overlay-bg {
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* Safari 1.x */
    -khtml-opacity: 0.8; /* Modern browsers */
    opacity: 0.8;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.overlay-wrapper:hover .overlay-wrapper-content, .overlay-wrapper:focus .overlay-wrapper-content {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Safari 1.x */
    -khtml-opacity: 1; /* Modern browsers */
    opacity: 1;
    backface-visibility: hidden; /* W3C */
    -webkit-backface-visibility: hidden; /* Safari & Chrome */
    -moz-backface-visibility: hidden; /* Firefox */
    -ms-backface-visibility: hidden; /* Internet Explorer */
    -o-backface-visibility: hidden; /* Opera */
}

.overlay-title {
    position: absolute;
    left: 0;
    right: 0;
    top: -100%;
    margin: 10px;
    border: 2px solid #ffffff;
    z-index: 3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Safari 1.x */
    -khtml-opacity: 0; /* Modern browsers */
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

    .overlay-title h2, .overlay-title h3 {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 1.4;
        margin: 0;
        padding: 10px 20px;
    }

.overlay-wrapper:hover .overlay-title {
    position: absolute;
    top: 5px;
    border: 2px solid #ffffff;
    z-index: 3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Safari 1.x */
    -khtml-opacity: 1; /* Modern browsers */
    opacity: 1;
}

.overlay-wrapper:hover .overlay-bg, .overlay-wrapper:focus .overlay-bg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.overlay-wrapper:hover .overlay-details, .overlay-wrapper:focus .overlay-details {
    bottom: 40%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Safari 1.x */
    -khtml-opacity: 1; /* Modern browsers */
    opacity: 1;
}

.overlay-details a {
    color: #ffffff;
    font-size: 22px;
    border: 2px solid;
    width: 48px;
    height: 48px;
    margin-left: 10px;
    line-height: 1.8;
    display: inline-block;
}

    .overlay-details a span.fa {
        line-height: 2;
    }

    .overlay-details a [class^="gfx-"]:before, .overlay-details a [class*=" gfx-"]:before {
        top: 0;
    }

.overlay-details:hover, .overlay-details:focus {
    color: #ffffff;
}
/* transparency */
.img-transparency {
    width: 100%;
    height: auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* Safari 1.x */
    -khtml-opacity: 0.4; /* Modern browsers */
    opacity: 0.4;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

    .img-transparency:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Safari 1.x */
        -khtml-opacity: 1; /* Modern browsers */
        opacity: 1;
        backface-visibility: hidden; /* W3C */
        -webkit-backface-visibility: hidden; /* Safari & Chrome */
        -moz-backface-visibility: hidden; /* Firefox */
        -ms-backface-visibility: hidden; /* Internet Explorer */
        -o-backface-visibility: hidden; /* Opera */
    }

.overlay-wrapper:hover .img-transparency, .overlay-wrapper:focus .img-transparency {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Safari 1.x */
    -khtml-opacity: 1; /* Modern browsers */
    opacity: 1;
    backface-visibility: hidden; /* W3C */
    -webkit-backface-visibility: hidden; /* Safari & Chrome */
    -moz-backface-visibility: hidden; /* Firefox */
    -ms-backface-visibility: hidden; /* Internet Explorer */
    -o-backface-visibility: hidden; /* Opera */
}
/* zoom */
.overlay-wrapper .img-zoom {
    width: 100%;
    height: auto;
}

.overlay-wrapper:hover .img-zoom, .overlay-wrapper:focus .img-zoom {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}

@media (max-width: 1024px) {
    .overlay-wrapper:hover .overlay-details, .overlay-wrapper:focus .overlay-details {
    }
}


/*========== Tooltips ==========*/

.o-tooltip {
    position: absolute;
    z-index: 9999;
    display: block;
    visibility: visible;
    font-size: 13px;
}

.o-tooltip-inner {
    padding: 15px 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.o-tooltip.bl, .o-tooltip.bc, .o-tooltip.br {
    margin-top: -12px;
}

.o-tooltip.ml {
    margin-left: 12px;
}

.o-tooltip.tl, .o-tooltip.tc, .o-tooltip.tl, .o-tooltip.tr {
    margin-top: 12px;
}

.o-tooltip.mr {
    margin-left: -12px;
}

.o-tooltip.bc .o-tooltip-arrow {
    left: 50%;
    margin-left: -12px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid;
}

.o-tooltip.mr .o-tooltip-arrow {
    top: 50%;
    right: -12px;
    margin-top: -12px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid;
}

.o-tooltip.tc .o-tooltip-arrow {
    left: 50%;
    margin-left: -12px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid;
}

.o-tooltip.ml .o-tooltip-arrow {
    top: 50%;
    left: -12px;
    margin-top: -12px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid;
}

.o-tooltip.tl .o-tooltip-arrow {
    left: 0;
    border-top: 12px solid rgba(0, 0, 0, 0);
    border-bottom: 12px solid transparent;
    border-left: 12px solid;
}

.o-tooltip.bl .o-tooltip-arrow {
    left: 0;
    border-top: 12px solid rgba(0, 0, 0, 0);
    border-bottom: 12px solid transparent;
    border-left: 12px solid;
}

.o-tooltip.tr .o-tooltip-arrow {
    right: 0;
    border-top: 12px solid rgba(0, 0, 0, 0);
    border-bottom: 12px solid transparent;
    border-right: 12px solid;
}

.o-tooltip.br .o-tooltip-arrow {
    top: 100%;
    right: 0;
    margin-top: -13px;
    border-top: 12px solid rgba(0, 0, 0, 0);
    border-bottom: 12px solid transparent;
    border-right: 12px solid;
}

/* Tooltip arrow bottom */
.o-tooltip.bl .o-tooltip-arrow,
.o-tooltip.bc .o-tooltip-arrow,
.o-tooltip.br .o-tooltip-arrow {
    bottom: -11px;
}
/* Tooltip arrow top */
.o-tooltip.tl .o-tooltip-arrow,
.o-tooltip.tc .o-tooltip-arrow,
.o-tooltip.tr .o-tooltip-arrow {
    top: -12px;
}

.o-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
}

.o-tooltip-close {
    position: absolute;
    width: 15px;
    height: 15px;
    background: #137861;
    cursor: pointer;
    left: 100%;
    margin-left: -15px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 2px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 2px;
}

    .o-tooltip-close span {
        display: block;
        width: 4px;
        height: 4px;
        line-height: 4px;
        font-size: 10px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -4px 0 0 -2px;
        color: #FFF;
        font-weight: bold;
    }

.o-tooltip.mr .o-tooltip-close,
.o-tooltip.tr .o-tooltip-close {
    left: 0px;
    margin: 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-right-radius: 1px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomright: 1px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 1px;
}

/*========== Lists ==========*/
.list-default {
}

    .list-default li {
        padding: 4px 0;
        line-height: 2;
    }

    .list-default.fa-ul li .fa {
        line-height: 2.2;
    }

    .list-default.fa-ul li .icon {
        line-height: 2.2;
    }

    .list-default.fa-ul li .livicon {
        margin-left: -2.14286em;
        width: 2.14286em !important;
    }

.list-center li {
    text-align: center;
    list-style-position: inside;
}
/* Icon Lists */
.fa-ul {
    list-style: none;
    padding-left: 0;
}

    .fa-ul li .fa {
    }

/* Divider List */
.divider-list {
}

    .divider-list li {
        padding: 10px 0;
        border-top: 1px solid #ececec;
    }

        .divider-list li .fa {
            padding: 8px 0;
        }

        .divider-list li .icon {
            padding: 8px 0;
        }

        .divider-list li:first-child {
            border-top: none;
        }

/* Big-list */
.biglist li {
    padding: 10px 0;
    font-size: 18px;
}

    .biglist li .fa {
        padding: 5px 0;
    }

    .biglist li .icon {
        padding: 5px 0;
    }

/* Widget List */
.widget-list {
}

    .widget-list li {
        margin-bottom: 12px;
        font-size: 14px;
    }

        .widget-list li .fa {
            border: 1px solid;
            height: 1.2em;
            width: 1.2em;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

/* Recent Posts */
.recent-post {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .recent-post li {
        margin-bottom: 20px;
        display: table;
        width: 100%;
    }

        .recent-post li a {
            font-weight: 500;
            color: #32313b;
        }

        .recent-post li img {
            max-width: 80px;
            float: left;
            margin-right: 10px;
        }

        .recent-post li .rating {
            text-align: left;
            position: relative;
            background: none;
            top: 0;
            bottom: 0;
        }

/* Media Lists */
.media, .media .media {
    margin-top: 30px;
}

/* List Footer Latest */
.footer-widget .list-latest {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .footer-widget .list-latest li {
        padding: 4px 0;
        line-height: 1.8;
    }

        .footer-widget .list-latest li:first-child {
            padding-top: 0;
        }

        .footer-widget .list-latest li .latest-date {
            display: block;
            color: #778899;
            font-size: 13px;
        }

        .footer-widget .list-latest li a {
            color: inherit;
        }

            .footer-widget .list-latest li a:hover, .footer-widget .list-latest li a:focus {
                color: #778899;
            }


/* Font Awesome Custom List - can be removed in production websites */
.fontawesome-icon-list {
}

    .fontawesome-icon-list .fa-hover a {
        display: block;
        padding: 8px;
        font-size: 12px;
    }

        .fontawesome-icon-list .fa-hover a .fa {
            font-size: 16px;
            margin-right: 5px;
        }

    .fontawesome-icon-list .fa-hover:hover a {
        background: #f2f2f2;
    }

/* Avendor Icons list - can be removed in production website */
.glyphs.css-mapping {
    padding: 30px 0 20px 30px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .glyphs.css-mapping li {
        margin: 0 30px 20px 0;
        padding: 0;
        display: inline-block;
        overflow: hidden;
    }

    .glyphs.css-mapping .icon {
        margin: 0;
        margin-right: 10px;
        padding: 13px;
        height: 50px;
        width: 50px;
        overflow: hidden;
        float: left;
        font-size: 24px;
    }

    .glyphs.css-mapping input {
        margin: 0;
        margin-top: 5px;
        padding: 8px;
        line-height: 16px;
        font-size: 16px;
        display: block;
        width: 150px;
        height: 40px;
        border: 1px solid #d8e0e5;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #fff;
        outline: 0;
        float: right;
    }

        .glyphs.css-mapping input:focus {
            border: 1px solid;
        }

        .glyphs.css-mapping input:hover {
            border: 1px solid;
        }


.height100 {
    height: 100%;
}

@media only screen and (max-width: 560px) {

    .zip-position {
        bottom: 250px;
    }
}

.bg-splash-bottom {
    position: absolute;
    bottom: 0px;
    background-color: #fff;
    width: 100%;
    text-align: center;
    opacity: 0.8;
}

    .bg-splash-bottom h1 {
        padding: 25px 0px 10px 0px;
        margin: 0px;
    }

    .bg-splash-bottom .fa {
        padding: 13px 0px;
    }

.arrow-down-splash {
    position: absolute;
    margin: -35px;
    background-color: #fff;
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}



/*========== Alerts ==========*/
.alert-tip {
    background-color: #fefdbb;
    border-color: #e8e7b4;
    color: #494949;
}

.alert-privacy {
    background-color: #ececec;
    border-color: #e0e0e0;
    color: #2b2b2b;
    text-align: center;
    border-radius: 0;
    margin-bottom: 0px;
}

    .alert-privacy p {
        font-size: 11px;
    }

.alert-info img.img-border {
    border: solid 1px #bce8f1;
}

.alert h2, .alert h3, .alert h4 {
    margin-top: 0px;
}

.alert-warning {
    color: #inherit;
    background-color: #FFFFBB;
    border-color: #faebcc;
}

.alert-tip hr {
    border-top-color: #d6d594;
}

.alert-tip .alert-link {
    color: #2b542c;
}

.alert p + div {
    margin-top: 10px;
}
/* Alerts Alternative*/
.alert-alt {
    padding-left: 50px;
    position: relative;
}

    .alert-alt.alert-clean:before {
        content: "\f024";
        font-family: 'FontAwesome';
        font-size: 18px;
        color: #ececec;
        display: block;
        position: absolute;
        left: 17px;
        top: 14px;
    }

    .alert-alt.alert-success:before {
        content: "\f00c";
        font-family: 'FontAwesome';
        font-size: 18px;
        color: #9dd55d;
        display: block;
        position: absolute;
        left: 17px;
        top: 14px;
    }

    .alert-alt.alert-info:before {
        content: "\f129";
        font-family: 'FontAwesome';
        font-size: 18px;
        color: #22d2d2;
        display: block;
        position: absolute;
        left: 17px;
        top: 14px;
    }

    .alert-alt.alert-warning:before {
        content: "\f071";
        font-family: 'FontAwesome';
        font-size: 18px;
        color: #f4aa44;
        display: block;
        position: absolute;
        left: 17px;
        top: 14px;
    }

    .alert-alt.alert-danger:before {
        content: "\f05e";
        font-family: 'FontAwesome';
        font-size: 18px;
        color: #f33440;
        display: block;
        position: absolute;
        left: 17px;
        top: 14px;
    }

.alert .disclaimer {
    margin-bottom: 10px;
}

.alert {
    padding: 10px;
}

/*========== Icons ==========*/
.iconleft {
    margin-right: 14px;
}

.iconright {
    margin-left: 14px;
}

.btn .iconleft {
    margin-right: 14px;
}

.btn .iconright {
    margin-left: 14px;
}

.btn-sm .iconleft, .btn-xs .iconleft {
    margin-right: 6px;
}

.btn-sm .iconright, .btn-xs .iconright {
    margin-left: 6px;
}

[class^="gfx-"]:before, [class*=" gfx-"]:before {
    vertical-align: middle;
    position: relative;
    top: -0.14em;
}


/*========== LivIcons ==========*/
.livicon {
    display: inline-block;
    line-height: inherit;
    vertical-align: middle;
}
/*========== Icon Boxes ==========*/
.iconbox {
    padding: 10px;
}

    .iconbox .iconbox-wrapper {
        float: left;
        margin-right: 20px;
        font-size: 20px;
        line-height: 1;
        text-align: center;
    }

.iconbox-wrapper.pull-right {
    margin-left: 20px;
    margin-right: 0;
}

.iconbox .iconbox-content {
    overflow: hidden;
}

.iconbox-list {
    margin-bottom: 0px;
}

    .iconbox-list li {
        margin-top: 20px;
    }

        .iconbox-list li:first-child {
            margin-top: 0px;
        }
/* livicons iconbox*/
.iconbox .livicon {
    margin-bottom: 20px;
    float: left;
    margin-right: 20px;
}
/* icon box vertical*/
.iconbox.vertical {
    text-align: center;
}

    .iconbox.vertical .iconbox-wrapper {
        float: none;
        margin: 0 auto 30px;
    }

    .iconbox.vertical .livicon {
        margin-bottom: 6px;
        float: none;
        margin-right: 0px;
        line-height: 1;
    }
/* icon box icon size*/
.iconbox-wrapper.iconbox-2x {
    font-size: 38px;
    line-height: 38px;
}

.iconbox-wrapper.iconbox-3x {
    font-size: 60px;
    line-height: 60px;
}

.iconbox-wrapper.iconbox-2x .livicon {
    margin-bottom: 8px;
}

.iconbox-wrapper.iconbox-3x .livicon {
    margin-bottom: 12px;
}
/* icon box circle*/
.iconbox-wrapper.circle {
    background: #f2f2f2;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

    .iconbox-wrapper.circle.border {
        background: none;
        border: 2px solid;
    }

    .iconbox-wrapper.circle.iconbox-2x {
        font-size: 32px !important;
        width: 68px !important;
        height: 68px !important;
        line-height: 68px !important;
    }

    .iconbox-wrapper.circle.iconbox-3x {
        font-size: 60px !important;
        width: 110px !important;
        height: 110px !important;
        line-height: 110px !important;
    }
/* icon box square*/
.iconbox-wrapper.square {
    background: #f2f2f2;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .iconbox-wrapper.square.border {
        background: none;
        border: 2px solid;
    }

    .iconbox-wrapper.square.iconbox-2x {
        font-size: 38px !important;
        width: 68px !important;
        height: 68px !important;
        line-height: 68px !important;
    }

    .iconbox-wrapper.square.iconbox-3x {
        font-size: 60px !important;
        width: 110px !important;
        height: 110px !important;
        line-height: 110px !important;
    }


/*========== Forms ==========*/
.form-control {
    height: 34px;
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.form-group [class*="col-sm-"], .form-group [class*="col-md-"], .form-group [class*="col-lg-"] {
    margin-bottom: 15px;
}

    .form-group [class*="col-sm-"]:last-child, .form-group [class*="col-md-"]:last-child, .form-group [class*="col-lg-"]:last-child {
        margin-bottom: 0;
    }

.form-control::-moz-placeholder {
    color: #000000;
}

/*dark form*/
.dark-form {
}

/*========== Lightbox ==========*/
.mfp-preloader {
    z-index: 1046;
}


/*========== Backgrounds and Colors ==========*/
/*bg*/

.bg-color-success {
    background-color: #9dd55d !important;
}

.bg-color-info {
    background-color: #22d2d2 !important;
}

.bg-color-warning {
    background-color: #f4aa44 !important;
}

.bg-color-danger {
    background-color: #f33440 !important;
}

.bg-color-light {
    background-color: #f8f8f8 !important;
}

.bg-color-dark {
    background-color: #32313B !important;
}

.color-medium {
    color: #949494 !important;
}

.bg-color-white {
    background-color: #ffffff !important;
}

.bg-color-none {
    background-color: transparent !important;
}

/*colors*/

.color-success {
    color: #9dd55d !important;
}

.color-info {
    color: #22d2d2 !important;
}

.color-warning {
    color: #f4aa44 !important;
}

.color-danger {
    color: #f33440 !important;
}

.color-white {
    color: #ffffff !important;
}

.color-dark {
    color: #32313B !important;
}


/*========== White Space ==========*/
.white-space {
    display: block;
    width: 100%;
}
    .white-space.space-xmini {
        padding: 2px 0;
    }
    .white-space.space-mini {
        padding: 5px 0;
    }

    .white-space.space-xsmall {
        padding: 10px 0;
    }

    .white-space.space-small {
        padding: 20px 0;
    }

    .white-space.space-medium {
        padding: 25px 0;
    }

    .white-space.space-big {
        padding: 50px 0;
    }

/*========== Dividers ==========*/
hr {
    margin-top: 30px;
    margin-bottom: 30px;
}

    /* hr fancy */
    hr.hr-fancy {
        border: 0 solid #dbdbdb;
        border-top-width: 1px;
        height: 0;
        display: block;
        width: 100%;
        position: relative;
    }

        hr.hr-fancy:after {
            content: " ";
            width: 30%;
            height: 5px;
            position: relative;
            bottom: 3px;
            display: block;
        }

    hr.text-center.hr-fancy:after {
        margin: 0 auto;
    }

    hr.text-right.hr-fancy:after {
        float: right;
    }

    /* hr fade margins */
    hr.hr-fade {
        border: 0;
        height: 1px;
        background-image: -webkit-linear-gradient(left, rgba(179,179,196,0), rgba(179,179,196,0.75), rgba(179,179,196,0));
        background-image: -moz-linear-gradient(left, rgba(179,179,196,0), rgba(179,179,196,0.75), rgba(179,179,196,0));
        background-image: -ms-linear-gradient(left, rgba(179,179,196,0), rgba(179,179,196,0.75), rgba(179,179,196,0));
        background-image: -o-linear-gradient(left, rgba(179,179,196,0), rgba(179,179,196,0.75), rgba(179,179,196,0));
    }

    /* hr double border */
    hr.hr-double {
        padding: 4px;
        border: none;
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
    }

/* hr icon */
.hr-icon {
    position: relative;
    display: block;
}

.icon-divider {
    background-color: #FFFFFF;
    display: block;
    font-size: 38px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    margin-left: -40px;
    position: absolute;
    text-align: center;
    width: 80px;
    top: -25px;
}


/*========== Labels ==========*/
.label {
    vertical-align: middle;
    padding: 0.2em 0.6em 0.2em;
}

.label-default {
    background-color: #778899;
}

    .label-default[href]:hover,
    .label-default[href]:focus {
        background-color: #5e5e5e;
    }

.label-primary {
}

    .label-primary[href]:hover,
    .label-primary[href]:focus {
    }

.label-success {
    background-color: #9dd55d;
}

    .label-success[href]:hover,
    .label-success[href]:focus {
        background-color: #8dbd0a;
    }

.label-info {
    background-color: #22d2d2;
}

    .label-info[href]:hover,
    .label-info[href]:focus {
        background-color: #0cc0c0;
    }

.label-warning {
    background-color: #f4aa44;
}

    .label-warning[href]:hover,
    .label-warning[href]:focus {
        background-color: #ee8820;
    }

.label-danger {
    background-color: #f33440;
}

    .label-danger[href]:hover,
    .label-danger[href]:focus {
        background-color: #dd3333;
    }

/*Panels*/
.panel {
    background: none;
}

.panel-default {
    border-color: #ececec;
}

.panel-light {
    border-color: #f8f8f8;
}

/*===============================
========== Tabs ==========
===============================*/

.nav-tabs {
    border-bottom: none;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            padding: 10px 10px;
            margin-right: 1px;
            line-height: 1.42857143;
            border: none;
            border-radius: 0;
            background: #474747;
            color: #32313b;
        }

.sidebar-widget .nav-tabs > li > a {
    padding: 15px 5px;
}

.nav-tabs > li > a:hover {
    border-color: #ececec;
    background: #f5f5f5;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    border: 0;
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}

    .nav-tabs.nav-justified > li {
        float: none;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center;
        }

    .nav-tabs.nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #f8f8f8;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 1px;
    border-radius: 0;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: none;
    border-bottom: 4px solid;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 4px solid;
        border-radius: 0;
    }

    .nav-tabs.nav-justified.tabs-alt > li > a {
        border-bottom: transparent;
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    }
}

.nav-pills {
    margin-bottom: 10px;
}

    .nav-pills > li {
        float: left;
    }

        .nav-pills > li > a {
            border-radius: none;
            margin-right: 0px;
        }

        .nav-pills > li + li {
            margin-left: 2px;
        }

        .nav-pills > li.active > a,
        .nav-pills > li.active > a:hover,
        .nav-pills > li.active > a:focus {
            color: #fff;
        }

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified {
    width: 100%;
}

    .nav-justified > li {
        float: none;
    }

        .nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center;
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs-justified {
    border-bottom: 0;
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border: 1px solid #ddd;
    }

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
    padding: 15px 0px;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Tabs Alternative */
.nav-tabs.tabs-alt > li > a {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    margin-right: -1px;
    margin-bottom: -1px;
    background: #f5f5f5;
    border: 1px solid #ececec;
    color: #778899;
}

.nav-tabs.tabs-alt > li.active > a:after {
    content: "";
    height: 4px;
    position: absolute;
    top: -1px;
    left: 0;
    display: block;
    z-index: 1;
    width: 100%;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav-tabs.tabs-alt > li > a:hover {
    margin-right: -1px;
    background: #ffffff;
    border: 1px solid #ececec;
    color: #778899;
}

.nav-tabs.tabs-alt > li.active > a {
    border: 1px solid #ececec;
    border-bottom: 1px solid #fff;
    background: #ffffff;
}

    .nav-tabs.tabs-alt > li.active > a:hover {
        border: 1px solid #ececec;
        border-bottom: 1px solid #fff;
        background: #ffffff;
    }

    .nav-tabs.tabs-alt > li.active > a:focus {
        border: 1px solid #ececec;
        border-bottom: 1px solid #fff;
        background: #ffffff;
    }

.tabs-alt.tab-content > .active {
    border: none;
    border-top: 1px solid #ececec;
}

/*===============================
========== Accordions & Toggle ==========
===============================*/

.accordion .panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
}

.accordion a[title="expand"] {
    color: #006e99;
}

.accordion a[title="expand"]:hover {
    color: #006e99;
}

.accordion.panel-group {
    margin: 0px 0px 10px 0px;
}

.accordion .panel .panel-heading {
    border: 1px solid #ececec;
    padding: 0;
    background: none;
}

.accordion .panel-title {
    font-weight: 500;
}

    .accordion .panel-title a {
        display: block;
        padding: 15px;
    }

        .accordion .panel-title a .fa {
            margin-right: 10px;
        }

.accordion .panel-body {
    border: none !important;
}

.accordion .accordion-toggle.collapsed-icon:after {
    content: "\f147";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    float: right;
}

.accordion .accordion-toggle.collapsed.collapsed-icon:after {
    content: "\f196";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    float: right;
}

.accordion .accordion-toggle.collapsed-icon-left.collapsed-icon:after {
    float: left;
    margin-right: 10px;
}

.accordion .accordion-toggle.collapsed-icon-left.collapsed.collapsed-icon:after {
    float: left;
    margin-right: 10px;
}

/* Accordion & Toggle - default stytle  */
.accordion .accordion-toggle {
}

    .accordion .accordion-toggle.collapsed {
        color: #797989;
    }

        .accordion .accordion-toggle.collapsed:hover {
        }

/* Accordion & Toggle - alternativestytle  */
.accordion.accordion-alt .panel-heading {
    border: none;
    background: #f8f8f8;
    border: solid 1px #bbbac6;
}

.accordion.accordion-alt .accordion-toggle {
    color: #fff;
}

    .accordion.accordion-alt .accordion-toggle.collapsed {
        background: #d9d9d9;
        color: #5e5e6e;
    }

        .accordion.accordion-alt .accordion-toggle.collapsed:hover {
            color: #fff;
        }




/*===============================
========== Video Responsive ==========
===============================*/

iframe {
    border: none;
}

.flex-video {
    position: relative;
    padding-top: 25px;
    padding-bottom: 56.4%;
    height: 0;
    overflow: hidden;
}

    .flex-video.widescreen {
        padding-bottom: 50%;
    }

    .flex-video.vimeo {
        padding-top: 0;
    }

    .flex-video.youtube {
        padding-top: 0;
    }

    .flex-video.html5 {
        padding-top: 0;
    }

    .flex-video .video-js {
        width: 100%;
    }

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

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
    .flex-video {
        padding-top: 0;
    }
}


/* Widths */

.width-100 {
    width: 100px !important;
}

.width-150 {
    width: 150px !important;
}

.width-200 {
    width: 200px !important;
}

.width-250 {
    width: 250px !important;
}

.width-300 {
    width: 300px !important;
}

.width-350 {
    width: 350px !important;
}
/* Margins */

/*top*/
.margin-top0 {
    margin-top: 0px !important;
}

.margin-top10 {
    margin-top: 10px !important;
}

.margin-top20 {
    margin-top: 20px !important;
}

.margin-top30 {
    margin-top: 30px !important;
}

.margin-top40 {
    margin-top: 40px !important;
}

.margin-top50 {
    margin-top: 50px !important;
}

.margin-top60 {
    margin-top: 60px !important;
}

.margin-top70 {
    margin-top: 70px !important;
}

.margin-top80 {
    margin-top: 80px !important;
}

.margin-top90 {
    margin-top: 90px !important;
}

.margin-top100 {
    margin-top: 100px !important;
}

/*bottom*/
.margin-bottom0 {
    margin-bottom: 0px !important;
}

.margin-bottom10 {
    margin-bottom: 10px !important;
}

.margin-bottom20 {
    margin-bottom: 20px !important;
}

.margin-bottom30 {
    margin-bottom: 30px !important;
}

.margin-bottom40 {
    margin-bottom: 40px !important;
}

.margin-bottom50 {
    margin-bottom: 50px !important;
}

.margin-bottom60 {
    margin-bottom: 60px !important;
}

.margin-bottom70 {
    margin-bottom: 70px !important;
}

.margin-bottom80 {
    margin-bottom: 80px !important;
}

.margin-bottom90 {
    margin-bottom: 90px !important;
}

.margin-bottom100 {
    margin-bottom: 100px !important;
}

/* Padding */


/*top*/
.padding-top0 {
    padding-top: 0px !important;
}

.padding-top10 {
    padding-top: 10px !important;
}

.padding-top20 {
    padding-top: 20px !important;
}

.padding-top30 {
    padding-top: 30px !important;
}

.padding-top40 {
    padding-top: 40px !important;
}

.padding-top50 {
    padding-top: 50px !important;
}

.padding-top60 {
    padding-top: 60px !important;
}

.padding-top70 {
    padding-top: 70px !important;
}

.padding-top80 {
    padding-top: 80px !important;
}

.padding-top90 {
    padding-top: 90px !important;
}

.padding-top100 {
    padding-top: 100px !important;
}

.padding-percent0 {
    padding-top: 0% !important;
}

.padding-percent10 {
    padding-top: 10% !important;
}

.padding-percent20 {
    padding-top: 20% !important;
}

.padding-percent30 {
    padding-top: 30% !important;
}

.padding-percent40 {
    padding-top: 40% !important;
}

/*bottom*/
.padding-bottom0 {
    padding-bottom: 0px !important;
}

.padding-bottom10 {
    padding-bottom: 10px !important;
}

.padding-bottom20 {
    padding-bottom: 20px !important;
}

.padding-bottom30 {
    padding-bottom: 30px !important;
}

.padding-bottom40 {
    padding-bottom: 40px !important;
}

.padding-bottom50 {
    padding-bottom: 50px !important;
}

.padding-bottom60 {
    padding-bottom: 60px !important;
}

.padding-bottom70 {
    padding-bottom: 70px !important;
}

.padding-bottom80 {
    padding-bottom: 80px !important;
}

.padding-bottom90 {
    padding-bottom: 90px !important;
}

.padding-bottom100 {
    padding-bottom: 100px !important;
}

.remove-padding {
    padding: 0;
}

.padding-left0 {
    padding-left: 0;
}

.padding-right0 {
    padding-right: 0;
}

/*===============================
========== Back To Top ==========
===============================*/
.scrollup {
    display: none;
    font-size: 26px;
    line-height: 1.3;
    position: fixed;
    bottom: 40px;
    right: 10px;
    text-align: center;
    width: 40px;
    height: 40px;
    z-index: 1000;
}

    .scrollup:hover, .scrollup:focus {
        border: none;
    }

/*===============================
========== General Pages ==========
===============================*/

/* nav sidebar */
.nav {

}

    .nav .nav {
        padding-left: 20px;
    }
.nav-tab-col {
    display: flex;
    flex-direction: column;
}


    /* Pagination */

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    border-color: #ececec;
}

.pagination > li > a, .pagination > li > span {
    border-color: #cbcbcb;
    color: #778899;
    padding: 6px 16px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
}

.pagination .active a {
    background-color: #007fb0 !important;
    color: #fff !important;
}

.pagination .active a:hover {
    background-color: #007fb0 !important;
    color: #fff !important;
}

.pagination a {
    color: #677889 !important;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
     background-color: #007fb0 !important;
    color: #fff !important;
}

#paginationDiv .pagination {margin:0px 0px 20px 0px;}

/* working contact form */
#contactForm label.error {
    font-weight: 300;
}

    #contactForm label.error:before {
        content: "\f06a";
        font-family: 'FontAwesome';
        margin-right: 10px;
    }



/*===============================
========== Search Results ==========
===============================*/
.search-results {
    border-top: 1px solid #ececec;
}

.search-results-item {
    padding: 40px 0 40px 60px;
    position: relative;
    border-bottom: 1px solid #ececec;
}

.search-number {
    position: absolute;
    left: 0;
    top: 40px;
    width: 40px;
    height: 40px;
    border: 1px solid #ececec;
    font-size: 18px;
    text-align: center;
    line-height: 2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/*===============================
========== Under Construction ==========
===============================*/
.counter-block {
    color: #FFF;
    border: 1px solid #ececec;
    text-align: center;
    font-size: 64px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .counter-block span {
        display: block;
        font-size: 16px;
        border-top: 1px solid #ececec;
        padding: 10px 0;
        margin-top: 10px;
        text-transform: uppercase;
    }



/*===============================
========== RTL STYLES ==========
===============================*/
html[dir="rtl"] .social-top {
    float: right;
    padding: 0;
}

    html[dir="rtl"] .social-top li:first-child {
        border-left: none;
    }

    html[dir="rtl"] .social-top li:last-child {
        border-left: 1px solid #ececec;
    }

html[dir="rtl"] .top-menu {
    float: left;
    padding: 0;
}

    html[dir="rtl"] .top-menu li:first-child {
        border-left: none;
    }

    html[dir="rtl"] .top-menu li:last-child {
        border-left: 1px solid #ececec;
    }

html[dir="rtl"] .header-top ul .fa {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .social-top .fa {
    margin-left: 0 !important;
}

html[dir="rtl"] .slide-panel-btn {
    margin-right: -40px;
}

html[dir="rtl"] .gfx-mega .dropdown-menu {
    left: auto;
    right: auto;
}

html[dir="rtl"] .iconbox .iconbox-wrapper {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}

html[dir="rtl"] .iconbox.vertical .iconbox-wrapper {
    float: none;
    margin: 0 auto 15px;
}

html[dir="rtl"] .progress-pie .pie-content {
    margin-left: 0px;
    margin-right: 40px;
}

html[dir="rtl"] .gmap-button:after {
    margin-left: 0;
    margin-right: 16px;
}

html[dir="rtl"] .btn .iconleft {
    margin-right: 0px;
    margin-left: 14px;
}

html[dir="rtl"] .btn .iconright {
    margin-right: 14px;
    margin-left: 0px;
}




/*===============================
========== Responsive Media Queries ==========
===============================*/
@media (min-width: 768px) and (max-width: 991px) {
    .logo {
        line-height: 105px !important;
    }

    .gfx-nav {
        float: none;
    }

    ul.gallery {
        margin-left: 0;
    }

        ul.gallery li {
            width: 50% !important; /* this value + 2% should = 50% */
        }
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {
}

@media (max-width: 767px) {

    .header-top-left {
        padding: 0px;
    }

    .social-top {
        text-align: center;
        float: none;
    }

    .top-menu {
        float: none;
        text-align: center;
    }

        .top-menu li {
            border-top: 1px solid #ececec;
        }

    .logo {
        line-height: 55px !important;
        padding-left: 15px;
    }

    .gfx-nav {
        float: none;
    }

    .header-main.shrink .gfx-nav a {
        line-height: 1.4;
    }

    .main-wrapper-header .breadcrumbs-wrapper {
        text-align: left;
    }

    .fancy-header .breadcrumbs-wrapper {
        text-align: center;
    }

    ul.gallery {
        margin-left: 0;
    }

        ul.gallery li {
            width: 50% !important; /* this value + 2% should = 50% */
        }

    .blog-post-side {
        position: relative !important;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .blog-post-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* RTL */
    html[dir="rtl"] .top-menu {
        float: none;
        text-align: center;
    }

    html[dir="rtl"] .social-top {
        float: none;
        text-align: center;
    }
}

@media (max-width: 540px) {
    ul.gallery {
        margin-left: 0;
    }

        ul.gallery li {
            width: 100% !important; /* this value + 2% should = 100% */
        }
}



/*!
 * Bootstrap v3.2.0 

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

body {
    font-family: Helvetica Neue, Helvetica , Arial, Roboto sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #494949;
    background-color: #fff;
    font-weight: 100;
    height: 100%;
    width: 100%;
}

a:hover,
a:focus {
    color: #2a6496;
    text-decoration: none;
}


.img-responsive-gallery,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    width: 100% \9;
    width: 100%;
    height: auto;
}

.img-responsive-center {
    max-width: 100% \9;
    max-width: 100%;
    height: auto;
}



ol li {
    margin-bottom: 10px;
}

.ol-inside-numbers {
    list-style-position: inside;
}

.list-select-make {
    width: 650px;
}

    .list-select-make > li {
        width: 170px;
        display: inline-block;
    }

@media (max-width: 768px) {

    .list-select-make {
        width: 350px;
    }
}


.body-type > li {
    padding: 10px 15px;
}


blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
}


.remove-padding-left {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 0px !important;
}

.table-striped > thead > tr > th {
    background-color: #32313B;
    color: white;
    text-align: center;   
    font-size: 18px;
    font-weight: normal;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #e5e5e5;
}

.model-title-height {
    height: 60px;
    overflow: hidden;
}

    .model-title-height h3 {
        line-height: 1.3;
    }


.table-compare tbody tr td, .table-compare tr th {
    height: 77px;
    vertical-align: middle;
    text-align: center;
}

.table-compare tbody tr.title td,
.table-compare tbody tr.title th {
    font-size: 18px;
    text-align: center;
    height: 30px !important;
}

tr.title td,
tr.title th {
    font-size: 18px;
    height: 30px !important;
    font-weight: inherit;
}

.uc-body .col-lg-8, .uc-body .col-md-7 {
    padding: 5px;
}

@media screen and (max-width: 767px) {
    .uc-body .col-sm-12 {
        padding: 0px;
    }
}

.form-control {
    padding: 6px 8px;
}

.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

.btn {
    font-weight: 300;
    border-radius: 0px;
}

    .btn:hover, .btn:focus {
        border: 1px solid transparent;
    }

.btn-bottom {
    margin-bottom: 10px;
}

.margin-top-bottom {
    margin: 10px 0px;
}


.btn-primary {
    color: #ffffff;
    background-color: #ec7602;
    *background-color: #ec7602;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f39e0a', endColorstr='#ec7602', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #ec7602;
        *background-color: #ec7602;
    }

.btn-info {
    color: #fff;
    background-color: #0374e7 !important;
    border-color: #0473e5;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #0473e5;
        border-color: #1485f8;
    }

.btn-danger {background-color:#ce4844;}

.btn-lg,
.btn-group-lg > .btn {
    border-radius: 0px;
}



.btn-black {
    background: #000;
    border: solid 1px #191919;
    color: #fff;
}

    .btn-black:hover, .btn-black:focus, .btn-black:active {
        background: #191919;
        color: #fff;
    }

.btn-blue {
    background: #141A36;
    border: solid 1px #191919;
    color: #fff;
}

.btn-red {
    background: #AC2228;
    border: solid 1px #191919;
    color: #fff;
}
.btn-call {
    background: #AC2228;
    border: solid 1px #AC2228;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    height: 40px;
    align-content: center;
}
    .btn-blue:hover, .btn-blue:focus, .btn-blue:active {
        background: #191919;
        color: #fff;
    }

.btn-oem {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-oem:hover,
    .btn-oem:focus,
    .btn-oem:active {
        background-color: #fff;
        border-color: #ccc;
    }

.btn-rebates {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ccc;
}

    .btn-rebates:hover,
    .btn-rebates:focus,
    .btn-rebates:active {
        background-color: #fff;
        border: solid 1px #2a6496;
    }

    .btn-rebates h3 {
        height: 20px;
        overflow: hidden;
    }

.btn-success.disabled, .btn-success[disabled] {
    background-color: #2c882c;
    border-color: #2c882c;
}

.input-group input {
    margin: 0px;
}

.nav > li > a {
    padding: 10px 8px;
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .nav > li > a {
        padding: 10px 15px;
    }
}

.nav-tabs > li > a {
    padding: 15px 15px;
    margin-right: 3px;
    line-height: 1.42857143;
    border: none;
    border-radius: 0;
    background: #32313b;
    border-bottom: 4px solid;
}

@media (max-width:420px) {
    .nav-tabs > li > a {
        padding: 15px 5px;
    }
}

.tab-alternate .nav-tabs > li > a {
    background: #ffffff;
    opacity: 0.7;
}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    border: 0;
    border-bottom: 4px solid;
}

.tab-content {
    overflow: auto;
    margin-bottom: 20px;
    padding: 0px;
}

@media (min-width: 768px) {

    .nav-position {
        position: absolute;
        z-index: 2000;
        width: 100%;
    }
}

.nav-pills > li > a {
    border-radius: 0px;
    border: 1px solid #cbcbcb;
}
/*
.navbar {
    margin-bottom: 0px;
    border: none;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0px;
    }
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width: 768px) {
    .navbar-collapse {
        padding-right: 0px;
    }
}

.navbar-nav {
    margin: 0px;
}


@media (min-width: 992px) {
    .navbar-nav {
        float: right;
        margin: 0;
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        font-size: 12px;
    }

        .navbar-nav > li {
            float: left;
            border-right: solid 1px #3261a2;
        }

            .navbar-nav > li:first-child {
                border-left: solid 1px #3261a2;
            }
}

.navbar-nav > li > .dropdown-menu {
    z-index: 9999;
}

.navbar-default {
    background-color: #386eb8;
    background-image: -moz-linear-gradient(top, #386eb8, #386eb8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#386eb8), to(#386eb8));
    background-image: -webkit-linear-gradient(top, #386eb8, #386eb8);
    background-image: -o-linear-gradient(top, #386eb8, #386eb8);
    background-image: linear-gradient(to bottom, #386eb8, #386eb8);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#386eb8', endColorstr='#386eb8', GradientType=0);
}

    .navbar-default .navbar-brand {
        color: #fff;
    }

    .navbar-default .navbar-text {
        color: #fff;
    }

    .navbar-default .navbar-nav > li > a {
        color: #fff;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #fff;
            background-color: #284f83;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #284f83;
    }

    .navbar-default .navbar-nav > .disabled > a,
    .navbar-default .navbar-nav > .disabled > a:hover,
    .navbar-default .navbar-nav > .disabled > a:focus {
        color: #fff;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #284f83;
        background-image: -moz-linear-gradient(top, #2e7ce4, #284f83);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e7ce4), to(#284f83));
        background-image: -webkit-linear-gradient(top, #2e7ce4, #284f83);
        background-image: -o-linear-gradient(top, #2e7ce4, #284f83);
        background-image: linear-gradient(to bottom, #2e7ce4, #284f83);
        background-repeat: repeat-x;
        border-color: #2e7ce4 #2e7ce4 #284f83;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e7ce4', endColorstr='#284f83', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            color: #ffffff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #284f83;
            background-image: -moz-linear-gradient(top, #2e7ce4, #284f83);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e7ce4), to(#284f83));
            background-image: -webkit-linear-gradient(top, #2e7ce4, #284f83);
            background-image: -o-linear-gradient(top, #2e7ce4, #284f83);
            background-image: linear-gradient(to bottom, #2e7ce4, #284f83);
            background-repeat: repeat-x;
            border-color: #2e7ce4 #2e7ce4 #284f83;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e7ce4', endColorstr='#284f83', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #386eb8;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #fff;
        background-color: #284f83;
    }


.navbar-nav {
    margin: 0px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }

            .navbar-nav .open .dropdown-menu > li > a:hover,
            .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none;
            }
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding: 15px 7px;
    }

    .navbar-nav {
        font-size: 12px;
    }
}

@media (min-width: 1001px) {
    .navbar-nav > li > a {
        padding: 15px 15px;
    }

    .navbar-nav {
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    .navbar-nav > li > a {
        padding: 39px 16px;
    }

    .navbar-nav {
        font-size: 14px;
    }
}



@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #3da9e0;
        }
}
*/

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

.panel-border > .panel {border:solid 1px #ececec;}

.panel-body {
    padding: 15px 0px 5px 0px;
}

.panel-border  .panel-body {padding:15px;}

.clear-panel {
    cursor: pointer;
}

.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel-title.research {
    font-size: 25px;
    text-align: center;
}

@media (max-width: 490px) {
    .panel-title.research {
        font-size: 18px;
        text-align: center;
    }
}

.panel-title > a {
    display: block;
    padding: 4px;
    color: #fff;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
    broder: none;
}



.well {
    border-radius: 0px;
    padding: 10px;
    margin-bottom: 5px;
}

.parallax .well {
    color #494949;
}

.carousel {
    margin: 0px 0px 20px 0px;
}

.moi-xs-slider .carousel {
    margin: 0;
}

    .moi-xs-slider .carousel .parallax {
        min-height: 442px;
    }

    .moi-xs-slider .carousel .owl-controls .owl-buttons .owl-next {
        top: 78%;
        right: 10px;
    }

    .moi-xs-slider .carousel .owl-controls .owl-buttons .owl-prev {
        top: 78%;
        left: 10px;
    }

    .moi-xs-slider .carousel.carousel-simple .owl-item .carousel-item {
        margin: 0;
        padding-bottom: 0;
    }

.audi-promo-mobile-btn {
    margin-top: 5%;
}

@media (min-width: 493px) {
    .audi-promo-mobile-btn {
        margin-top: 5%;
    }
}

@media (max-width: 347px) {
    .audi-promo-mobile-btn {
        margin-top: -1%;
    }
    
}


.carousel-inner {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.carousel .carousel-control {
    visibility: hidden;
}

.carousel:hover .carousel-control {
    visibility: visible;
}

.carousel-indicators {
    top: 20px;
    height: 20px;
}

.carousel-caption {
    top: 30px;
}



/* Indicators list style */
.article-slide .carousel-indicators {
    bottom: 0;
    left: 0;
    margin-top: 10px;
    margin-left: 5px;
    width: 100%;
    ;
    position: static;
}
    /* Indicators list style */
    .article-slide .carousel-indicators li {
        border: medium none;
        border-radius: 0;
        float: left;
        height: 75px;
        margin-bottom: 5px;
        margin-left: 0;
        margin-right: 5px !important;
        margin-top: 0;
        width: 100px;
    }
    /* Indicators images style */
    .article-slide .carousel-indicators img {
        border: 2px solid #FFFFFF;
        float: left;
        height: 75px;
        left: 0;
        width: 100px;
    }
    /* Indicators active image style */
    .article-slide .carousel-indicators .active img {
        border: 2px solid #428BCA;
        opacity: 0.7;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-nav {
        float: left;
    }

.col-md-3.col-sm-4 img.hidden-logo {display: none!important}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .logo {
        line-height: 50px;
    }
.col-md-3.col-sm-4 img.hidden-logo {display: none!important}
}



.content-box-detail {
    background: #fff;
    margin-bottom: 20px;
}

.content-box-detail {
    text-align: center;
    background-color: #fff;
}

    .content-box-detail:hover {
        background-color: #03a9f4;
    }

.content-box-title {
    background-color: #386eb8;
    padding: 10px 5px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 20px;
    margin: 0;
}

.content-body {
    padding: 20px 0px 10px 0px;
    margin-bottom: 20px;
}

.dark-bg {
    background: #000;
    filter: alpha(opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.60;
    zoom: 1;
    color: #fff;
    padding-left: 10px;
}

.alpha60 {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding-left: 10px;
}

.no-top, table.no-top tr:first-child td {
    border-top: none !important;
}

.uc-body-nav {
    padding: 0px 0px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #fff;
    margin-bottom: 20px;
}

.side-menu {
    border-top: 4px solid #22c3f1;
}

.side-nav {
    border-top: 4px solid #0088cc;
}

.build {
    border-top: 4px solid #0088cc;
    padding: 0px !important;
}

    .build .tab-content {
        border-right: none;
        border-left: none;
        border-bottom: none;
    }

.submenu {
    background-color: #284f83;
    padding-bottom: 10px;
    text-align: right;
}

    .submenu a {
        color: #3da9e0;
    }

        .submenu a:hover {
            color: #fff;
            text-decoration: none;
        }

    .submenu ul {
        color: #fff;
        margin-bottom: 0px;
        padding-top: 8px;
    }

        .submenu ul li {
            border-left: solid 1px #3a6eb4;
            line-height: 20px;
            padding: 0 5px 0px 7px !important;
        }

            .submenu ul li:first-child {
                border-left: none;
            }

.row-home {
    margin-right: -8px;
    margin-left: -15px;
}

.row-grey {
    background-color: #58606c;
    padding-bottom: 20px;
}

.row-white {
    background-color: #fff;
    padding-bottom: 20px;
}
.faq-disclaimer {   
    padding-bottom: 20px;
    color: rgba(0,0,0,.6);
}
    .faq-disclaimer p {
        font-size: 12px !important;
        line-height: 18px;
    }

.row-disclaimer {
    background-color: #3465a7;
    padding-bottom: 20px;
    color: #fff;
}

    .row-disclaimer p {
        font-size: 12px !important;
        line-height: 18px;
    }

    .row-disclaimer a, .row-disclaimer a:active, .row-disclaimer a:hover, .row-disclaimer a:visited {
        font-size: 12px !important;
        line-height: 18px;
        color: #fff;
        text-decoration: underline;
    }

    .row-disclaimer a:hover {
        color: #fff;
    }


.row-1 {
    background-color: #284f83;
    padding-bottom: 20px;
    color: #fff;
}

    .row-1 input {
        width: 100%;
    }

    .row-1 h2 {
        padding-top: 20px;
        color: #fff;
    }

    .row-1 h4 {
    }

    .row-1 ul.list-unstyled li a {
        color: #fff;
    }

.footer {
    background-color: #1d3f6c;
    padding-bottom: 20px;
}

    .footer h2 {
        padding-top: 20px;
        color: #fff;
    }

    .footer h4 {
        color: #fff;
    }

    .footer p {
        color: #fff;
    }

    .footer ul li a {
        color: #fff;
    }

    .footer a:hover {
        color: #fff;
        text-decoration: none;
    }

    .footer ul li {
        line-height: 30px;
    }

.more-ways {
    margin: 10px 0px;
    width: 100%;
}

.testimonial {
    font-family: 'Handlee', cursive;
    font-size: 18px;
}

.header {
    background-color: #fff;
}

    .header .container {
        padding: 10px;
    }

.container .container {
    width: 99%;
}

.top {
    padding-top: 20px;
}

.minus-top {
    margin-top: -80px;
}

.menu {
    color: #8cacd8;
    float: right;
    margin-right: 10px;
    padding-top: 5px;
    font-size: 27px;
    font-family: 'Fjalla One', sans-serif;
    margin-top: 11px;
}

@media (min-width:768px) {
    .menu {
        display: none;
    }
}

.disclaimer {
    color: #494949;
    font-size: 12px;
    line-height: 15px;
}

.well .disclaimer {
    margin-top: 15px;
}

#scrollUp {
    bottom: 20px;
    right: 20px;
    height: 38px;
    width: 38px;
    background: url("../png/top.png") no-repeat;
}

.tip {
    background-color: #FFFFBB;
    padding: 8px;
}


@media (max-width:768px) {

    .checkbox {
        margin-left: 20px;
    }
}
/* ============= Research =================== */
.carbox-hover {
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    text-decoration: none;
    margin: 0px 0px 10px 0px;
    border-radius: 3px;
    webkit-border-radius: 3px;
    padding: 8px;
}

    .carbox-hover:hover {
        z-index: 9999 !important;
        cursor: pointer;
        -webkit-box-shadow: 0px 2px 19px -1px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 2px 19px -1px rgba(0,0,0,0.75);
        box-shadow: 0px 2px 19px -1px rgba(0,0,0,0.75);
    }


    .carbox-hover .alert {
        border-radius: 3px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        font-size: 13px;
    }

    .carbox-hover h2 {
        height: 40px;
        margin: 8px 0px 0px 0px;
    }

    .carbox-hover table {
        margin-top: 10px;
    }

    .carbox-hover img {
        width: 100%;
        margin-bottom: 15px;
    }

.carbox2 {
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
    text-decoration: none;
    margin: 0px 0px 10px 0px;
    border-radius: 3px;
    webkit-border-radius: 3px;
    padding: 8px;
}

    .carbox2 .alert {
        border-radius: 3px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        font-size: 13px;
    }

    .carbox2 h2 {
        height: 40px;
        margin: 8px 0px 0px 0px;
    }

    .carbox2 table {
        margin-top: 10px;
    }

    .carbox2 img {
        width: 100%;
        margin-bottom: 15px;
    }

.carbox h3 {
    margin-top: 10px;
}

.carbox2 .veh-img-container {
    position: relative;
}


.carbox2 .mfgr-cpo {
    width: auto;
    right: 16px;
    bottom: 16px;
    position: absolute;
    border: 1px solid gray;
}

.mfgr-cpo-print {
    width: 200px;
    margin-bottom: 16px;
}

.title-program {
    position: absolute;
    background-color: #28b2e8;
    color: #FFFFFF;
    padding: 5px 10px;
    margin: 5px 0px 0px 0px;
    text-align: center;
    font-size: 17px;
}

.limited-time {
    background-color: #cd2323;
}

.nocarimage {
    background: url("../jpg/nocarimage.jpg") top no-repeat;
    width: 100%;
}

.research-min-height {
    min-height: 350px;
}

@media (min-width: 300px) {
    .nocarimage {
        height: 260px;
    }
}

@media (min-width: 500px) {
    .nocarimage {
        height: 330px;
    }
}

@media (min-width: 600px) {
    .nocarimage {
        height: 330px;
    }
}

@media (min-width: 630px) {
    .nocarimage {
        height: 390px;
    }
}

@media (min-width: 730px) {
    .nocarimage {
        height: 440px;
    }
}

@media (min-width: 768px) {
    .nocarimage {
        height: 200px;
    }
}


@media (min-width: 992px) {
    .nocarimage {
        height: 260px;
    }
}


@media (min-width: 1209px) {
    .nocarimage {
        height: 240px;
    }
}

/* ------ USED Research ------*/


.used-price {
    text-decoration: line-through;
}

.img-border {
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.buy-online-flag {
    width: 76px;
    height: 20px;
    background-color: #0363C5;
    clip-path: polygon(
        0 0,
        5% 50%,
        0 100%,
        100% 100%,
        100% 0
      );
    color: white;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}

.veh-img-container .buy-online-flag {
  margin-right: 4px;
}
/* ------ USED Research ------*/


.remove-cl-padding .col-xs-4, .remove-cl-padding .col-sm-4, .remove-cl-padding .col-md-4, .remove-cl-padding .col-lg-4,
.remove-cl-padding .col-sm-6, .remove-cl-padding .col-md-6, .remove-cl-padding .col-lg-6,
.remove-cl-padding .col-xs-12, .remove-cl-padding .col-sm-12, .remove-cl-padding .col-md-12, .remove-cl-padding .col-lg-12 {
    padding: 0px 2px 0px 2px;
}

.refine-bg {
    background-color: #e6e6e6;
    border: solid 1px #cbcbcb;
    padding: 8px;
    z-index: 1045;
    top: 0;
    right: 0;
    left: 0;
}

    .refine-bg .form-group {
        margin-bottom: 0px;
    }

.refine-col {
    position: relative;
    width: 800px;
    margin: 0 auto;
}



.height-scroll {
    height: 200px;
    overflow: auto;
}

.height-options-scroll {
    height: 600px;
    overflow: auto;
}

[class^="legend-"],
[class*=" legend-"] {
    display: inline-block;
    width: 16px;
    height: 17px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 16px;
    vertical-align: text-top;
    background-image: url("../png/legend-options.png");
    background-position: 16px 17px;
    background-repeat: no-repeat;
}

.legend-selected {
    background-position: 0 0;
}

.legend-unchecked {
    background-position: 0 -17px;
}

.legend-included {
    background-position: 0 -34px;
}

.legend-required {
    background-position: 0 -51px;
}

.legend-upgrade {
    background-position: 0 -68px;
}

.map {
    margin-top: 80px;
}

.saved-vehicle-height {
    height: 300px;
}

.saved-vehicle-header-height {
    min-height: 40px;
}

.saved-vehicle-header-height-modal {
    min-height: 85px;
}

.saved-vehicle-tools-height {
    min-height: 405px;
}

.saved-vehicle-tools-height-modal {
    min-height: 375px;
}

.compare-info-height {
    height: 510px;
}

.compare-info-height-oem1 {
    height: 921px;
}

.compare-info-height-oem2 {
    height: 970px;
}

.compare-info-height-oem3 {
    height: 1110px;
}

.container-compare {
    width: auto;
    margin: 0px 0px 5px 0px;
    border: solid 1px #bcbcbc;
    background: #ffffff;
    padding-bottom: 5px;
    display: block;
}

.saved-vehicle-overflow {
    overflow: hidden;
}

@media (max-width: 480px) {
    .saved-vehicle-tools-height {
        min-height: 260px;
    }
}

.container-compare .check {
    height: 150px;
    width: auto;
    overflow: auto;
    margin-right: 5px;
}
/*# sourceMappingURL=bootstrap.css.map */

.color-swatch {
    margin: 0 auto;
    width: auto;
}

.swatch {
    height: 25px;
    display: inline-block;
    width: 25px;
    border: solid 1px #C1C1C1;
}

    .swatch a {
        display: inline-block;
        height: 25px;
        width: 25px;
    }

.clicky {
    margin-right: 5px;
}

#color-accessories .col-sm-4 {
    padding-left: 2px;
    padding-right: 2px;
}

    #color-accessories .col-sm-4:first-child {
        padding-left: 0px;
    }

    #color-accessories .col-sm-4:nth-child(3) {
        padding-right: 0px;
    }

@media (max-width: 767px) {

    .color-swatch {
        margin: 0 auto;
        width: auto;
        height: 100px;
        overflow: scroll;
    }

    .swatch {
        height: 40px;
        width: 40px;
    }

        .swatch a {
            height: 40px;
            width: 40px;
        }

    .clicky + .clicky {
        margin-top: 5px;
    }

    #color-accessories .col-sm-4 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.gallery-scroll {
    height: 600px;
    overflow: auto;
}


.list-group-item > .overview {
    float: right;
}

.overview {
    display: inline-block;
    min-width: 10px;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}


table > tbody > tr.title > td, 
table > tbody > tr.title > th {
    background-color: #32313b !important;
    color: #fff;
}

table a {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.select-search {
    background: #003366;
    padding: 14px 0px;
    width: 100%;
    text-transform: capitalize;
    font-weight: 300;
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
}

.select-find {
    float: left;
    background: #003366;
    padding: 14px 39px;
    text-transform: capitalize;
    font-weight: 300;
    color: #fff;
    font-size: 20px;
    text-align: center;
}

.search-section {
    min-height: 20px;
    margin-bottom: 0px;
    background-color: #e3e3e3;
    z-index: 1000;
    width: 100%;
}

    .search-section h1 {
        text-align: center;
        font-weight: 100;
        font-size: 20px;
        color: #fff;
    }

.select-car-home select.form-control {
    width: 100%;
}

.search-section button[type='submit'] {
    border: none;
    font-weight: 300;
    text-transform: capitalize;
    margin: 34px 0px 10px 5px;
    transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
}

@media screen and (min-width:1200px) {
    .select-find {
        padding: 15px 39px;
    }

    .search-section {
        position: absolute;
        bottom: 0;
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .select-find {
        padding: 40px 39px;
    }

    .search-section {
        position: absolute;
        bottom: 0;
    }
}

@media screen and (min-width:451px) and (max-width:767px) {
    .select-find {
        float: none;
        padding: 10px 39px;
    }

    .height-options-scroll {
        height: 250px;
        overflow: auto;
    }
}

@media screen and (max-width: 450px) {
    .select-find {
        float: none;
        padding: 10px 39px;
    }

    .height-options-scroll {
        height: 250px;
        overflow: auto;
    }
}



/*========== Icons ==========*/

/*========== Icon Module 1 ==========*/
.icon-module-1 {
    margin-bottom: 50px;
}

    .icon-module-1 h4 {
        margin: 0 0 20px 0;
    }

.icon-1 {
    display: inline-block;
    margin-bottom: 30px;
}


/*========== Icon Module 2 ==========*/
.icon-module-2 {
    padding: 20px 10px;
}

    .icon-module-2 .icon-2 {
        margin-bottom: 22px;
    }

        .icon-module-2 .icon-2 span {
            font-size: 60px;
        }

    .icon-module-2 h4 {
        margin: 0 0 20px 0;
    }

.icon-module-2-hover:hover .icon-2 span {
    font-size: 60px;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


/*========== Icon Module 3 ==========*/
.icon-module-3 {
    margin: 0 0 40px 0;
}

    .icon-module-3 i {
        font-size: 60px;
        margin-bottom: 15px;
    }


.icon-module-1 .icon-1,
.icon-module-2-hover,
.icon-2 span,
.icon-module-3-hover i {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    .icon-module-1:hover .icon-1,
    .icon-module-2-hover:hover .icon-2 span,
    .social-icon:hover,
    .icon-module-3-hover:hover i {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .icon-module-2-hover:hover .icon-2 span {
        color: #fff;
    }

.icon-module-3 {
    margin: 0;
}


a .icon-module-2-hover {
    color: #fff;
}

.icon-module-2 p.content-height {
    min-height: 180px;
}


@media (min-width: 1000px) {
    .icon-module-2 p.content-height {
        min-height: 80px;
    }
}

@media (max-width: 420px) {
    .icon-module-2 p.content-height {
        min-height: 100px;
    }
}
/*========== Social Icons ==========*/

.social-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 5px;
    font-size: 18px;
    border-radius: 50%;
    border: 1px solid #aaa;
    color: #aaa;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .social-icon:hover {
        color: #aaa;
    }


.services .services-border {
    border-bottom: 1px solid rgba(255,255,255,0.3);
}


@media (min-width: 768px) {

    .services .services-border {
        border-bottom: none;
    }

    .services .services-bb-rb {
        border-bottom: 1px solid rgba(255,255,255,0.3);
        border-right: 1px solid rgba(255,255,255,0.3);
    }

    .services .services-bb {
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }

    .services .services-rb {
        border-right: 1px solid rgba(255,255,255,0.3);
    }
}


@media (min-width: 992px) {
    .icon-module-2-hover:hover {
        background: #03a9f4;
    }
}

.main-content {
    width: 100%;
    float: left;
}

.select-program {
    width: 256px;
    height: 100%;
    float: right;
    position: absolute;
    z-index: 99999;
}


.dots {
    border-top: 1px dotted #d6d6d6;
    margin: 20px 0px 20px 0px;
    width: auto;
    clear: both;
}

/*Validation*/
.ErrorHighlighted {
    border: solid 1px red;
}

.aspnetValidator {
    color: Red;
    font-weight: bold;
}

.blockquote-reverse, blockquote.pull-right {
    border-right: 5px solid #62f369;
    background-color: #e7e7e7;
    margin-bottom: 10px;
    padding: 15px 15px 5px 15px;
}

.blockquote {
    border-left: 5px solid #62f369;
    padding: 15px 15px 5px 15px;
    border-right: 0;
    background-color: #e7e7e7;
    margin-bottom: 10px;
}

.auto-glass {
    background-color: #d52626;
    color: #ffffff !important;
    padding: 10px;
}

    .auto-glass h2 {
        margin: 0px 0px;
    }

.ui-slider-margin {
    margin: 0px 15px 0px 13px;
}

.YearText, .AmountText, .DistanceText {
    font-size: 16px;
    margin: 0px 0px 15px 11px;
}

/*Member Newsletter*/
.memberNewsletterDialog {
    color: #494949;
}


.card.hovercard {
    position: relative;
    padding-top: 0;
    overflow: hidden;
    text-align: center;
    background-color: rgba(214, 224, 226, 0.2);
}

    .card.hovercard .cardheader {
        background: url("../jpg/parallax-back9.jpg");
        background-size: cover;
        height: 135px;
    }

    .card.hovercard .avatar {
        position: relative;
        top: -50px;
        margin-bottom: -50px;
    }

        .card.hovercard .avatar img {
            width: 100px;
            height: 100px;
            max-width: 100px;
            max-height: 100px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            border: 5px solid rgba(255,255,255,0.5);
        }

.webwidth .noprintpadding {
    padding-bottom: 0px !important;
}

/*=========== PRINT ==============*/

@media print {


    body, p, ul li {
        font-size: 12px;
        line-height: 1.4em;
    }

    p, h5 {
        margin-bottom: 5px;
    }

    table tr td {
        padding: 5px;
    }

    h1 {
        margin-top: 0px;
        margin-bottom: 15px;
    }

    h3 {
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .alert {
        margin-bottom: 5px;
        padding: 8px;
    }

    .disclaimer {
        font-size: 9px;
        line-height: 1.2em;
    }

    .remove-margin-top {
        margin-top: 0px;
    }

    header, nav, footer {
        display: none;
    }

    a {
    }

    p, h1 {
        color: #000000 !important;
    }

    h1, h2, h3, h4 {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .fancy-title, .savings-title {
        font-size: 15px;
    }

    .white-space, .white-space.space-big, .white-space.space-medium, .white-space.space-xsmall, .white-space.space-mini {
        display: none;
        padding: 0px;
    }

    .img-border {
        border: none !important;
    }

    div.certificate-print {
        width: 580px;
        margin: 0 auto;
    }

    .webwidth h3 {
        font-size: 16px !important;
    }

    .webwidth p {
        font-size: 13px !important;
    }

    .webwidth td.divider {
        line-height: 0px !important;
        font-size: 0px !important;
        height: 10px !important;
        display: none !important;
    }

    .hidden-print {
        display: none;
    }

    .webwidth td {
        padding-bottom: 0px !important;
    }

    .webwidth .noprintpadding {
        padding-bottom: 10px !important;
    }

    .modal-content {
        border: none;
    }

    .img-coupon-vehicle {
        width: 200px;
        margin: 0 auto;
    }

    .page-break {
        display: block;
        page-break-before: always;
    }


    table {
        page-break-inside: auto;
    }

    tr {
        page-break-inside: auto;
        page-break-after: auto;
    }

    thead {
        display: auto;
    }

    tfoot {
        display: auto;
    }

    .create-coupon .modal {
        position: relative !important;
    }

    /* remove link in print styling */
    .hide-link[href]:after {
        display: none;
        visibility: hidden;
    }
}


.list-inline > span > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.list-dealer > span > li {
    min-width: 180px;
    margin-bottom: 8px;
}

/*SelectMakes New Car research results*/

ul .columns {
    float: left;
    position: relative;
    margin-right: 20px;
}

    ul .columns li {
        padding: 5px;
    }

.dealer-contact {
    list-style-type: none;
}

    .dealer-contact li {
        margin-bottom: 10px;
    }




@media (min-width: 768px) {
    .navbar-nav-promo {
        font-size: 0px;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

        .navbar-nav-promo > li {
            display: inline-block;
            border-right: solid 1px #1d2030;
            font-size: 12px;
        }

            .navbar-nav-promo > li:first-child {
                border-left: solid 1px #1d2030;
            }

            .navbar-nav-promo > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }

        .navbar-nav-promo.navbar-right:last-child {
            margin-right: -15px;
        }
}



.navbar-nav-promo > li > a {
    padding: 20px 9px;
}

.navbar-promo {
    background-color: #282b3f;
    background-image: -moz-linear-gradient(top, #282b3f, #25273a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#282b3f), to(#25273a));
    background-image: -webkit-linear-gradient(top, #282b3f, #25273a);
    background-image: -o-linear-gradient(top, #282b3f, #25273a);
    background-image: linear-gradient(to bottom, #282b3f, #25273a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#282b3f', endColorstr='#25273a', GradientType=0);
}

    .navbar-promo .navbar-brand {
        color: #fff;
    }

        .navbar-promo .navbar-brand:hover,
        .navbar-promo .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-promo .navbar-text {
        color: #fff;
    }

    .navbar-promo .navbar-nav > li > a {
        color: #fff;
    }

        .navbar-promo .navbar-nav > li > a:hover,
        .navbar-promo .navbar-nav > li > a:focus {
            color: #fff;
            background-color: #284f83;
        }

    .navbar-promo .navbar-nav > .active > a,
    .navbar-promo .navbar-nav > .active > a:hover,
    .navbar-promo .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #284f83;
    }

    .navbar-promo .navbar-nav > .disabled > a,
    .navbar-promo .navbar-nav > .disabled > a:hover,
    .navbar-promo .navbar-nav > .disabled > a:focus {
        color: #fff;
        background-color: transparent;
    }

    .navbar-promo .navbar-toggle {
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #284f83;
        background-image: -moz-linear-gradient(top, #2e7ce4, #284f83);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e7ce4), to(#284f83));
        background-image: -webkit-linear-gradient(top, #2e7ce4, #284f83);
        background-image: -o-linear-gradient(top, #2e7ce4, #284f83);
        background-image: linear-gradient(to bottom, #2e7ce4, #284f83);
        background-repeat: repeat-x;
        border-color: #2e7ce4 #2e7ce4 #284f83;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e7ce4', endColorstr='#284f83', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }

        .navbar-promo .navbar-toggle:hover,
        .navbar-promo .navbar-toggle:focus {
            color: #ffffff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #284f83;
            background-image: -moz-linear-gradient(top, #2e7ce4, #284f83);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e7ce4), to(#284f83));
            background-image: -webkit-linear-gradient(top, #2e7ce4, #284f83);
            background-image: -o-linear-gradient(top, #2e7ce4, #284f83);
            background-image: linear-gradient(to bottom, #2e7ce4, #284f83);
            background-repeat: repeat-x;
            border-color: #2e7ce4 #2e7ce4 #284f83;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e7ce4', endColorstr='#284f83', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        }

        .navbar-promo .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-promo .navbar-collapse,
    .navbar-promo .navbar-form {
        border-color: #cccccc;
    }

    .navbar-promo .navbar-nav > .open > a,
    .navbar-promo .navbar-nav > .open > a:hover,
    .navbar-promo .navbar-nav > .open > a:focus {
        color: #fff;
        background-color: #284f83;
    }

    .navbar-promo .navbar-nav-promo > .active > a, .navbar-promo .navbar-nav-promo > .active > a:hover, .navbar-promo .navbar-nav-promo > .active > a:focus {
        color: #fff;
        background-color: #353a56;
    }

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #28b2e8;
    color: #fff;
}

.fixed-nav {
    z-index: 1045;
    top: 0;
    right: 0;
    left: 0;
}



.profile-blue {
    color: #ffffff;
    background-color: #5086d0;
    border-color: #4477bc;
}

.profile-orange {
    color: #ffffff;
    background-color: #dc8927;
    border-color: #d67604;
}

.profile-red {
    color: #ffffff;
    background-color: #d72e2e;
    border-color: #c22525;
}

.profile-green {
    color: #ffffff;
    background-color: #59c637;
    border-color: #49ab2a;
}

.profile {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.carousel-promo .carousel-inner {
    height: 420px;
}

#savedHolder {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
}

.savedButton {
    position: relative;
    left: 20px;
    max-width: 171px;
}

.saved-vehicle-overflow {
    width: auto;
    overflow: hidden;
    height: 20px;
}

.savedVehicles {
    display: none;
    width: 100%;
    height:540px;
    overflow-y:scroll;
    background-color: #FFFFFF;
    border-top: solid 5px #c9302c;
}

@media (max-width: 480px) {
    .savedButton .btn-lg {
        font-size: 12px;
        padding: 8px 10px;
    }

    .savedVehicles {
        display: none;
        width: 100%;
    height:420px;
    overflow-y:scroll;
        background-color: #FFFFFF;
        border-top: solid 5px #c9302c;
    }
}





#savedHolder .carousel {
    margin: 0px;
}

    #savedHolder .carousel.carousel-simple .owl-item .carousel-item {
        padding-bottom: 0px;
    }


/*new car results changes*/
.btn-labeled {
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
}

.btn-label-right {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 12px 12px;
    background: rgba(0,0,0,0.15);
    border-radius: 0 3px 3px 0;
}

.btn-labeled {
    margin-bottom: 4px;
    text-align: left;
}

.popover-content {
    width: 280px;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.popover-800 .popover {
    max-width: 800px;
    width: 800px;
}

.popover-800 .popover-content {
    width: 800px;
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

    .popover > .arrow:after {
        content: "";
        border-width: 10px;
    }

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}

    .popover.top > .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0;
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0;
}

    .popover.right > .arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0;
    }

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
}

    .popover.bottom > .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff;
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
}

    .popover.left > .arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff;
    }

.popover-info-button {
  padding: 0;
  border: 0;
  background-color: transparent;
  color: #0060a9;
}

/*end new car results changes*/
/* ------ USED Research ------*/


.img-border {
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.inventory-view {
    margin: 0px 8px 0px 0px;
    padding-right: 10px;
    width: 68px;
}


#ex1Slider .slider-selection {
    background: #BABABA;
}

.redtext {
    color: red;
}

.bg-certified-logo {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 100;
    background: #fff;
    padding: 8px;
    border: solid 1px #ccc;
}

.bg-certified-logo-results {
    position: absolute;
    bottom: 0;
    left: 10px;
    z-index: 100;
    background: #fff;
    padding: 2px 8px;
    border: solid 1px #ccc;
}

        .bg-certified-logo img, .bg-certified-logo-results img {
            width: 125px;
            margin-bottom: 0;
        }

    .sm-certified-logo img{
        width: 200px;
    }

#resultscontainer .description-container {
  margin-bottom: 10px;
}

#resultscontainer .description-container .carbox-hover {
    margin-bottom: 0;
}

#resultscontainer .description-container button {
    border: 0;
    background-color: transparent;
    text-align: start;
}

#resultscontainer .preowned-inventory-item-button span {
    display: block;
}

/* ------ USED Research ------*/
.couponcodelabel { /* Toyota PPS */
    color: red;
    font-weight: bold;
}

/* ------ Pre-Owned Vehicle Not Available Alert ------*/
#alertMessage {
    display: none;
}
/* ------ END Pre-Owned Vehicle Not Available Alert ------*/

.btn-middle {
    position: absolute;
    bottom: 0px;
    left: 15px;
    right: 15px;
}

.isotope-item:not(.colio-item) .btn-middle p {
    margin-bottom: 5px;
}

.isotope-item:not(.colio-item) .btn-middle .btn {
    font-size: 1.1rem;
}




    .special-offer-section .btn-middle {
        bottom: 0px;
        left: 0;
        right: 10px;
    }

div.btn-middle a.pull-right {
    margin-right:10px;
    text-transform:uppercase;
}

    div.btn-middle a.pull-right.btn-gold {
        margin-right: 0px;
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;
    font-size:12px;
    font-weight:bold;
    }


/* ------ Home Page Program menu ------*/
.offset-0 {
    padding-left: 0;
    padding-right: 0;
}

.right-fixed {
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    bottom: 0;
    right: 0px;
    background-color: #295592;
}

@-moz-document url-prefix() {
    .modal-open .right-fixed {
        right: 15px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .modal-open .right-fixed {
        right: 15px;
    }
}

.spacing {
    padding: 2px;
}

div.select-programs {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #ffffff;
}

    div.select-programs a {
        padding: 40px 0px;
        display: inline-block;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 22px;
        color: #ffffff;
    }

a.select-programs {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    text-decoration: none;
}

:root a.select-programs {
    padding: 20px 0px \; height: 60px \;
}

a.select-programs:hover {
    color: #fff;
    text-decoration: underline;
}


.select-programs {
    border-bottom: solid 2px #295592;
}

.new {
    background: url("../jpg/program-new.jpg") no-repeat center scroll;
    width: 100%;
    background-color: #1c4781;
}

.used {
    background: url("../jpg/program-used.jpg") no-repeat center scroll;
    width: 100%;
    background-color: #1c4781;
}

.parts {
    background: url("../jpg/program-parts.jpg") no-repeat center scroll;
    width: 100%;
    background-color: #1c4781;
}

.offers {
    background: url("../jpg/program-offers.jpg") no-repeat center scroll;
    width: 100%;
    background-color: #1c4781;
}

.locate {
    background: url("../jpg/program-locate.jpg") no-repeat center scroll;
    width: 100%;
    background-color: #1c4781;
}

.rv {
    background: url("../jpg/program-rv.jpg") no-repeat center scroll;
    width: 100%;
    background-color: #1c4781;
}

.mobility {
    background: url("../jpg/program-mobility.jpg") no-repeat center scroll;
    width: 100%;
    background-color: #1c4781;
}

.research {
    background: url("../jpg/program-tools.jpg") no-repeat center scroll;
    width: 100%;
    background-color: #1c4781;
}

.oem {
    background: url("../jpg/program-oem.jpg") no-repeat center scroll;
    width: 100%;
    background-color: #1c4781;
}

.power {
    background: url("../jpg/program-powersports.jpg") no-repeat center scroll;
    width: 100%;
    background-color: #1c4781;
}

.used-off {
    background: url("../jpg/program-used-off.jpg") no-repeat center scroll;
    width: 100%;
    border-bottom: solid 2px #949494;
}

.parts-off {
    background: url("../jpg/program-parts-off.jpg") no-repeat center scroll;
    width: 100%;
    border-bottom: solid 2px #949494;
}

.rv-off {
    background: url("../jpg/program-rv-off.jpg") no-repeat center scroll;
    width: 100%;
    border-bottom: solid 2px #949494;
}

.mobility-off {
    background: url("../jpg/program-mobility-off.jpg") no-repeat center scroll;
    width: 100%;
    border-bottom: solid 2px #949494;
}

.oem-off {
    background: url("../jpg/program-oem-off.jpg") no-repeat center scroll;
    width: 100%;
    border-bottom: solid 2px #949494;
}

.power-off {
    background: url("../jpg/program-powersports-off.jpg") no-repeat center scroll;
    width: 100%;
    border-bottom: solid 2px #949494;
}

    .used-off a, .parts-off a, .offers-off a, .rv-off a, .mobility-off a, .oem-off a, .power-off a {
        cursor: not-allowed;
        pointer-events: none;
    }

a.used-off, a.parts-off, a.offers-off, a.rv-off, a.mobility-off, a.oem-off, a.power-off {
    cursor: not-allowed;
    cursor: help;
}

.used-off a.script-font, .parts-off a.script-font, .offers-off a.script-font, .rv-off a.script-font, .mobility-off a.script-font, .oem-off a.script-font, .power-off a.script-font {
    color: #5e5d5d;
}

#list {
    height: 100%;
    overflow-y: hidden;
    width: 100%;
}

.fill-height-or-more {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .fill-height-or-more > a {
        -webkit-box-flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1 1 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

html, body {
    height: 100%;  
}


.select-find {
    float: left;
    background: #003366;
    padding: 14px 39px;
    text-transform: capitalize;
    font-weight: 300;
    color: #fff;
    font-size: 20px;
    text-align: center;
}

.search-section, .select-search-home {
    min-height: 20px;
    margin-bottom: 0px;
    background-color: #e3e3e3;
    z-index: 1000;
    width: 100%;
}

    .search-section h1, .select-search-home h1 {
        text-align: center;
        font-weight: 100;
        font-size: 20px;
        color: #fff;
    }


.research-from-spacing {
    padding: 40px 0px;
}


.select-car-home select.form-control {
    width: 100%;
    margin-bottom: 5px;
}

.research-from-spacing .col-md-2, .research-from-spacing .col-sm-8 {
    padding-left: 15px;
    padding-right: 0px;
}


.search-section button[type='submit'] {
    border: none;
    font-weight: 300;
    text-transform: capitalize;
    margin: 34px 0px 10px 5px;
    transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
}

.promocountdown {
    background-color: #f7d038;
    text-align: center;
    padding: 2px 10px;
    color: black;
    font-size: 14px !important;
    z-index: 15;
    width: 100%;
}
@media (min-width: 1750px) {
    .promocountdown {
        right: -35%;
    }
}

.chevycountdown {
    background-color: #f7d038;
    text-align: center;
    padding: 2px 10px;
    color: #000;
    font-size: 14px !important;
    z-index: 15;
    width: 100%;
}

    .chevycountdown:before {
        font: normal normal normal 18px/1 FontAwesome;
        content: "\f017";
        padding-right: 5px;
    }

@media (min-width: 1750px) {
    .chevycountdown {
        right: -35%;
    }
}

.audicountdown {
    background-color: #f7d038;
    position: relative;
    text-align: center;
    padding: 2px 10px;
    color: #000;
    font-size: 14px !important;
    z-index: 15;
}

        .audicountdown:before {
            font: normal normal normal 18px/1 FontAwesome;
            content: "\f017";
            padding-right: 5px;
        }

.volvocountdown {
    background-color: #f7d038;
    text-align: center;
    padding: 2px 10px;
    color: #000;
    font-size: 14px !important;
    z-index: 15;
    width: 100%;
}

        .volvocountdown:before {
            font: normal normal normal 18px/1 FontAwesome;
            content: "\f017";
            padding-right: 5px;
        }
.cadillaccountdown {
    background-color: #f7d038;
    text-align: center;
    padding: 2px 10px;
    color: #000;
    font-size: 14px !important;
    z-index: 15;
    width: 100%;
}

    .cadillac:before {
        font: normal normal normal 18px/1 FontAwesome;
        content: "\f017";
        padding-right: 5px;
    }

    .gm-countdown {
        background-color: #f7d038;
        text-align: center;
        padding: 10px;
        color: #000;
        font-size: 14px !important;
        z-index: 15;
        width:100%;
    }

        .gm-countdown:before {
            font: normal normal normal 18px/1 FontAwesome;
            content: "\f017";
            padding-right: 5px;
        }


.moi-specials-banner {
    background-color: #34516A;
    color: #fff;
    padding: 20px 0px;   
    margin-bottom: 20px;
}
@media screen and (min-width:992px) {
    .moi-specials-banner {
        margin-right: 16px;
    }
    
}
.moi-logo-bg {
    background-color: #fff;
    border-radius: 5px;
    margin-bottom:15px;
}
.moi-so .moi-specinc-banner-container > .audicountdown {
    display: block !important;
    width: 100%;
}
.moi-so .moi-specinc-banner-container > .promocountdown {
    display: block !important;
}

    .moi-so .moi-specinc-banner-container > .chevycountdown {
        display: block !important;
    }

    .moi-so .moi-specinc-banner-container > .volvocountdown {
        display: block !important;
    }

    .moi-so .overlay-wrapper h3 {
        font-size: 22px;
    }

    .moi-specinc-banner-container {
        display: none;
    }

    .moi-so .promocountdown {
        display: none !important;
    }

    .moi-so .chevycountdown {
        display: none !important;
    }

    .moi-so .audicountdown {
        display: none !important;
    }

    .moi-so .volvocountdown {
        display: none !important;
    }

    .moi-so .member-only-badge {
        display: none;
    }

    .moi-so .moi-specinc-banner-container {
        position: absolute;
        display: flex;
        flex-direction: column;
    }

        .moi-so .moi-specinc-banner-container > .member-only-badge {
            display: block;
            width: 100%;
            position: relative;
            text-align:center;
        }

        .moi-so .moi-specinc-banner-container > .promocountdown {
            display: block !important;
        }

        .moi-so .moi-specinc-banner-container > .chevycountdown {
            display: block !important;
        }

        .moi-so .moi-specinc-banner-container > .audicountdown {
            display: block !important;
        }

        .moi-so .moi-specinc-banner-container > .volvocountdown {
            display: block !important;
        }

        .moi-so .moi-specinc-banner-container > .gm-countdown {
            display: block !important;
        }

@media screen and (max-width:485px) {
    .zip-manufacturer-container {

    }
        .zip-manufacturer-container .zip-manufactuer-item {
            display: inherit;
            justify-content: center;
            align-items: center;
        }
            .zip-manufacturer-container .zip-manufactuer-item .zip-manufacturer-img .zip-manufacturer-logo {
                margin-left: 75% !important;
                width: 35% !important;
            }
}

    @media screen and (min-width: 486px) and (max-width:992px) {
        .zip-manufacturer-container {

        }
            .zip-manufacturer-container .zip-manufactuer-item {
                display: inherit;
                justify-content: center;
                align-items: center;
            }
                .zip-manufacturer-container .zip-manufactuer-item .zip-manufacturer-img .zip-manufacturer-logo {
                    margin-left: 75% !important;
                    width: 35% !important;
                }
    }

    .zip-offer-bg-inside-desktop, .zip-offer-bg-inside-mobile {
        background-color: transparent;
        color: #284f83;
    }


        .zip-offer-bg-inside-desktop h2 {
            line-height: 1;
        }

        .zip-offer-bg-inside-mobile h2 {
            line-height: 1;
        }

    .zip-offer-bg-desktop-container {
        right: 0;
        top: 3%;
        position: absolute;
    }

        .zip-offer-bg-desktop-container a {
            height: 100%;
            width: 100%;
            display: block;
            position: relative;
        }

        .zip-offer-bg-desktop-container .zip-offer-bg-desktop {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            background-color: #161A36;
        }

    @media screen and (min-width:992px) {
        .zip-offer-bg-inside-desktop {
            width: 400px;
        }
    }

    .zip-offer-bg-inside-desktop {
        margin-top: 30px;
        background-size: cover;
        background-position: center top;
        color: #fff;
        position: relative;
    }



    .zip-offer__promo-container .zip-offer__logo-container {
        position: absolute;
        top: 60px;
        right: 25px;
        z-index: 35;
        height: 20px;
    }

    .zip-offer__promo-container .col-sm-6 {
        padding: 0px !important;
        height: 100px;
    }

    .zip-offer__promo-container .col-xs-6 {
        padding: 0px !important;
        flex: 0 0 auto;
    }

    .zip-offer__promo-bottom-container {
        padding: 10px 20px;
        color: #fff;
        margin-top: 10px;
    }

    .btn-moi {
        border: 1px solid #fff;
        padding: 2% 5%;
        color: #fff;
        text-transform: uppercase;
        border-radius: 3px;
        text-decoration: none;
    }

        .btn-moi:hover {
            color: #202A44;
            background-color: #fff;
        }

    .zip-offer__promo-container {
        position: relative;
        z-index: 10;
        background-color: #222222;
        padding: 0px;
        text-align: center;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .zip-offer-info {
        color: #fff;
        padding: 0 5%;
        text-transform: capitalize;
        font-size: 18px;
        text-align: center;
    }

        .zip-offer-info p {
            font-size: 18px;
        }

    .zip-offer__promo-container .zip-offer__promo-incentive {
        font-weight: 700;
        font-size: 36px;
        margin: 35px 0 20px 0;
    }

    .zip-offer__promo-bottom-container p {
        color: #fff;
    }

    .zip-offer__promo-container .zip-offer__models-container {
        margin-left: -20px;
        width: 400px;
        height: 520px;
        background-color: #fff;
        display: flex;
        justify-content: center;
    }

        .zip-offer__promo-container .zip-offer__models-container img {
            display: block;
            width: 100%;
            height: auto;
        }

        .zip-offer__promo-container .zip-offer__models-container picture {
            display: block;
            width: 100%;
            height: auto;
        }

    .zip-offer__bottom-block {
        position: absolute;
        width: 90%;
        z-index: 15;
        bottom: 0;
    }

    .zip-offer__models-container {
        position: relative;
        overflow-y: hidden;
    }

        .zip-offer__models-container img {
            position: absolute;
            z-index: 0;
            bottom: -60px;
        }

        .zip-offer__models-container::before {
            content: '';
            position: absolute;
            height: 20%;
            width: 100%;
            background-color: #B72025;
            clip-path: polygon(0 0, 100% 0%, 100% 49%, 0 100%);
            z-index: 5;
        }

        .zip-offer__models-container::after {
            content: '';
            position: absolute;
            height: 20%;
            width: 100%;
            bottom: 0;
            background-color: #B72025;
            clip-path: polygon(0 49%, 100% 0%, 100% 100%, 0 100%);
            z-index: 5;
        }

    .zip-offer__arrow {
        position: absolute;
        top: 366px;
        left: -25px;
        z-index: 20;
    }

        .zip-offer__arrow img {
            width: 80%;
        }



    .zip-offer__models-mobile-container {
        position: relative;
    }

        .zip-offer__models-mobile-container::before {
            content: '';
            position: absolute;
            height: 15%;
            width: 100%;
            background-color: #B72025;
            clip-path: polygon(0 0, 100% 0%, 100% 49%, 0 100%);
            z-index: 5;
            top: -1px;
        }

        .zip-offer__models-mobile-container::after {
            content: '';
            position: absolute;
            height: 15%;
            width: 100%;
            bottom: -1px;
            background-color: #B72025;
            clip-path: polygon(0 49%, 100% 0%, 100% 100%, 0 100%);
            z-index: 5;
        }

        .zip-offer__models-mobile-container .zip-offer__logo-container {
            position: absolute;
            right: 5%;
            top: 15%;
            display: flex;
            justify-content: flex-end;
        }

            .zip-offer__models-mobile-container .zip-offer__logo-container img {
                width: 50%;
            }

    @media(max-width:494px) {
        .zip-offer__models-mobile-container .zip-offer__logo-container img {
            width: 30%;
        }
    }

    .zip-offer-bg-inside-mobile {
        width: 100%;
        background-color: #161A36;
        color: #fff;
        padding: 15px;
        position: relative;
        background-position: center;
        background-size: cover;
    }

        .zip-offer-bg-inside-mobile .container-fluid {
            position: relative;
        }

        .zip-offer-bg-inside-mobile::before {
            content: '';
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            /*background-color: rgba(0,0,0, 0.2);*/
        }

        .zip-offer-bg-inside-mobile .zip-offer__header {
            display: flex;
            flex-direction: column;
            font-size: 18px;
            justify-content: space-around;
            align-items: center;
        }

        .zip-offer-bg-inside-mobile .zip-offer__promo-title {
            font-size: 26px;
            margin-bottom: 5px;
            text-transform: uppercase;
            text-align: center;
        }

        .zip-offer-bg-inside-mobile .zip-offer__promo {
            text-align: center;
        }

        .zip-offer-bg-inside-mobile .zip-offer__header .zip-offer__header-title {
            font-size: 18px;
            text-align: center;
        }

    .zip-offer-bg-inside-desktop .zip-offer__header {
        display: flex;
        flex-direction: row;
        font-size: 18px;
        align-items: center;
    }


        .zip-offer-bg-inside-desktop .zip-offer__header .zip-offer__header-title {
            font-size: 1.8rem;
            text-align: center;
        }


    .zip-offer__header {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 5px 20px;
        color: #fff;
        margin: 2% 2% 5% 2%;
    }

        .zip-offer__header .zip-offer__header-container {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 100%;
        }

    .zip-offer__header-container h2 {
        font-size: 24px;
        text-transform: capitalize;
        margin-bottom: 0px;
        font-family: "Arial",Helvetica,Helvetica Neue,sans-serif;
        margin-top: 0px;
    }

.zip-offer__header-container h4 {
    font-weight: normal;
}

    .container-zip .zip-offer__header-container h3 {
        margin-top: 0px;
        font-family: "Arial Outline",Arial,Helvetica Neue,sans-serif;
        font-size: 64px;
        -webkit-text-stroke: 1px #F6E351;
        color: transparent;
        font-weight: 900;
    }

    .zip-offer__header-container .zip-offer__title {
        margin-top: 0px;
        font-family: "Arial Outline",Arial,Helvetica Neue,sans-serif;
        font-size: 64px;
        -webkit-text-stroke: 1px #F6E351;
        color: transparent;
        font-weight: 900;
    }
    /* 
    .zip-offer__header-container > div {
        padding: 30px 0px;
    }
        .zip-offer__header-container > div:first-child {
            padding-top: 50px;
        }
            */
    .zip-offer__model-name {
        position: absolute;
        background-color: rgba(0,0,0,.6);
        bottom: 5px;
        right: 5px;
        padding: 5px 10px;
        border-radius: 3px;
    }

        .zip-offer__model-name p {
            margin: 0px;
            font-size: 11px;
        }

    .zip-offer__header p {
    }

    .zip-manufacturer-container {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }

        .zip-manufacturer-container .zip-manufactuer-item {
            margin-bottom: 15px;
        }

            .zip-manufacturer-container .zip-manufactuer-item a {
                padding: 0;
                border: none;
                color: #fff;
                text-transform: capitalize;
                text-decoration: none;
            }

            .zip-manufacturer-container .zip-manufactuer-item .zip-manufacturer-img {
                position: relative;
            }

                .zip-manufacturer-container .zip-manufactuer-item .zip-manufacturer-img .zip-manufacturer-logo {
                    position: absolute;
                    top: 0;
                    margin-left: 50%;
                    transform: translateX(-50%);
                    margin-top: 20px;
                    width: 55%;
                }

            .zip-manufacturer-container .zip-manufactuer-item p {
                text-align: center;
                padding: 15px;
                margin-bottom: 0;
                background-color: #BA1200;
            }

    .zip-offer-bg-inside-desktop .zip-offer__promo-title {
        font-size: 32px;
        margin-bottom: 10px;
        text-transform: capitalize;
        font-weight: bold;
        text-align: center;
        line-height: 1.3;
    }

    .zip-offer__btn {
        background-color: #000;
        color: #fff;
        height: 65px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.5rem;
        margin-top: 35px;
    }

        .zip-offer__btn a {
            text-decoration: none;
            color: #fff;
            width: 100%;
        }


    .font-gold {
        color: #f1c40f;
    }

    @media screen and (max-width:991px) {
        .zip-manufacturer-container {
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .zip-manufacturer-container .zip-manufactuer-item {
                width: 100%;
            }
    }


    @media screen and (min-width:1000px) {
        .select-find {
            padding: 15px 15px;
        }

    .search-section {
        position: absolute;
        bottom: 0;
    }


}

    @media screen and (min-width:1500px) {
        .select-find {
            padding: 15px 39px;
        }
    }

    @media screen and (min-width:768px) and (max-width:1199px) {

        .search-section {
            position: absolute;
            bottom: 0;
        }
    }

    @media screen and (min-width:451px) and (max-width:767px) {
        .select-find {
            float: none;
            padding: 10px 39px;
        }
    }

    | .mfp-arrow-right {
        right: 0;
    }

    .mfp-arrow {
        position: absolute;
        opacity: 0.65;
        margin: 0;
        top: 50%;
        margin-top: -55px;
        padding: 0;
        width: 90px;
        height: 110px;
        -webkit-tap-highlight-color: transparent;
        z-index: 10000;
    }

    .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    .mfp-counter {
        position: relative;
        color: #32313b;
    }

    .icon-new {
        background-image: url(../png/icon-new.png);
        position: absolute;
        z-index: 1;
        width: 36px;
        height: 17px;
    }
    
    .dropdown-width {
        width: calc(100vw - 20px);
        max-width: 450px;
    }

    .dropdown-width>li>a {
        padding: 3px 0px;
    }

    @media screen and (min-width:600px) {
        .dropdown-width {
            width: 600px;
            max-width: none;
        }

        .dropdown-width>li>a {
            padding: 3px 20px;
        }
    }

    @media screen and (min-width: 1200px) {
        .dropdown-width {
            width: 850px;
        }
    }

    .dropdown-menu > span > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }


    /* The side navigation menu */
    .sidenav {
        height: 100%; /* 100% Full-height */
        width: 0; /* 0 width - change this with JavaScript */
        position: fixed; /* Stay in place */
        z-index: 1; /* Stay on top */
        top: 0;
        left: 0;
        background-color: #111; /* Black*/
        overflow-x: hidden; /* Disable horizontal scroll */
        padding-top: 60px; /* Place content 60px from the top */
        transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    }

        /* The navigation menu links */
        .sidenav a {
            padding: 8px 8px 8px 32px;
            text-decoration: none;
            font-size: 25px;
            color: #818181;
            display: block;
            transition: 0.3s;
        }

            /* When you mouse over the navigation links, change their color */
            .sidenav a:hover, .offcanvas a:focus {
                color: #f1f1f1;
            }

        /* Position and style the close button (top right corner) */
        .sidenav .closebtn {
            position: absolute;
            top: 0;
            right: 25px;
            font-size: 36px;
            margin-left: 50px;
        }

    /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
    #main {
        transition: margin-left .5s;
        padding: 20px;
    }

    /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
    @media screen and (max-height: 450px) {
        .sidenav {
            padding-top: 15px;
        }

            .sidenav a {
                font-size: 18px;
            }
    }

    .col-md-3.col-sm-4 > .element > .spacing, .col-md-3.col-sm-4 > div > .element > .spacing {
        padding: 0px;
        margin-bottom: 25px;
    }

        .col-md-3.col-sm-4 > .element > .spacing > .overlay-wrapper > .btn-middle > p, .col-md-3.col-sm-4 > div > .element > .spacing > .overlay-wrapper > .btn-middle > p, .col-md-3.visible-lg .btn-middle > p {
            margin-bottom: 2px;
        }

    .hidden2 {
        display: none;
    }

    .hidden3 {
        display: none;
    }

    .box {
        border-radius: 0px;
        padding: 10px;
        margin-bottom: 5px;
    }

    .box {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid #cdcdcd;
        border-radius: 0px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    }

    @media only screen and (max-width : 767px) {
        .box {
            height: auto !important;
        }
    }

    .top-10-height {
        height: 40px;
        overflow: hidden;
    }

    .rebates-moi1, .rebates-moi2 {
        padding: 0 15px 15px 15px;
    }

        .rebates-moi1 .rebates-moi-box, .rebates-moi2 .rebates-moi-box {
            padding: 0;
            border: 1px solid #cdcdcd;
            display: flex;
        }

            .rebates-moi1 .rebates-moi-box .rebates-moi-btn, .rebates-moi2 .rebates-moi-box .rebates-moi-btn {
                background-color: #B73632;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0;
            }

                .rebates-moi1 .rebates-moi-box .rebates-moi-btn a, .rebates-moi2 .rebates-moi-box .rebates-moi-btn a {
                    color: #fff;
                    text-decoration: none;
                    text-transform: capitalize;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    font-size: 2rem;
                }

                    .rebates-moi1 .rebates-moi-box .rebates-moi-btn a i, .rebates-moi2 .rebates-moi-box .rebates-moi-btn a i {
                        font-size: 4rem;
                    }

            .rebates-moi1 .rebates-moi-box .moi-valid, .rebates-moi2 .rebates-moi-box {
                display: flex;
                flex-direction: row;
                color: #fff !important;
            }

                .rebates-moi1 .rebates-moi-box .moi-valid, .rebates-moi2 .rebates-moi-box .moi-valid {
                    padding: 15px 15px 0 15px;
                }

        .rebates-moi1 .rebates-moi-box-inner, .rebates-moi2 .rebates-moi-box-inner {
            background-color: #D43F3A;
            padding: 3%;
            color: #fff;
        }

        .rebates-moi1 .moi-valid, .rebates-moi2 .moi-valid {
            padding: 15px 15px 0 15px;
        }

        .rebates-moi1 .rebates-moi-box-inner > p, .rebates-moi2 .rebates-moi-box-inner > p {
            margin-bottom: 1%;
        }

        .rebates-moi1 .rebates-moi-box-inner > a, .rebates-moi2 .rebates-moi-box-inner > a {
            color: #fff;
            text-decoration: underline;
            padding-left: 0;
        }

        .rebates-moi1 .rebates-moi-box-inner .rebates-moi-title, .rebates-moi2 .rebates-moi-box-inner .rebates-moi-title {
            font-size: 2.0rem;
            line-height: 30px;
        }

        .rebates-moi1 .moi-info p, .rebates-moi2 .moi-info p {
            color: #494949 !important;
        }

        .rebates-moi1 .moi-banner, .rebates-moi2 .moi-banner {
            width: 100%;
            background-color: #d43f3a;
            color: #fff;
            padding: 15px;
        }

        .rebates-moi1 .moi-banner, .rebates-moi2 .rebates-moi-btn {
            background-color: #B73632;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0;
        }

            .rebates-moi1 .moi-banner, .rebates-moi2 .rebates-moi-btn .rebates-moi-learn {
                font-size: 35px;
            }

                .rebates-moi1 .moi-banner, .rebates-moi2 .rebates-moi-btn .rebates-moi-learn > i {
                    color: #fff;
                    text-decoration: none;
                    text-transform: capitalize;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }

                    .rebates-moi1 .moi-banner .incentive-label, .rebates-moi2 .moi-banner .incentive-label {
                        font-size: 20px;
                        margin-bottom: 0;
                    }

                    .rebates-moi1 .moi-banner h4, .rebates-moi2 .moi-banner h4 {
                        color: #fff !important;
                    }

        .rebates-moi1 .moi-cta, .rebates-moi2 .moi-cta {
            padding: 30px 15px 30px 15px;
            height: 95px;
        }

            .rebates-moi1 .moi-cta .moi-cta-inner, .rebates-moi2 .moi-cta .moi-cta-inner {
                height: 50px;
            }

                .rebates-moi1 .moi-cta .moi-cta-inner a, .rebates-moi2 .moi-cta .moi-cta-inner a {
                    width: 75%;
                    line-height: 50px;
                    font-size: 19px;
                    color: #494949;
                }

    @media (max-width: 767px) {
        .rebates-moi1 .rebates-moi-box, .rebates-moi2 .rebates-moi-box {
            flex-direction: column;
        }

            .rebates-moi1 .rebates-moi-box .rebates-moi-btn .rebates-moi-learn, .rebates-moi2 .rebates-moi-box .rebates-moi-btn .rebates-moi-learn {
                display: flex;
                flex-direction: row-reverse;
                justify-content: space-between;
                padding: 3%;
            }

        .nc-moi-img {
            width: 100%;
        }

        .nc-moi-description {
            width: 100%;
            padding: 5% 0;
        }

        .nc-moi-logo {
            position: absolute;
            left: 25%;
            top: 5px;
            height: 35%;
            margin-left: 10%;
        }

        .rebates-moi1 .rebates-moi-box .rebates-moi-btn a, .rebates-moi2 .rebates-moi-box .rebates-moi-btn a {
            flex-direction: row-reverse;
            padding: 3%;
            font-size: 2.3rem;
            justify-content: space-between;
        }
    }

    #rebates-yearsection1, #rebates-yearsection2, #rebates-finance1 h4, .bg-offer p strong {
        color: #333;
        font-size: 18px;
        font-family: 'Fjalla One', sans-serif;
        font-style: normal;
        font-weight: 500;
        text-rendering: optimizelegibility;
        line-height: 1.5;
    }

    #rebates-yearsection1, #rebates-yearsection2, #rebates-finance1 h4, .bg-offer p span {
        color: #D63232;
        font-size: 20px;
        font-weight: 600;
    }


    #rebates-yearsection1, #rebates-yearsection2, #rebates-finance1 h4, .bg-offer p small {
        color: #778899;
        font-size: 14px;
        font-weight: 500;
    }


        #rebates-yearsection1 h4, #rebates-yearsection2 h4, #rebates-finance1 h4, .bg-offer h4, .bg-offer h4, .bg-offer h4 {
            color: #D63232;
            font-size: 20px;
        }


        #rebates-yearsection1 small, #rebates-yearsection2 small {
            color: #778899;
        }

    .box-promo {
        min-height: 20px;
        padding: 5px 5px;
        margin-bottom: 20px;
        background-color: #bf0a30;
        color: #fff;
        border-radius: 0px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        overflow: hidden;
        position: relative;
    }

        .box-promo .description-container {
            display: flex;
            flex-direction: row;
            justify-content: space-around;
        }

            .box-promo .description-container .description-container {
            }

        .box-promo .exc-savings {
            text-transform: uppercase;
            background-color: #B90000;
            display: inline-block;
            font-size: 30px;
            padding: 20px;
            border-radius: 25px;
        }
}

        .box-promo .content h3 {
            font-size: 30px;
        }

        .box-promo > .disclaimer {
            color: #fff;
        }


        .box-promo .bg-white {
            background-color: #fff;
            padding: 50px 0px 20px 0px;
        }

        .box-promo h4 {
            font-size: 35px;
            line-height: 30px;
        }

        .box-promo .content h3 {
            color: #000;
        }

        .box-promo h4 small {
            font-size: 15px;
            color: #000;
        }

        .box-promo img {
            padding: 0 80px;
        }

    .triangle-top-left {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 70px 150px 0 0;
        border-color: #bf0a30 transparent transparent transparent;
        position: absolute;
        top: 0;
        left: 0;
    }

    .triangle-bottom-right {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 70px 150px;
        border-color: transparent transparent #bf0a30 transparent;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .skewed-bg {
        background: #fff;
        width: 200px;
        height: auto;
        clip-path: polygon(0% 100%, 100% 100%, 0% 0%);
    }

    .width-dealer-number {
        width: 230px;
        display: inline-block;
        vertical-align: top;
    }

        .width-dealer-number p {
            margin-bottom: 0;
        }

    .bg-save-more {
        background: url("../jpg/bg_save_more.jpg") center no-repeat;
        background-color: #4a6cd3;
    }

.bg-flag {
    background:  linear-gradient(
      rgba(0, 0, 0, 0.45), 
      rgba(0, 0, 0, 0.45)
    ), url("../jpg/flag_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

    .phone-ext {
        padding-left: 12px;
    }

    .oem-offers .oem-button-container {
        border: solid 1px #ccc;
        margin: 0 15px 15px 15px;
    }

        .oem-offers .oem-button-container input {
            margin: auto;
        }

    .oem-offers .oem-vehiclebox {
        min-height: 234px;
    }

    .create-coupon h2 span {
        display: inline !important;
    }

    .create-coupon #loading {
        text-align: center !important;
    }


    /*@media print {
    .create-coupon .modal-footer {
        display: none;
    }
}*/

    .create-coupon .modal-footer input {
        color: white !important;
    }

    .create-coupon .editmemberlabel {
        font-size: 14px;
        font-weight: bold;
        color: #3a3a3a;
    }

    .create-coupon .form-group {
        margin-top: 12px;
    }

    .create-coupon select.form-control {
        height: 34px;
    }

    .create-coupon .form-control.ErrorHighlighted {
        border: solid 1px red;
    }

    .create-coupon .validationError p {
        color: red;
    }


    .create-coupon .panel-invalid-date-eligibility {
        margin-top: 8px;
    }

    .create-coupon .date-eligibility-section {
        margin-top: 8px;
    }

    .create-coupon .date-eligibility-answer {
        margin-left: 10px;
    }

    .height-accessorie {
        height: 80px;
        overflow-y: auto;
        margin-bottom: 10px;
    }

    .bg-accessories {
        background: rgba(255,255,255,.8);
        padding: 15px;
    }

    .container-accessories {
        background-color: #1751a0;
    }

    .modal-footer .disclaimer {
        text-align: left;
    }

    .compare-ccc {
        z-index: 1;
        position: absolute;
        left: 20px;
        margin-top: 10px;
    }

    .compare-incentive-box {
        height: 670px;
    }

    .cu-navigation-banner {
        margin-top: 8px;
    }

    .choicetypetext {
        min-height: 40px;
    }

    .online-direct-dealer {
        font-weight: bold;
        color: #678DD6;
    }

    #online-direct-dealer .modal-body {
        height: 140px;
    }

    .vroom-costco-member-price {
        color: red;
    }

    .vroom-dealer_results_mbr_email {
        color: #0099cc;
    }

    #vroom-details .modal-body .btn-primary {
        margin-right: 16px;
    }

    .fb-comments {
        display: none;
    }

    .half {
        width: 50%;
    }

    .big-checkbox {
        width: 40px;
        height: 40px;
        -moz-transform: scale(2);
    }


    .coupon {
        border: 3px dashed #bcbcbc;
        border-radius: 10px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 300;
    }

        .coupon #head {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            min-height: 56px;
        }

        .coupon #footer {
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }

    #title .visible-xs {
        font-size: 12px;
    }

    .coupon #title img {
        font-size: 30px;
        height: 30px;
        margin-top: 5px;
    }



    @media screen and (max-width: 500px) {
        .coupon #title img {
            height: 15px;
        }
    }

    .coupon #title span {
        float: right;
        margin-top: 5px;
        font-weight: 700;
    }

    .coupon-img {
        width: 100%;
        margin-bottom: 15px;
        padding: 0;
    }

    .items {
        margin: 0;
    }

    .usd, .cents {
        font-size: 20px;
    }

    .number {
        font-size: 40px;
        font-weight: 700;
    }

    #business-info ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
    }

        #business-info ul li {
            display: inline;
            text-align: center;
        }

            #business-info ul li span {
                text-decoration: none;
                padding: .2em 1em;
            }

                #business-info ul li span i {
                    padding-right: 5px;
                }

    .disclosure {
        padding-top: 15px;
        font-size: 11px;
        color: #bcbcbc;
        text-align: center;
    }

    .coupon-code {
        color: #333333;
        font-size: 11px;
    }

    .exp {
        color: #f34235;
    }

    .print {
        font-size: 14px;
        float: right;
    }

    h3.authorization {
        font-size: 24px;
    }

        h3.authorization strong {
            color: #386eb8;
        }

    .spo-savings {
        background-color: #4075b8;
        padding: 5px;
        color: #fff;
    }

        .spo-savings strong {
            color: #f7ff29;
        }

    .table > tbody > tr > td, 
    .table > tbody > tr > th {
        border-top: none;
    }

    h2 {
        line-height: 1.5;
    }


    table {
        page-break-inside: auto;
    }

    tr {
        page-break-inside: auto;
        page-break-after: auto;
    }

    thead {
        display: auto;
    }

    tfoot {
        display: auto;
    }

    .offer-footer-disclaimer {
        margin-top: 15px;
        font-size: 12px;
        line-height: 16px;
    }

    .saved-vehicle-tools-height-promo {
        min-height: 667px;
    }

    .saved-vehicle-tools-height-modal-promo {
        min-height: 672px;
    }

    #research-options-moibanner .btn:hover {
        color: #333;
    }

    /* BMW summer incentive details */
    #bmw-summer {
        margin-bottom: 10px;
    }

        #bmw-summer th {
            background: #2e75b6;
            color: #fff;
            text-align: center;
            border-bottom: 5px solid #fff;
        }

        #bmw-summer p {
            margin-bottom: 0px;
            font-size: 15px;
        }

        #bmw-summer tr th {
            padding: 5px;
        }

        #bmw-summer tr td {
            color: #000;
            padding: 5px;
        }

        #bmw-summer .td-border {
            border-bottom: 5px solid #fff;
        }

        #bmw-summer tr td:nth-child(n+2) {
            text-align: center;
        }

        #bmw-summer tr td:nth-child(n+4) {
            width: 23%;
        }

        #bmw-summer tr td:first-child {
            width: 25%;
        }

        #bmw-summer tr:nth-child(even) {
            background: #d2deef;
        }

        #bmw-summer tr:nth-child(odd) {
            background: #eaeff7;
        }

    .bmw-disclaimer {
        color: #000;
        font-size: 13px;
    }
    /* end BMW summer incentive details */


    /* new zipcode page 6/22/2018 */

    /* ZIP BG Responsive*/


.container-zip h3, .container-zip p  {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}
@media screen and (min-width: 991px) {

    .container-zip h1 {
        font-size:40px;
    }

    .container-zip h3 {
        font-size: 25px;
    }

}
@media screen and (max-width: 990px) {

    .container-zip {
        text-align: center;
    }
        .container-zip h1 {
        font-size:20px;
            text-align: center;
        }

            .container-zip h3 {
                font-size: 15px;
                text-align: center;
            }

    .parallax-background-splash-all {
        background-image: url('../jpg/bg-zipcode-xs-2018.jpg');
    }

}

    @media (max-width: 767px) {

        .container-zip {
            text-align: center;
        }

        .container-zip h1 {
        font-size:22px;
            text-align: center;
        }

        .container-zip h3 {
            text-align: center;
            font-size: 15px;

        }
    .zip-main-links {
        position: fixed;
    z-index:100;
    
    }

}

@media only screen and (max-width: 420px) {
    .parallax-background-splash-all {
        background-image: url(../jpg/bg-zipcode-420w-2018.jpg);
    }

}

    .triangle-top-right {
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        border-left: 600px solid transparent;
        border-top: 400px solid rgba(223, 36, 36, .9);
        border-right: 0px solid transparent;
    }

.triangle-top-right-content-wrapper {
    position: absolute;
    top: 15px;
    right: 22px;
    color: inherit;
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizelegibility;
    line-height: 1.1;
    width:400px;
    color:#fff;
    cursor:pointer;
}

    .triangle-top-right-special-offer-title {
        position: relative;
        font-size: 34px;
        right: 5px;
        text-align: center;
        font-family: 'Fjalla One', sans-serif;
    }

.triangle-top-right-special-offer-content {
    text-align: right;
    font-size: 20px;
    z-index: 999;
    position: relative;
    line-height:1.3em;
}

    .zip-main-links {
        position: absolute;
        bottom: 0px;
        width: 100%;
        text-align: center;
    }

    .zip-main-links a, .zip-main-links p {
        color: #ffffff;
        text-align: center;
        font-size: 20px;
    margin:15px 0px;
        font-family: 'Fjalla One', sans-serif;
        font-style: normal;
        font-weight: 300;
        text-rendering: optimizelegibility;
        line-height: 1.1;
        border-right: 1px solid #fff;
        display: inline-block;
        width: 130px;
    }

            .zip-main-links a:last-child, .zip-main-links h2:last-child {
                border-right: transparent;
            }

    .zip-enter-zip-bar {
        background-color: #2b4870;
        padding: 15px 0;
        font-family: 'Fjalla One', sans-serif;
        font-style: normal;
        font-weight: 300;
        text-rendering: optimizelegibility;
        line-height: 1.1;
    }

    .zip-bar-text {
        font-size: 25px;
        color: #ffffff;
        position: relative;
        top: 5px;
        margin-bottom: 0px;
    }

    @media screen and (max-width: 1200px) {
        .zip-bar-text {
            font-size: 16px;
            top: 10px;
        }
    }

    .special-offer-section {
        background-image: url('../jpg/slider-volvo-xs.jpg');
        text-align: center;
    }

    .special-offer-section img
        {
        height: 40px;
        margin-right: 10px;
        position: absolute;
        right: 0;
    }

        .special-offer-section h2 {
            display: inline-block;
            position: relative;
            margin-top: 0px;
            color: #494949;
        }

#closePrivacyPolicy { cursor:pointer;}
.cookie-message {
    text-align: center;
    width: 100%;
    background-color:  rgb(0, 95, 167);
    color: #fff;
    z-index: 1001;
}

    .cookie-message p {
    margin:0px;
    font-size:11px;
    line-height:16px;
    }


@media {
    .smallprint {
        font-size: 12px;
    }
}
.altbox {
    min-height:253px;
}
.bg-overlayspecial {
    display: block;
    height: 100%;
    top: 0;
    width: 100%;
    z-index: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* Safari 1.x */
    -khtml-opacity: 0.1; /* Modern browsers */
}
.compbox {
    min-height:548px;
}
.img-comp {
    min-height:205.02px;
}
hr.hr-fancy2 {
    border: 0 solid #dbdbdb;
    border-top-width: 1px;
    height: 0;
    display: block;
    width: 100%;
    position: relative;
}

    /*new menu*/

    .border {
        border: 1px solid red;
    }

    .rel {
        position: relative;
    }

    .block {
        display: block;
    }


    nav {
        font-family: Helvetica Neue,Helvetica,Arial,Roboto,sans-serif !important;
    }



    @media only screen and (max-width: 1200px) {
        .navbar-header {
            padding-bottom: 10px !important;
        }

        .navbar-default .navbar-nav > .open > a {
            color: #777 !important;
        }

            .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
                background-color: #000;
                color: #fff !important;
            }

        .nav-main {
            background-color: #fff;
            padding-bottom: 0 !important;
        }

            .nav-main ul {
                width: 100%;
                background-color: #fff;
            }

            .nav-main li {
                border-top: solid 1px #cbcbcb;
                text-align: center;
            }

        .dropdown-menu {
            padding: 0 !important;
        }

        .dropdown .dropdown-menu:after {
            border: none !important;
        }

        .nav-main .dropdown-menu li a {
            padding: 20px !important;
            color: #777 !important;
            text-decoration: none !important;
            text-align: center;
        }

        .navbar-nav > li > a {
            text-decoration: none;
            padding: 20px 0 !important;
        }

        .navbar-nav {
            margin: 0;
        }

        .navbar-default .navbar-nav > li > a {
            color: #777 !important;
        }

        .navbar-toggle {
            padding: 5px 10px !important;
        }

        .navbar-collapse {
            padding: 0 !important;
            background-color: #f8f8f8;
        }


        .navbar-nav .open .dropdown-menu { 
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        } 
    }


    .nav-main {
        border-radius: 0 !important;
        background: #eeeeee;
        padding: 10px 0;
        border-bottom: 0 !important;
    }

    .navbar {
        margin-bottom: 0px;
    }

    .nav-lower {
        background: #0073a6;
    }

    .upper-links {
        position: absolute;
        top: 5px;
        right: 0;
    }
        
        .upper-links a {
            text-decoration: none;
        }

        .upper-links a:not(:last-child) {
            margin-right: 20px;
        }

    .contact-container {
        position: absolute;
        right: 260px;
        bottom: 0;
        border-right: 1px solid #000;
        line-height: 15px;
    }

    .contact-text {
        font-size: 11px;
    }

    .contact-number {
        font-size: 18px;
    }

    .contact-zip {
        position: absolute;
        bottom: 10px;
        right: 0;
        font-size: 18px;
    }


    /*nav lower links*/
    .nav-lower-links {
        margin-bottom: 0;
        padding-left: 0;
        font-size: 18px;
        list-style: none;
        color: #ffffff;
    }

        .nav-lower-links li a {
            position: relative;
            color: #ffffff;
            text-decoration: none;
            padding: 11px 0;
            display: inline-block;
        }

            .nav-lower-links li a.btn {
                padding: 6px 12px;
            }

        .nav-lower-links li {
            display: inline-block;
            position: relative;
        }

            .nav-lower-links li i {
                font-size: 16px;
            }

        .nav-lower-links li, .nav-lower-links li.dropdown {
            
        }

            .nav-lower-links li:last-child {
                margin-right: 0px;
            }

            .nav-lower-links li.dropdown a.dropdown-toggle:focus, .navbar-nav li.dropdown a.dropdown-toggle:focus {
                outline: revert-layer;
            }

            .btn-gold, a.btn-gold, .nav-lower-links li a.btn-gold {
                background: #E6C47D;
                border: solid 1px #F7D038;
                color: #000;
                padding-left: 40px;
                padding-right: 40px;
                text-transform: uppercase;
                font-size: 22px;
            }

        .nav-lower-links ul .uc-body {
            margin-bottom: 0px;
        }

    @media screen and (min-width: 1200px) {
        .nav-lower-links {
            display: flex;
            justify-content: space-evenly;
        }
    }

    a.btn-gold:hover, a.btn-gold:focus, a.btn-gold:active {
        background: #E6C47D;
        color: #000;
    }
    li.dropdown {
        position: relative;
        padding-left: 0px;
        margin-right: 0px;
    }

        li.dropdown ul {
            padding-left: 0px;
        }

    ul.dropdown-content {
        display: none;
        position: absolute;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
        background-color: #ffffff;
        min-width: 300px;
        border: 1px solid #dddddd;
        z-index: 1000;
        padding: 0px;
        margin: 0;
        border-radius: 0;
    }

    .dropdown-content.services {
        width: 350px;
    }



    .dropdown:hover .dropdown-content:after, .dropdown.open .dropdown-content:after {
        content: '';
        position: absolute;
        left: calc(50% - 22px);
        top: -10px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ffffff;
        clear: both;
        z-index: 9999;
    }


    .dropdown-content li {
        display: block;
        margin-right: 0px;
    }

        .dropdown-content li a {
            font-size: 16px;
            padding: 8px 20px !important;
            display: block;
            color: #337ab7 !important;
        }

        .dropdown-content li:not(:last-child) :hover {
            background-color: #eff7fb;
        }

    .dropdown-content .li-carousel-promo .carousel {
        margin-bottom: 0;
    }

    .dropdown-content .li-carousel-promo :hover {
        background-color: transparent;
    }

    .dropdown-content .li-carousel-promo a :hover {
        background-color: transparent !important;
    }

    .dropdown-content .li-carousel-promo a {
        color: #fff !important;
        background-color: #B72025 !important;
    }

    .dropdown-content .li-carousel-promo .btn {
        display: inline-block !important;
    }



    .dropdown:hover .dropdown-content {
        display: block;
    }

    .privacy-bar {
        -webkit-font-smoothing: subpixel-antialiased;
        color: #fff;
        text-align: center;
        background: #305fa3;
        padding: 5px;
        font-size: 12px;
        font-family: "Arial", Helvetica, Helvetica Neue, sans-serif;
        font-weight: 300;
    }

        .privacy-bar a {
            color: #fff !important;
        }

    #carousel-promo .carousel {
        margin: 0px 0px 5px 0px;
    }

        #carousel-promo .carousel .banner__btn-group a {
            color: #B72025 !important;
            border-color: transparent;
        }

    .navbar {
        /* border: none; */
    }

        .navbar a {
            display: inline-block;
        }

    .navbar-header a {
        display: inline-block;
    }

    /*toggle button show at md*/

    @media (max-width: 1200px) {
        .navbar-header {
            float: none;
        }

        .navbar-left, .navbar-right {
            float: none !important;
        }

        .navbar-toggle {
            display: block;
        }

        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }

        .navbar-fixed-top {
            top: 0;
            border-width: 0 0 1px;
        }

        .navbar-collapse.collapse {
            display: none !important;
        }

        .navbar-nav.specials {
            float: right;
            margin-top: 0px;
        }

        .navbar-nav > li.special-item {
            float: left;
        }

        .navbar-nav > li > a {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .collapse.in {
            display: block !important;
        }
    }
    /*new menu*/
    .stockimage-holder {
        position: relative;
    }

    .stockimage-watermark {
        position: absolute;
        bottom: 10px;
        left: 10px;
        color: #ccc;
    }



/*CAP powersports sunset web phase 1*/

    .toggle-categories-triangle {
        position: absolute;
        width: 0;
        height: 0;
        border-top: 0px solid transparent;
        border-bottom: 200px solid transparent;
        border-left: 180px solid #5b9bd5;
    }

    .toggle-categories-triangle-content {
        position: absolute;
        z-index: 999;
        top: 40px;
        left: 30px;
        width: 90px;
        color: #000;
        text-align: left;
        font-size: 16px;
    }

.toggle-categories-triangle-content-mobility {
    position: absolute;
    z-index: 999;
    top: 20px;
    left: 20px;
    width: 90px;
    color: #000;
    text-align: left;
    font-size: 16px;
}
@media screen and (min-width: 992px) {
    .stockimage-holder {
        min-height: 252px;
    }
}
/* ADA required skip link button for screen readers */
.skip-to-content-link {
    z-index: -1;
    position: fixed;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 10%;
    text-align: center;
    color: #007bff;
    text-decoration: none;
    background-color: #fff;
    opacity: 0;
    left: -100%;
}

        .skip-to-content-link:focus {
            z-index: 999;
            left: 0;
            opacity: 1;
        }

    .select-car-home > .indicates-required-field {
        font-size: 12px;
        position: absolute;
        top: -20px;
        min-width: 200px;
        margin-bottom: 0px;
    }

    #rebates-incentives {
        color: #778899;
        font-size: 14px;
        font-weight: 500;
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 100%;
        justify-content: space-evenly;
        margin-bottom: 15px;
    }

        #rebates-incentives > * {
            width: 22%;
            height: auto;
        }

        #rebates-incentives .box {
            height: 100%;
            color: #5e6a77;
        }

        #rebates-incentives h4 {
            margin-bottom: 20px;
            font-size: 18px;
            margin-top: 0;
        }

        #rebates-incentives .red-text {
            color: #D63232;
        }

    @media (max-width: 768px) {
        #rebates-incentives {
            flex-direction: column;
        }

            #rebates-incentives > * {
                width: 100%;
                height: auto;
            }
    }

    /* Moi not active styling */
    .landing-not-active-sm .bg-img {
        width: 100%;
        height: 250px;
        background-size: cover;
        background-position: 100% 50%;
    }


    .landing-not-active-sm .landing-not-active-sm-content {
        display: block;
        background-color: #000;
        padding: 1.5em;
        color: #ffff;
    }

        .landing-not-active-sm .landing-not-active-sm-content .headline {
            line-height: 1;
            font-size: 32px;
            color: #fff;
        }

        .landing-not-active-sm .landing-not-active-sm-content .p-h2 {
            line-height: 1;
            font-size: 25px;
            color: #fff;
        }

        .landing-not-active-sm .landing-not-active-sm-content ul {
            list-style: disc;
            padding-left: 40px;
            margin-bottom: 20px;
        }

        .landing-not-active-sm .landing-not-active-sm-content li {
            color: #fff;
            margin-bottom: 8px;
        }

        .landing-not-active-sm .landing-not-active-sm-content a {
            color: #fff;
        }

    .landing-not-active {
        padding-bottom: 20px !important;
    }

        .landing-not-active .landing-content {
            margin-top: 5%;
            margin-left: 1%;
        }

    .landing-not-active {
        background-image: url(../jpg/onstar_hero-1987x1024.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        max-width: 100%;
        min-height: 80vh;
        background-position: center center;
    }

        .landing-not-active .hero-container {
            color: #000;
            background-color: rgba(255,255,255, .9);
            padding: 20px;
            border-radius: 5px;
        }

            .landing-not-active .hero-container h1 {
                margin-top: 20px;
                margin-bottom: 10px;
                color: #000;
                font-size: 45px;
                line-height: 1.2;
                margin-bottom: 20px;
                color: #000000;
            }

            .landing-not-active .hero-container h2 {
                color: #000;
            }

            .landing-not-active .hero-container ul {
                list-style: disc;
                padding-left: 40px;
                margin-bottom: 20px;
            }

            .landing-not-active .hero-container a {
                text-decoration: none;
                margin-bottom: 20px;
            }

    .landing-not-active-sm .landing-not-active-mobile-img {
        background-image: url(../jpg/onstar_hero-1987x1024.jpg);
        height: 200px;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }
    /* Cap Links info section */
    #moreServices {
        background-color: #152f46;
        color: #fff;
    }

        #moreServices h2 {
            font-size: 36px;
            margin-top: 50px;
        }

        #moreServices p {
            text-align: center;
            font-size: 19px;
            line-height: 1.3;
            letter-spacing: 0;
        }

        #moreServices .cards-container {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
        }

        #moreServices .card {
            display: block;
            border-radius: 5px;
            overflow: hidden;
            margin: 40px 10px;
            width: 18%;
        }

            #moreServices .card .card-body {
                padding: 10px;
                background-color: #fff;
                min-height: 200px;
                color: #000;
            }

                #moreServices .card .card-body p {
                    text-align: left;
                    font-size: 16px;
                    line-height: 1.1;
                    letter-spacing: 0;
                    color: #303030;
                }

            #moreServices .card a {
                color: #fff;
                text-align: center;
                display: block;
                padding: 25px 0;
                font-size: 20px;
                background-color: #3071a9;
                text-decoration: none;
            }

    /* Extra small devices (portrait phones, less than 576px) */
    @media (max-width: 575.98px) {
        #moreServices .card {
            width: 50%;
        }

            #moreServices .card .card-body p {
                font-size: 12px;
                line-height: 1.1;
            }

            #moreServices .card a {
                font-size: 16px;
            }
    }

    /* Small devices (landscape phones, 576px and up) */
    @media (min-width: 576px) and (max-width: 767.98px) {
        #moreServices .card {
            width: 50%;
        }

            #moreServices .card .card-body p {
                font-size: 14px;
                line-height: 1.1;
            }

            #moreServices .card a {
                font-size: 16px;
            }
    }

    /* Medium devices (tablets, 768px and up) */
    @media (min-width: 768px) and (max-width: 991.98px) {
        #moreServices .card {
            width: 33%;
        }

            #moreServices .card .card-body p {
                font-size: 14px;
                line-height: 1.1;
            }

            #moreServices .card a {
                font-size: 16px;
            }
    }

    /* Large devices (desktops, 992px and up) */
    @media (min-width: 992px) and (max-width: 1199.98px) {
        #moreServices .card .card-body p {
            font-size: 12px;
            line-height: 1.1;
        }

        #moreServices .card a {
            font-size: 16px;
        }
    }

    /* Extra large devices (large desktops, 1200px and up) */
    @media (min-width: 1200px) {
        #moreServices .card .card-body p {
            font-size: 16px;
            line-height: 1.1;
        }
    }

    /* OneTrust Cookie Consent Override*/
    .ot-sdk-show-settings {
        cursor: pointer;
    }

    .spring-case-special-offers-banner {
        height: 200px;
        background-color: #284560;
        background-size: cover;
        background-position: 50% 50%;
        margin: 50px 0;
        position: relative;
        padding: 20px;
        margin-right: 10px;
    }

        .spring-case-special-offers-banner .case-costco-auto-program {
            font-family: "Audi Normal", sans-serif;
            font-size: 20px;
            letter-spacing: 0;
            color: #fff;
            text-transform: uppercase;
            margin-bottom: 0;
            margin-top: 5px;
            display: block;
        }

        .spring-case-special-offers-banner .case-member-only {
            font-family: "Audi Normal",sans-serif;
            letter-spacing: 0;
            color: #fff;
            text-transform: uppercase;
            margin: 0;
            font-size: 30px;
            line-height: 30px;
            display: block;
        }

        .spring-case-special-offers-banner .case-date {
            color: #fff;
            font-size: 15px;
            display: block;
            margin-bottom: 20px;
            margin-top: 10px;
        }

        .spring-case-special-offers-banner .image-container {
            display: flex;
            justify-content: center;
            width: 45%;
            margin-top: 20px;
        }

            .spring-case-special-offers-banner .image-container img {
                margin-left: 10px;
                margin-right: 10px;
                /*width:33.33%;*/
                height: 115px;
            }

    .spring-case-side-banner {
        height: auto;
        background-size: cover;
        background-position: center center;
        margin-bottom: 20px;
    }

    .nav-lower-links li div.spring-case-side-banner a {
        color: #000;
    }


    .spring-case-side-banner .spring-case-side-banner-text {
        float: left;
        background-color: #284560;
        padding: 10px;
    }

    .col-md-3 .spring-case-side-banner .spring-case-side-banner-text {
        margin-bottom: 15px;
    }

    .spring-case-side-banner-text .spring-costco-auto-program {
        display: block;
        font-family: Fjalla One,sans-serif;
        font-size: 14px;
        margin-bottom: 0px;
        margin-top: 15px;
        color: #fff;
        text-transform: uppercase;
    }

    .spring-case-side-banner-text .spring-member-only-savings {
        color: #fff;
        display: block;
        font-size: 20px;
        margin-bottom: 0px;
        text-transform: uppercase;
        line-height: 30px;
        font-family: Fjalla One,sans-serif;
    }

    .spring-case-side-banner-text .spring-date-range {
        color: #fff;
        display: block;
        font-size: 14px;
        margin-bottom: 10px;
        margin-top: 0px;
        font-family: Fjalla One,sans-serif;
    }

    .spring-case-side-banner-text .spring-text-desc {
        font-family: Helvetica Neue, Helvetica, Arial, Roboto sans-serif;
        color: #fff;
        display: block;
        font-size: 12px;
        margin-bottom: 10px;
    }


    .spring-case-coming-soon-banner {
        height: 400px;
        background: url(../jpg/banner-comingsoon.jpg);
        background-size: cover;
        background-position: 50% 50%;
        margin: 50px 0;
        position: relative;
        padding: 50px;
        margin-right: 10px;
    }

        .spring-case-coming-soon-banner .case-coming-soon {
            color: #BE0A30;
            font-size: 45px;
            display: block;
            line-height: 1;
        }

        .spring-case-coming-soon-banner .case-members-only {
            color: #000;
            font-weight: 900;
            font-size: 35px;
            display: block;
            margin-bottom: 35px;
            text-transform: uppercase;
            line-height: 1;
        }

        .spring-case-coming-soon-banner .case-date {
            color: #000;
            font-size: 22px;
            display: block;
            margin-bottom: 20px;
        }

        .spring-case-coming-soon-banner .case-p-info {
            color: #000;
            font-size: 22px;
            display: block;
            margin-bottom: 10px;
            line-height: 1.1;
            max-width: 500px;
            font-weight: 500;
        }

    @media(max-width:767px) {

        .spring-case-coming-soon-banner {
            background: url(../jpg/banner-comingsoon-xs.jpg);
            background-size: cover;
            background-position: 50% 50%;
            height: 490px;
            padding: 25px;
            margin-right: 0px;
        }

            .spring-case-coming-soon-banner .case-coming-soon {
                font-size: 35px;
                margin-top: 25px;
            }

            .spring-case-coming-soon-banner .case-members-only {
                font-size: 23px;
            }

            .spring-case-coming-soon-banner .case-date {
                font-size: 18px;
            }

            .spring-case-coming-soon-banner .case-p-info {
                font-size: 18px;
            }
    }



    .promo-banner {
        background-image: url(../jpg/2021q4_specials_nov_1402x414.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        height: 380px;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        padding-top: 5%;
        padding-bottom: 3%;
        padding-right: 5%;
        position: relative;
    }



        .promo-banner .promo-banner-mobile-logo {
            position: absolute;
            height: 15%;
            bottom: 5px;
        }

    .promo-banner-container {
        background: #ad1f23;
        display: block;
        position: relative;
        border-radius: 5px;
        padding: 30px 35px;
        z-index: 5;
        height: 80%;
        width: 45%;
        color: #fff;
    }



        .promo-banner-container .promo-banner-logo {
            position: absolute;
            max-height: 20%;
            right: 5%;
            max-width: 35%;
        }

        .promo-banner-container .case-headline {
            margin-bottom: 5px;
        }

            .promo-banner-container .case-headline .headline-small {
                color: #fff;
                font-size: 2rem;
                margin-bottom: 5px;
            }

            .promo-banner-container .case-headline .headline-large {
                color: #fff;
                font-size: 3rem;
                text-transform: uppercase;
                margin-bottom: 5px;
            }

        .promo-banner-container:after {
            content: "";
            border: 2px solid #fff;
            position: absolute;
            width: 97%;
            height: 96%;
            top: 50%;
            right: 0;
            border-radius: 5px;
            z-index: -1;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .promo-banner-container .case-headline-description p {
            font-size: 1.5rem;
            margin-bottom: 5px;
        }

        .promo-banner-container button {
            border: 1px solid #fff;
            color: #b72025;
        }

        .promo-banner-container .banner__btn-group {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: center;
        }

            .promo-banner-container .banner__btn-group a {
                margin: 5px;
                border-radius: 5px;
                color: #AD1F23;
                text-decoration: none;
                background-color: #fff;
            }

            .promo-banner-container .banner__btn-group .transparent-btn {
                background-color: rgba(255, 255, 255, 0);
                color: #fff;
                border: 1px solid #fff;
            }

                .promo-banner-container .banner__btn-group .transparent-btn:hover, .promo-banner-container .banner__btn-group .transparent-btn:focus {
                    color: #ad1f23;
                }

    .promo-small-banner {
        background-image: url(../jpg/chevy-moi-banner_small.jpg);
        background-position: bottom;
        background-size: contain;
        background-repeat: no-repeat;
        min-height: 300px;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        padding-top: 5%;
        padding-bottom: 3%;
        padding-right: 5%;
        position: relative;
    }

    @media(max-width:345px) {
        .promo-small-banner {
            min-height: 200px;
            background-size: contain;
        }
    }

    @media(min-width:425px) {
        .promo-small-banner {
            min-height: 400px;
        }
    }

    @media(min-width:500px) {
        .promo-small-banner {
            background-size: cover;
        }
    }

    @media(min-width:580px) {
        .promo-small-banner {
            min-height: 500px;
        }
    }

    @media(min-width:768px) {
        .promo-small-banner {
            background-size: contain;
            min-height: 200px;
        }
    }

    .promo-small-banner-container {
        background: #B72025;
        display: block;
        position: relative;
        padding: 20px 25px;
        z-index: 5;
        height: 80%;
        color: #fff;
        width: 100%;
        border-radius: unset;
    }

        .promo-small-banner-container .banner__btn-group a {
            width: 100%;
            color: #B72025;
            text-decoration: none;
            background-color: #fff;
            text-align: center;
        }

    .promo-small-banner .promo-banner-mobile-logo {
        position: absolute;
        height: 15%;
        bottom: 5px;
    }

    .promo-small-banner-container .case-headline {
        margin-bottom: 5px;
        font-family: 'Fjalla One', sans-serif;
    }

        .promo-small-banner-container .case-headline .headline-small {
            color: #fff;
            font-size: 2rem;
            margin-bottom: 5px;
        }

        .promo-small-banner-container .case-headline .headline-large {
            color: #fff;
            font-size: 3rem;
            text-transform: uppercase;
            margin-bottom: 5px;
        }

    .promo-small-banner-container:after {
        content: "";
        border: 2px solid #fff;
        position: absolute;
        width: 97%;
        height: 96%;
        top: 50%;
        right: 0;
        border-radius: 5px;
        z-index: -1;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .promo-small-banner-container .case-headline-description p {
        font-size: 1.5rem;
        margin-bottom: 5px;
    }

    .promo-small-banner-container button {
        border: 1px solid #fff;
        color: #b72025;
    }

    .promo-small-banner-container .banner__btn-group {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }

        .promo-small-banner-container .banner__btn-group a {
            margin: 5px;
            border-radius: 5px;
            width: 100%;
            color: #B72025;
            text-decoration: none;
            background-color: #fff;
            text-align: center;
        }

        .promo-small-banner-container .banner__btn-group .transparent-btn {
            background-color: rgba(255, 255, 255, 0);
            color: #fff;
            border: 1px solid #fff;
        }

            .promo-small-banner-container .banner__btn-group .transparent-btn:hover, promo-small-banner-container .banner__btn-group .transparent-btn:focus {
                color: #B72025;
            }


    .promo-banner .gm-countdown {
        background-color: #F7D038;
        text-align: center;
        padding: 10px;
        color: #000;
        font-size: 14px;
        /*top: 0;
    right: 0;*/
        border-bottom-left-radius: 5px;
        margin-bottom: 10px;
        margin-top: 5px;
        height: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 5%;
        top: 5%;
    }

        .promo-banner.gm-countdown:before {
            font: normal normal normal 18px/1 FontAwesome;
            content: "\f017";
            padding-right: 5px;
        }

    @media(max-width:1200px) {
        .promo-banner-container .case-headline-description p {
            font-size: 1.3rem;
        }
    }

    @media(max-width:600px) {
        .promo-banner {
            height: 280px;
        }
    }

    @media(max-width:992px) {
        .promo-banner {
            background-image: url(../jpg/2021q4_specials_nov_710x533.jpg);
            background-position: center;
        }

        .promo-banner-container {
            width: 100%;
            border-radius: unset;
        }

            .promo-banner-container .banner__btn-group a {
                width: 100%;
                color: #B72025;
                text-decoration: none;
                background-color: #fff;
                text-align: center;
            }

        .promo-small-banner {
            background-size: cover;
        }
    }

    .carousel-mobile-height {
        min-height: 600px;
    }

        .carousel-mobile-height .overlay-carousel {
            width: 100%;
            height: 100%;
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
        }

    .mobile-promo-description {
        background-color: #F7D038;
        padding: 3px;
        border-radius: 5px;
    }

    @media(min-width:244px) {
        .carousel-mobile-height {
            min-height: 480px;
        }
    }

    @media(min-width:494px) {
        .carousel-mobile-height {
            min-height: 510px;
        }
    }

    @media(max-width:306px) {
        .carousel-mobile-height {
            min-height: 530px;
        }
    }


    @media(max-width:246px) {
        .carousel-mobile-height {
            min-height: 890px;
        }
    }

    .moi-banner-offer-headline {
        font-size: 1.4em;
        font-weight: 600;
        padding-bottom: 6px;
        color: #000;
    }

    .moi-banner-offer-headline-2 {
        font-size: 2em;
        padding-bottom: 8px;
        font-weight: 600;
        color: #000;
    }

        .moi-banner-offer-headline-2 span {
            font-size: 1.3em !important;
        }

    #research-options-moibanner .moi-banner-offer-headline-2 span {
        color: #000;
    }

    #research-moibanner .moi-banner-offer-headline, #research-moibanner .moi-banner-offer-headline-2 {
        color: black;
    }

        #research-moibanner .moi-banner-offer-headline span, #research-moibanner .moi-banner-offer-headline-2 span {
            color: black;
        }

    #compare-arrows .moi-banner-offer-headline {
        margin-bottom: 0;
    }

        #compare-arrows .moi-banner-offer-headline span, #compare-arrows .moi-banner-offer-headline-2 span {
            color: black;
        }

    .savedVehicles .moi-banner-offer-headline-2 {
        margin-bottom: 30px !important;
    }

    .savedVehicles .moi-banner-offer-headline, .savedVehicles .moi-banner-offer-headline-2 {
        margin: 0;
        padding: 0;
    }

        .savedVehicles .moi-banner-offer-headline span, .savedVehicles .moi-banner-offer-headline-2 span {
            color: #494949;
        }

    .oem-offers .moi-banner-offer-headline {
        margin-top: 8px;
    }

    .slider-banner-carousel {
        background-color: rgba(0, 0, 0, 0);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        width: 100%;
        opacity: 1;
        position: relative;
    }

    .verify-modal-group-icons {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    @media(max-width:450px) {
        .verify-modal-group-icons {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            font-size: 1.5rem;
            align-items: center;
        }
    }

.moi-eligible-banner {
    display: flex; 
    flex-direction: row;
    color: #fff;
}

    .moi-eligible-banner .moi-description {
        background-color: #D43F3A;
        padding: 3%;
    }
        .moi-eligible-banner .moi-description .moi-title {
            font-size: 2.5rem;
            text-transform: uppercase;
            line-height: 30px;
            font-weight: bold;
        }
        .moi-eligible-banner .moi-description > p {
            margin-bottom: 1%;
        }

    .moi-eligible-banner .moi-btn {
        background-color: #B73632;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

        .moi-eligible-banner .moi-btn > a {
            color: #fff;
            text-decoration: none;
            text-transform: capitalize;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .moi-eligible-banner .moi-btn .moi-learn > i {
            font-size: 35px;
        }



@media (max-width: 767px) {
    .moi-eligible-banner {
        flex-direction: column;
    }
        .moi-eligible-banner .moi-btn .moi-learn {
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
            padding: 3%;
        }
}

.nc-box-promo {
    min-height: 20px;
    padding: 5px 5px;
    margin-bottom: 20px;
    background-color: #bf0a30;
    color: #fff;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    overflow: hidden;
    position: relative;
}

    .nc-box-promo .description-container {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

        .nc-box-promo .description-container .desc-incentive {
            display: flex;
            flex-direction: row;
        }

        .nc-box-promo .description-container .desc-img-container .desc-makename {
            color: #3071A9;
            font-size: 21px;
            font-weight: bold;
        }
        .nc-box-promo .description-container .description-details p a {
            background-color: #3071A9;
            border-color: #3071A9;
            padding: 12px 30px;
            font-size: 21px;
        }
        .nc-box-promo .description-container .description-details h3 {
            color: #BF0A30;
        }

            .nc-box-promo .description-container .desc-incentive h4 {
                font-size: 42px;
                line-height: 35px;
                font-weight: bold;
                margin-right: 15px;
            }

            .nc-box-promo .description-container .desc-incentive p {
                color: #BF0A30;
                font-size: 21px;
                text-align: left;
            }

    .nc-box-promo .exc-savings {
        text-transform: uppercase;
        background-color: #B90000;
        display: inline-block;
        font-size: 30px;
        padding: 20px;
        border-radius: 25px;
        font-weight: bold;
    }

}

.nc-box-promo > .disclaimer {
    color: #fff;
}

.nc-box-promo .content .desc-title {
    font-size: 42px;
}

.nc-box-promo .bg-white {
    background-color: #fff;
    padding: 50px 0px 20px 0px;
}

.nc-box-promo h4 {
    font-size: 35px;
    line-height: 30px;
}

.nc-box-promo .content h3 {
    color: #000;
    font-size: 30px;
}

.nc-box-promo .content .disclaimer {
    font-size: 16px;
}

.nc-box-promo h4 small {
    font-size: 15px;
    color: #000;
}

.nc-box-promo img {
    padding: 0 80px;
}

.triangle-top-left {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 70px 150px 0 0;
    border-color: #bf0a30 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
}

.triangle-bottom-right {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 70px 150px;
    border-color: transparent transparent #bf0a30 transparent;
    position: absolute;
    bottom: 0;
    right: 0;
}

.skewed-bg {
    background: #fff;
    width: 200px;
    height: auto;
    clip-path: polygon(0% 100%, 100% 100%, 0% 0%);
}

.width-dealer-number {
    width: 230px;
    display: inline-block;
    vertical-align: top;
}

    .width-dealer-number p {
        margin-bottom: 0;
    }

.bg-save-more {
    background: url("../jpg/bg_save_more.jpg") center no-repeat;
    background-color: #4a6cd3;
}

.bg-flag {
    background: linear-gradient( rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45) ), url("../jpg/flag_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

@media (max-width: 767px) {
    .nc-box-promo .description-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .nc-box-promo .description-container .desc-incentive {
        justify-content: center;
        align-items: center;
    }
    .nc-box-promo .exc-savings {
        font-size: 14px;
        padding: 10px 15px;
    }
    .nc-box-promo .content .desc-title {
        font-size: 24px;
    }
    .nc-box-promo .description-container .desc-incentive h4 {
        font-size: 28px;
    }

    .nc-box-promo .content .disclaimer {
        font-size: 12px;
    }
    .nc-box-promo .description-container .desc-incentive p {
        font-size: 14px;
        margin: 0;
    }
    .nc-box-promo .description-container .description-details p a {
        font-size: 12px;
    }
    .nc-box-promo .content h3 {
        font-size: 24px;
    }
}
.relatedbox {
    margin: 10px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    webkit-border-radius: 3px;
    height: auto;
    min-height: 7vh;
}
@media screen and (max-width: 540px) {
    .relatedbox {
        margin: 2px;
    }
    .relatedbox-cell {
        padding-left: 2px;
        padding-right: 2px;
        margin-bottom: 13px;
    }
}
.relatedbox-cell {
    margin-top: 16px;
}
.relatedbox-buttoncell {
    padding-right: 4px;
    padding-left: 0px;
}
/*MOI coming soon - begin */
.coming-soon-banner .btn {
    position: absolute;
    top: 82%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: white;
    font-size: 18px;
    padding: 12px 24px;
    cursor: pointer;
    border-radius: 5px;
    border: 3px #FFFFFF solid;
}

.coming-soon-banner a:hover {
    background-color: white;
    color: red;
    text-decoration: underline;
}

@media screen and (max-width: 992px) {
    .coming-soon-banner .btn {
        top: 82%;
        font-size: 15px;
        padding: 8px 8px;
        cursor: pointer;
        border-radius: 5px;
        border: 2px #FFFFFF solid;
    }
}

@media screen and (max-width: 575px) {
    .coming-soon-banner .btn {
        top: 92%;
        font-size: 15px;
        padding: 8px 8px;
        cursor: pointer;
        border-radius: 5px;
        border: 2px #FFFFFF solid;
    }
}
    
/*MOI coming soon - end */

.comparable-messageinfo {
    font-weight: 600 !important;
    margin-left: 5%;
}

/*Always On automobile research page*/
#research-alwayson-right-banner {
    display: block;
    margin-bottom: 1em;
}
    #research-alwayson-right-banner img {
        width: 100%;
        margin: 0 auto;
    }
#parallax-title img {
    position: absolute;
    left: 10px;
    top: 28%;
    width: 12%;
}
#research-hero-banner {
    width: 100%;
    margin: 0 auto;
}
@media (max-width: 500px) {
    #gallery-hero-banner {
        overflow-x: hidden;
    }

    #research-hero-banner {
        width: 140%;
    }
}

/*New Car Incentive Banner*/
.newcarinc-banner {
    display: flex;
    flex-direction: row;
    text-align: center;
    margin-bottom: 10px;
    height: auto;
    color: white;
    flex-wrap: wrap;
}

.newcarinc-banner .banner-copy {
    padding: 0px;
    background: #171717;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
    flex: auto;
}

.newcarinc-banner .banner-title {
    align-self: stretch;
    text-align: center;
    color: white;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    word-wrap: break-word;
}

.newcarinc-banner .banner-special {
    align-self: stretch;
    text-align: center;
    color: white;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
}

.newcarinc-banner .banner-daterange {
    text-align: center;
    color: white;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

.newcarinc-banner .banner-moi-copy {
    align-self: stretch;
    text-align: center;
    color: white;
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
}

.newcarinc-banner .signup-link {
    padding: 5px 20px;
    border: 2px #CC0000 solid;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: block;
    text-align: center;
    color: white;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
}

.newcarinc-banner a:link {
    text-decoration: none;
}

.newcarinc-banner a:hover {
    background-color: #cc0000;
    color: white;
    text-decoration: underline;
}

@media screen and (max-width: 1200px) {
    .newcarinc-banner {
        flex-direction: column-reverse;
    }

    .newcarinc-banner .banner-copy {
        padding: 10px 10px;
    }
}

@media screen and (max-width: 460px) {
    .newcarinc-banner .banner-title {
        font-size: 30px;
        line-height: 30px;
    }

    .newcarinc-banner .banner-special {
        font-size: 20px;
        line-height: 25px;
    }

    .newcarinc-banner .banner-daterange {
        font-size: 14px;
        line-height: 19px;
    }

    .newcarinc-banner .banner-moi-copy {
        font-size: 18px;
        line-height: 27px;
    }

    .newcarinc-banner .signup-link {
        padding: 5px 14px;
        font-size: 14px;
        line-height: 19px;
    }
}

/*End - New Car Incentive Banner*/

#no-nav-no-opt-in-navbar .logo-top-header img {
    height: 50px;
    padding: 8px;
}

/* Data Rights Request */
.data-rights-request-legend {
    font-size: 14px;
    color: #494949;
    margin-bottom: 15px;
}

/* Texas locate dealer styles */
.tx-dealer-results {
    margin-bottom: 50px;
}

.tx-dealer-results h2 {
    font-size: 24px;
}

.tx-dealer-results p {
    font-size: 16px;
    color: black;
}

.dealer-value-heading {
    text-align: center;
    font-size: 24px;
    padding: 16px;
}

.dealer-great-value-heading {
    color: white;
    background-color: #196900; 
}

#no-great-value-text {
    text-wrap: balance;
}

.dealer-good-value-heading {
    color: white;
    background-color: #135200;
}

.dealer-minimal-value-heading {
    color: black;
    background-color: #D9D9D9;
}

.locate-dealer-cards {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
    column-gap: 10px;
    justify-content: flex-start;
}

/* center card if only one */
.locate-dealer-cards:has(>.locate-dealer-card:nth-child(1):last-child) {
    justify-content: center;
}

.locate-dealer-card {
    border: 1px solid #B0ACAC;
    flex-basis: 100%;
    padding: 80px 30px;
    text-align: center;
}

.tx-dealer-results p.locate-dealer-card-location {
    font-size: 26px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 8px;
    color: black;
}

.tx-dealer-results p.locate-dealer-card-distance {
    font-weight: 700;
    font-size: 16px;
    color: #4F4F4F;
    margin-bottom: 30px;
}

.locate-dealer-card a {
    border-radius: 3px;
    background-color: #0073A6;
    border: 1px solid #00608B;
    font-weight: 500;
    font-size: 16px;
    max-width: 300px;
    margin: auto;
}

.locate-dealer-card a:hover {
    background-color: #00608B;
}

@media screen and (min-width: 768px) {
    .tx-dealer-results h2 {
        font-size: 40px;
    }

    #no-great-value-text {
        width: 80%;
        margin: auto;
    }

    .tx-dealer-results p {
        font-size: 20px;
    }

    .locate-dealer-card {
        flex-basis: calc(50% - 5px);
    }
}

/* Glossary styles */
.glossary-character-heading {
    color: #0060a9;
    text-decoration: underline;
}

/* sitemap styles */
.links-list li a {
    line-height: 24px;
}