/* Minification failed. Returning unminified contents.
(2244,34): run-time error CSS1046: Expect comma, found '0'
(2244,38): run-time error CSS1046: Expect comma, found '/'
(2264,35): run-time error CSS1046: Expect comma, found '0'
(2264,39): run-time error CSS1046: Expect comma, found '/'
 */
/*!

 * Global Template Styles

 */

/*test check in*/

body {
    font-family: Verdana, Arial, sans-serif;
    text-rendering: optimizeLegibility;
}



p {
    margin-bottom: 15px;
}



legend {
    border: none;
    color: inherit;
}



img {
    max-height: 100%;
    max-width: 100%;
}



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



/* FONTS */

@font-face {
    font-family: H-DLetterpress;
    src: url(/Content/fonts/H-DLetterpress.woff2) format("woff2"), url(/Content/fonts/H-DLetterpress.woff) format("woff"), url(/Content/fonts/H-DLetterpress.ttf) format("truetype");
    font-display: swap
}



@font-face {
    font-family: freedommachine;
    src: url(/Content/fonts/freedommachine-regular.woff) format("woff");
    font-display: swap
}



@font-face {
    font-family: freedommachinelight;
    src: url(/Content/fonts/freedommachinelight-regular.woff) format("woff"), url(/Content/fonts/freedommachinelight-regular.ttf) format("truetype");
    font-display: swap
}



@font-face {
    font-family: CheddarGothicHD-Regular;
    src: url(/Content/fonts/CheddarGothicHD-Regular.woff2) format("woff2"), url(/Content/fonts/CheddarGothicHD-Regular.woff) format("woff"), url(/Content/fonts/CheddarGothicHD-Regular.ttf) format("truetype");
    font-display: swap
}



@font-face {
    font-family: IMCScript;
    src: url(/Content/fonts/IMCScript.woff2) format("woff2"), url(/Content/fonts/IMCScript.woff) format("woff"), url(/Content/fonts/IMCScript.ttf) format("truetype");
    font-display: swap
}



@font-face {
    font-family: AgencyB;
    src: url(/Content/fonts/AGENCYB.woff) format("woff");
    font-display: swap
}



@font-face {
    font-family: RockwellStd;
    src: url(/Content/fonts/RockwellStd.otf) format('opentype');
    font-display: swap
}



@font-face {
    font-family: RockwellStd-Bold;
    src: url(/Content/fonts/RockwellStd-Bold.otf) format('opentype');
    font-display: swap
}



@font-face {
    font-family: Knockout-29JuniorLightwt;
    src: url(/Content/fonts/Knockout-29JuniorLtweight.otf) format("opentype");
    font-display: swap
}



@font-face {
    font-family: Knockout-28JuniorFeatherwt;
    src: url(/Content/fonts/Knockout-28JuniorFeathrwt.otf) format("opentype");
    font-display: swap
}

@font-face {
    font-family: DCCAsh;
    src: url(/Content/fonts/DCC-Ash.otf) format("opentype");
    font-display: swap
}



@font-face {
    font-family: HobokenHighExtra;
    src: url(/Content/fonts/HobSnEx_.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: FranklinGothic;
    src: url(/Content/fonts/FranklinGothic.ttf) format("truetype");
    font-display: swap
}




@font-face {
    font-family: HobokenHigh;
    src: url(/Content/fonts/HobSn___.ttf) format("truetype");
    font-display: swap
}



@font-face {
    font-family: SadKat;
    src: url(/Content/fonts/SadKropotkinLaugh.woff2) format("woff2");
    font-display: swap
}





@font-face {
    font-family: Amerigo;
    src: url(/Content/fonts/Amerigo.woff) format("woff");
    font-display: swap
}



@font-face {
    font-family: AmerigoItalic;
    src: url(/Content/fonts/Amerigo-Italic.woff) format("woff");
    font-display: swap
}



@font-face {
    font-family: DINPro;
    src: url(/Content/fonts/DINPro.woff2) format("woff2");
    font-display: swap
}



@font-face {
    font-family: DINPro-Italic;
    src: url(/Content/fonts/DINPro-Italic.otf) format('opentype');
    font-display: swap
}



@font-face {
    font-family: DINPro-Bold;
    src: url(/Content/fonts/DINPro-Bold.otf) format('opentype');
    font-display: swap
}



@font-face {
    font-family: DINPro-Bold-Condensed;
    src: url(/Content/fonts/DINPro-Bold-Condenced.woff2) format('woff2');
    font-display: swap
}



@font-face {
    font-family: DINPro-Bold-Cd;
    src: url(/Content/fonts/DINPro-CondensedBold.woff2) format('woff2');
    font-display: swap
}



/* HEADER */

header.body {
    margin-bottom: 25px;
}



#brand-box {
    margin: 20px 0;
    white-space: nowrap;
}



    #brand-box .brand {
        display: inline-block;
        vertical-align: middle;
        white-space: normal;
        width: 50%;
    }



        #brand-box .brand.text a {
            font-size: 36px;
            text-decoration: none;
        }



    #brand-box .info {
        display: inline-block;
        font-size: 18px;
        line-height: 22px;
        text-align: right;
        vertical-align: middle;
        white-space: normal;
        width: 50%;
    }



        #brand-box .info .phone {
            margin-top: 6px;
        }



.navbar {
    margin-bottom: 0;
}



@media (max-width: 767px) {

    header.body {
        width: 100%;
        z-index: 2040;
        min-height: 65px;
    }



    #brand-box {
        left: 0;
        margin: 0;
        max-width: 80%;
        position: absolute;
        top: 0;
        white-space: normal;
        z-index: 1;
    }



        #brand-box .info {
            display: none;
        }



    #main-nav .navbar-brand {
        font-size: 18px;
        height: 46px;
        margin: 8px 0;
        max-width: 80%;
        padding: 5px 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }



        #main-nav .navbar-brand.text {
            line-height: 37px;
        }



    #main-nav-collapse {
        position: relative;
        z-index: 1039;
    }
}







/* MAIN NAVIGATION */

#main-nav .navbar-toggle {
    font-size: 24px;
    padding: 5px 10px;
}



#main-nav li.dropdown.open ul {
    border-top-color: #eee;
}



#main-nav .dropdown-menu > li > a:hover, #main-nav .dropdown-menu > li > a:focus {
    background-color: #f0f0f0;
}



.vdpinquiryheader {
    /*font-size: large;*/
    margin-bottom: 5px;
    font-weight: bold;
}



#main-nav .dropdown-menu > li > a {
    padding-bottom: 8px;
    padding-top: 8px;
}



@media (max-width: 768px) {

    .VDPMainImageContainer {
        height: 240px;
    }



    #myCarousel {
        height: 250px;
        padding-top: 7px;
    }



    .carousel-inner > .item > img {
        max-height: 220px;
    }



    .item .thumb img {
        max-height: 60px;
        float: left;
    }



    #main-nav li.dropdown.open ul {
        padding: 0;
    }
}



@media (min-width: 768px) and (max-width: 991px) {

    #main-nav .nav > li > a {
        font-size: 12px;
        padding-left: 14px;
        padding-right: 14px;
    }



    .social-media-icons {
        display: none;
    }
}



@media (min-width: 768px) {

    ul.nav.navbar-nav > li:last-child ul {
        position: absolute;
        left: auto;
        right: 0;
    }



    #main-nav .nav li:hover > ul {
        display: block;
    }
}



@media (max-width: 767px) {

    .sitemap li {
        padding: 20px 0;
    }
}





/* CONTENT */

#content-container > h1, #content-container .container > h1, #content-container [class*=col-] > h1 {
    font-size: 32px;
    margin-top: 0;
}



#vdp-container {
    margin-top: 15px;
}



@media (max-width: 767px) {

    #content-container > h1, #content-container .container > h1, #content-container [class*=col-] > h1 {
        font-size: 26px;
    }
}







/* BILLBOARDS */

.widget-Billboard h1 {
    margin: 0;
}



.widget-Billboard .carousel-inner {
    background-color: rgba(0, 0, 0, 0.6);
}



    .widget-Billboard .carousel-inner > .item img {
        height: auto;
        max-height: 470px;
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
    }



.widget-Billboard .carousel-control {
    height: 32px;
    width: 32px;
    top: calc(50% - 16px);
    border-radius: 100%;
    background: #777;
    box-sizing: border-box;
    color: #fff;
}



    .widget-Billboard .carousel-control.left {
        left: 0;
    }



    .widget-Billboard .carousel-control.right {
        right: 0;
    }



    .widget-Billboard .carousel-control .glyphicon {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
        margin: 0;
        position: relative;
        top: calc(50% - 16px);
    }



    .widget-Billboard .carousel-control .glyphicon-chevron-left {
        left: 0;
    }



    .widget-Billboard .carousel-control .glyphicon-chevron-right {
        right: 0;
    }





.widget-Billboard .carousel-btn {
    cursor: pointer;
}



.full-width .widget-Billboard .carousel-inner > .item img {
    height: auto;
    max-height: 100%;
}



@media (min-width: 768px) {

    .widget-Billboard .carousel-caption {
        background-color: rgba(0,0,0,0.6);
        bottom: 35px;
        padding: 20px;
    }



    .widget-Billboard h2, .widget-Billboard h3 {
        font-size: 28px;
        font-weight: normal;
        margin: 15px 0 0;
    }



    .widget-Billboard .carousel-indicators {
        bottom: -4px;
    }



    .widget-Billboard .carousel-control {
        height: 60px;
        width: 60px;
        top: calc(50% - 30px);
    }



        .widget-Billboard .carousel-control.left {
            left: 15px;
        }



        .widget-Billboard .carousel-control.right {
            right: 15px;
        }



        .widget-Billboard .carousel-control .glyphicon {
            width: 60px;
            height: 60px;
            line-height: 60px;
            font-size: 30px;
            top: calc(50% - 30px);
        }
}



@media (min-width: 768px) and (max-width: 991px) {

    .widget-Billboard .carousel-inner > .item img {
        max-height: 400px;
    }
}



@media (max-width: 767px) {

    .widget-Billboard .carousel-inner {
        position: relative;
    }



    .widget-Billboard .billboard-caption {
        background-color: rgba(0,0,0,0.4);
        bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        left: 0;
        padding: 10px;
        right: 0;
        top: 0;
    }



    .widget-Billboard h1, .widget-Billboard h2, .widget-Billboard h3 {
        font-size: 22px;
        margin: 0;
    }



    .widget-Billboard h2, .widget-Billboard h3 {
        font-weight: normal;
        margin-top: 10px;
    }



    .widget-Billboard .carousel-indicators {
        bottom: -10px;
    }
}







/* FEATURED VEHICLES */

.featured-vehicles h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 40px 0 10px;
    text-align: center;
}



.featured-vehicles .vehicle {
    float: left;
    margin: 0 20px 0 0;
    text-align: center;
    background-color: #111;
    font-family: Arial, sans-serif;
}



    .featured-vehicles .vehicle.last {
        margin-right: 0;
    }

    /* for IE8 */

    .featured-vehicles .vehicle:last-child {
        margin-right: 0;
    }



    .featured-vehicles .vehicle a {
        display: block;
        width: 172px;
        height: 172px;
    }



        .featured-vehicles .vehicle a:hover {
            text-decoration: none;
        }



    .featured-vehicles .vehicle span.name {
        display: block;
        max-height: 65px;
        padding: 8px;
        font-size: 12px;
        line-height: 15px;
    }



    .featured-vehicles .vehicle span.price {
        display: block;
        padding: 6px 0 0;
        font-size: 15px;
        font-size: 15px;
    }



.featured-vehicles img {
    width: 100px;
}



.featured-vehicles .indicators-wrapper {
    position: relative;
    float: left;
    left: 50%;
}



.featured-vehicles .carousel-indicators {
    position: relative;
    float: left;
    left: -18%;
    right: auto;
    bottom: -8px;
    width: 200px;
}



    .featured-vehicles .carousel-indicators li:not(.active) {
        background-color: rgba(0, 0, 0, 0.3);
    }



    .featured-vehicles .carousel-indicators li:not(:first-child) {
        margin-left: 7px;
    }



.featured-vehicles .carousel-control {
    top: 33%;
    left: -15px;
    width: 35px;
    height: 35px;
    border: 3px solid #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    font-size: 46px;
    line-height: 21px;
    font-weight: 100;
    text-align: center;
    background: #222;
    opacity: 0.5;
    filter: alpha(opacity=50);
}



    .featured-vehicles .carousel-control:hover {
        opacity: 0.8;
        filter: alpha(opacity=50);
    }



    .featured-vehicles .carousel-control.right {
        right: -15px;
        left: auto;
    }



.featured-vehicles .outer-wrapper {
    position: relative;
    float: left;
    left: 50%;
}



.featured-vehicles .inner-wrapper {
    position: relative;
    float: left;
    left: -50%;
}





/*  UPCOMING EVENTS WIDGET  */

[id^='UpcomingEventsScheduler'] .k-scheduler-toolbar {
    display: none;
}



