/* CUSTOM CSS FILE */

/* 
MAS color palette
MAS Red: #AA272F;
MAS Gray: #5E6A71;
MAS Blue: #005C84;
support color palette
MAS Tan: #D1C99D;
MAS Green: #A3A86B;
MAS Light Blue: #A6BCC6;

New MAS Blue: #0071C0;

*/

/* make mobile good every time */
html, body {
    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
}

/* remove iframe scroll bar */
iframe {
    overflow: hidden !important;
}

.slider-text {
    color: white !important;
    position: relative;
    margin-top: -300px;
    margin-bottom: 100px;
}

/* MAS Logo */
#mas_header_logo {
    margin-bottom: 0px !important;
}

.mas-logo {
    margin-left: -28px !important;
    margin-top: 10px !important;
}

/* BEGIN OLM Style Guide */

div {
    font-family: Arial, Helvetica, sans-serif !important;
    color: #5e6a71 !important;
    line-height: normal !important;
    font-size: 14px !important;
}

p {
    font-family: Arial, Helvetica, sans-serif !important;
    color: #5e6a71 !important;
    line-height: normal !important;
    font-size: 1.2em !important;
}

h1 {
    font-family: Arial, Helvetica, sans-serif !important;
    color: #5e6a71 !important;
    line-height: normal !important;
    font-size: 36px !important;
    -webkit-font-smoothing: antialiased !important;
}

h2 {
    font-family: Arial, Helvetica, sans-serif !important;
    color: #5e6a71 !important;
    line-height: normal !important;
    font-size: 28px !important;
    -webkit-font-smoothing: antialiased !important;
}

h3 {
    font-family: Arial, Helvetica, sans-serif !important;
    color: #5e6a71 !important;
    line-height: normal !important;
    font-size: 24px !important;
    -webkit-font-smoothing: antialiased !important;
}

h4 {
    font-family: Arial, Helvetica, sans-serif !important;
    color: #5e6a71 !important;
    line-height: normal !important;
    font-size: 18px !important;
    -webkit-font-smoothing: antialiased !important;
}

h5 {
    font-family: Arial, Helvetica, sans-serif !important;
    color: #5e6a71 !important;
    line-height: normal !important;
    font-size: 16px !important;
    -webkit-font-smoothing: antialiased !important;
}

h6 {
    font-family: Arial, Helvetica, sans-serif !important;
    color: #5e6a71 !important;
    line-height: normal !important;
    font-size: 14px !important;
    -webkit-font-smoothing: antialiased !important;
}

a {
    color: #5E6A71 !important;
}

    a:visited {
        color: #5E6A71 !important;
    }

    a:hover {
        color: #005C84 !important;
        /*font-weight: bold !important;*/
    }

    a:active {
        color: #5E6A71 !important;
    }

.btn {
    background: #005C84 !important;
    color: #ffffff !important;
    border: 1px solid transparent !important;
    border-color: #005C84 !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-align: center;
    border-radius: 2px !important;
}

    .btn:active {
        color: white !important;
    }

.blue-link {
    color: #005C84 !important;
    text-decoration: underline !important;
}

    .blue-link:default {
        color: #005C84 !important;
        text-decoration: underline !important;
    }

    .blue-link:active {
        color: #005C84 !important;
        text-decoration: underline !important;
    }

    .blue-link:hover {
        color: #005C84 !important;
        text-decoration: underline !important;
    }

    .blue-link:visited {
        color: #005C84 !important;
        text-decoration: underline !important;
    }

    .blue-link:focus {
        color: #005C84 !important;
        text-decoration: underline !important;
    }


/* END OLM Style Guide */

/* BEGIN Custom CSS Global Styles */

/*Top Hyper Links*/
.topsearchnav {
    margin-top: -10px !important;
}

.graylink {
    color: !important;
    font-size: 0.8em !important;
}

    .graylink:hover {
        color: #005C84 !important;
        font-size: 0.8em !important;
    }

#search {
    font-size: 0.975em !important;
    margin-top: 7px !important;
    /*border: solid 1px red;*/
    height: 15px !important;
    text-transform: lowercase !important;
}

.searchButton {
    height: 4px !important;
    text-transform: lowercase !important;
    margin-top: 1px !important;
}

/*Menu Nav Custom*/

#mainMenu {
    margin-top: 5px !important;
    margin-right: -5px !important;
}

.menulinks {
    font-family: Arial, Helvetica, sans-serif;
    color: #5e6a71;
    line-height: normal;
    font-size: 1.1em !important;
    line-height: normal;
    text-transform: none;
    border: solid 2px white;
}

    .menulinks:hover {
        font-family: Arial, Helvetica, sans-serif;
        color: #5e6a71;
        line-height: normal;
        line-height: normal;
        text-transform: none;
        border: #005C84 2px solid;
    }

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none !important;
    background-color: white !important;
    /*color: black !important;*/
}

