* 

{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
img {
    border: 0 none;
}
article, aside, footer, header, main, section {
    display: block;
}
[draggable] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-drag: element;
}
[contentEditable] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body {
    width: 100%;
    background-color: #f5f5f5;
    color: #3c4f63;
    font-family: 'Rokkitt', serif;
    overflow-x: hidden;
}
a.btn, button.btn, select, input, input[type=email], input[type=number], input[type=password], input[type=text], textarea,.bgImage  h1,.quickSearchHeader, .filters span,.searchByMake .spanLogos.toggle,.topMakesName,.spanLogos,.allMakesName,.can-toggle label{
    font-family: "Poppins Bold", Avenir, Helvetica, sans-serif;
}
body, html {
    font-size: .8em;
}
.sideBar .panel {
    border-bottom: .1rem solid #c9cdd0;
    box-shadow: 0 0 .1rem #fff;
}
.fixed {
    position: fixed;
    height: 0;
    top: 0;
    left: 0;
    right: 0;
}
.hero {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}
.fixed, .full, article.card-form-full, div.card-form-full, section.card-form-full {
    width: 100%;
}
.long {
    width: 75%;
}
.short, article.card, article.card-form, div.card, div.card-form, section.card, section.card-form {
    width: 49%;
}
.shorter {
    width: 37%;
}
.shortest {
    width: 25%;
}
.sideBar .panel, .sideBar:after {
    z-index: 1;
}
.toolTip {
    z-index: 9;
}
.btn-close, .fixed, .showOverlay .overlay {
    z-index: 9999;
}
.contactForm .short, .contactForm p, .content, .left, .nav-body, .nav-body a, .nav-make, .nav-make a, .nav-mpg, .nav-mpg a, .nav-price, .nav-price a, .overlay-card .short, .overlay-card p, .panel-footer .nav, .panel-footer .states, .panel-gallery > .vehImg, .panel-vInfo ul li, .result .priceMiles, .result .priceMiles > p, .result .vehImg, .result .vehicle, .result .vehicle .mini, .results, .sideBar, .sideBar .checkIt, .vehicleThumbs, .vehicleThumbs li {
    float: left;
}
    .panel-filter .icon-trash-o, .result .vehicle h3, .result .vehicle p, .right, .sort, .vehicle-info .btn-second {
        float: right;
    }
.align-left {
    text-align: left;
}
.align-center, ul[class*=paginate] {
    text-align: center;
}
.align-right {
    text-align: right;
}
input, input[type=email], input[type=number], input[type=password], input[type=text], textarea {
    appearance: none;
}
    input:focus, textarea:focus {
        outline: 0;
    }
input[type=tel].location{
    width: 18%;
    height: 45px;
}
.main {
    background-color: rgba(112,128,144,.1);
    display: -webkit-flex;
    display: flex;
}
.content .section {
    padding: 4%;
}
.trash {
    color: #d15b47;
}
div[class*=alert], section[class*=alert] {
    box-shadow: 0 0 .4rem rgba(0,0,0,.4);
    width: 100%;
    padding: 1em;
    position: relative;
    color: #fff;
    display: table;
}
div[class*=alert].card, section[class*=alert].card {
    display: block;
    text-align: center;
    padding: 0;
}
div[class*=alert].card .header, section[class*=alert].card .header {
    text-align: center;
}
div[class*=alert].card .header i.fa, section[class*=alert].card .header i.fa {
    font-size: 2em;
    margin: 0;
}
div[class*=alert] i, section[class*=alert] i {
    vertical-align: middle;
    display: inline-block;
    color: #fff;
    font-size: 1.8em;
}
div[class*=alert] i.icon-times, section[class*=alert] i.icon-times {
    display: inline-block;
    float: right;
    cursor: pointer;
    font-size: 1em;
}
.alert-info, .alert-info .header {
    background-color: #a5b3b3;
}
.alert-success, .alert-success .header {
    background-color: #52bb7e;
}
.alert-warning, .alert-warning .header {
    background-color: #f4aa1c;
}
.alert-danger, .alert-danger .header {
    background-color: #ed634d;
}
.header-main, .home-main, .home-sub, .main, .panel-footer .section, .panel-footer-sub .section {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}
.header-main a img{
    width: 225px;
    /* height: 57px; */
}
.main {
    overflow: visible;
}
.home-main span, .panel-footer .states li {
    float: none;
    display: inline-block;
}
.sort {
    width: 8.33333%;
}
.vehicleThumbs li {
    width: 16.66667%;
}
.result .priceMiles .btn, .result .priceMiles > p, .result .vehImg, .result .vehicle .mini {
    width: 33.33333%;
}
.nav-make a, .nav-mpg a, .nav-price a, .overlay-card, .panel-footer .nav, .sideBar .checkIt, .vehicle-info .btn-second {
    width: 50%;
}
.result .vehicle h3, .result .vehicle p {
    width: 66.66667%;
}
.checkSubmit, .checkSubmit p, .contactForm p, .content, .content > .h5, .home-main .btn, .home-main .location, .home-main .mm, .home-main .openInput, .home-main .year, .nav-body, .nav-body a, .nav-make, .nav-mpg, .nav-price, .overlay-card p, .panel-footer .states, .panel-gallery > .vehImg, .panel-vInfo ul li, .result .priceMiles, .result .vehicle, .sideBar, .sideBar h3, .sideBar select, .vehicleThumbs, .vehicleThumbs .vehImg {
    width: 100%;
}

.panel-filter .icon-trash-o, .result .priceMiles .h4 {
    padding-top: 0;
}
.compVeh .panel li, .compVeh .panel-top li, .panel-filter label, .panel-filter li, .result .priceMiles > p, .vehicleThumbs li, a[class*=btn].mini, button[class*=btn].mini {
    padding-top: .4rem;
}
.checkSubmit, .compare .h3, .nav-body, .nav-make, .nav-mpg, .nav-price, .panel-head, .panel-vInfo .section p, .panel-vInfo .section ul, a[class*=btn], button[class*=btn], input, input[type=email], input[type=number], input[type=password], input[type=text], select, textarea {
    padding-top: .8rem;
}
.content > .h5, .sideBar .panel:nth-child(1) h3 {
    padding-top: 1.2rem;
}
.panel-footer, .panel-footer .nav, .panel-footer .states, .panel-footer-sub, .sideBar .panel, .vehicle-info {
    padding-top: 1.6rem;
}
.home-main {
    padding-top: 3.2rem;
}

.panel-filter .icon-trash-o, .panel-filter label, .panel-filter li, .result .priceMiles .h4, .result .vehicle .mini, .sort, .vehImg .badge, .vehicle-info .cDealer, div[class*=alert] i.icon-times, section[class*=alert] i.icon-times {
    margin-top: .4rem;
}
.result .vehicle h3 {
    margin-top: 1.6rem;
}
.panel-filter .icon-trash-o {
    padding-right: 0;
}
.panel-filter label, .panel-filter li, .result .priceMiles .btn, .vehicleThumbs, a[class*=btn].mini, button[class*=btn].mini {
    padding-right: .4rem;
}
.checkSubmit, .home-sub a, .nav-body, .nav-make, .nav-mpg, .nav-price, a[class*=btn], button[class*=btn], input, input[type=email], input[type=number], input[type=password], input[type=text], textarea {
    padding-right: .8rem;
}
.compVeh .panel li, .compVeh .panel-top li, .panel-head, .result .vehicle h3, .result .vehicle p {
    padding-right: 1.2rem;
}
.compare .h3, .panel-vInfo .section p, .panel-vInfo .section ul, .panel-vInfo li, .panel-vInfo p, .vehicle-info {
    padding-right: 1.6rem;
}
.panel-footer .section, .panel-footer-sub, select {
    padding-right: 2rem;
}
.sideBar .panel {
    padding-right: 4rem;
}
.panel-filter .icon-trash-o, .sort, .vehImg .badge, div[class*=alert] .vehImg:nth-last-of-type(1), section[class*=alert] .vehImg:nth-last-of-type(1) {
    margin-right: .4rem;
}
.panel-filter .icon-trash-o, .panel-vInfo .section p, .panel-vInfo .section ul {
    padding-bottom: 0;
}
.compVeh .panel li, .compVeh .panel-top li, .panel-filter label, .panel-filter li, .panel-footer .nav li, .panel-footer .states li, .result .priceMiles > p, .sideBar h3, .vehicleThumbs, a[class*=btn].mini, button[class*=btn].mini {
    padding-bottom: .4rem;
}
.checkSubmit, .compare .h3, .home-sub, .home-sub a, .nav-body, .nav-make, .nav-mpg, .nav-price, .panel-head, .panel-vInfo li, .panel-vInfo p, .result .vehicle, a[class*=btn], button[class*=btn], input, input[type=email], input[type=number], input[type=password], input[type=text], select, textarea {
    padding-bottom: .8rem;
}
.content > .h5, .sideBar .panel:nth-child(1) h3 {
    padding-bottom: 1.2rem;
}
.panel-footer, .panel-footer .nav, .panel-footer .states, .panel-footer-sub, .sideBar .panel, .vehicle-info {
    padding-bottom: 1.6rem;
}
.home-main {
    padding-bottom: 3.2rem;
}
.contactForm .short, .contactForm p, .overlay-card .short, .overlay-card p, .panel-filter label, .panel-filter li, .result .vehicle h3, .sideBar select, .vehImg .badge {
    margin-bottom: .4rem;
}
.checkSubmit p, .compVeh .btn, .home-main .card-form-full .section p, .home-sub h3, .panel-head, .priceMiles .checkSubmit .btn-no, .priceMiles .checkSubmit .btn-yes, .result, .sideBar .panel:nth-child(1) h3, .vehicle-info .btn-second, .vehicle-info h1 {
    margin-bottom: .8rem;
}
    .content .paginate, .sideBar .panel:nth-child(1) h3 i {
        margin-bottom: 1.2rem;
    }