[id^='UpcomingEventsScheduler'] .k-scheduler-timecolumn {
    display: none;
}



/* INVENTORY */



/* Hide accessories-line by default - show per dealer request */

.accessories-line {
    display: none;
}



.reset-zoom {
    display: none;
    position: absolute;
    top: 15px;
    left: 30px;
    z-index: 100;
}



.inventory-container .toolbar {
    margin-bottom: 0;
    padding: 4px 10px;
    font-size: 12px;
    color: #333;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow-x: auto;
}



    .inventory-container .toolbar select {
        color: #333;
        font-size: 12px;
        line-height: 12px;
        padding: 2px;
    }



.inventory-container .vehicles {
    position: relative;
    box-sizing: border-box;
}



    .inventory-container .vehicles .k-widget * {
        box-sizing: border-box;
    }



#vehicleList {
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row;
    -ms-flex-wrap: wrap;
    background-color: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
}



    #vehicleList > div {
        flex: 0 0 100%;
    }



@media (min-width: 768px) {

    #vehicleList > div {
        flex: 0 0 50%;
        -ms-flex: 0 0 auto;
    }
}



@media (min-width: 992px) {

    #vehicleList > div {
        flex: 0 0 33.333%;
        -ms-flex: 0 0 auto;
    }
}



/*.inventory-container .k-listview { border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }*/

/*.inventory-container .vehicle { border: solid 1px #e3e3e3; border-top: none; font-size: 12px; line-height: 18px; overflow: visible; padding: 15px 8px; position: relative; }*/

.inventory-container .vehicle {
    margin-bottom: 30px;
}



    .inventory-container .vehicle .title a {
        vertical-align: middle;
    }



    .inventory-container .vehicle:last-child {
        border-bottom: none;
    }



    .inventory-container .vehicle .title .label {
        display: inline-block;
        font-size: 10.5pt;
        padding: 4px 6px;
        vertical-align: middle;
    }



    .inventory-container .vehicle .main-container {
        overflow: auto;
    }



    .inventory-container .vehicle .thumb {
        height: 200px;
    }



    .inventory-container .vehicle .photos-link {
        margin-top: 5px;
        text-align: center;
    }



    .inventory-container .vehicle .video-link {
        text-align: center;
    }



    .inventory-container .vehicle .photos-container {
        display: none;
    }



    .inventory-container .vehicle .detailed-info {
        padding-top: 6px;
    }



    .inventory-container .vehicle .detail {
        overflow: auto;
    }



        .inventory-container .vehicle .detail table {
            float: left;
        }



            .inventory-container .vehicle .detail table:last-child {
                margin-right: 0;
            }



    .inventory-container .vehicle .price-col {
        text-align: right;
    }



    .inventory-container .vehicle .price {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding-right: 10px;
    }





    .inventory-container .vehicle .savings {
        margin-top: 6px;
        font-size: 16px;
        line-height: 16px;
        /*text-align: right;*/
    }



        .inventory-container .vehicle .savings a:hover {
            text-decoration: none;
        }



    .inventory-container .vehicle .history-reports {
        margin-top: 10px;
        text-align: right;
    }



    .inventory-container .vehicle .buttons {
        margin-top: 12px;
        text-align: right;
    }



    .inventory-container .vehicle .payments {
        font-size: 15px;
        line-height: 19px;
        font-weight: normal;
    }



.inventory-container a.btn {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}



.inventory-container .disclaimers {
    margin-top: 20px;
    font-size: 12px;
}



.inventory-container .price-compare-line {
    border-bottom: dotted 1px #aaa;
    line-height: 16px;
}



    .inventory-container .price-compare-line.our-price {
        line-height: 22px;
        padding-top: 2px;
    }



.inventory-container .vehicle .thumb {
    background-color: #fff;
    line-height: 200px;
    text-align: center;
    vertical-align: middle;
}



.inventory-image {
    margin: 0 auto;
    max-height: 200px;
}

    .inventory-image.suggested-unit-image {
        margin: 0 auto;
        height: 200px;
        object-fit: cover;
        width: 100%;
    }



.inventory-container .vehicle-box {
    background: #fff;
}

.featured-badge ~ .thumb img {
    margin-top: -50px;
}

.inventory-container .featured-badge {
    text-align: center;
    width: 100%;
    background: #ffd700;
    color: #fff;
    font-size: 18px;
    letter-spacing: 5px;
    box-sizing: border-box;
    text-decoration: none;
}

.inventory-container .vehicle .price-box {
    width: 100%;
    background-color: #fff;
}



.inventory-container .vehicle .cta-box {
    text-align: center;
    border: 3px solid;
    padding: 10px 1px;
    font-size: 19px;
    text-transform: uppercase;
    max-width: 80%;
    margin: 0 auto;
    background: #fff;
    position: relative;
    top: 25px;
}



.inventory-container .vehicle .price {
    font-size: 14px;
    text-align: right;
    box-sizing: border-box;
    padding-right: 10px;
}



.inventory-container .vehicle .price-label {
    padding-top: 7px;
}



.inventory-container .vehicle .title {
    font-size: 10.5pt;
    width: 100%;
    background-color: #fff;
    min-height: 50px;
    box-sizing: border-box;
}



@media (max-width: 991px) {

    #inventory-page h1 {
        margin: 10px 0;
        text-align: center;
    }



    #inventory-page .mobile-filters-btn-box {
        margin-bottom: 20px;
        text-align: center;
    }
}



@media (max-width: 767px) {

    .inventory-container .vehicle .title {
        font-size: 20px;
        text-align: center;
    }



    .inventory-container .vehicle .price-col {
        text-align: center;
    }



    .inventory-container .vehicle .price-box {
        margin: 0 auto;
    }



    .inventory-container .vehicle .price {
        font-size: 18px;
    }



        .inventory-container .vehicle .price.not-itemized {
            font-size: 26px;
        }



    .inventory-container .vehicle .history-reports {
        text-align: center;
    }



    .inventory-container .vehicle .price-label {
        padding-top: 3px;
    }



    .inventory-container .vehicle .buttons {
        text-align: center;
    }



        .inventory-container .vehicle .buttons .btn {
            padding: 8px 6px;
        }



    .inventory-container .btn-group > .btn {
        border-radius: 0;
    }
}







/* INVENTORY FILTERS */
#filters-box {
    margin-bottom: 20px;
}



    #filters-box .active-filters h1 {
        margin: 0 0 8px;
        padding-bottom: 3px;
        border-bottom: solid 1px #aaa;
        font-size: 14px;
        line-height: 14px;
    }



    #filters-box .active-filters > ul {
        margin-bottom: 18px;
        padding-left: 26px;
    }



        #filters-box .active-filters > ul > li > ul {
            margin: 4px 0 8px 8px;
            padding-left: 0;
            list-style: none;
        }



        #filters-box .active-filters > ul > li {
            font-size: 13px;
            line-height: 13px;
        }



    #filters-box .active-filters li li {
        margin-bottom: 3px;
        font-size: 12px;
        line-height: 12px;
    }



    #filters-box .panel-group {
        margin-bottom: 3px;
    }



    #filters-box .panel-body ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }



    #filters-box .panel-body li {
        color: #bbb;
        padding: 4px 0;
    }



        #filters-box .panel-body li:first-child {
            padding-top: 0;
        }



        #filters-box .panel-body li:last-child {
            padding-bottom: 0;
        }



        #filters-box .panel-body li label {
            padding-right: 4px;
        }



        #filters-box .panel-body li .radio, #filters-box .panel-body li .checkbox {
            margin: 0;
        }



#filter-accordions .panel {
    margin-bottom: 5px;
}



@media (min-width: 992px) {

    #filter-accordions .panel-body {
        max-height: 340px;
        overflow-y: auto;
    }
}







/* VDP */

#vdp-container header {
    margin-bottom: 15px;
}



    #vdp-container header h1 {
        display: inline;
        font-size: 28px;
    }



        #vdp-container header h1 > span {
            vertical-align: middle;
        }



    #vdp-container header .label {
        font-size: 12px;
        padding: 3px 6px;
    }



    #vdp-container header .social-media {
        text-align: right;
    }



#vdp-container .vehicle-body table {
    width: 100%;
}



#vdp-container .vehicle-body h2 {
    border-bottom: dotted 1px #ccc;
    font-size: 24px;
    padding-bottom: 3px;
}



#vdp-container .vehicle-details {
    clear: left;
    margin-top: 30px;
    overflow: visible;
}



#vdp-container .equipment-box h4 {
    font-size: 14px;
    margin-top: 20px;
}



#vdp-container .equipment-box .first h4:first-of-type {
    margin-top: 0;
}



#vdp-container .data-points .row.is-flex {
    align-content: flex-start;
    display: flex;
    flex-flow: column wrap;
}



#vdp-container .equipment-tabs {
    display: block;
    margin: 25px 0 20px;
}



#vdp-container .go-back {
    margin-bottom: 20px;
    text-align: right;
}



#vdp-container .back-btn .fa {
    margin-right: 3px;
}



#vdp-container .images-container {
    max-width: 750px;
}



    #vdp-container .images-container .main {
        margin-bottom: 2px;
    }



    #vdp-container .images-container .carousel-bounding-box {
        height: 368px;
    }





#vdp-container #maincarousel .item {
    height: 494px;
}



#vdp-container #maincarousel .item {
    height: 230px;
}





    #vdp-container #maincarousel .item img {
        max-height: 100%;
        max-width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }



#vdp-container .images-container .thumbnails > li {
    float: left;
}



#vdp-container .images-container .thumbs {
    position: relative;
}



    #vdp-container .images-container .thumbs ul {
        padding-left: 0;
    }



    #vdp-container .images-container .thumbs ul, #vdp-container .images-container .thumbs li, #vdp-container .images-container .carousel {
        margin-bottom: 0;
        list-style: none;
    }



    #vdp-container .images-container .thumbs .video div {
        background: #fcfcfc;
        font-size: 28px;
        height: 56px;
        line-height: 56px;
        padding-left: 5px;
        text-align: center;
    }



    #vdp-container .images-container .thumbs .video:link {
        color: #797979;
    }



    #vdp-container .images-container .thumbs .video:hover {
        color: #5f5f5f;
    }



#vdp-container .carousel-control, #promotions-page .carousel-control {
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background: #222;
    border: solid 3px #fff;
    border-radius: 23px;
    font-size: 27px;
    line-height: 20px;
    font-weight: bold;
    font-family: Arial;
    text-align: center;
    opacity: .5;
    filter: alpha(opacity=50);
}



    #vdp-container .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        opacity: .9;
        filter: alpha(opacity=90);
    }



    #vdp-container .carousel-control.left {
        left: 0;
    }



    #vdp-container .carousel-control.right {
        right: 0;
    }



#vehicleDetails .list-group.flex {
    color: black;
    font-weight: bold;
}



#vehicleDetails .list-group-item {
    display: flex;
}



/*#details-collapse,

#options-collapse {

    height: 25em;

    overflow-y: scroll;

}*/



#vehicleDetails .panel {
    margin-bottom: 0;
}



.inquiryformcontainer {
    font-size: 16px;
    /*padding: 10px;

	margin: 10px;*/
}

.attention-div {
    font-size: 16px;
    border-radius: 10px;
    background-color: white !important;
    color: black;
    padding: 10px;
    margin-bottom: 10px;
}

#VehicleViewCountContainer {
    display: flex;
}

.iconviewcount {
    padding: 10px;
}

@media (max-width: 767px) {

    .labelviewcount {
        font-size: 12px;
    }

    .iconviewcount {
        font-size: 12px;
    }
}



.forms-text-section {
    font-weight: normal;
    font-size: 12pt;
    font-style: italic;
}



.forms-title-section {
    font-size: 16pt;
}



.form-line-section {
    margin-top: 4px;
    margin-bottom: 4px;
}



.VDPMainImage {
    height: 100%;
    max-width: 100%;
    max-height: 550px;
    margin: 0 auto;
}



.myCarousel {
    margin-top: 20px;
}



#vdp-container #thumb-carousel .item.thumbs > div {
    cursor: pointer;
    float: left;
    padding: 0 10px 6px 0;
    text-align: center;
    width: 25%;
}



    #vdp-container #thumb-carousel .item.thumbs > div:last-child {
        padding-right: 0;
    }



#vdp-container #thumb-carousel img {
    display: block;
    margin: 0 auto;
    height: 78px;
    object-fit: contain;
}



#myCarousel {
    height: 500px;
    padding-top: 7px;
}



.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin: auto;
}



#locationBox {
    border: 2px solid #ddd;
    padding: 10px;
    margin: 10px;
}



#vdp-container .carousel-inner > .item.active, #vdp-container .carousel-inner > .item.next.left, #vdp-container .carousel-inner > .item.prev.right, #vdp-container #thumb-carousel, #vdp-container #thumb-carousel > div > div > div div {
    height: 125px;
}



    #vdp-container #thumb-carousel > div > div > div div, .carousel-inner .active .row, .carousel-inner .item .row {
        display: flex;
        flex-direction: row;
        display: -ms-flexbox;
        -ms-flex-flow: row;
        justify-content: space-around;
        align-items: center;
        padding-right: 5px;
        padding-left: 5px;
    }