#mainMenu ul li.active a {
    background: #005C84 !important;
    color: white !important;
    border: solid 1px white !important;
    font-family: Arial, Helvetica, sans-serif;
    color: #5e6a71;
    line-height: normal;
}

#mainMenu ul li {
    background: white !important;
    border: solid 1px white !important;
    font-family: Arial, Helvetica, sans-serif;
    color: #5e6a71;
    line-height: normal;
}

    #mainMenu ul li:hover {
        border: #005C84 2px solid;
        background: white !important;
        font-family: Arial, Helvetica, sans-serif;
        color: #5e6a71;
        line-height: normal;
    }

.testClass, .active {
    background: #005C84 !important;
    color: white !important;
    border: solid 1px white !important;
}

.testClassBlue {
    background: #005C84 !important;
    color: white !important;
    border: solid 1px white !important;
}

/* Car Buying Program*/

.box1, .box2, .box3 {
    height: 350px;
    width: 300px;
    border: solid 2px white;
    color: white !important;
    margin: auto;
    padding: 15px;
}

    .box1 b, .box2 b, .box3 b {
        font-size: 1.2em !important;
    }


    .box1 ul li, .box2 ul li, .box3 ul li {
        margin-top: 10px !important;
        color: white;
        font-weight: bold !important;
    }


    .box1 h2, .box1 p {
        color: white !important;
        padding: 12px 12px 0px 0px;
    }

    .box2 h2, .box2 p {
        color: white !important;
        padding: 12px 12px 0px 0px;
    }

    .box3 h2, .box3 p {
        color: white !important;
        padding: 12px 12px 0px 0px;
    }

.small-print {
    color: white !important;
}

.car-buying-title {
    color: white !important;
    font-weight: bold !important;
}

.active-duty-title {
    color: white !important;
}

.learn-more {
    width: 300px;
    height: 50px;
    text-align: center;
    margin-left: 38%;
    margin-right: auto;
    border: solid 2px white;
    background: transparent;
    color: white;
    margin-bottom: 100px;
}

.build-and-customize {
    width: 300px;
    height: 50px;
    text-align: center;
    margin-left: 28%;
    margin-right: auto;
    border: solid 2px white;
    background: transparent;
    color: white;
    margin-bottom: 100px;
}


/* Track Your Order */

.track-your-order {
    font-size: 1.7em !important;
    font-weight: bold;
}

.check-the-status {
    font-size: 1.2em !important;
    font-weight: bold;
}

.order-information {
    background: #e7e5e5 !important;
    padding: 10px !important;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.0em;
    border-bottom-left-radius: 0.0em;
}

.order-information-title {
    font-size: 1.5em !important;
    margin-top: -5px !important;
    margin-bottom: 15px !important;
}

.track-your-order-form-template {
    margin-top: -20px !important;
    background: #e7e5e5 !important;
    padding: 10px !important;
}

    .track-your-order-form-template .fieldset {
        background: white !important;
        margin-top: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

/*Slider Text*/

.serve-there, .drive-anywhere {
    font-weight: 400 !important;
}


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

/* Marketo Form CSS - Contact Us */

.vehicle-spacer {
    height: 400px !important;
}

.mktoCheckboxList > label {
    /*border: dotted 1px red;*/
    left: -15px !important;
    position: relative !important;
}

.mktoForm input, .mktoForm select {
    height: 34px !important;
    margin-right: 28px !important;
    font-size: 1.0em !important;
}

#FirstName, #LastName, #Rank, #Email, #Phone, #Country, #inquiryType, #make, #customerNumber {
    width: 223px !important;
}

#comments {
    min-width: 735px !important;
    width: 735px !important;
    color: #5e6a71 !important;
    height: 100px !important;
}

.mktoForm label {
    font-weight: normal !important;
    margin-bottom: 5px !important;
    margin-top: 10px !important;
}

.btnTab {
    border-bottom: none !important;
}

.mktoForm input {
    background: white;
}

.mktoForm select {
    background: white;
}

.mktoForm textarea {
    background: white;
}


/* Gilok CSS */
.contentContainer {
    padding: 2em 0 2em 0;
}

    .contentContainer h2 {
        margin-bottom: 20px;
        text-align: left;
    }

.anchorIconContainer {
    display: block;
    width: 500px;
    margin: 0 auto;
    margin-top: -30px;
    text-align: center;
}

.anchorAlignBox {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
}