.panel-filter .icon-trash-o {
    padding-left: 0;
}
.panel-filter label, .panel-filter li, .result .priceMiles .btn, .vehicleThumbs li, a[class*=btn].mini, button[class*=btn].mini {
    padding-left: .4rem;
}
.checkSubmit, .content > .h5, .nav-body, .nav-make, .nav-mpg, .nav-price, .result .priceMiles > p, a[class*=btn], button[class*=btn], input, input[type=email], input[type=number], input[type=password], input[type=text], select, textarea {
    padding-left: 0.8rem;
}
.compVeh .panel li, .compVeh .panel-top li, .panel-head, .result .vehicle h3, .result .vehicle p {
    padding-left: 1.2rem;
}
.compare .h3, .panel-vInfo .section p, .panel-vInfo .section ul, .panel-vInfo li, .panel-vInfo p, .sideBar .panel, .vehicle-info {
    padding-left: 1.6rem;
}
.panel-footer .section, .panel-footer-sub {
    padding-left: 2rem;
}
.panel-filter label, .panel-filter li, .vehImg .badge, div[class*=alert] .vehImg, div[class*=alert] .vehImg:nth-last-of-type(1), section[class*=alert] .vehImg, section[class*=alert] .vehImg:nth-last-of-type(1) {
    margin-left: .4rem;
}
span[class*=badge] {
    padding: .2rem .5rem;
    font-size: 80%;
    border-radius: 50px;
}
span.badge {
    color: #2eb574;
    background: #fff;
}
span.badge-info {
    color: #fff;
    background: #42a8de;
}
span.badge-success {
    color: #fff;
    background: #52bb7e;
}
span.badge-warning {
    color: #fff;
    background: #f4aa1c;
}
span.badge-danger {
    color: #fff;
    background: #ed634d;
}
blockquote[class*=note], div[class*=note] {
    padding: .6em .6em .6em 1.2em;
    border-left: 3px solid #a5b3b3;
    background: #f0f2f3;
}
blockquote.note-info, div.note-info {
    border-left-color: #42a8de;
}
blockquote.note-success, div.note-success {
    border-left-color: #52bb7e;
}
blockquote.note-warning, div.note-warning {
    border-left-color: #f4aa1c;
}
blockquote.note-danger, div.note-danger {
    border-left-color: #ed634d;
}
.mobBtn {
    display: none;
}
a[class*=btn], button[class*=btn] {
    appearance: none;
    outline: 0;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    line-height: 1.2em;
}
a[class*=btn].inB, button[class*=btn].inB {
    float: none;
    display: inline-block;
}
a[class*=btn].disabled, a[class*=btn].disabled:active, a[class*=btn].disabled:hover, a[class*=btn]:disabled, a[class*=btn]:disabled:active, button[class*=btn].disabled, button[class*=btn].disabled:active, button[class*=btn].disabled:hover, button[class*=btn]:disabled, button[class*=btn]:disabled:active {
    opacity: .8;
    cursor: default;
}
a[class*=btn].large, button[class*=btn].large {
    font-size: 120%;
}
a[class*=btn].small, button[class*=btn].small {
    font-size: 90%;
}
a[class*=btn].mini, button[class*=btn].mini {
    font-size: 60%;
    border-width: .1rem;
}
.btn-close {
    position: absolute;
    right: -1.2em;
    top: -1.2em;
}
a.btn, button.btn {
    background-color: #ff3434;
    border: 0 none;
    text-shadow: none;
    font-size: 10px;
    width: 237px;
    height: 45px;
    color: #ffffff;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.75px;
}
button.btn:hover{
    background-color:#C61919;
}
button.btn.toggleFilters{
    background-color:#0c317a;
    border: 1px solid #ffffff;
    margin-left: 8px;
}
button.btn.toggleFilters:hover{
    background-color:#0c317a;
    border: 1px solid #96DEE2;
    margin-left: 8px;
    color:#96DEE2;
}
a.btn-action, button.btn-action {
    color: #fff;
    background-color: #cd4e3a;
    border: 0 none;
    text-shadow: flase;
}
/*
    a.btn-action:hover, button.btn-action:hover {
        color: #fff;
        background-color: #d77363;
    }
    a.btn-action.active, a.btn-action:active, button.btn-action.active, button.btn-action:active {
        color: #fff;
        background-color: #a93c2b;
    }
    a.btn-action.disabled, a.btn-action.disabled:active, a.btn-action.disabled:hover, a.btn-action:disabled, a.btn-action:disabled:active, button.btn-action.disabled, button.btn-action.disabled:active, button.btn-action.disabled:hover, button.btn-action:disabled, button.btn-action:disabled:active {
        color: #fff;
        background-color: rgba(205,78,58,.5);
    }
togglea.btn-second, button.btn-second {
    color: #42a8de;
    background-color: #fff;
    border: .1em solid #42a8de;
    text-shadow: flase;
    box-shadow: flase;
}
    a.btn-second:hover, button.btn-second:hover {
        color: #f0f2f3;
        background-color: #42a8de;
    }
    a.btn-second.active, a.btn-second:active, button.btn-second.active, button.btn-second:active {
        color: #f0f2f3;
        background-color: #2390ca;
    }
    a.btn-second.disabled, a.btn-second.disabled:active, a.btn-second.disabled:hover, a.btn-second:disabled, a.btn-second:disabled:active, button.btn-second.disabled, button.btn-second.disabled:active, button.btn-second.disabled:hover, button.btn-second:disabled, button.btn-second:disabled:active {
        color: #42a8de;
        background-color: rgba(255,255,255,.5);
    }
a.btn-action-second, button.btn-action-second {
    color: #cd4e3a;
    background-color: #f0f2f3;
    border: .1em solid #cd4e3a;
    text-shadow: flase;
}
    a.btn-action-second:hover, button.btn-action-second:hover {
        color: #f0f2f3;
        background-color: #cd4e3a;
    }
    a.btn-action-second.active, a.btn-action-second:active, button.btn-action-second.active, button.btn-action-second:active {
        color: #f0f2f3;
        background-color: #a93c2b;
    }
    a.btn-action-second.disabled, a.btn-action-second.disabled:active, a.btn-action-second.disabled:hover, a.btn-action-second:disabled, a.btn-action-second:disabled:active, button.btn-action-second.disabled, button.btn-action-second.disabled:active, button.btn-action-second.disabled:hover, button.btn-action-second:disabled, button.btn-action-second:disabled:active {
        color: #cd4e3a;
        background-color: rgba(240,242,243,.5);
    }
*/
a.btn-dark, button.btn-dark {
    color: #f0f2f3;
    background-color: #3c4f63;
    border: 0 none;
    text-shadow: flase;
}
a.btn-dark:hover, button.btn-dark:hover {
    color: #f0f2f3;
    background-color: #4f6883;
}
a.btn-dark.active, a.btn-dark:active, button.btn-dark.active, button.btn-dark:active {
    color: #f0f2f3;
    background-color: #293643;
}
a.btn-dark.disabled, a.btn-dark.disabled:active, a.btn-dark.disabled:hover, a.btn-dark:disabled, a.btn-dark:disabled:active, button.btn-dark.disabled, button.btn-dark.disabled:active, button.btn-dark.disabled:hover, button.btn-dark:disabled, button.btn-dark:disabled:active {
    color: #f0f2f3;
    background-color: rgba(60,79,99,.5);
}
a.btn-close, button.btn-close {
    color: #c9cdd0;
    background-color: #f0f2f3;
    border: 0 none;
    border-radius: 50%;
    text-shadow: flase;
}
a.btn-close:hover, button.btn-close:hover {
    color: #c9cdd0;
    background-color: #fff;
}
a.btn-close.active, a.btn-close:active, button.btn-close.active, button.btn-close:active {
    color: #c9cdd0;
    background-color: #d4d9dc;
}
a.btn-close.disabled, a.btn-close.disabled:active, a.btn-close.disabled:hover, a.btn-close:disabled, a.btn-close:disabled:active, button.btn-close.disabled, button.btn-close.disabled:active, button.btn-close.disabled:hover, button.btn-close:disabled, button.btn-close:disabled:active {
    color: #c9cdd0;
    background-color: rgba(240,242,243,.5);
}
a.btn-yes, button.btn-yes {
    color: #fff;
    background-color: #2eb574;
    border: 0 none;
    border-radius: .2em;
    text-shadow: flase;
}
a.btn-yes:hover, button.btn-yes:hover {
    color: #fff;
    background-color: #46d08e;
}
a.btn-yes.active, a.btn-yes:active, button.btn-yes.active, button.btn-yes:active {
    color: #fff;
    background-color: #248c5a;
}
a.btn-yes.disabled, a.btn-yes.disabled:active, a.btn-yes.disabled:hover, a.btn-yes:disabled, a.btn-yes:disabled:active, button.btn-yes.disabled, button.btn-yes.disabled:active, button.btn-yes.disabled:hover, button.btn-yes:disabled, button.btn-yes:disabled:active {
    color: #fff;
    background-color: rgba(46,181,116,.5);
}
a.btn-no, button.btn-no {
    color: #fff;
    background-color: #a5b3b3;
    border: 0 none;
    border-radius: .2em;
    text-shadow: flase;
}
a.btn-no:hover, button.btn-no:hover {
    color: #fff;
    background-color: #c1caca;
}
a.btn-no.active, a.btn-no:active, button.btn-no.active, button.btn-no:active {
    color: #fff;
    background-color: #899c9c;
}
a.btn-no.disabled, a.btn-no.disabled:active, a.btn-no.disabled:hover, a.btn-no:disabled, a.btn-no:disabled:active, button.btn-no.disabled, button.btn-no.disabled:active, button.btn-no.disabled:hover, button.btn-no:disabled, button.btn-no:disabled:active {
    color: #fff;
    background-color: rgba(165,179,179,.5);
}
a.btn-mFilter, button.btn-mFilter {
    color: #fff;
    background-color: #16518c;
    border: 0 none;
    border-radius: .2em;
    text-shadow: flase;
}
a.btn-mFilter:hover, button.btn-mFilter:hover {
    color: #fff;
    background-color: #1d6ab8;
}
a.btn-mFilter.active, a.btn-mFilter:active, button.btn-mFilter.active, button.btn-mFilter:active {
    color: #fff;
    background-color: #0f3760;
}
a.btn-mFilter.disabled, a.btn-mFilter.disabled:active, a.btn-mFilter.disabled:hover, a.btn-mFilter:disabled, a.btn-mFilter:disabled:active, button.btn-mFilter.disabled, button.btn-mFilter.disabled:active, button.btn-mFilter.disabled:hover, button.btn-mFilter:disabled, button.btn-mFilter:disabled:active {
    color: #fff;
    background-color: rgba(22,81,140,.5);
}
a.btn-newClass, button.btn-newClass {
    color: #fff;
    background-color: #16518c;
    border: 0 none;
    border-radius: .2em;
    text-shadow: flase;
}
a.btn-newClass:hover, button.btn-newClass:hover {
    color: #fff;
    background-color: #1d6ab8;
}
a.btn-newClass.active, a.btn-newClass:active, button.btn-newClass.active, button.btn-newClass:active {
    color: #fff;
    background-color: #0f3760;
}
a.btn-newClass.disabled, a.btn-newClass.disabled:active, a.btn-newClass.disabled:hover, a.btn-newClass:disabled, a.btn-newClass:disabled:active, button.btn-newClass.disabled, button.btn-newClass.disabled:active, button.btn-newClass.disabled:hover, button.btn-newClass:disabled, button.btn-newClass:disabled:active {
    color: #fff;
    background-color: rgba(22,81,140,.5);
}
article[class*=card] .header, article[class*=card] .section, div[class*=card] .header, div[class*=card] .section, section[class*=card] .header, section[class*=card] .section {
    padding: 6%;
}
article[class*=card], div[class*=card], section[class*=card] {
    margin: 0 auto;
    background-color: #eff0f1;
    position: relative;
    border-radius: .2em;
    min-height: 4em;
    color: #708090;
}
article[class*=card] .header, div[class*=card] .header, section[class*=card] .header {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: 0;
    border-radius: .2em .2em 0 0;
    border-bottom: 1px solid #c9cdd0;
}
article[class*=card] .header i, div[class*=card] .header i, section[class*=card] .header i {
    font-size: 4em;
}
article.card-form-full, div.card-form-full, section.card-form-full {
    max-width: inherit;
}
article.card-form-full input, article.card-form-full select, div.card-form-full input, div.card-form-full select, section.card-form-full input, section.card-form-full select {
    margin-bottom: 0;
    margin-right: .8%;
}
input[type=checkbox] {
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 .8em 0 0;
    /* border: 1px solid #8e9c9d; */
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
}
    input[type=checkbox]:checked {
        border: 1px solid transparent;
        background: #42a8de;
    }
        input[type=checkbox]:checked:after {
            display: block;
            position: relative;
            content: " ";
            height: 6px;
            width: 12px;
            border-bottom: 4px solid #fff;
            border-left: 4px solid #fff;
            -webkit-transform: rotate(-45deg);
        }