#vdp-container .images-container .carousel-bounding-box {
    height: auto;
}



#locations-accordions-box {
    margin-top: 30px;
}



@media (min-width: 768px) {

    #vdp-container #thumb-carousel img {
        height: 58px;
    }
}



@media (min-width: 992px) {

    #vdp-container #thumb-carousel img {
        height: 92px;
    }



    #vdp-container #maincarousel .item {
        height: 350px;
    }



    #locations-accordions-box {
        margin-top: 0;
    }
}



@media (min-width: 1024px) {

    #vdp-container #maincarousel .item {
        height: 400px;
    }
}



@media (min-width: 1200px) {

    #vdp-container .images-container .carousel-bounding-box {
        margin-bottom: 15px;
    }



    #vdp-container #thumb-carousel img {
        height: 133px;
    }



    #vdp-container #maincarousel .item {
        height: 500px;
    }
}



#vdp-container .price-container
/*#vdp-container .price-container.primary { margin-top: 12px; }*/
/*#vdp-container .price-container .price { float: right; }*/
#vdp-container .price-container.primary .price {
    font-size: 24px;
    font-weight: bold;
    line-height: 12px;
}



#vdp-container .price-container.msrp .price {
    text-decoration: line-through;
}



#vdp-container .cta {
    margin-top: 25px;
}



    #vdp-container .cta .btn {
        font-size: 15px;
        padding: 8px 12px;
    }



    #vdp-container .cta > div {
        margin-top: 8px;
        text-align: right;
    }



        #vdp-container .cta > div:first-child {
            margin-top: 0;
        }



#vdp-container .data-list {
    font-size: 12px;
}



    #vdp-container .data-list ul {
        margin: 0 0 20px 25px;
        padding-left: 0;
        list-style: square;
    }



#vdp-container .data-points .msrp {
    font-size: 11px;
}



#vdp-container .data-points {
    margin-bottom: 35px;
}



    #vdp-container .data-points .list-group {
        margin-bottom: 0;
    }



    #vdp-container .data-points .list-group-item {
        color: #333;
        letter-spacing: 0;
        padding: 6px 15px 6px 110px;
        position: relative;
    }



        #vdp-container .data-points .list-group-item.unk {
            color: #aaa;
            letter-spacing: 2px;
        }



    #vdp-container .data-points .flex .list-group-item {
        align-items: center;
        display: flex;
        padding: 7px 15px 6px;
    }



    #vdp-container .data-points h3, #vdp-container .data-points h4 {
        font-size: 16px;
    }



#vdp-container .disclaimers, #vdp-container .newUnitDisclaimer, #vdp-container .usedUnitDisclaimer {
    margin: 20px 0;
    font-size: 12px;
    line-height: 12px;
}



#vdp-container .history-report {
    margin-top: 30px;
    text-align: right;
}



@media (min-width: 992px) {

    #vdp-container .data-points .row.is-flex {
        max-height: 1250px;
        overflow: hidden;
    }
}



@media (max-width: 991px) {

    #vdp-container .data-points [class*='col-']:first-child > .list-group > .list-group-item:last-child {
        border-bottom: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }



    #vdp-container .data-points [class*='col-']:last-child > .list-group > .list-group-item:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}



@media (max-width: 767px) {

    #vdp-container header h1 {
        display: block;
        font-size: 22px;
        text-align: center;
    }



    #vdp-container header .social-media {
        margin-top: 15px;
        text-align: center;
    }



    #vdp-container .images-col {
        text-align: center;
    }



    #vdp-container .cta > div {
        margin-top: 10px;
        text-align: center;
    }



    #vdp-container .cta .btn {
        font-size: 18px;
        padding: 10px 12px;
    }



    #vdp-container h4 {
        margin-top: 20px;
    }



    #vdp-container .first h4:first-child {
        margin-top: 0;
    }



    #vdp-container .data-list ul {
        margin-bottom: 0;
    }



    #vdp-container .vehicle-body h2.equipment {
        margin-top: 30px;
    }



    #vdp-container .nav-pills a {
        font-size: 12px;
    }



    #vdp-container #filter-accordions-box {
        margin-top: 30px;
    }



    #vdp-container .back-box {
        text-align: center;
    }



    #vdp-container .back-btn {
        font-size: 14px;
        padding: 8px 12px;
    }



    #vdp-container .history-report {
        text-align: center;
    }



    #vdp-container .aside-details {
        margin-top: 12px;
    }
}



/* VDP Pinch-Zoom Modal */

#zoom-image-carousel {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    object-fit: contain;
    z-index: 2147483647; /* Will these damn third party plugins stop trying to be above everything - "World War Z-index" */
    padding: 15px;
}



.zoom-view {
    width: 80%;
    height: 90%;
    margin: 0 auto;
}



    .zoom-view .item img {
        height: 100%;
        max-height: unset;
        object-fit: contain;
    }



    .zoom-view .item {
        height: 100% !important;
    }



.close-zoom {
    position: absolute;
    right: 20px;
    top: 20px;
    font-weight: bold;
    font-size: 42px;
    line-height: 1em;
    color: #faa;
    opacity: .6;
    z-index: 1;
}



    .close-zoom:hover {
        color: #f55;
    }



    .close-zoom:after {
        content: '\f057';
        position: relative;
        font-family: fontawesome;
    }



.zoom-view .VDPMainImage {
    max-height: unset;
}

.zoom-view .VDPMainZoomImage {
    max-height: unset;
}

/*.zoom-view .carousel-inner .VDPMainZoomImage {
    max-height: unset;
}

.zoom-view .carousel-inner .VDPMainZoomImage {
    max-width: unset;
}*/


#zoom-image-carousel .zoom-control {
    top: calc(50% - 24px);
    width: 48px;
    height: 48px;
    font-size: 48px;
    line-height: .75em;
}



#zoom-image-carousel .left.zoom-control {
    left: 15px;
}



#zoom-image-carousel .right.zoom-control {
    right: 15px;
}



@media (min-width: 768px) {

    #zoom-image-carousel {
        padding: 3.334% 6.667%;
    }
}

/* END VDP Pinch-Zoom Modal */
/*
    New Zoom Addition
*/

.zoom-in,
.zoom-out {
    font-size: 36px;
    position: absolute;
    left: 45%;
    bottom: 9%;
    display: block;
    color: white;
    z-index: 444444;
    opacity: .5;
    transition: .3s;
    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
}

.zoom-out {
    left: unset !important;
    right: 45%;
}

    .zoom-in:before,
    .zoom-out:before {
        content: '';
        width: 50px;
        height: 50px;
        position: absolute;
        border-radius: 50%;
        z-index: -1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 3px solid white;
        box-shadow: 0 0 5px rgb(0 0 0 / 60%);
    }

    .zoom-in:hover,
    .zoom-out:hover {
        opacity: 1;
        color: white;
    }


@media (max-width: 991px) {
    .zoom-in {
        left: 40%;
    }

    .zoom-out {
        right: 40%;
    }
}


@media (max-width: 991px) {
    .zoom-in {
        left: 30%;
    }

    .zoom-out {
        right: 30%;
    }
}

/*
    End New Zoom Addition
*/


/* CONTACT */

#contact-page {
    margin-top: 25px;
}



    #contact-page h1 {
        font-size: 26px;
        margin-bottom: 15px;
        margin-top: 0;
    }



    #contact-page .info address, #contact-page .infoNoMap address {
        margin-bottom: 0;
    }



    #contact-page table {
        width: 100%;
    }



    #contact-page tr > td {
        padding-bottom: 25px;
    }



    #contact-page .info > table > tbody > tr > td:first-child {
        padding-right: 6px;
        font-weight: bold;
    }



    #contact-page h2 {
        font-size: 20px;
        margin-top: 0;
    }



    #contact-page td {
        vertical-align: baseline;
    }



    #contact-page tr > td:first-child {
        padding-top: 2px;
    }



    #contact-page .hoursOfOperation {
        font-size: 14px;
    }



        #contact-page .hoursOfOperation ul {
            margin-left: 0;
            padding-left: 17px;
        }



    #contact-page .map {
        height: 300px;
    }







/* SHOWROOM */

#showroom h1 {
    margin-top: 0;
}



#years-box .breadcrumb {
    background-color: transparent;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}



#showroom .section-box {
    background-color: #191919;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 3px 4px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    color: #fff;
    height: 100%;
    margin-bottom: 30px;
    padding: 0;
    text-align: center;
}



    #showroom .section-box .image {
        background-color: #fff;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        margin: 0;
        padding: 12px 0;
    }



    #showroom .section-box .title {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        color: #fff;
        display: block;
        font-size: 16px;
        font-weight: bold;
        padding: 12px;
        text-decoration: none;
        text-shadow: 1px 1px 1px #000;
    }



#years-box {
    margin-top: 2px;
}



@media (max-width: 767px) {

    #showroom h1 {
        text-align: center;
    }



    #showroom .breadcrumb {
        text-align: center;
    }



    #years-box {
        margin-top: 20px;
        text-align: center;
    }



    #showroom .section-box .image {
        padding: 0;
    }
}



@media (min-width: 768px) {



    #years-box {
        text-align: right;
    }



        #years-box label {
            font-weight: normal;
        }



        #years-box select {
            margin-left: 4px;
        }
}







/* PROMOTIONS */

.promotions-list {
    width: 100%;
}



.promotion-item {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin: 30px auto;
    padding: 0 30px 30px;
    border-bottom: 1px solid;
}



.promo-make {
    padding: 0 15px;
}



    .promo-make h2 {
        margin-bottom: 0;
    }



a.promo-link {
    color: #bbb;
}



    a.promo-link:hover {
        color: #fff;
    }



.promo-title {
    border-bottom: 2px solid #000;
}



.promo-product-type {
    margin-bottom: 13px;
    font-weight: bold;
    float: left;
}



#promotions-page h2 {
    margin-top: 30px;
}



#promotions-page h4 {
    margin-bottom: 15px;
}



#promotions-page .disclaimer {
    font-size: 12px;
}



#promotions-page .eligibility-details {
    margin-bottom: 20px;
}



.promo-make,
.promo-product-type {
    text-align: center;
}



#eligible-models {
    overflow: hidden;
}



@media (min-width: 768px) {

    .promotion-item {
        flex-flow: row nowrap;
        padding: 0 30px 30px;
    }



    .promo-link .image {
        padding-right: 30px;
        flex: 0 0 50%;
    }



    .promo-link .promo-detail {
        flex: 0 1 auto;
    }



    #promotions-page .eligibility-details {
        text-align: right;
        margin-bottom: unset;
    }



    .promo-make,
    .promo-product-type {
        text-align: left;
    }
}



@media (min-width: 992px) {

    .promo-link .image {
        flex: 0 1 45%;
    }
}



@media (min-width: 1024px) {

    .promo-link .image {
        flex: 0 1 40%;
    }
}



@media (min-width: 1024px) {

    .promo-link .image {
        flex: 0 1 40%;
    }
}



@media (max-width: 767px) {

    #showroom .promotions-list .list-group-item div[class*='col-'] {
        padding-left: 10px;
        padding-right: 10px;
    }



        #showroom .promotions-list .list-group-item div[class*='col-']:first-child {
            padding-right: 5px;
        }
}





/* CALENDAR */

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

    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views, .k-ff .k-scheduler-toolbar > ul.k-scheduler-views, .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views, .k-safari .k-scheduler-toolbar > ul.k-scheduler-views, .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views {
        z-index: 1040;
    }
}



.k-event {
    cursor: pointer;
}



.widget-UpcommingEvents .k-event-description {
    font-size: 12px;
    color: #888;
}



.widget-UpcomingEvents h2, .widget-UpcomingEvents h3 {
    position: relative;
    margin: 0;
    padding: 10px;
}



.widget-UpcomingEvents .k-state-hover {
    background: #444 !important;
    color: #000 !important;
    box-shadow: none !important;
}



.widget-UpcomingEvents .k-scheduler-layout {
    background-color: #000;
    padding: 10px;
}



.widget-UpcommingEvents .k-scheduler-table tr[role='row'] {
    background: #000;
    color: #fff;
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 5px;
}



.widget-UpcomingEvents td.event {
    color: #fff;
    float: left;
}



table.k-scheduler-table tr[role='row'] {
    cursor: pointer;
}



.k-scheduler-agendaday {
    font-size: 2em;
}



.widget-UpcomingEvents .k-scheduler-datecolumn.k-first {
    width: 25% !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 10px solid #000 !important;
    float: left;
    background: #f58220;
}



div.k-scheduler .mv-event {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
}



div.k-scheduler .wv-event {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
}



div.k-scheduler .dv-event {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
}



div.k-scheduler .cv-event {
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 2px;
}



    div.k-scheduler .cv-event > span {
        padding-left: 5px;
    }



#view-calendar-event-modal h1 {
    font-size: 32px;
}



#view-calendar-event-modal h2 {
    font-size: 28px;
    margin-top: 30px;
}