.anchorIcon {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: #C9C9C9;
    border: 0px double #ebebeb;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

    .anchorIcon img {
        width: 100%;
        cursor: pointer!important;
        cursor: pointer !important;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        transition: all 0.3s ease-in-out 0s;
    }

        .anchorIcon img:hover {
            cursor: default;
            transform: rotate(360deg);
            transition: all 0.3s ease-in-out 0s;
        }

.anchorLabel {
    width: 100%;
    height: 20px;
    margin-top: 5px;
    line-height: 120%;
}
/************************************
Magazine 
*************************************/
.magazineContainer {
    text-align: center;
    padding-top: 60px;
}

.frame {
    display: inline-block;
    margin: 30px;
    background-repeat: no-repeat;
}

.mzContainer {
    width: 100%;
    height: auto;
}

    .mzContainer img {
        width: 100%;
        height: 100%;
    }
/************************************
RSS Feed
*************************************/
.feedContainer {
    background: #eaeaea;
    text-align: center;
}

    .feedContainer .headline {
        display: block;
        max-height: 60px;
        height: 60px;
        overflow: hidden;
        font-size: 1.4em;
        padding: 0 5px;
    }

        .feedContainer .headline a {
            pointer-events: none;
            cursor: default;
        }

    .feedContainer ul {
        margin-left: 0;
        margin-right: 0;
    }

    .feedContainer li {
        display: inline-block;
        vertical-align: top;
        width: 31%;
        background: #fff;
        border: 2px solid #fff;
        text-align: left;
        margin: 10px .5%;
    }

        .feedContainer li:hover {
            border-bottom: 2px solid #aa272f;
        }

        .feedContainer li div > * {
            display: none;
        }

            .feedContainer li div > *:first-child,
            .feedContainer li div > *:first-child a {
                display: block;
                width: 100%!important;
                margin-bottom: 0;
            }

        .feedContainer li img {
            display: block !important;
            width: 100%;
            height: 200px !important;
            overflow: visible !important;
        }

        .feedContainer li div h5:first-of-type {
            display: block;
            text-align: left !important;
            line-height: 140% !important;
            padding: 0 5px;
            height: 65px;
            max-height: 65px;
            overflow: hidden;
        }

        .feedContainer li div p:last-of-type {
            display: block;
            font-size: 0px!important;
        }

            .feedContainer li div p:last-of-type a {
                font-size: 12px;
                float: right;
                padding-right: 5px;
                padding-bottom: 5px;
                display: block;
            }

                .feedContainer li div p:last-of-type a:last-of-type {
                    display: none;
                }

    .feedContainer .fbsubscribelink,
    .feedContainer #creditfooter {
        display: none;
    }

    
/************************************
Customer Info
*************************************/
.linkList h1 {
    margin-bottom: 15px;
}

.linkList ul {
    list-style: none;
    margin: 0 0 20px 20px;
    padding: 0;
}

    .linkList ul li.pdf {
        background-image: url('/images/pdf.png');
        background-size: 22px 22px;
        background-repeat: no-repeat;
        background-position: 0 45%;
        padding: 3px 0 3px 30px;
        margin: .4em 0;
        font-size: 1.4em;
    }

    .linkList ul li.desc {
        font-size: 1.2em;
        margin-left: 32px;
        margin-top: -10px;
    }

@media only screen and (max-width: 1200px) {
    .feedContainer li {
        min-width: 320px;
    }

        /*.feedContainer li:last-of-type {    // this removes the third RSS feed
            display: none;
        }*/ 
}

@media only screen and (max-width: 480px) {
    .anchorContainer .container {
        padding: 0px;
    }

    .anchorIconContainer {
        min-width: 285px;
        width: 100%;
    }

    .anchorAlignBox {
        margin: 0 0 30px 0;
        width: 95px;
    }

    .feedContainer .container {
        padding: 0px;
    }

    .feedContainer li {
        width: 290px;
        min-width: 290px;
        margin: 10px auto;
    }

    .contentContainer h2 {
        text-align: center;
    }
}

/* END Gilok CSS */


/*Slider*/

/* Small Flex Slider */

.flex-control-nav {
    position: relative;
    border: solid 1px red;
}


/* Flex Slider On-Base */

.flex-slider-onbase {
    margin-top: 0px !important;
}

/*Logos*/

.logobar {
    margin: auto !important;
    width: 100% !important;
}

.spaceme {
    margin-right: 60px !important;
}

/* Why Buy From Us Section */

#services {
    width: 100% !important;
    background-size: 100% !important;
    background: linear-gradient(rgba(0,92,132,0.9), rgba(0,92,132,0.9)), url('/uploadedImages/MAS/Home/Car_lot_MoreChoicesBkgd.jpg') no-repeat;
    -webkit-background-size: 100% !important;
}