.switch {
    display: inline-block;
    font-weight: 700;
    max-width: 100%;
}
    .switch.onoff i {
        background: #ed634d;
    }
    .switch input {
        display: none;
    }
    .switch i {
        border-radius: 30px;
        box-shadow: 0 0 1px rgba(0,0,0,.5)inset;
        cursor: pointer;
        display: inline-block;
        padding-right: 25px;
        transition: all .2s ease 0s;
        background: #fff;
    }
        .switch i:before {
            box-shadow: 0 1px 2px rgba(0,0,0,.5);
            content: "";
            display: block;
            height: 30px;
            width: 30px;
            border-radius: 30px;
            background: none repeat scroll 0 0 #fff;
        }
    .switch :checked + i {
        box-shadow: 0 0 1px rgba(0,0,0,.5)inset;
        padding-left: 25px;
        padding-right: 0;
        background: #52bb7e;
    }
@font-face {
    font-family: imotors-autos;
    src: url(../fonts/imotors-autos.eot);
    src: url(../fonts/imotors-autos.eot?#iefixkg5cgz) format("embedded-opentype"),url(../fonts/imotors-autos.woff) format("woff"),url(../fonts/imotors-autos.ttf) format("truetype"),url(../fonts/imotors-autos.svg#imotors-autos) format("svg");
    font-weight: 400;
    font-style: normal;
}
[class*=" icon-"], [class^=icon-], body.loading:after {
    font-family: imotors-autos;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant-caps:all-petite-caps ;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*.icon-logo-mc:before {
    content: "\e64c";
}
.icon-mc-split-01:before {
    content: "\e64d";
}
.icon-mc-split-02:before {
    content: "\e64e";
}
.icon-mc-split-03:before {
    content: "\e64f";
}
.icon-mc-split-04:before {
    content: "\e650";
}
.icon-logo-imotors-com:before {
    content: "\e607";
}
.icon-logo-imotors:before {
    content: "\e608";
}
.icon-logo-reply:before {
    content: "\e62b";
}
.icon-body-style:before {
    content: "\e600";
}
.icon-dealer-notes:before {
    content: "\e604";
}
.icon-chrome-data:before {
    content: "\e601";
}
.icon-convertible:before {
    content: "\e602";
}
.icon-coupe:before {
    content: "\e603";
}
.icon-eye:before {
    content: "\e605";
}
.icon-hybrid:before {
    content: "\e606";
}
.icon-location:before {
    content: "\e609";
}
.icon-miles:before {
    content: "\e60a";
}
.icon-minivan:before {
    content: "\e60b";
}
.icon-mpg:before {
    content: "\e60c";
}
.icon-new:before {
    content: "\e60d";
}
.icon-rebates:before {
    content: "\e60e";
}
.icon-sedan:before {
    content: "\e60f";
}
.icon-suv:before {
    content: "\e610";
}
.icon-truck:before {
    content: "\e611";
}
.icon-wagon:before {
    content: "\e612";
}
.icon-arrow-back:before {
    content: "\e613";
}
.icon-arrow-double-back:before {
    content: "\e614";
}
.icon-arrow-double-forward:before {
    content: "\e615";
}
.icon-arrow-forward:before {
    content: "\e616";
}
.icon-check-circle:before {
    content: "\e617";
}
.icon-check-o:before {
    content: "\e618";
}
.icon-check-square-o:before {
    content: "\e619";
}
.icon-check-square:before {
    content: "\e61a";
}
.icon-check:before {
    content: "\e61b";
}
.icon-chevron-left:before {
    content: "\e61c";
}
.icon-chevron-right:before {
    content: "\e61d";
}
.icon-clock:before {
    content: "\e61e";
}
.icon-cog:before {
    content: "\e61f";
}
.icon-exclamation-circle:before {
    content: "\e620";
}
.icon-exclamation-triangle:before {
    content: "\e621";
}
.icon-geolocation:before {
    content: "\e622";
}
.icon-house:before {
    content: "\e623";
}
.icon-info-circle:before {
    content: "\e624";
}
.icon-info-o:before {
    content: "\e625";
}
.icon-info:before {
    content: "\e626";
}
.icon-loader1:before {
    content: "\e627";
}
.icon-loader2:before {
    content: "\e628";
}
.icon-loader3:before {
    content: "\e629";
}
.icon-lock:before {
    content: "\e62a";
}
.icon-mail:before {
    content: "\e62c";
}
.icon-map-marker:before {
    content: "\e62d";
}
.icon-menu:before {
    content: "\e62e";
}
.icon-minus-circle:before {
    content: "\e62f";
}
.icon-minus-o:before {
    content: "\e630";
}
.icon-minus:before {
    content: "\e631";
}
.icon-money-circle:before {
    content: "\e632";
}
.icon-money:before {
    content: "\e633";
}
.icon-pause-circle:before {
    content: "\e634";
}
.icon-pause:before {
    content: "\e635";
}
.icon-pencil:before {
    content: "\e636";
}
.icon-phone:before {
    content: "\e637";
}
.icon-play-circle:before {
    content: "\e638";
}
.icon-play:before {
    content: "\e639";
}
.icon-plus-circle:before {
    content: "\e63a";
}
.icon-plus-o:before {
    content: "\e63b";
}
.icon-plus:before {
    content: "\e63c";
}
.icon-power-circle:before {
    content: "\e63d";
}
.icon-power:before {
    content: "\e63e";
}
.icon-refresh:before {
    content: "\e63f";
}
.icon-reload-circle:before {
    content: "\e640";
}
.icon-reload:before {
    content: "\e641";
}
.icon-search:before {
    content: "\e642";
}
.icon-square-o:before {
    content: "\e643";
}
.icon-square:before {
    content: "\e644";
}
.icon-tag:before {
    content: "\e645";
}
.icon-times-circle-o:before {
    content: "\e646";
}
.icon-times-circle:before {
    content: "\e647";
}
.icon-times:before {
    content: "\e648";
}
.icon-trash:before {
    content: "\e649";
}
.icon-unlock:before {
    content: "\e64a";
}
.icon-video:before {
    content: "\e64b";
}
.icon-times2:before {
    content: "\f00d";
}
.icon-trash-o:before {
    content: "\f014";
}
.icon-road:before {
    content: "\f018";
}
.icon-tag2:before {
    content: "\f02b";
}
.icon-camera:before {
    content: "\f030";
}
.icon-photo:before {
    content: "\f03e";
}
.icon-tint:before {
    content: "\f043";
}
.icon-times-circle-o2:before {
    content: "\f05c";
}
.icon-expand:before {
    content: "\f065";
}
.icon-compress:before {
    content: "\f066";
}
.icon-leaf:before {
    content: "\f06c";
}
.icon-comment:before {
    content: "\f075";
}
.icon-comments:before {
    content: "\f086";
}
.icon-twitter:before {
    content: "\f099";
}
.icon-facebook:before {
    content: "\f09a";
}
.icon-github:before {
    content: "\f09b";
}
.icon-certificate:before {
    content: "\f0a3";
}
.icon-navicon:before {
    content: "\f142";
}
.icon-google-plus:before {
    content: "\f0d5";
}
.icon-rotate-left:before {
    content: "\f0e2";
}
.icon-comments-o:before {
    content: "\f0e6";
}
.icon-mail-reply-all:before {
    content: "\f122";
}
.icon-shield:before {
    content: "\f132";
}
.icon-calendar-o:before {
    content: "\f133";
}
.icon-rocket:before {
    content: "\f135";
}
.icon-html5:before {
    content: "\f13b";
}
.icon-css3:before {
    content: "\f13c";
}
.icon-ellipsis-h:before {
    content: "\f141";
}
.icon-ellipsis-v:before {
    content: "\f142";
}
.icon-sort-amount-desc:before {
    content: "\f161";
}
.icon-stack-exchange:before {
    content: "\f18d";
}
.icon-git:before {
    content: "\f1d3";
}
.icon-send:before {
    content: "\f1d8";
}*/

input, input[type=email], input[type=number], input[type=password], input[type=text], textarea {
    display: inline-block;
    background-color: #fff;
    color: #9b9b9b;
    font-size: 14px;
    font-weight: 900;
    line-height: 17px;
    text-transform:uppercase;
}
    input::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #9b9b9b;
    }
    input:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=text]:-moz-placeholder, textarea:-moz-placeholder {
        color: #9b9b9b;
    }
    input::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=text]::-moz-placeholder, textarea::-moz-placeholder {
        color: #9b9b9b;
    }
    input:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #9b9b9b;
    }
    input:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=text]:focus, textarea:focus {
        border-color: #1998dd;
        color: #5e5e5e;
    }
    input.disabled, input:disabled, input[type=email].disabled, input[type=email]:disabled, input[type=number].disabled, input[type=number]:disabled, input[type=password].disabled, input[type=password]:disabled, input[type=text].disabled, input[type=text]:disabled, textarea.disabled, textarea:disabled {
        border: .1em solid #b4bebe;
        background: #f2f3f4;
    }
    input.required, input[type=email].required, input[type=number].required, input[type=password].required, input[type=text].required, textarea.required {
        border: .1em solid #f49c8e;
    }