#view-calendar-event-modal h3 {
    font-size: 24px;
}



#view-calendar-event-modal h4 {
    font-size: 20px;
    margin-bottom: 15px;
}



@media (min-width: 768px) {

    #view-calendar-event-modal .title-box .image {
        margin-right: 25px;
    }



    #view-calendar-event-modal .start-end-details {
        text-align: right;
    }
}



@media (max-width: 767px) {

    #view-calendar-event-modal .start-end-details {
        margin-bottom: 20px;
    }
}



#events-page h1 {
    font-size: 32px;
}



#events-page h2 {
    font-size: 28px;
    margin-top: 30px;
}



#events-page h3 {
    font-size: 24px;
}



#events-page h4 {
    font-size: 20px;
    margin-bottom: 15px;
}



@media (min-width: 768px) {

    #events-page .title-box .image {
        margin-right: 25px;
    }



    #events-page .start-end-details {
        text-align: right;
    }
}



@media (max-width: 767px) {

    #events-page .start-end-details {
        margin-bottom: 20px;
    }
}







/* FOOTER */

footer.body {
    font-family: Arial, sans-serif;
    font-size: 13px;
}



    footer.body .wrapper {
        padding: 15px 0;
    }



    footer.body .copyright .wrapper {
        font-size: 12px;
        padding: 10px 0;
    }



    footer.body .contact-info .inner-wrapper {
        display: inline-block;
    }



    footer.body .contact-info td {
        padding-bottom: 6px;
        vertical-align: top;
    }



    footer.body .contact-info tr:last-child td {
        padding-bottom: 0;
    }



    footer.body .contact-info .info {
        padding-left: 6px;
        text-align: left;
    }



    footer.body .contact-info .title {
        font-weight: bold;
    }



    footer.body .contact-info a.mdurl {
        display: none;
    }



    footer.body .outer-wrapper {
        background-color: #222;
        color: #fff;
    }



        footer.body .outer-wrapper a, footer.body .outer-wrapper a:visited, footer.body .outer-wrapper a:active {
            color: #fff;
        }



    footer.body a:hover {
        color: #eee;
    }



    footer.body .our-name {
        display: inline-block;
    }



@media (max-width: 991px) {

    footer.body .wrapper {
        text-align: center;
    }
}



@media (min-width: 768px) {

    footer.body .contact-info {
        text-align: right;
    }
}



@media (max-width: 767px) {

    footer.body .wrapper {
        text-align: center;
    }
}





/* MODALS */

.modal {
    color: #333;
}







/* NOTIFICATIONS */

#systemNotification {
    width: 100%;
    z-index: 100000;
}



    #systemNotification.fixed {
        position: fixed;
        top: 10px;
    }



    #systemNotification .alert {
        display: none;
        width: 99%;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        text-align: center;
        font-weight: bold;
        padding: 8px;
    }



    #systemNotification .alert-danger {
        box-shadow: 1px 1px 1px 0px #af858c;
    }



    #systemNotification .alert-info {
        box-shadow: 1px 1px 1px 0px #7da2b5;
    }



    #systemNotification .alert-success {
        box-shadow: 1px 1px 1px 0px #87b588;
    }



    #systemNotification .alert-warning {
        box-shadow: 1px 1px 1px 0px #b9a480;
    }



@media (min-width: 768px) {

    #systemNotification {
        position: absolute;
        top: 90px;
    }
}











/* LOADING MASK */

.loading-mask {
    align-items: center;
    display: none;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1050;
}



    .loading-mask.pos-fixed {
        background-color: rgba(0, 0, 0, 0.45);
        position: fixed;
    }



    .loading-mask.pos-absolute {
        background-color: rgba(0, 0, 0, 0.35);
        position: absolute;
    }



    .loading-mask .title-1 {
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        margin: 0;
        text-shadow: 0 0 4px #3e3e3e;
    }



    .loading-mask .progress {
        margin: 2px 0 0;
        width: 60px;
    }



    .loading-mask .progress-bar {
        width: 100%;
    }











/* SOCIAL MEDIA BUTTONS/ICONS */

.social-media .button {
    display: -moz-inline-block;
    display: inline-block;
    margin-right: 4px;
    vertical-align: text-top;
    line-height: 13px;
}



    .social-media .button:last-child {
        margin-right: 0;
    }



.social-media .facebook {
    height: 20px;
    margin-right: 4px;
    padding: 3px 23px 1px 5px;
    border: 1px solid #cad4e7;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #eceef5 url(//static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat 41px center;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}



    .social-media .facebook:hover {
        border-color: #9dacce;
        text-decoration: none;
    }



.social-media-icons {
    font-size: 28px;
    padding-top: 6px;
}



    .social-media-icons > a:not(:first-child) {
        margin-left: 12px;
    }



@media (max-width: 767px) {

    .social-media-icons {
        padding-top: 0;
        text-align: center;
    }
}







/* BOOTSTRAP OVERRIDES */

h1, .h1, h2, .h2, h3, .h3 {
    margin-bottom: 15px;
}







/* KENDO OVERRIDES */

.k-widget select, .k-widget textarea, .k-widget input[type="text"]:not(.k-input), .k-widget input[type="password"], .k-widget input[type="datetime"], .k-widget input[type="datetime-local"], .k-widget input[type="date"], .k-widget input[type="month"], .k-widget input[type="time"], .k-widget input[type="week"], .k-widget input[type="number"], .k-widget input[type="email"], .k-widget input[type="url"], .k-widget input[type="search"], .k-widget input[type="tel"], .k-widget input[type="color"], .k-widget .uneditable-input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}



.k-window .row, .k-window .row *:not(.k-widget):not(.k-animation-container), .k-widget .row *:before:not(.k-widget) {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}



.k-widget .col-lg-1, .k-widget .col-lg-2, .k-widget .col-lg-3, .k-widget .col-lg-4, .k-widget .col-lg-5, .k-widget .col-lg-6, .k-widget .col-lg-7, .k-widget .col-lg-8, .k-widget .col-lg-9, .k-widget .col-lg-10, .k-widget .col-lg-11, .k-widget .col-lg-12, .k-widget .col-md-1, .k-widget .col-md-2, .k-widget .col-md-3, .k-widget .col-md-4, .k-widget .col-md-5, .k-widget .col-md-6, .k-widget .col-md-7, .k-widget .col-md-8, .k-widget .col-md-9, .k-widget .col-md-10, .k-widget .col-md-11, .k-widget .col-md-12, .k-widget .col-sm-1, .k-widget .col-sm-2, .k-widget .col-sm-3, .k-widget .col-sm-4, .k-widget .col-sm-5, .k-widget .col-sm-6, .k-widget .col-sm-7, .k-widget .col-sm-8, .k-widget .col-sm-9, .k-widget .col-sm-10, .k-widget .col-sm-11, .k-widget .col-sm-12, .k-widget .col-xs-1, .k-widget .col-xs-2, .k-widget .col-xs-3, .k-widget .col-xs-4, .k-widget .col-xs-5, .k-widget .col-xs-6, .k-widget .col-xs-7, .k-widget .col-xs-8, .k-widget .col-xs-9, .k-widget .col-xs-10, .k-widget .col-xs-11, .k-widget .col-xs-12 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}







/* WIDGETS */



#layout .widget-section:not(:first-child) {
    margin-top: 30px;
}



.widget > .widget-inner > h1:first-child, .widget > .widget-inner > h2:first-child, .widget > .widget-inner > h3:first-child, .widget > .widget-inner > h4:first-child, .widget > .widget-inner > h5:first-child, .widget > .widget-inner > h6:first-child {
    margin-top: 0;
}



.widget.widget-Location {
    text-align: center;
}



.widget-section .widget-inner {
    height: 100%;
}



.widget-section.full-width .carousel-inner > .item {
    max-height: 500px;
}



@media (max-width: 767px) {

    #layout .widget-section:not(:first-child) {
        margin-top: 0;
    }



    #layout .widget .widget-inner {
        margin-top: 30px;
    }



    #layout .widget-section:first-child .widget:first-child .widget-inner {
        margin-top: 0;
    }
}





/* single item slider */

.single-item-slider {
    position: relative;
    padding-left: 28px;
    padding-right: 28px;
}



    .single-item-slider .slider-container {
        position: relative;
    }



    .single-item-slider .slider-outer {
        height: 226px;
        overflow: hidden;
        padding-bottom: 2px;
        position: relative;
    }



    .single-item-slider .slider-inner-container {
        position: absolute;
    }



    .single-item-slider .slider-inner {
        display: flex;
        transition: all .5s ease-in-out;
    }



    .single-item-slider .item {
        background-color: rgba(255, 255, 255, 0.4);
        border: solid 1px rgba(0,0,0,0.06);
        border-bottom: solid 2px rgba(0,0,0,0.16);
        border-radius: 3px;
        border-top: solid 1px rgba(0,0,0,0.04);
        display: block;
        position: relative;
        width: 216px;
    }



        .single-item-slider .item:not(:last-child) {
            margin-right: 14px;
        }



        .single-item-slider .item .item-inner {
            border-radius: 3px;
            height: 100%;
            padding-bottom: 15%;
        }



    .single-item-slider .img-container {
        background-position: center center;
        background-size: cover;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        height: 120px;
        overflow: hidden;
        position: relative;
    }



    .single-item-slider .item-detail {
        padding: 3%;
        text-align: center;
        white-space: normal;
    }



        .single-item-slider .item-detail .name {
            line-height: 150%;
        }



        .single-item-slider .item-detail .price {
            font-size: 24px;
            left: 0;
            padding: 0 14%;
            position: absolute;
            width: 100%;
            line-height: 113%;
        }



            .single-item-slider .item-detail .price.monthly-payments {
                font-size: 16px;
            }



    .single-item-slider .slider-control {
        display: none;
        font-size: 40px;
        padding: 60px 0px;
        position: absolute;
        top: 6%;
    }



        .single-item-slider .slider-control.left {
            left: -38px;
        }



        .single-item-slider .slider-control.right {
            right: -38px;
        }



    .single-item-slider .item, .single-item-slider .slider-control {
        cursor: pointer;
        /*outline: none;*/
        text-decoration: none;
    }



    .single-item-slider .slider-inner .item {
        width: 216px;
    }



@media (min-width: 768px) {

    .single-item-slider .slider-inner .item {
        width: 212px;
    }
}



@media (min-width: 992px) {

    .single-item-slider .slider-inner .item {
        width: 210px;
    }
}



@media (min-width: 1200px) {

    .single-item-slider .slider-inner .item {
        width: 205px;
    }
}





.widget-FeaturedVehicles {
    padding-left: 15px;
    padding-right: 15px;
}



@media (min-width: 768px) {

    .single-item-slider .item {
        flex-shrink: 0;
    }
}



@media (max-width: 767px) {

    .widget-FeaturedVehicles h2 {
        text-align: center;
    }



    .single-item-slider .slider-container {
        margin: 0 auto;
        width: 216px;
    }



    .single-item-slider .slider-outer {
        height: 208px;
    }



    .single-item-slider .slider-control.left {
        left: -40px;
    }



    .single-item-slider .slider-control.right {
        right: -40px;
    }
}



.widget-Reviews {
    margin: auto;
}



    .widget-Reviews .single-item-slider .slider-container {
        padding-bottom: 15px;
    }



    .widget-Reviews .single-item-slider .slider-outer,
    .widget-Reviews .single-item-slider .slider-inner .item,
    .widget-Reviews .single-item-slider .slider-inner-container {
        height: 26em;
    }



    .widget-Reviews .single-item-slider .slider-inner-container {
        overflow: hidden;
    }



    .widget-Reviews .single-item-slider .item .item-inner {
        padding: 15px 5px;
    }



    .widget-Reviews form {
        width: 100%;
    }



    .widget-Reviews .acidjs-rating-stars input {
        display: none;
    }



    .widget-Reviews .single-item-slider .slider-control {
        top: 22%;
    }



    .widget-Reviews .single-item-slider .img-container {
        height: 120px;
    }



    .widget-Reviews .single-item-slider .item-detail {
        display: flex;
        display: -ms-flexbox;
        flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        align-content: center;
        justify-content: flex-start;
        height: auto;
    }



    .widget-Reviews .acidjs-rating-stars {
        align-self: center;
    }



/* MISCELLANEOUS */

.hide {
    display: none;
}



.panel-heading.toggle {
    position: relative;
    padding: 0;
}



.panel-heading .panel-toggle {
    color: inherit;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
}



#vdp-container .panel-heading .panel-toggle::after {
    content: '\f107';
    position: absolute;
    font-family: FontAwesome;
    font-weight: bold;
    font-size: 30px;
    top: 0;
    right: 15px;
    transition: transform .4s;
    transform: rotate(180deg);
}



#vdp-container .panel-heading .panel-toggle.collapsed::after {
    transform: rotate(0);
}





.panel-toggle .btn-apply {
    background: #b2b2b2;
    padding: 5px;
    position: relative;
    top: -5px;
    left: 10px;
    border-radius: 3px;
    display: none;
}



    .panel-toggle .btn-apply.active {
        display: block;
    }



    .panel-toggle .btn-apply:hover {
        background-color: #969696;
    }