/* Affiliation Section */

.spacemeaff {
    margin-right: 40px !important;
}

.affiliations {
    /*background: #eeeeee !important;*/
    /*border: solid 1px red;*/
    background: #d7d7d7 !important;
}

.official {
    text-align: center !important;
    margin-bottom: 30px !important;
}

/* Nex and Exchange Logos */
.nexcom-banner {
    background: #5c6b72 !important;
    color: white !important;
    /*height: 58px !important;*/
}

.nexcombanner {
    background: #5c6b72 !important;
    color: white !important;
    /*height: 58px !important;*/
}

#nextcombanner {
    background: #5c6b72 !important;
    color: white !important;
    /*height: 58px !important;*/
}

.exchange-l0g0-div, .nex-l0g0-div {
    /*margin-top: -20px !important;*/
    /*border: dotted 1px red;*/
}

#exchange-l0g0, #nex-l0g0 {
    /*margin-top: -20px !important;
    border: solid 1px blue;*/
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.celebrating {
    color: white !important;
    font-size: 1.72em !important;
    text-align: center !important;
    vertical-align: middle !important;
    margin-top: 9% !important;
    margin-bottom: auto !important;
}

/* Footer */

#contact-mas-now {
    margin-top: -13px !important;
    background: transparent !important;
    color: transparent !important;
}

#tesfotter {
    z-index: 999;
}

#footer-logo-image {
}

.sticky-footer-logo {
    margin-top: 10px !important;
    margin-left: -5px !important;
    /*border: solid 1px red;*/
    text-align: left !important;
    float: left !important;
    font-size: 1.3em !important;
    color: white !important;
    font-family: arial !important;
    text-transform: none !important;
    /*font-weight: bold !important;*/
}


.sticky-footer-bar {
    /*opacity: 0.7 !important;*/
}

.sticky-footer-logo-div {
}

.sticky-footer-button-div {
    float: right !important;
    margin-right: 0px !important;
    margin-top: -10px !important;
    opacity: 100 !important;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.sticky-footer-button {
    text-align: right;
    opacity: 100 !important;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#phishing-image {
    margin-right: 20px;
}

div.container-sticky-footer-bar {
    opacity: 0.9 !important;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}


a.btnTab.stickyFooterButton {
    background: #d9d9d9 !important;
    color: #5c6b72 !important;
    opacity: 100 !important;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

    a.btnTab.stickyFooterButton:hover {
        background: #d9d9d9 !important;
        color: #005c84 !important;
        opacity: 100 !important;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }

.btnTab {
    padding: 20px 25px;
    /*-webkit-border-radius: 4px;*/
    /*-moz-border-radius: 4px;*/
    /*border-radius: 4px;*/
    background: #d9d9d9 !important;
    display: inline-block;
    border: none;
    text-decoration: none;
    font-family: Helvetica;
    font-size: 1.3em !important;
    text-shadow: none;
    border-bottom: 3px solid rgba(1, 1, 1, 0.05);
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    color: #5c6b72;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    filter: alpha(opacity=100) !important; /* For IE8 and earlier */
    opacity: 100 !important;
    padding-top: -2px;
    margin-top: 0px;
}

    .btnTab:hover {
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        text-decoration: none !important;
        color: #005c84 !important;
        /*border: solid 1px red;*/
        filter: alpha(opacity=100) !important; /* For IE8 and earlier */
        opacity: 100 !important;
        padding-top: -2px;
        margin-top: 0px;
    }

footer#testrealfooter {
    /*border: solid 1px blue;*/
    background: #d9d9d9 !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.stickyFooter {
    background: #d9d9d9 !important;
}

section#Section1 {
    background: #d9d9d9;
}

#footer-top {
    font-size: 1.1em !important;
    background: #d9d9d9;
}

#footer-links {
    /*font-family: Arial, Helvetica, sans-serif !important;
    color: #5e6a71 !important;
    line-height: normal !important;
    */
    font-size: 1.0em !important;
    -webkit-font-smoothing: antialiased;
    margin-top: 20px !important;
    white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.footer-links {
    margin-left: 20px !important;
}

#footer-spacer {
    /*border: dotted 1px red;*/
}

footer, .stickyFooter, #tesfotter, #testrealfooter {
    background: white !important;
}

#ctl00_FooterSection_FooterSection {
    background: #d9d9d9 !important;
}

#tesfotter.stickyFooter {
    background: #333333 !important;
}

div#tesfotter.stickyFooter.fixedfooter.animated.fadeInUp {
    filter: alpha(opacity=90) !important; /* For IE8 and earlier */
    opacity: 0.9 !important;
}

.contact-us-marketo {
    padding-top: 25px;
}