.overlay, .sideBar:after, body.loading:before {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-color: rgba(0,0,0,.8);
}
.fixfixed .overlay, .fixfixed .sideBar:after, .fixfixed body.loading:before {
    position: absolute;
}
.showOverlay .content, .showOverlay .panel-footer, .showOverlay .panel-main, .showOverlay .sideBar {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}
.showOverlay .overlay {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.overlay-card {
    max-width: 450px;
}
    .contactForm .header, .overlay-card .header {
        background-color: #708090;
        color: #fff;
    }
        .contactForm .header h5, .overlay-card .header h5 {
            font-weight: 400;
        }
    .contactForm .short, .overlay-card .short {
        margin-right: 2%;
    }
        .contactForm .short:nth-child(even), .overlay-card .short:nth-child(even) {
            margin-right: 0;
        }
    .contactForm p, .overlay-card p {
        font-size: 76%;
    }
ul[class*=paginate] li {
    display: inline-block;
}
    ul[class*=paginate] li a {
        display: inline-block;
        padding: .4em .8em;
        margin: 0;
        cursor: pointer;
        background: #fff;
        border: .1rem solid #c9cdd0;
        color: #8e9c9d;
    }
        ul[class*=paginate] li a.active, ul[class*=paginate] li a:hover {
            background: #52bb7e;
            color: #f0f2f3;
        }
        ul[class*=paginate] li a:active {
            box-shadow: inset 0 2px 4px rgba(0,0,0,.2);
        }
ul.paginate-large li {
    padding: .6em 1.2em;
    font-size: 1.2em;
}
ul.paginate-small li {
    padding: .2em .4em;
    font-size: .8em;
}
.panel-filter {
    overflow: hidden;
}
    .panel-filter label, .panel-filter li {
        line-height: 1em;
        font-size: 70%;
    }
    .panel-filter label, .panel-filter ul {
        display: block;
        float: left;
    }
    .panel-filter .icon-trash-o {
        font-size: 1.4em;
    }
    .panel-filter li {
        display: inline-block;
        border-radius: .2em;
        background-color: #f0f2f3;
        cursor: pointer;
        color: #8e9c9d;
    }
        .panel-filter li:hover {
            background-color: #3291c4;
            color: #fff;
        }
article .results, article[class^=panel], aside .results, aside[class^=panel], div .results, div[class^=panel], footer .results, footer[class^=panel], header .results, header[class^=panel], section .results, section[class^=panel] {
    width: 100%;
}
    article [class*="-hero"].results, article[class^=panel][class*="-hero"], aside [class*="-hero"].results, aside[class^=panel][class*="-hero"], div [class*="-hero"].results, div[class^=panel][class*="-hero"], footer [class*="-hero"].results, footer[class^=panel][class*="-hero"], header [class*="-hero"].results, header[class^=panel][class*="-hero"], section [class*="-hero"].results, section[class^=panel][class*="-hero"] {
        background: url(../images/bgtest.jpg) no-repeat 0 0;
        background-size: cover;
        
        height: 547px;
    }
div[class*=progress] {
    display: block;
    float: left;
    padding: .4em .6em;
    margin: 0 auto .6em;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #a5b3b3;
    background-size: 40px 40px;
    background-image: linear-gradient(-45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);
    transition: width .5s ease;
    -webkit-animation: 1s linear 0s normal none infinite progress-bar-stripes;
    animation: 1s linear 0s normal none infinite progress-bar-stripes;
}
div.progress-info {
    background-color: #42a8de;
}
div.progress-success {
    background-color: #52bb7e;
}
div.progress-warning {
    background-color: #f4aa1c;
}
div.progress-danger {
    background-color: #ed634d;
}
@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: -40px 0;
    }
    100% {
        background-position: 0 0;
    }
}
@keyframes progress-bar-stripes {
    0% {
        background-position: -40px 0;
    }
    100% {
        background-position: 0 0;
    }
}
input[type=radio] {
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0 .8em 0 0;
    border: 1px solid #8e9c9d;
    vertical-align: -2px;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 100%;
}
    input[type=radio]:checked {
        border: 1px solid transparent;
        background: #42a8de;
    }
        input[type=radio]:checked:after {
            display: block;
            content: " ";
            position: relative;
            top: 4px;
            left: 4px;
            height: 8px;
            width: 8px;
            background: #fff;
            border-radius: 100%;
        }
select {
     cursor: pointer;
     display: inline-block;
     background-color: #fff;
     background-image: url(images/new_arrow_down.png);
     background-repeat: no-repeat;
     background-size: 7px 5px;
     -moz-background: 0 0;
     -webkit-appearance: none;
     width: 28%;
     height: 45px;
     color: #9b9b9b;
     font-size: 14px;
     line-height: 17px;
     text-transform: uppercase;
     background-position: 96%;
     border-radius: 0;
     letter-spacing: .4px;
}
.quickSearchDropdown .mm{
    margin-left: 2px;
}
    select:focus, select:focus .option {
        outline: 0 none;
    }
    select::-ms-expand {
        display: none;
    }