.data-list h4 {
    font-size: 14px;
}



.detail-table td {
    width: 33.3%;
    padding: 0 20px 4px 0;
}



.detail-table tr:last-child td {
    padding-bottom: 0;
}



.detail-table .title {
    float: left;
    width: 50%;
    font-weight: bold;
    white-space: nowrap;
}



.detail-table .data {
    float: left;
    width: 50%;
}



.detail-table td:last-child {
    padding-right: 0;
}



.form-small .row {
    margin-left: -5px;
    margin-right: -5px;
}



.form-small [class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
}



.section-box {
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    display: block;
    padding: 15px;
}



    .section-box .image {
        margin: -15px -15px 15px;
    }



        .section-box .image img {
            border-top-left-radius: 2px;
            border-top-right-radius: 2px;
        }



.mfp-container .image-source-link {
    color: #add9ff;
}



.list-group.flex {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}



    .list-group.flex .name {
        padding-right: 10px;
        width: 185px;
    }



.vehicle-details .list-group.flex .name {
    min-width: 120px;
    width: 120px;
}



.vehicle-details .list-group.flex .not-available {
    font-size: 15px;
    font-weight: normal;
}



.list-group-item.tip {
    cursor: help;
}



.is-flex {
    display: flex;
    flex-wrap: wrap;
}



.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}



.row.is-flex > [class*='col-'],
#vehicleList > div {
    /* Fix for iPhone bootstrap rounding Bug */
    margin-left: -.25px;
    margin-right: -.25px;
}



.read-more-btn {
    background-color: #efefef;
    text-align: center;
}



@media (max-width: 767px) {

    form .row {
        margin-left: -5px;
        margin-right: -5px;
    }



        form .row [class*=col-] {
            padding-left: 5px;
            padding-right: 5px;
        }
}



@media (min-width: 768px) {

    .navbar-right {
        margin-right: 0;
    }
}





.showroom-photo {
    /*max-width: 200px;*/
    height: 170px;
    object-fit: contain;
}



.events-wrapper {
    background-color: #000;
    color: #fff;
}



    .events-wrapper h2 {
        font-weight: bold;
    }





/*new section*/



.widget-UpcomingEvents > div {
    background-color: black;
}



#CustomEventWidget .eventWrapper {
    display: flex;
    flex-flow: column;
}



a.eventLink {
    display: flex;
    flex-flow: column nowrap;
    text-decoration: none;
}



.calEvent {
    display: flex;
    display: -ms-flexbox;
    flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    align-items: flex-start;
    margin: 0 5px;
}



#CustomEventWidget .eventDate {
    display: flex;
    display: -ms-flexbox;
    flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex: 0 0 15%;
    justify-content: center;
    color: #fff;
    background-color: #f60;
    padding: 2%;
}



.events-wrapper,
.eventDate {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -ms-flex-direction: column;
}



.eventDate {
    background-color: #ffa500;
    text-align: center;
    padding: 5px;
    flex: 0 0 4em;
}



.eventInfo {
    flex: 0 0 85%;
    padding-left: 10px;
}



    .eventInfo p {
        color: #7d7d7d;
        margin-bottom: .5em;
        font-size: .8em;
        line-height: 1.1em;
    }





    .eventInfo h4 {
        margin: 0;
        color: #fff;
        text-transform: capitalize;
        margin-bottom: 3px;
    }



.eventWrapper span {
    font-size: .7em;
    position: relative;
    top: -6px;
    font-style: italic;
}





.calMonth {
    font-size: .75em;
    padding: 0px;
}



.calDay {
    font-size: 1.375em;
    padding: 0px;
}



.eventDate,
.calMonth,
.calDay,
.eventInfo p {
    transition: color .3s, background-color .3s;
}



.widget-UpcomingEvents .k-scheduler {
    display: none;
}



#CustomEventWidget .calEvent {
    padding: 0;
    margin-bottom: 3px;
}





/*END new section*/









#CustomEventWidget h2,
#CustomEventWidget h3 {
    text-transform: uppercase;
    color: #f60;
    margin-top: .2em;
}



#CustomEventWidget h2 {
    font-size: 28px;
    font-weight: 700;
}



#CustomEventWidget h3 {
    margin-left: 0;
    font-size: 24px;
    font-weight: 700;
    transition: 0.5s;
    border-top: none;
}



#CustomEventWidget h2 > span,
.events-wrapper > div h3 span {
    color: #fff;
    font-weight: 400;
}



.events-wrapper > div h3 span {
    transition: 0.5s;
    color: #fff;
    font-weight: 400;
}



.events-wrapper > div h3 a,
.events-wrapper > div h3 a:hover span {
    color: #ff6600;
}



    .events-wrapper > div h3 a:hover {
        font-weight: bold;
        color: #fff;
    }





span.eventTitle {
    font-size: 1em;
    text-transform: uppercase;
}





.events-wrapper a:hover,
.events-wrapper a:focus {
    color: #c05d09;
    text-decoration: none;
}



.eventDate {
    background-color: #ff6600;
}



.calDay {
    line-height: 1em;
}



span.chev {
    font-size: 1.2em;
}



.calEvent:hover .eventDate {
    background-color: #e50000;
}



.calEvent:hover .calMonth,
.calEvent:hover .calDay {
    color: #ffa500;
}



.calEvent:hover .eventInfo p {
    color: #fff;
}



@media (max-width: 767px) {

    #CustomEventWidget h3 {
        font-size: 1.5em;
    }



    .eventInfo p:after {
        bottom: 0;
    }
}



@media (min-width: 768px) {

    #CustomEventWidget h3 {
        margin-top: .2em;
    }
}



/* CALENDAR LOADER */

.calendarLoader:after,
.calendarLoader:before,
.modalLoader:after,
.modalLoader:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    border-width: 0;
    border-radius: 100%;
    border-style: solid;
    transform: scale(0, 0);
    opacity: 1;
    -webkit-animation-name: cLoader;
    animation-name: cLoader;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}



@media (prefers-reduced-motion: reduce) {

    .calendarLoader:after,
    .calendarLoader:before,
    .modalLoader:after,
    .modalLoader:before {
        animation-duration: 0.25ms !important;
        animation-iteration-count: 1 !important;
    }
}



.modalLoader:after,
.modalLoader:before {
    right: unset;
    left: 0;
}





.calendarLoader:after,
.modalLoader:after {
    border-color: rgba(150, 150, 150, .6);
}



.calendarLoader:before,
.modalLoader:before {
    border-color: rgba(150, 150, 150, .4);
    animation-delay: .33s;
}



@keyframes cLoader {

    0% {
        border-width: 0;
        transform: scale(0, 0);
    }



    50% {
        opacity: 1;
    }



    95% {
        opacity: 0;
    }



    100% {
        border-width: 5px;
        transform: scale(1, 1);
        opacity: 0;
    }
}



.modalLoader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.9);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 90;
}



.vdp-err-msg {
    flex-direction: column;
}



.field-validation-error {
    color: #ff0000;
    font-weight: bold;
}



.field-validation-valid {
    color: currentColor;
}



span[for^="VehicleInquiryViewModel"] {
    display: block;
    margin: 5px 6px 0;
    font-size: 12px;
    line-height: 12px;
    color: #eb1313;
}



.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}



.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}



.validation-summary-valid {
    display: none;
}



.video-container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}



    .video-container .video-responsive {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }



.video-thumbnail {
    position: relative;
    display: inline-block;
    cursor: pointer;
}



    .video-thumbnail:before,
    .video-carousel:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        content: "\f01d";
        font-family: FontAwesome;
        font-size: 100px;
        color: #fff;
        opacity: 0.8;
        text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
        z-index: 100;
        cursor: pointer;
    }



    .video-thumbnail:hover:before {
        color: #eee;
    }



#video-thumbnail-large {
    width: 100%;
    cursor: pointer;
}



.department-container {
    margin-top: 30px;
}



.department-collapse {
    display: none;
}



.department-container .department {
    width: 100%;
    display: inline-block;
    padding: 20px;
    background: #333;
}



.department .photo img {
    width: 100%;
}



.department .title {
    margin: 0;
    padding: 0;
    text-align: center;
    border: 1px solid #000;
    background: #000;
    padding: 15px;
    cursor: pointer;
}



.department .employee-average {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}



.department .employee {
    background: #eee;
    border-radius: 3px;
    padding: 15px;
    text-align: center;
    color: #000;
    margin: 1%;
    flex-basis: 98%;
    -ms-flex: 0 1 auto;
}



    .department .employee .name p {
        font-size: 18px;
        font-weight: bold;
    }



    .department .employee .job p {
        font-size: 16px;
    }



.department-container .employees-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}



.employee-page-star-rating {
    display: block;
    margin-top: 15px;
}



@media (max-width: 767px) {

    .department-container .department .employee .photo {
        margin-bottom: 20px;
    }



    /*.department .employee .name p {

        font-size: 3em;

    }*/



    /*.department .employee .job p {

        font-size: 2.3em;

    }*/

}



@media (min-width: 768px) {

    .department .employee {
        flex-basis: 48%;
        -ms-flex: 0 0 43%
    }
}



@media (min-width: 992px) {

    .department-container .employees-container {
        justify-content: flex-start;
    }



    .department .employee {
        flex-basis: 23%;
        -ms-flex: 0 0 19%;
    }
}



@media (min-width: 1200px) {

    .department .employee {
        -ms-flex: 0 0 20%;
    }
}



/*Inventory Specs Hide list-group-item*/

.vehicle-details .data-points .list-group-item.hidden {
    display: none;
}



.blurbBanner {
    display: block;
    position: relative;
    z-index: 200;
}



    .blurbBanner span {
        display: inline;
        position: absolute;
        width: 90%;
        padding: 0 70px 0 15px;
        height: 1.5em;
        line-height: 1.5em;
        top: -170px;
        left: -25px;
        background-color: #ff0;
        color: #000;
        box-shadow: 0 2px 6px rgba(0,0,0,.75);
        text-align: center;
        font-size: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        transform: rotate(-25deg);
    }



.widget-FeaturedVehicles .blurbBanner span {
    top: 30px;
    left: -15px;
    width: 112%;
    padding: 0 30px 0 10px;
}



.widget-FeaturedVehicles .item-inner {
    overflow: hidden;
}



#FilterLoadingOverlay {
    position: absolute;
    z-index: 1000;
    background: rgba(255,255,255,0.3);
    height: 2000px;
    width: 262px;
}



.inventory-container .vehicle .thumb {
    overflow: hidden;
}



hr {
    width: 100%;
}



/* new vdp modal css */

#ModalVehicleInquiry {
    display: none;
}



#ModalVehicleInquiry {
    position: fixed;
    left: 0;
    right: 0;
    top: 2%;
    margin: 0 auto;
    background: white;
    width: 28em;
    max-width: 100%;
    max-height: 100vh;
    overflow-y: auto;
    border-radius: 8px;
    border: 2px red solid;
    z-index: 201;
}



.vdpModal .form-control {
    border: 1px #cccccc solid;
}



.vdpModal form {
    margin: -25px auto 0;
    max-width: 30em;
}



.vdpModal button {
    margin: auto;
    display: block;
}



.vdpCover {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 200;
}



.vdpModal {
    display: none;
    position: fixed;
    width: 100%;
    top: 65px;
    left: 0;
    z-index: 201;
}



    .vdpModal .panel-body {
        width: auto;
        margin: 0;
        border-radius: 12px;
        border: 3px #f00 solid;
        padding: 1em;
        background-color: #fff;
        box-shadow: 2px 2px 15px #000;
    }



    .vdpModal label.vdpinquiryheader {
        color: #f00;
        font-size: 1.5em;
    }



        .vdpModal label.vdpinquiryheader ~ label {
            font-size: 1.25em;
        }



.vdpModal {
    color: #000;
}



.mdBtn {
    display: flex;
    flex-flow: column;
    display: -ms-flexbox;
    -ms-flex-flow: column;
    align-items: center;
    margin-bottom: 15px;
}



.vehImg {
    height: 150px;
    margin: 5px 0 0;
    border: 1px currentColor solid;
    border-radius: 5px;
    transition: border .2s;
}



    .vehImg:hover {
        border-width: 4px;
    }





.clBtn,
.vdpBtn {
    position: absolute;
    top: 1em;
    right: 1em;
    padding: .2em .8em;
    background-color: #bfbfbf;
    color: #393838;
    border-radius: 8px;
    cursor: pointer;
    text-align: right;
    z-index: 100;
}



@media (min-width: 454px) {

    .vdpModal {
        width: 70%;
        left: calc(50% - 35%);
    }
}



@media (min-width: 768px) {

    .vdpModal {
        width: 50%;
        left: calc(50% - 25%);
        top: 65px;
    }



        .vdpModal .panel-body {
            padding: 2em;
        }



        .vdpModal label.vdpinquiryheader {
            font-size: 2em;
        }



            .vdpModal label.vdpinquiryheader ~ label {
                font-size: 1.5em;
            }
}