#footer-bottom-section {
    background: #d9d9d9;
}

#footer-body, .footer-body {
    background: #d9d9d9;
}

#footer-body-inner {
    background: #d9d9d9;
}

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

#footer-slogan {
    margin-left: 20px !important;
}

.footer-slogan {
}

#track-your-order-footer {
    color: #005c84 !important;
    text-decoration: underline !important;
}


#ctl00_FooterSection_FooterSection,
#tesfotter,
.stickyFooter,
.sticky-footer-bar,
#contact-us-content,
#marketo-form-content,
.contact-us-form-text,
.contact-us-marketo,
.contact-us-form-text,
.marketo-form-footer,
#contact-mas,
#footer-body-inner,
.footer-slogan,
#footer-bottom {
    visibility: visible !important;
}

div.row-fluid {
    visibility: visible !important;
    z-index: -1 !important;
}

.bottom-logo-vertical-space {
    height: 500px !important;
}

/* bottom of the footer section */
footer section#Section1, section#contact-mas, #footer-top, #footer-body-inner, .row-fluid#footer-bottom {
    background: #d7d7d7 !important;
    color: white !important;
}

footer section#Section1 {
    border-top: solid 40px #5e6a71;
    padding-top: 20px !important;
}

#social-media {
    display: block !important;
    /*border: dotted 2px red;*/
    min-width: 270px !important;
}

/* Marketo Form in The footer */

#mktoForm_2468, #mktoForm_2575 {
    width: 100% !important;
}

.mktoButton {
    background: #005C84 !important;
    color: #ffffff !important;
    border: 1px solid transparent !important;
    border-color: #005C84 !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-align: center;
    border-radius: 2px !important;
    padding: 10px !important;
    line-height: 1.5em !important;
    width: 100px !important;
    font-weight: bold !important;
    font-size: 1.2em !important;
    margin-left: -100px !important;
}

    .mktoButton:active {
        color: white !important;
    }

.mktErrorMsg {
    color: white !important;
}

.link-white {
    text-decoration: underline !important;
}

#footer-bottom {
    background: #d9d9d9 !important;
}

#social-media {
    /*border: dotted 1px blue;*/
    /*float: right !important;*/
    text-wrap: none !important;
    margin-right: -50px !important;
}


#live-person-footer, #live-person-rep-footer, #check-status-of-your-order {
    text-decoration: underline !important;
    color: #005c84 !important;
}


/* Footer Content */


#get-started-content {
    text-align: left !important;
    color: #005c84 !important;
}

#footer-content-left {
    text-align: left !important;
    margin-top: 30px !important;
}

#footer-content-middle {
    margin-top: 24px !important;
}

#footer-content-right {
    text-align: left !important;
    margin-top: 30px !important;
}

.customer-service-title, .europe-overseas-deliveries-title, .middle-east-contact {
    color: #005c84 !important;
}

div.mktoErrorMsg {
    color: white !important;
}

#contact-us-content {
    text-align: left !important;
}

/* END Footer */

/*Audi*/

#audi {
    background: url('/images/logo/audi_ColorLogo.png');
    height: 111px !important;
    width: 111px !important;
    background-size: 111px 111px;
}

    #audi:hover {
        background: url('/images/logo/audi_Logo.png');
        height: 111px !important;
        width: 111px !important;
        background-size: 111px 111px;
    }

/*Chrysler*/
#chrysler {
    background: url('/images/logo/chrysler_ColorLogo.png');
    height: 111px !important;
    width: 111px !important;
    background-size: 111px 111px;
}

    #chrysler:hover {
        background: url('/images/logo/chrysler_Logo.png');
        height: 111px !important;
        width: 111px !important;
        background-size: 111px 111px;
    }

/*Dodge*/
.logo-dodge {
    background: url('/images/logo/dodge_colorlogo.png');
    height: 111px !important;
    width: 111px !important;
    background-size: 111px 111px;
}

    .logo-dodge:hover {
        background: url('/images/logo/dodge_logo.png');
        height: 111px !important;
        width: 111px !important;
        background-size: 111px 111px;
    }

/*Ford*/
.logo-ford {
    background: url('/images/logo/ford_colorlogo.png');
    height: 111px !important;
    width: 111px !important;
    background-size: 111px 111px;
}

    .logo-ford:hover {
        background: url('/images/logo/ford_logo.png');
        height: 111px !important;
        width: 111px !important;
        background-size: 111px 111px;
    }

/*Harley-Davidson*/
.logo-hd {
    background: url('/images/logo/harley_colorlogo.png');
    height: 111px !important;
    width: 111px !important;
    background-size: 111px 111px;
}

    .logo-hd:hover {
        background: url('/images/logo/harley_logo.png');
        height: 111px !important;
        width: 111px !important;
        background-size: 111px 111px;
    }