/*a[class*=social], div[class*=social] {
    width: 30px;
    height: 30px;
    padding: .4em;
    color: #fff;
    text-align: center;
}
a[class*='-twitter'], div[class*='-twitter'] {
    background: #4099ff;
}
a[class*='-facebook'], div[class*='-facebook'] {
    background: #3b5998;
}
a[class*='-google'], div[class*='-google'] {
    background: #d34836;
}
a[class*='-linkedin'], div[class*='-linkedin'] {
    background: #007bb6;
}
a[class*='-youtube'], div[class*='-youtube'] {
    background: #c4302b;
}
a[class*='-github'], div[class*='-github'] {
    background: #333;
}
a[class*='-dropbox'], div[class*='-dropbox'] {
    background: #3d9ae8;
}
a[class*='-dribbble'], div[class*='-dribbble'] {
    background: #ea4c89;
}
.toolTip {
    transition: opacity 1s;
    opacity: 0;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    bottom: 0;
    left: 24%;
    font-size: 80%;
    padding: 4% 6%;
    display: none;
}
    .toolTip .icon-times {
        position: absolute;
        top: 3%;
        right: 3%;
        cursor: pointer;
    }
        .toolTip .icon-times:hover {
            color: #3291c4;
        }
    .toolTip .icon-caret-left {
        position: absolute;
        left: -3%;
        font-size: 220%;
        bottom: 12%;
        color: #fff;
    }
.tool:hover .toolTip {
    opacity: 1;
    display: block;
}*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1em;
}
    .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-size: 70%;
        font-weight: 200;
        display: inline-block;
    }
.inB.h1, .inB.h2, .inB.h3, .inB.h4, .inB.h5, .inB.h6, .inBh1, .inBh2, .inBh3, .inBh4, .inBh5, .inBh6 {
    display: inline-block;
}
.h1, h1 {
    font-size: 3em;
}
.h2, h2 {
    font-size: 2.4em;
}
.h3, h3 {
    font-size: 2em;
}
.h4, h4 {
    font-size: 1.8em;
}
.h5, h5 {
    font-size: 1.4em;
}
.h6, h6 {
    font-size: 1em;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 200;
}
a, b, i, p, span {
    font-size: 1em;
}
p {
    line-height: 1.6em;
}
small {
    font-size: .8em;
}
a {
    text-decoration: none;
    color: #0c317a;
}
    a:hover {
        color: #0c317a;
    }
ul {
    list-style: none;
}
    ul.dotted {
        list-style: disc inside;
    }
    ul.circle {
        list-style: circle inside;
    }
    ul.square {
        list-style: square inside;
    }
ol {
    list-style: decimal inside;
}
.mobileOr {
    width: 100%;
    height: 100%;
    background-color: #fff;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 9999;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
    .mobileOr i {
        font-size: 4rem;
        display: block;
        margin-bottom: 1rem;
    }
.compare {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
    .compare .h3 {
        -webkit-flex: 1 100%;
        flex: 1 100%;
        background-color: #f0f2f3;
        color: #708090;
    }
    .compare .compVeh {
        -webkit-flex: 1 15%;
        flex: 1 15%;
    }
.compVeh li {
    line-height: 1.6em;
}
    .compVeh li:nth-child(1) {
        border-bottom: .1rem solid rgba(240,242,243,.4);
    }
.compVeh .btn {
    display: block;
    position: absolute;
    bottom: 0;
}
.compVeh .panel-top li i {
    color: #3291c4;
}
.compVeh .panel-top li:nth-child(1) {
    border: 0;
    border-left: .4rem solid #3291c4;
}
.compVeh .panel, .compVeh .panel-top {
    overflow: hidden;
    word-break: break-all;
    font-size: 80%;
    border-left: .1rem solid rgba(201,205,208,.6);
}
    .compVeh .panel li, .compVeh .panel-top li {
        border-top: .1rem solid rgba(201,205,208,.6);
    }
.compVeh .panel, .compVeh .panel-top {
    background-color: #fff;
}
    .compVeh .panel li, .compVeh .panel-top li {
        text-wrap: break;
    }
.compVeh:nth-last-child(1) .panel, .compVeh:nth-last-child(1) .panel-top {
    border-right: .1rem solid #f5f5f5;
}
.compVeh li.vehImg {
    border: 0 none;
    position: relative;
    margin: 0 auto;
}
.compVeh.key {
    display: none;
    opacity: .7;
    -webkit-flex: 0 12%;
    flex: 0 12%;
    box-shadow: .1rem .1rem .2rem rgba(60,79,99,.5)inset;
    text-align: right;
    background-color: rgba(142,156,157,.1);
    color: #3c4f63;
}
    .compVeh.key li {
        color: #3c4f63;
    }
        .compVeh.key li:nth-child(1) {
            border-bottom: 0 none;
        }
    .compVeh.key .panel, .compVeh.key .panel-top {
        border-left-width: 0;
        background-color: transparent;
    }
    .compVeh.key .h5 {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
.panel-footer {
    color: #fff;
    padding-bottom:0px;
    margin-top:5px;
    overflow-x:hidden;
}
    .panel-footer li {
        color: #42a8de;
    }
        .panel-footer li a:hover, .panel-footer li h4 {
            color: #fff;
        }
.panel-footer-sub {
    background-color: #ff3434;
    height: auto;
    padding-top: 1.6rem;
}
    .panel-footer-sub .section {
            color: #ffffff;
            font-size: 15px;
            font-weight: 400;
            line-height: 27px;
    }
        .panel-footer-sub .section b, .panel-footer-sub .section small {
            color: #16518c;
        }
        .panel-footer-sub .section b {
            font-weight: 400;
        }
        .panel-footer-sub .section a {
            color: #ffffff;
        }
            .panel-footer-sub .section a:hover {
                color: #16518c;
            }
        .panel-footer-sub .section small {
            display: inline-block;
            width: 100%;
            color: #ffffff;
            font-size: 15px;
            font-weight: 200;
            line-height: 27px;
        }
.panel-footer, .panel-footer-sub {
    overflow: hidden;
    font-size: 90%;
}
.panel-main {
    background-color: #ffffff;
    text-align: center;
}
.header-main {
    position: relative;
    z-index: 9;
    width:90vw;
    height: 107px;
    overflow: hidden;
}
    .header-main a, .header-main li, .header-main ul {
        display: inline-block;
    }
 .header-main a{
    margin:0 auto;
    padding-top: 22px;
    display: block;
 }   

        .header-main .icon-mc-split, .header-main a[class*="-logo"] {
            margin-left: 2.6rem;
            font-size: 1rem;
            padding: .8rem;
            color: #fff;
            background-color: #16518c;
        }
            .header-main .icon-mc-split:hover, .header-main a[class*="-logo"]:hover {
                color: #3291c4;
            }
.header-main ul {
    position: absolute;
    right: 0;
    height: 107px;
    display: block;
    top: 25px;
}
.header-main ul li a {
    text-align: right;
    padding: 1.3em;
    color: #0c317a;
    font-size: 15px;
    font-weight: 700;
    }
    .header-main ul li a:hover {
        color:#96DEE2;
    }
ul.menu li {
    display: none;
}
ul.menu li.mobBtn {
    display: inline-block;
    position: absolute;
    width: auto;
    color: #fff;
    margin: .3em;
    padding: .2em;
    font-size: 1.3rem;
    cursor: pointer;
    top: 0;
    right: 0;
}
ul.menu li.icon-search {
    left: 0;
    width: 1.8rem;
}
.showMenu ul.menu {
    background-color: #3c4f63;
    width: 100%;
}
    .showMenu ul.menu li {
        display: inline-block;
    }
    .showMenu ul.menu .icon-navicon:before {
        content: '\f00d';
    }
.icon-mc-split {
    overflow: hidden;
}
    .icon-mc-split:before {
        content: "\e64d";
        color: #cd4e3a;
        float: left;
    }
    .icon-mc-split:after {
        content: "\e64e";
        float: left;
        color: #3291c4;
    }
    .icon-mc-split span {
        float: right;
    }
        .icon-mc-split span:before {
            content: "\e64f";
            float: left;
            color: #cd4e3a;
        }
        .icon-mc-split span:after {
            content: "\e650";
            float: left;
            color: #3291c4;
        }
.home-main .card-form-full {
    box-shadow: 0 0 40px rgba(0,0,0,.1);
    background-color: #16518c;
    position:absolute;
    bottom:255px;
    width:1100px;
}
    .home-main .card-form-full .section {
        overflow: hidden;
    }
.home-sub a {
    font-size: 80%;
}
    .home-sub a i {
        font-size: 1.7em;
        display: inline-block;
    }
body.loading:after, body.loading:before {
    z-index: 9999;
}
body.loading:before {
    display: block;
    content: "";
}
body.loading:after {
    content: "\e627";
    position: absolute;
    display: block;
    color: #fff;
    font-size: 3rem;
    text-align: center;
    -webkit-animation: icon-spin 2s infinite linear;
    animation: icon-spin 2s infinite linear;
    top: 50%;
    left: 50%;
    margin: -1.5rem 0 0 -1.5rem;
}
@-webkit-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.checkSubmit {
    position: absolute;
    background-color: rgba(60,79,99,.95);
    box-shadow: 0 0 .8rem .3rem rgba(60,79,99,.2);
    right: 0;
    bottom: 0;
    display: none;
    text-align: center;
}
    .checkSubmit.active {
        display: block;
    }
    .checkSubmit p {
        color: #fff;
        line-height: 1.3em;
    }
.priceMiles .checkSubmit {
    height: 56%;
    font-size: 120%;
}
.priceMiles .checkSubmit .btn-no, .priceMiles .checkSubmit .btn-yes {
    width: 48%;
}
.vehicle-info .checkSubmit {
    border-radius: .2em 0 0;
}
    .vehicle-info .checkSubmit .btn-no, .vehicle-info .checkSubmit .btn-yes {
        width: 49%;
    }
.content {
    background-color: #fff;
    overflow: hidden;
}
.content > .h5 {
    color: #8e9c9d;
    background-color: rgba(201,205,208,.2);
    border-bottom: .1rem solid rgba(201,205,208,.6);
    line-height: .6rem;
    font-size: 80%;
}
.sideBar {
    position: absolute;
    box-shadow: 0 0 .2rem rgba(0,0,0,.1)inset;
    top: 0;
    right: 200%;
    z-index: 1;
    transition-property: right;
    transition-duration: 1.6s;
    transition-delay: 0;
    transition-timing-function: ease;
}
.sideBar:after {
    display: none;
    content: "";
}
.sideBar .panel {
    left: 100%;
    overflow: hidden;
    position: relative;
    background-color: #f5f5f5;
}
    .sideBar .panel:nth-child(1) {
        background: url(../images/blur1.jpg) no-repeat left top;
        background-size: cover;
        box-shadow: 0 0 2rem rgba(0,0,0,.4)inset;
    }
        .sideBar .panel:nth-child(1) h3 {
            text-align: center;
        }
            .sideBar .panel:nth-child(1) h3 i {
                display: block;
                font-size: 300%;
            }
.sideBar h3 {
    text-shadow: .1rem .1rem .1rem rgba(255,255,255,.2);
    float: left;
}
    .sideBar h3 i {
        color: #3291c4;
    }
.sideBar .checkIt {
    line-height: 2em;
}
.sideBar .btn-second {
    float: left;
}
.sideBar .adBox {
    width: 100%;
    overflow: hidden;
    max-width: 300px;
    height: 250px;
    margin: 0 auto;
    background-color: #fff;
}
.content, .panel-main {
    right: 0;
    z-index: 9;
    position: relative;
    transition: right .8s ease;
}
.showSearch {
    box-shadow: -2rem 0 2rem rgba(0,0,0,.6)inset;
}
    .showSearch li.mobBtn.icon-search {
        z-index: 9;
        color: #fff;
    }
        .showSearch li.mobBtn.icon-search:before {
            content: '\e646';
        }
    .showSearch .content, .showSearch .panel-main {
        position: relative;
        right: -90%;
    }
    .showSearch .sideBar {
        right: 100%;
        transition-duration: .7s;
    }
.sort {
    background-color: transparent;
    background-position: 94% .65rem;
    border: 0 none;
    font-size: .7rem;
    text-indent: -1000px;
}
.vehImg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
    .vehImg img {
        width: .1rem;
        height: .1rem;
        visibility: hidden;
        position: relative;
    }
    .vehImg .badge {
        background-color: rgba(255,255,255,.8);
        display: block;
        position: absolute;
    }
.result .vehImg {
    height: 6rem;
}
.panel-gallery > .vehImg {
    height: 16.9rem;
}
.panel-top .vehImg {
    height: 7rem;
}
div[class*=alert] .vehImg, section[class*=alert] .vehImg {
    height: 100%;
    width: 1.4rem;
    display: inline-block;
}
.vehicleThumbs .vehImg {
    height: 4rem;
    cursor: pointer;
}
.result {
    overflow: hidden;
    position: relative;
    background-color: #708090;
    border-top: .1rem solid rgba(255,255,255,.65);
    border-bottom: .1rem solid rgba(255,255,255,.65);
    font-size: .8rem;
}
.result .vehicle {
    color: #3c4f63;
    position: relative;
    background-color: #f0f2f3;
}
.result .vehicle h3 {
    color: #6dbce6;
    font-size: 120%;
}
.result .vehicle .badge {
    color: #3c4f63;
}
.result .vehicle .mini {
    border-bottom-width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}
.result .vehicle .mini.active .icon-square-o:before {
    content: '\e61b';
}
.result .vehicle:hover {
    background-color: #52bb7e;
    color: #fff;
}
    .result .vehicle:hover .badge {
        color: #52bb7e;
    }
    .result .vehicle:hover h3 {
        color: #3c4f63;
    }
.result .priceMiles {
    color: #fff;
    text-shadow: .1rem 0 0 rgba(60,79,99,.2);
    overflow: hidden;
}
.result .priceMiles i {
    color: #f0f2f3;
}
.result .priceMiles .h4 {
    background-color: transparent;
    font-size: 160%;
}
.result .priceMiles > p {
    line-height: 1.8rem;
    background-color: rgba(255,255,255,.14);
    font-size: 120%;
}
.result .priceMiles > p i {
    color: #52bb7e;
    font-size: 90%;
}
.result .priceMiles .btn {
    float: none;
    border-radius: 0;
}
    .result .priceMiles .btn.disabled {
        font-size: .8rem;
    }
.panel-head {
    background-color: #c9cdd0;
    border-left: .4rem solid #3291c4;
    overflow: hidden;
    color: #fff;
    font-weight: 200;
}
.panel-gallery {
    overflow: hidden;
}
.vehicleThumbs li .vehImg {
    display: inline-block;
}
.vehicleThumbs li:hover {
    opacity: .5;
}
.vehicle-info {
    position: relative;
    color: #3c4f63;
    border-bottom: .4rem solid #3291c4;
}
    .vehicle-info i {
        color: #3291c4;
    }
.panel-vInfo ul {
    overflow: hidden;
}
.panel-vInfo li, .panel-vInfo p {
    line-height: 1.6em;
}
.panel-vInfo .section {
    overflow: hidden;
}

.grid-container {
  display: grid;
  width:100vw;
  overflow-x:hidden;
}
.grid-container > div {
    text-align: center;
}
.bgImage {
    grid-area: 1/1/7/9;
    background: url(images/main-bg.png) no-repeat 0 0;
    background-size: cover;
    height: 523px;
}
.bgImage  h1{
    text-transform: uppercase;
    color:#fff;
    font-size: 54px;
    padding: 100px 0 0;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.2em;
    letter-spacing: 1px;
}
.quickSearchContainer {
    background-color: #0c317a;
    display:inline-block;
    grid-area: 5/6/8/4;
    grid-template-columns: repeat(6, 1fr);
    height: auto;
    margin:0 auto;
    min-width: 1000px;
    padding: 20px 0 30px;
}
.quickSearchHeader {
    font-size: 20px;
    font-weight: 800;
    font-size: 22px;
    font-weight: 900;
    line-height: 26px;
    text-transform:uppercase;
    margin-top:12px;
    color: #fff;
}
.quickSearchBody {
    padding-top: 10px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}
.quickSearchDropdown {
    margin: 40px auto 0;
    width: 100%;
    display: inline-block;
    padding: 0;
    position: relative;
}
.quickSearchDropdown select.year{
    width:138px;
    height:45px;
}
.quickSearchDropdown span{
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 0 10px;
}
.quickSearchFooter {
    grid-area: 4/1/5/7;
    margin-top:30px;
}
.grid-container > div.filters{
    padding: 20px 72px;
} 
.filters {
    display: grid;
    grid-area: 9/6/9/4;
    background-color: #ffffff;
    height: 820px;
    width: 1000px;
    margin: 0 auto;
}
.filters span {
    text-align: left;
    color: #0c317a;
    font-size: 15px;
    font-weight: 900;
    line-height: 18px;
    text-transform: uppercase;
    padding-top:33px;
}
.filters button {
    background: #0c317a;
    margin:30px 0 0 auto;
    width: 216px;
    height: 46px;
}
.filters button:hover {
    background: #96DEE2;
}
.searchByMake {grid-area: 10/5/10/5;width: 900px;background-color: #f5f5f5;margin-top: 46px;width: 1000px;margin-bottom: 30px;}
.topMakes {
    display: grid;
    padding: 0px;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 1px;
}
.topMakes a:hover{
    font-size:13px;
    transition: all 0.5s ease;
}
.searchByMake .spanLogos{
    margin-top:26px;
    display: inline-block;
    margin: 0 auto 30px;
}
.searchByMake .spanLogos.toggle{
    margin-top:50px;
    color: #0c317a;
    font-size: 12px;
    font-weight: 900;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border:1px solid;
    cursor:pointer;
    width: 216px;
    height: 45px;
    background: none;
    margin-bottom: 0;
}
.searchByMake .spanLogos.toggle:hover{
    border: 1px solid #96DEE2;
    color:#96DEE2;
}
.topMakesName {
    padding-top: 120px;
    font-size: 12px;
    color: #4A4A4A;
    padding-bottom: 30px;
}
.topMakesAllImage {
    /*background: url(images/make-logo-all.png) no-repeat 0 0;*/
    background: url(images/car2.png) no-repeat 0 0;
    height: 20px;
    width: 164px;
    margin: 1px 0px;
    width: 100%;
}
.topMakesFord { 
    background-position: 0px -627px;
}
.topMakesVolkswagen {
    background-position: 0px -2300px;
}
.topMakesNissan {
    background-position: 0px -1810px;
}
.topMakesChrysler {
    background-position: 0px -415px;
}
.topMakesJeep {
    background-position: 0px -1111px;
}
.topMakesChevrolet {
    background-position: 0px -345px;
}
.topMakesBmw {
    background-position: 0px -130px;
}
.topMakesMazda {
    background-position: 0px -1458px;
}
.topMakesSubaru {
    background-position: 0px -2090px;
}
.topMakesHonda {
    background-position: 0px -760px;
}
.topMakesToyota {
    background-position: 0px -2230px;
}
.topMakesKia {
    background-position: 0px -1182px;
}
.spanLogos {
    font-size: 16px;
    color: black;
    width: 185px;
    height: 17px;
    color: #0c317a;
    font-size: 15px;
    font-weight: 900;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
}
.allMakes {
    display: grid;
    padding: 25px 5px 5px 5px;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 1px;
    overflow: hidden;
    display: grid;
}
.allMakesName {
    padding-left: 70px;
    padding-top: 5px;
    font-size: initial;
    color: #4A4A4A;
    width: 230px;
    text-align: left;
}
.allMakes ul li a:hover .allMakesName{
    color:#0c317a;
}
.allMakes ul{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: repeat(9, 1fr);
}
.allMakes ul li {
    height: 40px;
    display: grid;
    float: left;
    background-size: 100%;
    width: 25%;
    margin: 15px 10px 15px 5px;
}
.allMakesAllImage {
    height: 30px;
    display: grid;
    float: left;
    /*background: url(https://www.imotors.com/Content/images/make_logo_w2_b.png) no-repeat 0 0px;*/
    background: url(images/car1.png) no-repeat 0 0;
    background-size: 100%;
    width: 60px;
    margin: 15px 10px 15px 5px;
}
.allMakesAcura { 
    background-position: 0px 0px;
}
.allMakesAudi { 
    background-position: 0px -29px;
}
.allMakesBmw { 
    background-position: 0px -56px;
}
.allMakesBuick { 
    background-position: 0px -84px;
}
.allMakesCadillac { 
    background-position: 0px -112px;
}
.allMakesChevrolet { 
    background-position: 0px -141px;
}
.allMakesChrysler { 
    background-position: 0px -168px;
}
.allMakesDodge { 
    background-position: 0px -194px;
}
.allMakesFiat { 
    background-position: 0px -224px;
}
.allMakesFord { 
    background-position: 0px -252px;
}
.allMakesGenesis { 
    background-position: 0px -810px;
}
.allMakesGmc { 
    background-position: 0px -280px;
}
.allMakesHonda { 
    background-position: 0px -308px;
}
.allMakesHyundai { 
    background-position: 0px -335px;
}
.allMakesInfiniti { 
    background-position: 0px -364px;
}
.allMakesJaguar { 
    background-position: 0px -420px;
}
.allMakesJeep { 
    background-position: 0px -446px;
}
.allMakesKia { 
    background-position: 0px -476px;
}
.allMakesLandRover { 
    background-position: 0px -503px;
}
.allMakesLexus { 
    background-position: 0px -531px;
}
.allMakesLincoln { 
    background-position: 0px -558px;
}
.allMakesMazda { 
    background-position: 0px -587px;
}
.allMakesMercerdes { 
    background-position: 0px -615px;
}
.allMakesMini { 
    background-position: 0px -673px;
}
.allMakesMitsubishi { 
    background-position: 0px -699px;
}
.allMakesNissan { 
    background-position: 0px -728px;
}
.allMakesPorsche { 
    background-position: 0px -755px;
}
.allMakesRam { 
    background-position: 0px -782px;
}
.allMakesSmart { 
    background-position: 0px -979px;
}
.allMakesSubaru { 
    background-position: 0px -841px;
}
.allMakesToyota { 
    background-position: 0px -895px;
}
.allMakesVolkswagen { 
    background-position: 0px -922px;
}
.allMakesVolvo { 
    background-position: 0px -951px;
}
.states a {
    color: #0c317a;
    font-family: Rokkitt;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    letter-spacing: -0.1px;
}
    .states li a:hover {
        color:#ff3434;
    }