@media (min-width: 992px) {

    .vdpModal {
        width: 40%;
        left: calc(50% - 20%);
    }
}



#vdp-container .price-container.accessories {
    font-size: 14px;
}



@media (max-width: 991px) {

    .tab-content {
        margin-bottom: 30px;
    }
}



.paste-review {
    color: currentColor;
    text-decoration: underline;
}



    .paste-review:hover {
        color: currentColor;
    }



.color-packages li.list-group-item {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
}



#tabPackages .image-box,
.color-packages .image-box {
    flex: 0 0 20px;
    height: 20px;
    border: 2px solid #ccc;
    margin-right: 7px;
}



#tabPackages .list-group.flex .name,
.color-packages .list-group.flex .name {
    flex: 1 1 auto;
}



.color-packages .list-group-item span {
    flex: 0 0 5em;
}



#tabPackages .list-group.flex span {
    flex: 0 0 7em;
}



.row .freightCharge {
    font-size: 12px;
    margin-top: 10px;
}



.color-packages {
    margin-bottom: 20px;
    margin-top: 20px;
}



    .color-packages .name {
        color: #333;
    }



.vdp-inquire {
    overflow: hidden;
}



    .vdp-inquire input::-ms-clear {
        /* IE fix to hide 'clear box' */
        display: none;
    }



    .vdp-inquire .row {
        margin-left: unset;
        margin-right: unset;
    }



    .vdp-inquire .form-control, .vdp-inquire span {
        display: inline;
        height: 1.2em;
    }



    .vdp-inquire .form-control {
        margin: 0.25em auto;
        height: 1.8em;
        font-size: 0.8em;
        padding: 0em 0.5em;
    }



.grecaptcha-badge {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    box-shadow: unset !important;
}



/*Honey Pot*/

.form-check-requirement, #VehicleInquiryViewModel_HP_FullName {
    position: absolute;
    width: 0px;
    height: 0px;
    opacity: 0;
    display: none;
}

/* fix for k-pager button icon sprite alignment problems */

/* caused by our shift to larger body font-size and k-pager using units relative to body */

.k-pager-wrap {
    font-size: 14px;
}





.blog-filters h3 {
    border-bottom: 2px solid;
}



.blog-filters .blog-featured-posts, .blog-filters .blog-recent-posts, .blog-filters .blog-archive {
    margin-bottom: 50px;
}



.btn-readMore {
    background: darkred;
    color: #fff;
    padding: 7px 15px;
    width: 200px;
    text-align: center;
    border-radius: 8px;
    float: left;
    clear: both;
}



.blog-header {
    margin-bottom: 10px;
}



.blog-posts {
    font-size: 12px;
}



    .blog-posts h1, .blog-posts h2, .blog-posts h3 {
        font-size: 16px;
        font-weight: bold;
    }



.blog-filters {
    position: fixed;
    top: 0;
    left: -101%;
    width: 100%;
    height: 100vh;
    padding: 10px;
    margin-right: 5px;
    min-height: 400px;
    background: rgba(0,0,0,0.9);
    font-size: 14px;
    z-index: 200;
    transition: .3s;
    overflow-y: auto;
    overflow-x: hidden;
}



.mobileFilterSlider,
.mobileFilterSlider::before,
.mobileFilterSlider::after {
    bottom: 15px;
    height: 2em;
    font-weight: bold;
    z-index: 201;
    transition: left .3s, border-radius .3s;
}



.mobileFilterSlider {
    position: fixed;
    left: 0;
    padding-left: .25em;
    color: #f00;
    background: rgba(255, 255, 255, .75);
    font-size: 1.25em;
    text-transform: uppercase;
    border-radius: 0 .3em .3em 0;
}



    .mobileFilterSlider::after,
    .mobileFilterSlider::before {
        position: relative;
        top: 1px;
        width: 1.5em;
        padding: 0 0.3em;
        font-family: FontAwesome;
    }



    .mobileFilterSlider::before {
        content: "\f100";
        font-size: 0;
    }



    .mobileFilterSlider::after {
        content: "\f101";
        font-size: 1.25em;
    }





.blog-filters.filtersOpen {
    left: 0;
}



.filtersOpen.mobileFilterSlider {
    left: calc(100% - 1.75em);
    border-radius: .3em 0 0 .3em;
}



    .filtersOpen.mobileFilterSlider::before {
        font-size: 1.25em;
    }



    .filtersOpen.mobileFilterSlider::after {
        font-size: 0;
    }



.blog-posts .post, #blog-page .post {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    background: rgba(0,0,0,0.6);
    margin-bottom: 15px;
}



.blog-posts {
    width: 100%;
}



    .blog-posts .featured-image {
        float: left;
        width: 156px;
        height: auto;
        margin: 10px;
    }



    .blog-posts .featured-image-detail {
        float: left;
        width: 100%;
        height: auto;
        margin: 10px auto;
        text-align: center;
    }



    .blog-posts .preview-text {
        margin: 10px;
    }



@media (min-width: 768px) {

    .blog-filters {
        position: static;
        width: 20%;
        height: auto;
        float: left;
        background: rgba(0,0,0,0.6);
        transition: none;
    }



    .mobileFilterSlider,
    .mobileFilterSlider::before,
    .mobileFilterSlider::after {
        transition: none;
    }



    .mobileFilterSlider {
        display: none;
    }



    .blog-posts {
        width: 79%;
        float: right;
    }



    .s_heNoSkinPhoto.floated {
        max-width: 40%;
        height: auto !important;
    }
}



@media (min-width: 992px) {

    .s_heNoSkinPhoto.floated {
        max-width: 60%;
    }
}



@media (min-width: 1200px) {

    .s_heNoSkinPhoto.floated {
        max-width: unset;
    }
}



.s_heNoSkinPhoto.notFloat {
    float: none !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 15px auto !important;
    overflow: hidden;
}



@media (max-width: 767px) {

    .s_heNoSkinPhoto,
    .s_heNoSkinPhoto.notFloat {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 15px auto !important;
        overflow: hidden;
    }



        .s_heNoSkinPhoto img {
            display: block;
            margin: auto;
        }
}



.cmd-newer, .cmd-older {
    cursor: pointer;
}



    .cmd-newer:hover, .cmd-older:hover {
        text-decoration: underline;
    }



.siteSearch-M {
    margin: .5em auto;
    display: flex;
    flex-flow: row;
    display: -ms-flexbox;
    -ms-flex-flow: row;
}



    .siteSearch-M input {
        flex: 1 0 60%;
        font-size: 16px;
        border-radius: 5px 0 0 5px;
    }



    .siteSearch-M button {
        margin: 5px 0 0 0 !important;
        height: 34px;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 7em;
        font-weight: bold;
        font-size: 1.2em;
        text-transform: uppercase;
        border-radius: 0 5px 5px 0;
        border: none;
    }



/*--- RESPONSIVE REVIEW SITE ---*/



.employee-review-name {
    font-size: .9em;
    color: #555;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
}



.review-headertitle-div {
    padding: 10px;
}



.review-header-div {
    text-align: center;
    padding: 15px;
    margin-bottom: 15px;
}



.review-title,
.review-headertitle {
    font-size: 1.25em;
    font-weight: bold;
}



.review-headertitle {
    color: #f00;
}



.review-title {
    color: #000;
    font-style: italic;
    order: 1;
}



.review-comments {
    color: #666;
    font-weight: normal;
    min-height: 2em;
    overflow-wrap: break-word;
    order: 3;
}



.review-customer-name {
    color: #555;
    font-size: .9em;
    font-weight: bold;
    max-width: 120px;
    overflow: hidden;
    overflow-wrap: break-word;
}



.review-customer-date {
    color: #777;
    font-size: .9em;
    font-weight: normal;
}



.review-response-section {
    height: 100%;
    width: 100%;
    padding: 10px;
    margin: 30px auto 0;
    box-sizing: border-box;
}



.review-response {
    min-height: 50px;
}



.ranking-photo {
    height: 95px;
    object-fit: contain;
    margin: 0 auto;
}



.review-employee-header {
    font-size: 1.5em;
    margin-top: .5em;
    display: block;
}



.review-rating-header,
.review-star-rating label {
    font-size: 2em;
}



.review-star-rating,
.review-star-rating ~ div {
    margin: 0 5%;
    width: 90%;
    border-radius: 8px;
}



.review-star-rating {
    margin-top: 15px;
    cursor: default;
}



.review-photo-section {
    display: inline-flex;
    flex-flow: column;
    display: -ms-inline-flexbox;
    -ms-flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}



.review-personal-information {
    background-color: #eee;
    margin: 0 auto;
    width: 90%;
    padding: 15px;
}



.review-personal-information {
    border-radius: 8px;
}



.review-employee-photo {
    max-width: 70px;
    max-height: 70px;
    border: 3px solid grey;
    min-height: 70px;
    color: grey;
    font-size: .6em;
    font-weight: normal;
}



.employee-info {
    display: inline-block;
}



.employee-info {
    display: flex;
    display: -ms-flexbox;
    flex-flow: column;
    -ms-flex-flow: column;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 15px;
}



    .employee-info > div {
        flex: 0 1 auto;
        order: 2;
    }



        .employee-info > div > div:first-child {
            flex: 1 0 auto;
            align-self: center;
        }



        .employee-info > div > div:last-child {
            flex: 1 0 100%;
        }



.employee-box .employee-review-name {
    white-space: unset;
}



.employee-box,
.employee-info > div:last-child > div:last-child {
    margin: .5em;
}



    .employee-box > div > a,
    .employee-info > div:nth-child(2) {
        display: flex;
        display: -ms-flexbox;
        flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        justify-content: space-between;
        order: 1;
    }



    .employee-box > div > a {
        text-align: center;
    }



.employee-review-section {
    flex: 0 0 auto;
    align-self: center;
}



.employee-leader-info {
    flex: 1 1 auto;
    padding-left: 10px;
    padding-right: 10px;
}



.employee-box > div > a > div:first-child > div:last-child {
    display: flex;
    display: -ms-flexbox;
    flex-flow: column;
    -ms-flex-flow: column;
    justify-content: flex-start;
    margin: 1em;
}



.employee-review-title {
    color: grey;
    font-size: .8em;
    font-weight: bold;
    font-style: italic;
}



.employee-review-count {
    color: grey;
    font-size: .8em;
    font-weight: normal;
}



span.ReviewCount {
    color: #337ab7;
    /*font-weight: 700;*/
}



    span.ReviewCount:hover {
        color: blue;
        text-decoration: underline;
    }



.callout::before {
    content: "";
    width: 0px;
    height: 0px;
    border: 0.8em solid transparent;
    position: absolute;
}



.callout.top::before {
    left: 45%;
    bottom: -20px;
    border-top: 10px solid #444;
}



.callout.bottom::before {
    left: 45%;
    top: -20px;
    border-bottom: 10px solid #444;
}



.callout.left::before {
    right: -20px;
    top: 40%;
    border-left: 10px solid #444;
}



.callout.right::before {
    left: -20px;
    top: 40%;
    border-right: 10px solid #444;
}



.callout.top-left::before {
    left: 7px;
    bottom: -20px;
    border-top: 10px solid #444;
}



.callout.top-right::before {
    right: 7px;
    bottom: -20px;
    border-top: 10px solid #444;
}



div.callout {
    display: flex;
    flex-flow: column;
    position: relative;
    margin: auto 0;
    padding: .625em 1em;
    min-height: 50px;
    background-color: #ddd;
    color: #333;
    border-radius: 5px;
    border: 1px solid #ccc;
    text-align: left;
    box-shadow: none;
}



    div.callout::before,
    .callout.right::before,
    div.callout::after {
        content: '';
        display: block;
        position: absolute;
        z-index: 10;
        top: -35px;
        left: 60px;
        width: 50px;
        height: 35px;
        border-style: solid;
        border-width: 1px 0 0 1px;
        border-color: #ccc;
        background: #ddd;
        border-top-left-radius: 70px 50px;
    }



    div.callout::after {
        left: 89px;
        width: 22px;
        border-width: 1px 0 1px 1px;
        background: #fff;
        border-top-left-radius: 40px 50px;
    }







.review-response-comments,
.review-response-name {
    display: inline-block;
}



.review-response-comments {
    padding-left: 15px;
}





.acidjs-rating-stars.rating-submission label:hover,
.acidjs-rating-stars.rating-submission label:hover ~ label {
    /*color: #189800;*/
    color: #f5b301;
}





.acidjs-rating-stars * {
    margin: 0;
    padding: 0;
}



.acidjs-rating-stars input {
    display: none;
}



.acidjs-rating-stars {
    margin-top: -5px;
    unicode-bidi: bidi-override;
    direction: rtl;
    order: 2;
    align-self: center;
    text-align: left;
}



.employee-leader-info .acidjs-rating-stars {
    text-align: center;
}



.acidjs-rating-stars label,
.review-widget-star {
    color: #ccc;
}



    .acidjs-rating-stars label::before,
    .review-widget-star::before {
        content: "\2605";
        text-align: center;
        font-size: 26px;
    }