/*Honda*/
.logo-honda {
    background: url('/images/logo/honda_colorlogo.png');
    height: 111px !important;
    width: 111px !important;
    background-size: 111px 111px;
}

    .logo-honda:hover {
        background: url('/images/logo/honda_logo.png');
        height: 111px !important;
        width: 111px !important;
        background-size: 111px 111px;
    }

/* Infiniti */
.logo-infiniti {
    background: url('/images/logo/infiniti_colorlogo.png');
    height: 111px !important;
    width: 111px !important;
    background-size: 111px 111px;
}

    .logo-infiniti:hover {
        background: url('/images/logo/infiniti_logo.png');
        height: 111px !important;
        width: 111px !important;
        background-size: 111px 111px;
    }

/* Jeep */
.logo-jeep {
    background: url('/images/logo/jeep_colorlogo.png');
    height: 111px !important;
    width: 111px !important;
    background-size: 111px 111px;
}

    .logo-jeep:hover {
        background: url('/images/logo/jeep_logo.png');
        height: 111px !important;
        width: 111px !important;
        background-size: 111px 111px;
    }

/* Lincoln */
.logo-lincoln {
    background: url('/images/logo/lincoln_colorlogo.png');
    height: 111px !important;
    width: 111px !important;
    background-size: 111px 111px;
}

    .logo-lincoln:hover {
        background: url('/images/logo/lincoln_logo.png');
        height: 111px !important;
        width: 111px !important;
        background-size: 111px 111px;
    }

/* Mercedes-Benz */
.logo-mercedes-benz {
    background: url('/images/logo/mb_colorlogo.png');
    height: 111px !important;
    width: 111px !important;
    background-size: 111px 111px;
}

    .logo-mercedes-benz:hover {
        background: url('/images/logo/mb_logo.png');
        height: 111px !important;
        width: 111px !important;
        background-size: 111px 111px;
    }


/* Nissan */
.logo-nissan {
    background: url('/images/logo/nissan_colorlogo.png');
    height: 111px !important;
    width: 111px !important;
    background-size: 111px 111px;
}

    .logo-nissan:hover {
        background: url('/images/logo/nissan_logo.png');
        height: 111px !important;
        width: 111px !important;
        background-size: 111px 111px;
    }

/* RAM */
.logo-ram {
    background: url('/images/logo/ram_colorlogo.png');
    height: 111px !important;
    width: 111px !important;
    background-size: 111px 111px;
}

    .logo-ram:hover {
        background: url('/images/logo/ram_logo.png');
        height: 111px !important;
        width: 111px !important;
        background-size: 111px 111px;
    }

/* Toyota */
.logo-toyota {
    background: url('/images/logo/toyota_colorlogo.png');
    height: 111px !important;
    width: 111px !important;
    background-size: 111px 111px;
}

    .logo-toyota:hover {
        background: url('/images/logo/toyota_logo.png');
        height: 111px !important;
        width: 111px !important;
        background-size: 111px 111px;
    }

/* Volkswagen */
.logo-volkswagen {
    background: url('/images/logo/vw_colorlogo.png');
    height: 111px !important;
    width: 111px !important;
    background-size: 111px 111px;
}

    .logo-volkswagen:hover {
        background: url('/images/logo/vw_logo.png');
        height: 111px !important;
        width: 111px !important;
        background-size: 111px 111px;
    }


/* Media Queries 

/* Desktop */

/* Large desktop */
@media (min-width: 1200px) {

    .box1, .box2, .box3 {
        height: 350px;
        width: 300px;
        border: solid 2px white;
        color: white !important;
        margin: auto;
        padding: 15px;
    }
}
/* Standard HD */

@media (max-width: 1199px) {

    .box1, .box2, .box3 {
        height: 375px;
        width: auto;
        border: solid 2px white;
        color: white !important;
        margin: auto;
        padding: 15px;
    }


    #comments {
        min-width: 480px !important;
        width: 480px !important;
        color: #5e6a71 !important;
        height: 100px !important;
    }

    .bottom-logo-vertical-space {
        height: 0px !important;
    }
}