.footerGridContainer {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    background:#0c317a;
    justify-items:center;
}
.footerLocation {
    grid-area: 1/1/2/7;
    background: #ffffff;
    padding: 10px;
    width: 100vw;
    display: grid;
    justify-items: center;
    display: none;
}
.footerLocation .spanLogos{
     color: #0c317a;
     margin-top: 50px;
}
.footerLocation .states{
    text-align:center;
    width:899px;
    margin-bottom:25px;
}
.footerLocation ul.states li.main-states a{
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.5px;
}
.footerLogo {
    grid-area: 2/1/2/4;
    padding: 53px 0px 0px 10px;
}
.footerCompanyInfo {grid-area: 2/4/2/5;padding: 40px 0px 0px 0px;width: 100%;height: 203px;color: #ffffff;font-family: Rokkitt;font-size: 16px;}
.footerList li {
    color:#ffffff;
    font-weight: 700;
    padding: 12px 0;
}
.footerList li.light-text{
    font-weight: 100;
}
.aTag {
text-decoration: underline;
    width: 190px;
    height: auto;
    color: #ffffff;
    font-family: Rokkitt-bold;
    font-size: 18px;
    /* font-weight: 700; */
    /* line-height: 44px; */
    text-decoration: none;
    letter-spacing: -0.3px;
    font-family: Rokkitt;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    /* line-height: 2.44; */
    letter-spacing: -0.3px;
    color: #ffffff;
}
.footerLinks {
    grid-area: 2/5/2/6;
    padding: 40px 0px 0px 40px;
    font-size: 16px;
    letter-spacing: -0.3px;
    width: 100%;
    height: auto;
}
.footerLinks .footerList .aTag{
    text-decoration: none;
}
.footerList .aTag:hover{
    text-decoration: underline;
}
/* start toggle */
button:focus{
    outline:none;
}
.can-toggle {
  position: relative;
  display: inline-block;
  padding: 0rem .2rem .8rem 1.2rem;
  float: left;
  margin-right: 8px;
  width: 134px;
  height: 45px;
}
.can-toggle *, .can-toggle *:before, .can-toggle *:after {
  box-sizing: border-box;
}
.can-toggle input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 134px;
  height: 45px;
}
.can-toggle input[type="checkbox"][disabled] ~ label {
  pointer-events: none;
}
.can-toggle input[type="checkbox"][disabled] ~ label .can-toggle__switch {
  opacity: 0.4;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before {
  content: attr(data-unchecked);
  left: 0;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  content: attr(data-checked);
}
.can-toggle label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  display: flex;
  align-items: center;
}
.can-toggle label .can-toggle__label-text {
  flex: 1;
  padding-left: 32px;
}
.can-toggle label .can-toggle__switch {
  position: relative;
}
.can-toggle label .can-toggle__switch:before {
  content: attr(data-checked);
  position: absolute;
  top: 0;
  text-transform: uppercase;
  text-align: center;
}
.can-toggle label .can-toggle__switch:after {
  content: attr(data-unchecked);
  position: absolute;
  z-index: 5;
  text-transform: uppercase;
  text-align: center;
  background: #96DEE2;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-appearance:none;
}
.can-toggle input[type="checkbox"][disabled] ~ label {
  color: rgba(119, 119, 119, 0.5);
  -webkit-appearance:none;
}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch {
  background-color: #fff;
}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  color:#fff;
}
.can-toggle input[type="checkbox"]:hover ~ label {
  color: #6a6a6a;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch {
  background-color:#fff;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  color: #fff;
}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {
  background-color:#fff;
}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  color: #fff;
}
.can-toggle label .can-toggle__label-text {
  flex: 1;
}
.can-toggle label .can-toggle__switch {
  transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  background: #fff;
}
.can-toggle label .can-toggle__switch:before {
  color: #9b9b9b;
}
.can-toggle label .can-toggle__switch:after {
  transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  color: #fff;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  -webkit-transform: translate3d(65px, 0, 0);
          transform: translate3d(65px, 0, 0);
}
.can-toggle label {
  font-size: 14px;
  height: 45px;
}
.can-toggle label .can-toggle__switch {
  height: 45px;
  flex: 0 0 134px;
}
.can-toggle label .can-toggle__switch:before {
  left: 67px;
  font-size: 14px;
  line-height: 45px;
  width: 67px;
  padding: 0 12px;
}
.can-toggle label .can-toggle__switch:after {
  top: 2px;
  left: 2px;
  width: 65px;
  line-height: 41px;
  font-size: 14px;
}
.quickSearchDropdown select, .quickSearchDropdown input[type=tel].location{
    border:none;
}
#MakeDDL{
    float: none;
}
/* End Toggle */
/* logo position */
.topMakesAllImage{
    background-size:72%;
    background-color: #fff;
}
.topMakesFord {
    background-position: center -0.2%;
}
.topMakesVolkswagen {
    background-position: center 2.8%;
}
.topMakesNissan {
    background-position: center 5.5%;
}
.topMakesChrysler {
    background-position: center 8.2%;
}
.topMakesJeep {
    background-position: center 11%;
}
.topMakesChevrolet {
    background-position: center 27.8%;
}
.topMakesBmw {
    background-position: center 19.4%;
}
.topMakesMazda {
    background-position: center 64.2%;
}
.topMakesSubaru {
    background-position: center 86.4%;
}
.topMakesHonda {
    background-position: center 39%;
}
.topMakesToyota {
    background-position: center 92%;
}
.topMakesKia {
    background-position: center 53%;
}
/* logo position end */
.footer-border-right{
    grid-area: 2/3/2/4;
    width: 1px;
    height: 50%;
    background-color: #ff3434;
    margin-top: 50px;
}
.slider-container.theme-blue{
    width: 694px;
    margin: 0 auto;
}
.slider-container.theme-blue .back-bar .selected-bar{
    width: 45px; left: 0px;
}
.slider-container.theme-blue .back-bar .pointer.low{
    left: -6px;
}
.slider-container.theme-blue .back-bar .pointer-label.low{
    left: 0px;
}
.slider-container.theme-blue .back-bar .pointer.high{
    left: 39px;
}
.slider-container.theme-blue .back-bar .pointer-label.high{
    left: 44.55px;
}
.slider-container.theme-blue button.btn.findCarsPrice{
    margin-top:30px;
}
.nav-body{
    display:grid; 
    padding-left:120px;
    grid-template-columns: repeat(7,1fr); 
    grid-column-gap:35px;
}
.filters section .search-type{
    width: 12%;
    position:relative;
    height: auto;
    display: inline-block;
}
.filters section .search-type span{
    width: 80px;
    height: auto;
    display: inline-block;
}
.filters section .search-type span.type-title{
    padding:0;
    text-align:center;
}