.review-details-section .acidjs-rating-stars label::before {
    cursor: pointer;
}



.acidjs-rating-stars.rating-submission input:checked ~ label,
.acidjs-rating-stars input[checked="checked"] ~ label,
.review-widget-star.gold {
    color: #f5b301;
}



.acidjs-rating-disabled {
    pointer-events: none;
}



.review-row .acidjs-rating-stars label::before {
    font-size: 36px;
}



.review-widget-star::before {
    font-size: 30px;
}



img.customer-image {
    height: 120px;
    width: 120px;
    object-fit: cover;
    border-radius: 5px;
    border: 2px currentColor solid;
    cursor: pointer;
}



#overlay,
#reviewLargeView,
#ServiceLargeView,
#ServiceJobsOverlay {
    position: fixed;
    display: none;
    width: 100vw;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}



#overlay,
#ServiceJobsOverlay {
    z-index: 499;
    height: 100vh;
    background-color: rgba(0,0,0,.7);
}



#reviewLargeView,
#ServiceLargeView {
    margin: auto;
    padding: 15px;
    z-index: 500;
}



/*#lgServiceWrapper,*/

#lgWrapper {
    position: relative;
    margin: auto;
    padding: 15px;
    width: auto;
    max-width: 100%;
    background: #fff;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    max-width: 100%;
}



.socialSidebar {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    order: 2;
    margin-top: 15px;
    justify-content: flex-start;
    align-items: center;
    flex: 0;
    -ms-flex: 1 auto;
    padding: 10px 5px 0 15px;
}



#viewInner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    min-height: 60vh;
    max-height: 75vh;
    padding: 15px;
    font-size: 22px;
    border: 1px #ccc solid;
    border-radius: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    flex-basis: 100%;
    -ms-flex: 0 0 75%;
}



    #viewInner::after {
        content: '\f057';
        position: absolute;
        top: -10px;
        right: -10px;
        padding: 4px 4px 3px 3px;
        background: #fff;
        color: #bbb;
        font-family: FontAwesome;
        font-size: 42px;
        line-height: .9em;
        border-radius: 100%;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
        cursor: pointer;
    }



div#viewOuter {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}





#viewInner img {
    border-radius: 3px;
    /*min-width: 35vw;*/
    overflow: hidden;
    object-fit: contain;
    object-position: center;
}



#viewInner span {
    overflow-wrap: break-word;
}



a.social-icons {
    width: 42px;
    margin-bottom: unset;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden;
}



.ranking-ribon {
    align-items: center;
    flex-basis: 50px;
    min-width: 50px;
}



.ranking-order {
    padding: .25em;
    margin-right: 2.5%;
    align-self: center;
    flex: 0 1 20px;
    color: #333;
    background-color: #eee;
    font-size: 1.1em;
    text-align: center;
    border-radius: 5px;
    mix-blend-mode: multiply;
    border: 1px #ccc solid;
}



.count-select {
    text-align: right;
}



span.headerReviewAv,
span.headerTot {
    font-size: inherit;
    padding: 0 .25em;
}





.headerStars {
    padding: 0 .2em;
    color: #ddd;
}



    .headerStars.gold {
        color: #f5b301;
    }



    .headerStars::before {
        content: "\f005";
        font-family: FontAwesome;
        font-size: 18px;
        line-height: normal;
        color: currentColor;
        text-shadow: 1px 2px 4px #000;
        transition: color .4s;
    }



.review-response-name {
    display: flex;
    flex-flow: column nowrap;
    padding-right: 15px;
    vertical-align: top;
}



.review-row {
    display: flex;
    display: -ms-flexbox;
    flex-flow: column;
    -ms-flex-flow: column;
    justify-content: space-between;
    width: 100%;
}



#reviewList > .review {
    padding: 15px;
    border-top: 2px solid #dadada;
}



.review-customer-section {
    display: flex;
    flex-flow: column;
    flex: 0 0 auto;
    align-self: center;
    padding-top: 15px;
    min-width: 120px;
}



.review-customer-section,
.review-row .review-row-wrap {
    align-self: center;
    align-items: flex-start;
}



.review-customer-image {
    margin-bottom: 5px;
    height: 100%;
    object-fit: contain;
}



.employee-review-photo-container {
    display: none;
    margin-bottom: 5px;
    height: 120px;
}



.employee-review-photo img,
img.employee-review-img {
    object-fit: cover;
    margin: 0 auto;
    display: inline-block;
}



.employee-review-photo img {
    height: 60px;
    width: 60px;
}



img.employee-review-img {
    height: 95px;
    width: 95px;
}



img.employee-photo {
    width: 120px;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
    border: 2px currentColor solid;
}



#ratingHead {
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-right: 1em;
    padding: 5px 15px;
    width: 100%;
    background: currentColor;
    z-index: 200;
}



span.headerReviewAv,
span.headerTot {
    color: #fff;
}





.headerTot {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}





.hLogoBox {
    display: none;
    position: relative;
    width: 150px;
    height: 150px;
    top: 0;
    left: 25px;
    border: 5px currentColor solid;
    background-color: #fff;
}



.hLogo {
    width: 100%;
    max-width: 350px;
    object-fit: contain;
}



.footerInner {
    display: flex;
    flex-flow: row wrap-reverse;
    display: -ms-flexbox;
    -ms-flex-flow: row;
    -ms-flex-wrap: wrap-reverse;
    margin: 0 auto;
}



.fRevLink {
    width: 100%;
    display: block;
    order: 1;
    padding: 1em;
    text-align: center;
    font-size: 1.7em;
    text-decoration: none;
    padding: .3em;
    line-height: 1em;
    transition: color .3s, background-color .3s;
}



    .fRevLink:hover {
        text-decoration: none;
        color: #f5b301;
    }



    .fRevLink .headerStars::before {
        color: #f5b301;
    }



    .fRevLink:hover .headerStars::before {
        color: #a7d9ff;
    }



.review-container,
.employee-container,
.servicejobs-container {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}



.servicejob-image-title-section {
    padding-top: 10px;
}



.employee-review-page,
#reviewList_pager {
    display: flex;
    top: 5em;
    right: 0;
    position: absolute;
}



#reviewList_pager {
    font-size: 16px;
}



.review-row a,
.review-row .review-row-wrap {
    order: 2;
}



    .review-row a:first-child {
        order: 1;
    }



.review-customer-section {
    order: 4;
}



#employee-reviews #reviewList_pager {
    top: 0;
}



#review-page .review-container > h1,
.servicejobs-container > h1,
.employee-container > h1,
#employee-reviews .review-container > h1,
.servicejobs-container > h1 {
    padding-top: 50px;
}



#reviewList_pager.top-pager {
    display: block;
    top: unset;
    right: unset;
    position: static;
}



.review-list-filter > div,
.review-list-filter > select {
    display: inline-block;
}



.servicejobs-list-filter > div,
.servicejobs-list-filter > select {
    display: inline-block;
}



.review-mapFrame, .addyFoot {
    min-height: 240px;
}



.review-mapFrame {
    flex: 1 0 100%;
    padding: 0;
}



.addyFoot {
    position: relative;
    flex: 1 0 100%;
    border-radius: 0;
    padding: 0 30px;
    padding-bottom: 1em;
    text-align: center;
}



    .addyFoot h1 {
        text-transform: uppercase;
        line-height: 1.2em;
        font-weight: 700;
    }



a.pdl-certified-link {
    display: none;
    position: absolute;
    transition: filter .2s, transform .2s;
}



.pdl-certified-link p {
    margin-top: 5px;
    font-size: .5em;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    color: #555;
}



a.pdl-certified-link-footer {
    display: block;
    width: 130px;
    max-width: 60%;
    position: absolute;
    bottom: 10px;
    right: 10px;
}



p.PDL-footer-text {
    max-width: 60%;
    text-align: left;
    padding-top: 30px;
    font-weight: bold;
    text-transform: uppercase;
}



.pdl-certified-link-footer img {
    vertical-align: super;
}



a.pdl-certified-link:hover {
    text-decoration: none;
    filter: saturate(1.6);
    transform: scale(1.02);
}



label.reivew-yourinformation {
    display: block;
    font-size: 1.5em;
    padding: .5em 0;
}



.review-employee-section {
    width: 93%;
    margin: 0 auto;
}



    .review-employee-section .k-multiselect-wrap {
        min-height: 2.625em;
        border-radius: 8px;
        cursor: pointer;
    }



        .review-employee-section .k-multiselect-wrap::before {
            position: absolute;
            content: '\f007  \f078';
            font-family: FontAwesome;
            color: #333;
            font-size: 2.25em;
            text-align: center;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            visibility: unset;
            overflow: unset;
        }



        .review-employee-section .k-multiselect-wrap:hover::before {
            color: #666;
        }



@media (min-width: 452px) {

    #review-page .review-container > h1,
    .servicejobs-container > h1,
    .employee-container > h1,
    #employee-reviews .review-container > h1,
    .servicejobs-container > h1 {
        padding-top: 0;
        width: 40%;
    }



    .employee-review-photo img {
        height: 95px;
        width: 95px;
    }



    .ranking-ribon {
        min-width: 75px;
    }
}



li.li-stars {
    display: none;
}



.mobile-stars .li-stars {
    display: block;
    text-align: right;
}



.mobile-stars span.headerReviewAv,
.mobile-stars span.headerTot {
    color: #333;
    text-shadow: none;
}



.review-container .well {
    margin-top: 0;
}



.servicejobs-container .well {
    margin-top: 0;
}



.review-list-filter span {
    display: none;
}



.servicejobs-list-filter span {
    display: none;
}



.back-box a {
    background-color: unset;
    padding: 3px 5px;
    vertical-align: sub;
    border-radius: 10px;
    transition: color .3s, background-color .2s;
}



    .back-box a:hover,
    .back-box a:focus {
        background-color: #eee;
        text-decoration: none;
    }



    .back-box a .fa {
        font-size: inherit;
        font: inherit;
    }



    .back-box a .fa-arrow-left:before {
        content: "\f060";
        font-family: FontAwesome;
    }



@media (min-width: 768px) {

    .mobile-stars {
        display: none;
    }



    .review-list-filter span {
        display: inline;
    }



    .servicejobs-list-filter span {
        display: inline;
    }



    li.li-stars {
        display: block;
        align-self: center;
        padding-left: 15%;
        cursor: default;
    }



    span.headerReviewAv,
    span.headerTot {
        font-size: .75em;
    }



    .review-container .well {
        margin-top: 30px;
    }



    .servicejobs-container .well {
        margin-top: 30px;
    }





    div.callout {
        flex-flow: row nowrap;
    }



    .acidjs-rating-stars {
        align-self: flex-start;
    }





        .acidjs-rating-stars label::before,
        .review-widget-star::before {
            font-size: 26px;
        }



    .employee-leader-info .acidjs-rating-stars {
        text-align: left;
    }



    .employee-box > div > a,
    .employee-info > div:nth-child(2) {
        text-align: left;
    }



    .ranking-order {
        margin-right: 5%;
    }



    #reviewLargeView {
        padding: 15px 10%;
    }



    img.popupLogo {
        min-height: 50px;
        max-height: 150px;
        max-width: 280px;
    }



    #viewInner {
        max-height: 75vh;
        flex-basis: 0;
        -ms-flex-preferred-size: 75%; /* fix for ie flex bug */
    }



    .socialSidebar {
        max-width: 225px;
        padding: 10px 10px 0 25px;
        flex-direction: column;
        -ms-flex-direction: column;
    }





    a.social-icons {
        width: 64px;
        border-radius: 12px;
        margin-bottom: 20px;
        margin-right: unset;
    }



    a.pdl-certified-link {
        display: block;
        right: 5px;
        width: 125px;
    }



    .pdl-certified-link p {
        font-size: .6em;
    }





    a.pdl-certified-link-footer,
    .PDL-footer-text {
        display: none;
    }



    .employee-review-photo-container {
        display: block;
    }



    .employee-info {
        flex-flow: row nowrap;
    }



    .employee-leaderboard .employee-review-name,
    #employee-reviews .employee-review-name {
        font-size: 1.125em;
    }



    .employee-box, .employee-info > div:last-child > div:last-child {
        margin: 1em auto;
        padding: 0 15px;
    }



        .employee-box > div > a > div:first-child > div:last-child div {
            text-align: left;
        }



    .review-photo-section {
        flex-flow: row wrap;
        -ms-flex-flow: row;
        -ms-flex-wrap: wrap;
        align-items: flex-start;
    }



    .review-row {
        display: flex;
        display: -ms-flexbox;
        flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        justify-content: space-between;
        width: 100%;
    }



        .review-row a {
            display: flex;
            display: -ms-flexbox;
            flex-flow: row wrap;
            -ms-flex-flow: row wrap;
        }



        .review-row a,
        .review-row .review-row-wrap {
            order: 2;
        }



            .review-row a:first-child {
                display: flex;
                display: -ms-flexbox;
                flex-flow: column nowrap;
                justify-content: flex-start;
                flex: 1 1 auto;
                -ms-flex: 1 1 100%;
                order: 1;
            }



    .review-customer-section {
        order: 2;
        flex: 0 0 auto;
        padding-left: 30px;
        padding-top: 0;
    }



    .employee-box,
    .employee-info > div:last-child > div:last-child {
        margin: 1em;
    }



    .employee-review-title {
        font-size: 1em;
    }



    .review-detail {
        margin-top: 60px;
    }



    #employee-reviews .review-container {
        margin-top: 45px;
    }



    div.callout {
        width: calc(100% - 150px);
    }



    #reviewList_pager {
        top: 3em;
    }



    #review-page #reviewList_pager {
        top: 5.5em;
    }



    .hLogoBox {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }



    .footerInner {
        width: 768px;
    }



    .review-mapFrame {
        flex: 1 0 60%;
    }



    .addyFoot {
        flex: 1 0 40%;
        -ms-flex: 1 0 auto;
        padding-bottom: 0;
    }



    .review-response-section {
        width: 95%;
        margin: 30px auto 0 0;
    }



    .sort-review-by {
        padding-left: 15px;
    }
}