/* 1024 x 768 */
@media (max-width: 1024px) {

    .two-cols {
        display: inline-block !important;
        min-width: 111px;
        max-width: 111px;
    }

    .two-col-row {
        width: 400px !important;
        /*border: dotted 1px red;*/
        margin: auto !important;
        text-align: left;
    }

    .spacemeaff, .spacemelast {
        width: 200px !important;
        margin: auto !important;
    }

    .logobar {
        margin: auto;
        width: 1024px;
    }

    /*.mktoForm {
        visibility: visible !important;
        width: 585px !important;
        border: dotted 2px red;
    }*/

    .box1, .box2, .box3 {
        height: 400px !important;
        min-height: 400px !important;
    }

    #comments {
        min-width: 475px !important;
        width: 225px !important;
        color: #5e6a71 !important;
        height: 100px !important;
    }

    .vehicle-spacer {
        height: 300px !important;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    .box1, .box2, .box3 {
        display: block;
        height: 450px !important;
        width: auto;
        border: solid 2px white;
        color: white !important;
        margin: auto;
        padding: 15px;
    }

    .mas-logo {
        margin-left: 10px !important;
        margin-bottom: 10px !important;
    }

    .learn-more {
        width: 300px;
        height: 50px;
        text-align: center;
        margin-left: 28%;
        margin-right: auto;
        border: solid 2px white;
        background: transparent;
        color: white;
        margin-bottom: 100px;
    }

    .build-and-customize {
        width: 300px;
        height: 50px;
        text-align: center;
        margin-left: 16%;
        margin-right: auto;
        border: solid 2px white;
        background: transparent;
        color: white;
        margin-bottom: 100px;
    }

    .logobar {
        margin: auto;
        width: 979px;
        padding: 0px;
    }

    #social-media {
        /*border: dotted 1px red !important;*/
        /*width: 100px !important;*/
    }

    .btnTab {
        visibility: visible !important;
    }

    #footer-content-right {
        visibility: visible !important;
    }

    #footer-content-middle {
        visibility: visible !important;
    }

    #footer-content-left {
        visibility: visible !important;
    }

    #comments {
        min-width: 223px !important;
        width: 225px !important;
        color: #5e6a71 !important;
        height: 100px !important;
    }

    .vehicle-spacer {
        height: 200px !important;
    }

       /* Marketo Form formatting */
    input#FirstName,
    input#LastName,
    select#Rank,
    input#Email,
    input#Phone,
    select#Country,
    select#inquiryType,
    select#make,
    input#customerNumber,
    textarea#comments
    {
        width: 100% !important;
    }
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

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

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

    #homeCorpo {
        height: 0px !important;
        visibility: hidden !important;
    }

    .mas_header_logo {
        margin-top: -10px !important;
        margin-left: 0px !important;
        padding-bottom: 50px !important;
        /*border: solid 1px red;*/
    }

    .learn-more {
        width: 300px;
        height: 50px;
        text-align: center;
        margin-left: 44%;
        margin-right: auto;
        border: solid 2px white;
        background: transparent;
        color: white;
        margin-bottom: 100px;
    }

    .build-and-customize {
        width: 300px;
        height: 50px;
        text-align: center;
        margin-left: 40%;
        margin-right: auto;
        border: solid 2px white;
        background: transparent;
        color: white;
        margin-bottom: 100px;
    }

    .nexcom-banner {
        height: auto !important;
    }

    .logobar {
        margin: auto;
        width: 767px;
        padding: 10px;
    }

    #get-started-content {
        visibility: hidden !important;
    }

    #footer-content-right {
        visibility: visible !important;
    }

    #footer-content-middle {
        visibility: visible !important;
    }

    #footer-content-left {
        visibility: visible !important;
    }

    .btnTab {
        visibility: visible !important;
        border-radius: 0 !important;
        margin-top: -50px !important;
        height: 0px !important;
        width: 50% !important;
        margin-right: -30px !important;
        margin-left: 100px !important;
        margin-top: -22px !important;
    }

    a#footer.btnTab.stickyFooterButton {
        margin-left: 50px !important;
    }

    #footer {
        vertical-align: middle !important;
    }

    .how-can-we-help-content {
        margin-top: -5px !important;
    }

    #comments {
        min-width: 480px !important;
        width: 225px !important;
        color: #5e6a71 !important;
        height: 100px !important;
    }

    .vehicle-spacer {
        height: 100px !important;
    }
}


@media (max-width: 600px) {

    #comments {
        min-width: 480px !important;
        width: 225px !important;
        color: #5e6a71 !important;
        height: 100px !important;
    }

    .vehicle-spacer {
        height: 50px !important;
    }
}

@media (max-width:567px) {
      /* Marketo Form formatting */
    input#FirstName,
    input#LastName,
    select#Rank,
    input#Email,
    input#Phone,
    select#Country,
    select#inquiryType,
    select#make,
    input#customerNumber,
    textarea#comments
    {
        width: 100% !important;
    }
}