.filters section .search-type:hover span.type-title{
    color:#96DEE2;
}
.filters section .search-type .sedan{background:url(images/sedan.png) center bottom no-repeat;}
.filters section .search-type .truck{background:url(images/truck.png) center bottom no-repeat;}
.filters section .search-type .suv{background:url(images/suv.png) center bottom no-repeat;}
.filters section .search-type .minivan{background:url(images/minivan.png) center bottom no-repeat;}
.filters section .search-type .wagon{background:url(images/wagon.png) center bottom no-repeat;}
.filters section .search-type .coupe{background:url(images/coupe.png) center bottom no-repeat;}
.filters section .search-type .convertible{background:url(images/convertible.png) center bottom no-repeat;}

.footerLogo img{
    background-size: cover;
    width: 140px;
}

@media screen and (min-width:46.8rem) {
    body, html {
        font-size: 1em;
    }
    .fixed {
        top: auto;
        height: auto;
        bottom: 0;
    }
/*    .header-main, .home-main, .home-sub, .main, .panel-footer .section, .panel-footer-sub .section {
        width: 66rem;
    }*/
}
@media screen and (min-width:46.8rem) {
    .vehicle-info .btn-second {
        width: 16.66667%;
    }
    .nav-body, .panel-footer .nav, .priceMiles .checkSubmit, .result .priceMiles, .sort {
        width: 25%;
    }
    .header-main .icon-mc-split, .header-main a[class*="-logo"], .nav-make a, .nav-mpg, .nav-price, .sideBar, .vehicle-info .checkSubmit, .vehicleThumbs {
        width: 33.33333%;
    }
    .nav-make, .result .vehImg {
        width: 41.66667%;
    }
    .panel-footer .states, .panel-vInfo ul li, .vehicleThumbs li {
        width: 50%;
    }
    .result .vehicle h3, .result .vehicle p {
        width: 58.33333%;
    }
    .content, .panel-gallery > .vehImg {
        width: 66.66667%;
    }
    .result .vehicle {
        width: 75%;
    }
    .result .priceMiles .btn {
        width: 83.33333%;
    }
    .result .priceMiles > p {
        width: 100%;
    }
    .home-main span {
        width: 3.84615%;
    }
    .home-main .btn {
        width: 11.53846%;
    }
    .home-main .location, .home-main .year, .home-main .switch {
        width: 15.38462%;
        bottom: 0px;
    }
    .home-main .mm {
        width: 23.07692%;
        bottom: 0px;
    }
    .home-main .openInput {
        width: 46.15385%;
    }
    .result h3 {
        padding-top: 0;
    }
    .sideBar .panel {
        padding-top: 1.6rem;
    }
    .home-main {
        padding-top: 6.4rem;
    }
    .vehicleThumbs {
        padding-right: 0;
    }
    .sideBar .panel {
        padding-right: 1.6rem;
    }
    .vehicleThumbs {
        padding-bottom: 0;
    }
    .sideBar .panel {
        padding-bottom: 1.6rem;
    }
    .home-main {
        padding-bottom: 6.4rem;
    }
    .result .priceMiles > p {
        padding-left: 0;
    }
    .sideBar .panel {
        padding-left: 1.6rem;
    }
    .vehicle-info .cDealer {
        margin-top: .8rem;
    }
    .result .priceMiles .h4, .result .vehicle h3 {
        margin-top: 1.6rem;
    }
    .fixfixed .overlay, .fixfixed .sideBar:after, .fixfixed body.loading:before {
        position: fixed;
    }
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dppx) {
    select {
        background-image: url(../images/arrow-o.svg);
        background-image:url(images/new_arrow_down.png); /* Temporary */
    }
}
@media only screen and (max-device-width:740px) and (orientation:portrait) {
    .mobileOr {
        display: -webkit-flex;
        display: flex;
    }
}
@media screen and (min-width:46.8rem) {
    .compVeh.key {
        display: block;
    }
}
@media screen and (min-width:46.8rem) {
    .panel-footer-sub .section small {
        width: auto;
    }
}
@media screen and (min-width:46.8rem) {
    .header-main .icon-mc-split, .header-main a[class*="-logo"] {
        font-size: 2rem;
        margin-left: 0;
    }
}
@media screen and (max-width:46.8rem) {
    ul.menu.active {
        background-color: #0f3760;
        width: 100%;
    }
        ul.menu.active li {
            display: inline-block;
            width: 32%;
        }
            ul.menu.active li a {
                width: 100%;
                text-align: center;
            }
}
@media screen and (min-width:46.8rem) {
    ul.menu li.mobBtn {
        display: none;
    }
}

@media screen and (min-width:46.8rem) {
    ul.menu li {
        display: inline-block;
    }
}
@media screen and (max-width:46.8rem) {
    .home-main span {
        display: none;
    }
}
@media screen and (min-width:46.8rem) {
    .priceMiles .checkSubmit {
        height: 100%;
    }
}
@media screen and (min-width:46.8rem) {
    .content {
        box-shadow: 0 0 .2rem rgba(0,0,0,.2),0 0 .2rem rgba(255,255,255,.4)inset;
    }
}
@media screen and (min-width:46.8rem) {
    .sideBar {
        background: 0 0;
    }
}
@media screen and (min-width:46.8rem) {
    .sideBar .panel:nth-child(1) {
        background: 0 0;
        box-shadow: none;
    }
}
@media screen and (min-width:46.8rem) {
    .sideBar .panel {
        background: 0 0;
    }
}
@media screen and (min-width:46.8rem) {
    .sideBar {
        position: relative;
        right: auto;
    }
        .sideBar:after {
            display: none;
        }
        .sideBar .panel {
            left: auto;
        }
}
@media screen and (min-width:46.8rem) {
    .sort {
        background-color: #fff;
        border: .1rem solid #c9cdd0;
        text-indent: 0;
    }
}
@media screen and (min-width:46.8rem) {
    .result .vehImg {
        height: 10rem;
    }
}
@media screen and (min-width:46.8rem) {
    .panel-top .vehImg {
        height: 13rem;
    }
}
@media screen and (min-width:46.8rem) {
    .panel-gallery > .vehImg, .vehicleThumbs {
        height: 22rem;
    }
}
@media screen and (min-width:46.8rem) {
    .result {
        font-size: 1rem;
    }
}
@media screen and (min-width:46.8rem) {
    .result .vehicle {
        border-right: .1rem solid #c9cdd0;
    }
}

@media screen and (min-width:46.8rem) {
    .result .vehicle h3 {
        font-size: 110%;
    }
}
@media screen and (min-width:46.8rem) {
    .result .vehicle p {
        font-size: 90%;
    }
}
@media screen and (min-width:26rem) {
    .result .vehImg, .vehicleThumbs li {
        width: 33.33333%;
    }
    .vehicleThumbs {
        width: 41.66667%;
    }
    .panel-gallery > .vehImg {
        width: 58.33333%;
    }
    .result h3 {
        padding-top: 1.6rem;
    }
    .sideBar .panel {
        padding-right: 5.6rem;
    }
    .result .vehicle .mini {
        margin-left: 1.2rem;
    }
    .result .vehicle h3 {
        margin-top: 0;
    }
    .result .vehImg {
        height: 12rem;
    }
    .vehicleThumbs {
        overflow-x: scroll;
    }
    .vehicleThumbs .vehImg {
        height: 5.25rem;
    }
    .panel-gallery > .vehImg, .vehicleThumbs {
        height: 16.9rem;
    }
    .result {
        font-size: 1rem;
    }
    .result .vehicle {
        padding-bottom: 0;
    }
}
@media screen and (min-width:26rem) {
    .result .vehicle .mini {
        border-bottom-width: .1rem;
    }
}
@media screen and (min-width:26rem) {
    .result .vehicle .mini {
        position: relative;
    }
}
@media screen and (min-width:46.8rem) {
    .result .priceMiles {
        text-align: center;
    }
}
@media screen and (min-width:46.8rem) {
    .result .priceMiles > p {
        background-color: transparent;
    }
}
@media screen and (min-width:46.8rem) {
    .result .priceMiles .btn {
        border-radius: .2rem;
        text-align: center;
    }
}
@media screen and (min-width:26rem) {
    .vehicleThumbs li {
        padding: 0 0 2% 2%;
    }
}
@media screen and (min-width:46.8rem){.panel-footer .states{/*width:75%;*/}}


/*responsive-test start*/
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
@media screen and (max-width: 1024px) {
    .quickSearchDropdown{
        padding: 0;
    }
    .quickSearchDropdown .mm{
        margin-left: 8px;
    }
    .can-toggle{
        display: block;
        width: 150px;
    }
    .footer-border-right {
        margin-top: 30%;
    }
}
@media screen and (max-width: 801px){
    [class*="col-"] {
        width: 100%;
    }
}
@media screen and (max-width: 801px) {
  /* For mobile phones: */
    .grid-container {
      width:100%;
      display: block;
    }
    .bgImage{
        width:100%;
        max-width:768px;
        height: 240px;
        grid-area: 4/3/4/7;
        padding: 20px 0;
    }
    .bgImage h1{
        margin:0 auto;
        width:80%;
        padding:30px 0;
    }
    .quickSearchDropdown{
        padding:0 3%;
    }
    .quickSearchContainer {
        grid-template-columns: repeat(1, 1fr);
        min-width: 768px;
        height: auto;
        grid-area: 5/4/10/5;
        padding: 20px 2%;
    }
    .topMakes {
        display: grid;
        padding: 0px 2%;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1px;
    }
    .topMakesAllImage {
        margin: 1px 0px;
        width: 100%;
        background-size: 50%;
    }
    .can-toggle, .quickSearchDropdown .mm,.quickSearchDropdown input[type=tel].location{
        width: 100%;
        margin: 0 auto 20px;
        float: none;
    }
    .quickSearchDropdown span{
        display: none;
    }
    .can-toggle label .can-toggle__switch {
        margin: 0 auto;
    }

    .quickSearchDropdown {
        padding: 0;
    }
    .quickSearchDropdown input[type=tel].location{
        text-align:center;
    }
    .filters {
        grid-area: 10/4/10/5;
        width: 100%;
    }
    .filters button{
        margin:30px auto 0;
    }
    .filters section .search-type{
        width: 20%;
        padding-bottom: 10px;
    }
    .grid-container .searchByMake {
        grid-area: 11/4/11/5;
        padding: 20px 0%;
        width: 100%;
    }
    .slider-container.theme-blue{
        width:586px !important;
    }
    .allMakes {
        display: grid;
        padding: 25px 0px 5px 0px;
        grid-template-columns: repeat(1,1fr);
        /* grid-template-rows: repeat(9, 1fr); */
        grid-gap: 1px;
    }
    .allMakesName{
        width: 100%;
        min-width: 300px;
        padding-left: 90px;
    }
    .allMakes ul{
        grid-template-columns: repeat(1,1fr);
        width:100%;
        padding:0 2%;
    }
    .allMakes ul li{
        width:100%;
        height: 60px;
        margin: 0;
        background-color: #fff;
        border-bottom: 1px solid #eaeaea;
        padding-left: 20px;
    }
    .allMakes ul li:hover .allMakesName, .allMakes ul li:active .allMakesName{
        color:#0c317a;
    }
    .footer-border-right {
        margin-top: 40%;
    }
    .footerCompanyInfo, .footerLinks{
        padding-top:20px;
    }
}
@media screen and (min-width: 35.5em){

}
/*responsive-test end*/