@media (min-width: 992px) {

    span.headerReviewAv,
    span.headerTot {
        font-size: 1.2em;
    }



    .headerStars::before {
        font-size: 24px;
    }



    .footerInner {
        width: 992px;
    }



    .pdl-certified-link p {
        font-size: .65em;
    }



    a.pdl-certified-link {
        right: 15px;
        width: 140px;
    }



    #reviewLargeView {
        padding: 15px 15%;
    }
}



@media (min-width: 1200px) {

    .footerInner {
        width: 1200px;
    }



    .pdl-certified-link p {
        font-size: .75em;
    }



    a.pdl-certified-link {
        right: 25px;
        width: 160px;
    }



    #reviewLargeView {
        padding: 15px 20%;
    }
}



@media (min-width: 1440px) {

    #reviewLargeView {
        padding: 15px 25%;
    }
}



@media (max-width: 321px) {

    .review-row .acidjs-rating-stars label::before,
    .review-widget-star::before {
        font-size: 22px;
    }



    .review-customer-section {
        flex: 0 0 100px;
        padding-left: 10px;
    }



    img.customer-image {
        height: 80px;
        width: 80px;
    }
}



@media (max-width: 767px) {



    .panel-toggle .btn-apply.active {
        display: none;
    }



    #viewInner {
        max-height: 65vh;
    }



    img.popupLogo {
        max-height: 100px;
        object-fit: contain;
    }



    .viewBranding {
        width: 80%;
        margin: 10px 10% 0;
    }



    select#ddlDepartments {
        margin: 6px auto 12px;
        max-width: 70vw;
    }



    label.reivew-yourinformation {
        text-align: center;
        font-size: 1.2em;
    }



    .addyFoot h1 {
        line-height: 1em;
        font-size: 1.5em;
    }



    .headerTot {
        font-size: 14px;
    }



    .review-response-name {
        display: flex !important;
        justify-content: space-between;
        border-bottom: 1px #aaa solid;
        margin-bottom: 10px;
    }
}



/*--- END RESPONSIVE REVIEW SITE ---*/

.counterWrapper {
    font-size: 10px;
}



#vehicle-video-window .modal-dialog {
    margin-top: 90px;
}







/*--- Service Page ---*/



#servicejobs {
    margin: 0 15px;
}



.servicejob-row {
    flex-flow: column;
    -ms-flex-flow: column;
    justify-content: space-between;
    width: 100%;
    padding-top: 20px;
}



.servicejobs-container .well {
    min-height: 15px;
    padding: 15px;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 30px;
    margin-bottom: 15px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: black;
}



.servicejob-headertitle-div {
    padding: 10px;
}



.servicejob-header-div {
    text-align: center;
    padding: 15px;
    margin-bottom: 15px;
}



.servicejob-title,
.servicejob-headertitle {
    font-size: 1.25em;
    font-weight: bold;
}



.servicejob-headertitle {
    color: #f00;
}



.servicejob-title {
    color: #000;
    font-style: italic;
    order: 1;
}



.servicejob-comments {
    color: #666;
    font-weight: normal;
    min-height: 2em;
    overflow-wrap: break-word;
    order: 3;
}



.servicejob-customer-name {
    color: #555;
    font-size: .9em;
    font-weight: bold;
    max-width: 120px;
    overflow: hidden;
    overflow-wrap: break-word;
}



.servicejob-customer-date {
    color: #777;
    font-size: .9em;
    font-weight: normal;
}



.servicejob-response-section {
    height: 100%;
    width: 100%;
    padding: 10px;
    margin: 30px auto 0;
    box-sizing: border-box;
}



.servicejob-response {
    min-height: 50px;
}



.ranking-photo {
    height: 95px;
    object-fit: contain;
    margin: 0 auto;
}



.servicejob-employee-header {
    font-size: 1.5em;
    margin-top: .5em;
    display: block;
}



.servicejob-rating-header,
.servicejob-star-rating label {
    font-size: 2em;
}



.servicejob-star-rating,
.servicejob-star-rating ~ div {
    margin: 0 5%;
    width: 90%;
    border-radius: 8px;
}



.servicejob-star-rating {
    margin-top: 15px;
    cursor: default;
}



.servicejob-photo-section {
    display: inline-flex;
    flex-flow: column;
    display: -ms-inline-flexbox;
    -ms-flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}



.servicejob-personal-information {
    background-color: #eee;
    margin: 0 auto;
    width: 90%;
    padding: 15px;
}



.servicejob-personal-information {
    border-radius: 8px;
}



.servicejob-employee-photo {
    max-width: 70px;
    max-height: 70px;
    border: 3px solid grey;
    min-height: 70px;
    color: grey;
    font-size: .6em;
    font-weight: normal;
}



.servicejob-response-comments,
.servicejob-response-name {
    display: inline-block;
}



.servicejob-response-comments {
    padding-left: 15px;
}



#ServiceJobsLargeView {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 500;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
}



#ab-toggle,
a.show-more-service {
    background: #f00;
    border: 1px #000 solid;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    transition: transform .2s ease, color .2s ease;
    font-weight: bold;
    user-select: none;
    color: #fff;
    line-height: 40px;
}



.show-more-service {
    margin: 10px;
}



#ab-toggle {
    display: block;
    margin: auto;
    padding: 0 15px;
}



    #ab-toggle:hover,
    a.show-more-service:hover {
        background: #d33;
        transform: scale(.95);
        color: #000;
    }



#ServiceJobsLargeView #viewInner {
    position: relative;
    height: 90vh;
    max-height: unset;
    flex: 1 1 auto;
    overflow: unset;
    background: #eee;
    color: #000;
}



@media (min-width: 768px) {

    #ServiceJobsLargeView {
        padding: 30px;
    }
}



@media (min-width: 1024px) {

    #ServiceJobsLargeView #viewInner {
        flex: 0 1 50%;
        -ms-flex: 0 1 auto;
    }
}





#ServiceJobsLargeView #viewInner img {
    position: absolute;
    width: 100%;
    height: 100%;
}



#ServiceJobsLargeView #viewInner::after {
    content: unset;
}



#ServiceJobsLargeView #serviceClose::after {
    content: '\f057';
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 4px 4px 3px 3px;
    background: #fff;
    color: #f66;
    font-family: FontAwesome;
    font-size: 42px;
    line-height: .9em;
    border-radius: 100%;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    z-index: 99999;
}



#ServiceJobsLargeView #serviceClose:hover::after {
    color: #d33;
}



#job-image-Wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}



img[class^="servicejob-image"] {
    width: 100%;
    cursor: pointer;
    box-shadow: 4px 4px #f00;
}



/*--- END Service Page ---*/



.zoom-view .active.item,
#zoomcarousel {
    width: auto;
    margin: auto;
    display: inline;
}



.featuredOnlyMessage {
    background: black;
    margin-bottom: 34px;
    padding: 15px 25px;
    text-align: center;
    border-bottom: 2px #fff solid;
    font-size: 32px;
}



    .featuredOnlyMessage p {
        color: #fff;
    }



.modal-body {
    max-height: calc(100vh - 180px);
    overflow-y: auto;
}



@media (max-width: 767px) {

    html.modal-scroll-stop,
    body.modal-scroll-stop {
        position: fixed;
        height: 100vh;
        overflow: hidden;
    }
}



html.modal-scroll-stop,
body.modal-scroll-stop {
    position: fixed;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}



.cmd-load-more {
    margin: 0 auto;
    padding: 15px;
    background: #fff;
    text-align: center;
    cursor: pointer;
    text-decoration: underline;
    color: #000;
}



.specs-panel.panel-body {
    background-color: #000;
    color: #fff;
}



.specs-panel .list-group-item {
    background: #fff;
    color: #000;
}



#vehicleDetails {
    margin-top: 30px;
}



.remove-all-filters-link {
    text-decoration: underline;
}



    .remove-all-filters-link:hover {
        cursor: pointer;
        opacity: 0.8;
    }





@media (max-width: 767px) {

    .pageheader {
        padding: 0;
        margin-top: -15px;
    }



        .pageheader .p-header h1 {
            font-size: 8vw;
        }



    #ModalVehicleInquiry, #main-nav-collapse {
        overflow-y: auto;
    }



    .headercontainer, .header-container, #content-container {
        width: 100%;
    }



    .maptext {
        text-align: center;
    }



        .maptext .header-name {
            font-size: 7vw;
        }



        .maptext h3:first-of-type, .maptext h4:first-of-type {
            font-size: 5vw;
        }



    .department .employee {
        max-width: 300px;
    }



    #ModalVehicleInquiry .vdpinquiryheader {
        font-size: 22px;
    }
}

.calculated-pricing {
    margin-top: 15px;
}

    .calculated-pricing .dealer-total {
        font-size: 18px;
    }

#e-price-modal {
    background: rgba(0,0,0,0.7);
}

#instant-price-vdp-button {
    width: 100%;
    padding: 15px;
    background: #fff;
    color: #000;
    border: none;
    margin-bottom: 15px;
    margin-top: 10px;
    cursor: pointer;
    transition: all .5s ease;
}

    #instant-price-vdp-button:hover {
        background: #000;
        color: #fff;
        transition: all .5s ease;
    }

#InstantPriceModalForm {
    background: rgba(0,0,0,0.8);
}

.tip i.fa.fa-question {
    border: 2px solid;
    border-radius: 50%;
    width: 16px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

div#TagCollapse .tooltip.fade.bottom.in {
    position: relative !important;
}

img.on-order-overlay-image, .on-order-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.on-order-overlay {
    background: #000;
    height: 100%;
    opacity: 0.65;
    color: #fff;
    width: 100%;
    text-align: center;
}

    .on-order-overlay h2 {
        margin-top: 135px;
        opacity: 1.0;
    }

.widget-UpcomingEvents .k-block, .widget-UpcomingEvents .k-widget {
    background: transparent
}

.facebook-responsive.tall-iframe-widget iframe {
    width: 300px !important;
    height: 640px !important;
    left: 50%;
    transform: translate(-50%, 0)
}

.is-flex .videoWrapper {
    width: 100%;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56%;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        height: 100%;
    }

.top-bar-announcement-link {
    text-decoration: none;
}

    .top-bar-announcement-link:hover {
        text-decoration: none;
        font-weight: bold;
    }

.top-bar-announcement {
    text-align: center;
    padding: 5px 15px;
}

#SubmitReviewContainer input[type="text"] {
    font-size: 14px;
}

#SimilarVehicles .vehicle-box {
    transition: all .5s ease;
}

    #SimilarVehicles .vehicle-box:hover {
        transition: all .5s ease;
        transform: scale(1.1);
    }

    #SimilarVehicles .title {
        text-align: center;
        font-weight: bold;
    }

    #SimilarVehicles .vehicle {
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

.loader {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin .5s linear infinite;
    margin: 0 auto;
}

@media (max-width: 767px) {
    #SimilarVehicles h3 {
        text-align: center;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


#employeeHvrImg {
    height: 100%;
    width: 100%;
    object-fit:cover;
}

.pagerTop #vehicleList {
    margin-top: 45px;
}

.pagerTop .k-pager-wrap {
    position: absolute;
    top: 90px;
    width: 96%;
}

.pagerTop #vehicles {
    margin-top: 75px;
}

#grdInventory .driveitnow_container {
    position: relative;
    top: -35px;
    left: 10px;
}

.harley-cpo-badge img {
    position: absolute;
    left: calc(50% - 70px);
    top: 0;
}
.harley-cpo-badge {
    background-color: #ff6600;
    height: 40px;
    position: relative;
}

.harley-credit-app-link {
    background: #ff6600;
    color: #fff;
    width: 100% !important;
    display: block;
    text-align: center;
    font-family: inherit;
    padding: 10px !important;
    font-size: 25px;
    font-weight:bold;
}

/*featured iventory image fix*/
.img-container.vw img {
    width: 100%;
    height: auto;
    object-fit: cover;
}