/* Landscape phones and down */
@media (max-width: 480px) {

    .box1, .box2, .box3 {
        height: auto;
        width: auto;
        border: solid 2px white;
        color: white !important;
        margin: auto;
        padding: 15px;
    }

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

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

    .mas-logo {
        margin-left: 10px !important;
    }

    .learn-more {
        width: 300px;
        height: 50px;
        text-align: center;
        margin-left: 38%;
        margin-right: auto;
        border: solid 2px white;
        background: transparent;
        color: white;
        margin-bottom: 100px;
    }

    .build-and-customize {
        width: 300px;
        height: 50px;
        text-align: center;
        margin-left: 30%;
        margin-right: auto;
        border: solid 2px white;
        background: transparent;
        color: white;
        margin-bottom: 100px;
    }

    .celebrating {
        margin-top: -30px !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .nexcom-banner {
        height: 500px !important;
    }

    .logobar {
        margin: auto;
        width: 480px;
        padding: 0px;
    }

    .btnTab {
        visibility: hidden !important;
    }

    #get-started-content {
        visibility: hidden !important;
    }

    #footer-content-right {
        visibility: hidden !important;
    }

    #footer-content-middle {
        visibility: hidden !important;
    }

    #footer-content-left {
        visibility: hidden !important;
    }

    #footer-links {
        /*border: dotted 2px red;*/
    }

    a#footer.btnTab.stickyFooterButton {
        margin-left: 50px !important;
    }

    #comments {
        width: 225px !important;
        min-width: 225px !important;
    }

    .vehicle-spacer {
        height: 30px !important;
    }

     /* Marketo Form formatting */
    input#FirstName,
    input#LastName,
    select#Rank,
    input#Email,
    input#Phone,
    select#Country,
    select#inquiryType,
    select#make,
    input#customerNumber,
    textarea#comments
    {
        width: 100% !important;
    }
}


@media (max-width: 320px) {

    /* NexCom Banner and Exchange */
    .nex-l0g0-div {
        margin-top: -320px !important;
        margin-left: 65px !important;
    }

    .exchange-l0g0-div {
        margin-left: -30px !important;
    }

    .celebrating {
        margin-top: -50px !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    #footer-links {
        /*border: dotted 2px red;*/
    }

    #comments {
        width: 225px !important;
        min-width: 225px !important;
        width: 225px !important;
        color: #5e6a71 !important;
        height: 100px !important;
    }

    .mktoForm label {
        font-weight: normal !important;
        margin-bottom: 2px !important;
        margin-top: 3px !important;
    }

    .vehicle-spacer {
        height: 0px !important;
    }
}

@media (max-width: 280px) {

    .box1, .box2, .box3 {
        height: auto !important;
    }

    .learn-more {
        width: 300px;
        height: 50px;
        text-align: center;
        margin-left: 28%;
        margin-right: auto;
        border: solid 2px white;
        background: transparent;
        color: white;
        margin-bottom: 100px;
    }

    .build-and-customize {
        width: 300px;
        height: 50px;
        text-align: center;
        margin-left: 13.5%;
        margin-right: auto;
        border: solid 2px white;
        background: transparent;
        color: white;
        margin-bottom: 100px;
    }

    .nexcom-banner {
        height: auto !important;
    }

    .logobar {
        margin: auto;
        width: 280px;
        padding: 10px;
    }

    .btnTab {
        visibility: hidden !important;
    }

    #footer-links {
    }

    .mktoForm label {
        margin-top: 5px !important;
        font-weight: bold;
    }

    /*.mktoForm input, .mktoForm select, .mktoForm textarea {
        width: 230px !important;
    }

    #mktoForm_2468 .mktoCheckboxList label {
        margin-top: 10px !important;
        margin-left: 0px !important;
        width: 240px !important;
    } 

    #mktoForm_2468 .mktoCheckboxList input {
        margin-left: -100px !important;
        margin-bottom: 10px !important;
    }*/

    .vehicle-spacer {
        height: 0px !important;
    }
}

#mktoForm_2468 .mktoLogicalField.mktoCheckboxList.mktoHasWidth, #mktoForm_2575 .mktoLogicalField.mktoCheckboxList.mktoHasWidth {
    width: 100% !important;
}

/* LivePerson */

#LP_DIV_1469782535261 {
    width: 100% !important;
    font-size: 1.0em !important;

}

.lp_desktop #lpChat > .lp_maximized {
    height: 400px;
    z-index: 1000000000;
}

/* Background */
.hero-graphic {
    background: url("/documents/20182/0/Hero+Logo+Image/a9a61f3c-6a3f-41e0-8c29-18541ceaa83d?t=1469649287914");
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:50% 50%;
    background-size:cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;	
}

.lp_survey_button .lp_btn_gradient .ltr, #btnStartChat:after {
    content: "CHAT LIVE";
}