/*test nav start*/
/* Add a black background color to the top navigation */
.topnav {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 29px;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #0c317a;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  color:#96DEE2;
}

/* Add an active class to highlight the current page */
.active {
  /* background-color: #4CAF50; */
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 601px) {
    .header-main{
        width:100%;
    }
  .topnav a:not(:last-child) {display: none;}
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
    margin: 39px 20px 0 0;
  }
  .topnav a.icon{
    background: url(images/menu-hm.png) no-repeat center center;
    width: 30px;
    height: auto;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 601px) {
  .topnav.responsive {
      position: absolute;
      background: #fff;
      z-index: 999;
      width: 100%;
      padding-bottom: 50px;
      padding-top: 80px;
      }
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    line-height: 20px;
  }
}
/*test nav end*/
@media screen and (max-width: 601px) {
    .bgImage {
        max-width: 601px;
        grid-area: unset;
        height: auto;
        float: left;
        width: 100%;
        display: block;
    }
    .bgImage h1 {
        width: 90%;
        font-size:40px;
    }
    .grid-container > div.quickSearchContainer {
        min-width: unset;
        grid-area: unset;
        padding: 20px 4% 40px;
        max-width: 601px;
        width: 100%;
    }
    .filters {
        grid-area: unset !important;
        width: 100%;
    }
    .slider-container.theme-blue {
        width: 100% !important;
    }
    .filters section .search-type{
        width:23%;
        padding-bottom: 10px;
    }
    .filters button{
        margin:15px auto 0;
    }
    .grid-container .searchByMake{
        grid-area: unset;
        display: block;
        width: 100%;
    }
    .topMakesAllImage {
        background-size: 64%;
    }
    .topnav{
        top: 0;
    }
    .footerLogo img{
        width: 80px;
    }
    .footer-border-right{
        height: 50%;
        margin-top: 70%;
        grid-area: 2/3/2/4;
    }
    .footerCompanyInfo{
        grid-area: 2/5/2/7;
        padding: 20px 0px 0px 0px;
        width: 183px;
        height: auto;
        color: #ffffff;
        font-family: Rokkitt;
        font-size: 16px;
        line-height: 27px;
    }
    .footerLinks {
        grid-area: 2/7/2/9;
    }
    .aTag {
        width: 100%;
        font-size: 16px;
        line-height: 46px;
    }
    .footerGridContainer {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        background: #0c317a;
        justify-items: center;
        padding-bottom: 20px;
    }
    .footerLogo {
        grid-area: 2/2/2/3;
    }
}
@media screen and (max-width: 480px){
    .header-main {
        width: 100%;
        height: 86px;
    }
    .header-main a img {
        width: 175px;
    }
    .topnav a.icon {
        margin: 30px 20px 0 0;
    }
    button.btn.toggleFilters{
        margin: 20px 0 0;
    }
    .grid-container > div.filters {
        padding: 20px 10%;
    }
    .filters section .search-type {
        width: 32%;
    }
    .filters button {
        margin: 25px auto 10px;
    }
    .topMakes {
        grid-template-columns: repeat(2, 1fr);
    }
    .topMakesAllImage{
        background-size: 68%;
    }
    .footerGridContainer {
        grid-template-columns: unset;
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 5% 0;
    }
    .footerLogo {
        grid-area: unset;
        display: block;
        padding: 10px 0;
        margin: 0 auto;
    }
    .footerLogo img{
        margin: 0 auto;
        display: block;
    }
    .footer-border-right {
        height: 1px;
        margin: 10px auto;
        grid-area: unset;
        width: 80%;
        border-bottom: 1px solid #ff3434;
    }
    .footerCompanyInfo,.footerLinks {
        grid-area: 2/1/2/10;
        width: 100%;
        margin: 0px auto;
        text-align: center;
        padding: 6% 0 0;
    }
    .aTag {
        font-size: 16px;
        line-height: 40px;
    }
    .panel-footer-sub .section {
        padding:0;
    }
    .footerLinks {
        padding:0 0 0;
    }
}
@media screen and (max-width: 375px){
    .topMakes 
    .topMakesAllImage {
        background-size: 80%;
    }
    .bgImage h1 {
        font-size: 32px;
    }
}

/*Sue's Code*/

/*all makes*/
.spanLogos {
    font-size: 16px;
    color: black;
    width: 185px;
    height: 17px;
    color: #0c317a;
    font-size: 15px;
    font-weight: 900;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
}
.allMakes {
    display: grid;
    padding: 25px 0 5px;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 1px;
    overflow: hidden;
    display: grid;
}
.allMakesName {
    text-align: center;
    padding-left: 70px;
    padding-top: 5px;
    font-size: 12px;
    color: #4A4A4A;
    width: 230px;
    text-align: left;
    float: left;
    width: 100%;
    padding: 90px 0 15px;
    padding-left: 0;
    text-align: center;
    text-transform: uppercase;
    cursor:pointer;
}
.allMakes ul li a:hover .allMakesName{
    color:#0c317a;
}
.allMakes ul{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-template-rows: repeat(6, 1fr);
}
.allMakes ul li {
    height: 40px;
    display: grid;
    float: left;
    background-size: 100%;
    width: 25%;
    margin: 15px 10px 15px 5px;
    margin: 0 1% 1% 0;
    height: 150px;
    background-color: #ffffff;
    display: block;
    width: 99%;
    padding: 30px 0 0;
}
.allMakesAllImage {
    height: 30px;
    display: grid;
    float: left;
    /*background: url(https://www.imotors.com/Content/images/make_logo_w2_b.png) no-repeat 0 0px;*/
    background: url(images/car1.png) no-repeat center 0;
    background-size: 92%;
    width: 60px;
    margin: 0;
    width: 100%;
    height: 64px;
}
/* Top logo position */
.topMakesAllImage{
	background-size: 100%;
}
.topMakesFord {
    background-position: center 0.25%;
}
.topMakesVolkswagen {
    background-position: center 3.1%;
}
.topMakesNissan {
    background-position: center 5.8%;
}
.topMakesChrysler {
    background-position: center 8.6%;
}
.topMakesJeep {
    background-position: center 11.4%;
}
.topMakesChevrolet {
    background-position: center 28%;
}
.topMakesBmw {
    background-position: center 19.765%;
}
.topMakesMazda {
    background-position: center 64.1%;
}
.topMakesSubaru {
    background-position: center 86.3%;
}
.topMakesHonda {
    background-position: center 39.2%;
}
.topMakesToyota {
    background-position: center 91.9%;
}
.topMakesKia {
    background-position: center 53.05%;
}
@media screen and (max-width: 801px){
    .topMakesAllImage{
        background-size: 64%;
        min-height: 150px;
        height: 150px;
    }
}

/*All logo position*/
.allMakesAcura {
    background-position: center 0px;
    background-position: center 0%;
}
.allMakesAudi {
    background-position: center -70px;
    background-position: center 2.7%;
}
.allMakesBmw {
    background-position: center -139px;
    background-position: center 5.5%;
}
.allMakesBuick {
    background-position: center -211px;
    background-position: center 8.3%;
}
.allMakesCadillac {
    background-position: center -279px;
    background-position: center 11%;
}
.allMakesChevrolet {
    background-position: center -356px;
    background-position: center 14%;
}
.allMakesChrysler {
    background-position: center -426px;
    background-position: center 16.8%;
}
.allMakesDodge {
    background-position: center -494px;
    background-position: center 19.5%;
}
.allMakesFiat {
    background-position: center -561px;
    background-position: center 22.2%;
}
.allMakesFord {
    background-position: center -632px;
    background-position: center 25%;
}
.allMakesGenesis {
    background-position: center -2038px;
    background-position: center 80.6%;
}
.allMakesGmc {
    background-position: center -704px;
    background-position: center 28%;
}
.allMakesHonda {
    background-position: center -775px;
    background-position: center 30.6%;
}
.allMakesHyundai {
    background-position: center -845px;
    background-position: center 33.4%;
}
.allMakesInfiniti {
    background-position: center -915px;
    background-position: center 36.2%;
}
.allMakesJaguar {
    background-position: center -1056px;
    background-position: center 41.8%;
}
.allMakesJeep {
    background-position: center -1126px;
    background-position: center 44.6%;
}
.allMakesKia {
    background-position: center -1192px;
    background-position: center 47.2%;
}
.allMakesLandRover {
    background-position: center -1263px;
    background-position: center 50%;
}
.allMakesLexus {
    background-position: center -1331px;
	background-position: center 52.6%;
}
.allMakesLincoln {
    background-position: center -1399px;
    background-position: center 55.4%;
}
.allMakesMazda {
    background-position: center -1472px;
    background-position: center 58.2%;
}
.allMakesMercerdes {
    background-position: center -1543px;
    background-position: center 61%;
}
.allMakesMini {
    background-position: center -1680px;
    background-position: center 66.4%;
}
.allMakesMitsubishi {
    background-position: center -1754px;
    background-position: center 69.4%;
}
.allMakesNissan {
    background-position: center -1823px;
    background-position: center 72%;
}
.allMakesPorsche {
    background-position: center -1895px;
    background-position: center 74.8%;
}
.allMakesRam {
    background-position: center -1963px;
    background-position: center 77.6%;
}
.allMakesSmart {
    background-position: center -2452px;
    background-position: center 80.4%;
}
.allMakesSubaru {
    background-position: center -2101px;
    background-position: center 83%;
}
.allMakesToyota {
    background-position: center -2249px;
    background-position: center 88.8%;
}
.allMakesVolkswagen {
    background-position: center -2316px;
    background-position: center 91.4%;
}
.allMakesVolvo {
    background-position: center -2385px;
    background-position: center 94.2%;
}

@media screen and (max-width: 801px){
	.allMakes ul {
        display: grid;
        padding: 0px 0%;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1px;
        grid-template-rows: repeat(11, 1fr);
    }
    .allMakesAllImage {
        height: 30px;
        display: grid;
        float: left;
        background-size: 68%;
        width: 60px;
        margin: 0;
        width: 100%;
        height: 68px;
    }
    .allMakes {
        display: grid;
        padding: 25px 2%;
        grid-template-columns: repeat(1,1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-gap: 1px;
    }
    .allMakes ul li {
        height: 150px;
        padding: 20px 0 0;
    }
    .allMakesName{
        min-width:unset;
    }
}
@media screen and (max-width: 480px){
    .topMakesAllImage,.allMakesAllImage {
        background-size: 77%;
    }
    .allMakes ul {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 375px){
        .topMakes .topMakesAllImage,.allMakesAllImage {
        background-size: 100%;
    }
}