﻿/** General **/

@font-face {
    font-family: 'corporateacondpro';
    src: url('../../fonts/mbcv/corporateacondpro_regular_webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'corporateacondproitalic';
    src: url('../../fonts/mbcv/corporateacondpro_regularitalic_webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'CorporateA-Regular';
    src: url('../../fonts/mbcv/corpos_regular_webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'ArialTh';
    src: url('../../fonts/mbcv/ArialTh.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'MbusaIcons';
    src: url('../../fonts/mbcv/mbusa-icons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

/* Really this should be bundled with mbusa-icons but it was not made by MB, and I couldn't find a straightforward way to add it into the
   existing ttf, so I added another one. This is a potential small future optimization so that we do one fewer request. */
/*@font-face {*/
/*    font-family: 'MbusaShoppingCart';*/
/*    src: url('../../fonts/mbcv/mb-shopping-cart.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal*/
/*}*/

:host, :root {
    --wb-grid-gutter-width: 1rem;
    --wb-grid-content-width: 90%;
    --wb-grid-content-width-vw: 90vw;
    --wb-spacing-3xs: 0.25rem;
    --wb-spacing-xxs: 0.5rem;
    --wb-spacing-xs: 1rem;
    --wb-spacing-s: 1.5rem;
    --wb-spacing-m: 2rem;
    --wb-spacing-l: 3rem;
    --wb-spacing-xl: 4rem;
    --wb-spacing-xxl: 5rem;
    --wb-black: #000;
    --wb-white: #fff;
    --wb-blue-05: #00182c;
    --wb-blue-10: #002441;
    --wb-blue-15: #003156;
    --wb-blue-20: #013c6b;
    --wb-blue-25: #014880;
    --wb-blue-30: #025497;
    --wb-blue-35: #0260ab;
    --wb-blue-40: #036dc1;
    --wb-blue-45: #0078d6;
    --wb-blue-50: #008dfc;
    --wb-blue-55: #1998fc;
    --wb-blue-60: #33a4fd;
    --wb-blue-65: #4eaffd;
    --wb-blue-70: #66bbfd;
    --wb-blue-75: #80c6ff;
    --wb-blue-80: #9ad2fe;
    --wb-blue-85: #b4ddfe;
    --wb-blue-90: #cce8ff;
    --wb-blue-95: #e6f5ff;
    --wb-green-05: #051a07;
    --wb-green-10: #07260b;
    --wb-green-15: #0a330f;
    --wb-green-20: #0d4013;
    --wb-green-25: #0f4d16;
    --wb-green-30: #125a1a;
    --wb-green-35: #14661e;
    --wb-green-40: #177321;
    --wb-green-45: #198025;
    --wb-green-50: #21a330;
    --wb-green-55: #37ac45;
    --wb-green-60: #4db559;
    --wb-green-65: #64bf6e;
    --wb-green-70: #7ac883;
    --wb-green-75: #90d198;
    --wb-green-80: #a6daac;
    --wb-green-85: #bce3c1;
    --wb-green-90: #d3edd6;
    --wb-green-95: #e9f6ea;
    --wb-grey-05: #0d0d0d;
    --wb-grey-10: #1a1a1a;
    --wb-grey-15: #262626;
    --wb-grey-20: #333;
    --wb-grey-25: #424242;
    --wb-grey-30: #4f4f4f;
    --wb-grey-35: #5c5c5c;
    --wb-grey-40: #696969;
    --wb-grey-45: #767676;
    --wb-grey-50: #848484;
    --wb-grey-55: #919191;
    --wb-grey-60: #9f9f9f;
    --wb-grey-65: #adadad;
    --wb-grey-70: #bbb;
    --wb-grey-75: #c9c9c9;
    --wb-grey-80: #dbdbdb;
    --wb-grey-85: #e8e8e8;
    --wb-grey-90: #f4f4f4;
    --wb-grey-95: #f8f8f8;
    --wb-red-05: #2b0707;
    --wb-red-10: #410a0a;
    --wb-red-15: #570d0d;
    --wb-red-20: #6d1111;
    --wb-red-25: #821414;
    --wb-red-30: #981717;
    --wb-red-35: #ae1a1a;
    --wb-red-40: #c31e1e;
    --wb-red-45: #d92121;
    --wb-red-50: #ff4a4a;
    --wb-red-55: #ff5c5c;
    --wb-red-60: #ff6e6e;
    --wb-red-65: #ff8080;
    --wb-red-70: #ff9292;
    --wb-red-75: #ffa5a5;
    --wb-red-80: #ffb7b7;
    --wb-red-85: #ffc9c9;
    --wb-red-90: #ffdbdb;
    --wb-red-95: #ffeded;
    --wb-yellow-05: #2e2600;
    --wb-yellow-10: #463900;
    --wb-yellow-15: #5d4c00;
    --wb-yellow-20: #745f00;
    --wb-yellow-25: #8b7100;
    --wb-yellow-30: #a28400;
    --wb-yellow-35: #ba9700;
    --wb-yellow-40: #d1aa00;
    --wb-yellow-45: #e8bd00;
    --wb-yellow-50: #facc00;
    --wb-yellow-55: #fbd11a;
    --wb-yellow-60: #fbd633;
    --wb-yellow-65: #fcdb4c;
    --wb-yellow-70: #fce066;
    --wb-yellow-75: #fde680;
    --wb-yellow-80: #fdeb99;
    --wb-yellow-85: #fef0b3;
    --wb-yellow-90: #fef5cc;
    --wb-yellow-95: #fffae6;
    --wb-mb-brand: #0078d6;
    --wb-mb-background: #fff;
    --wb-amg-red-05: #8a0a0a;
    --wb-amg-red-10: #8a0a0a;
    --wb-amg-red-15: #8a0a0a;
    --wb-amg-red-20: #8a0a0a;
    --wb-amg-red-25: #8a0a0a;
    --wb-amg-red-30: #8a0a0a;
    --wb-amg-red-35: #b21e23;
    --wb-amg-red-40: #b21e23;
    --wb-amg-red-45: #b21e23;
    --wb-amg-red-50: #b21e23;
    --wb-amg-red-55: #b21e23;
    --wb-amg-red-60: #b21e23;
    --wb-amg-red-65: #b21e23;
    --wb-amg-red-70: #b21e23;
    --wb-amg-red-75: #b21e23;
    --wb-amg-red-80: #b21e23;
    --wb-amg-red-85: #b21e23;
    --wb-amg-red-90: #b21e23;
    --wb-amg-red-95: #b21e23;
    --wb-amg-brand: #b21e23;
    --wb-amg-background: #000;
    --wb-maybach-black-05: #000;
    --wb-maybach-black-10: #000;
    --wb-maybach-black-15: #000;
    --wb-maybach-black-20: #000;
    --wb-maybach-black-25: #333;
    --wb-maybach-black-30: #000;
    --wb-maybach-black-35: #333;
    --wb-maybach-black-40: #333;
    --wb-maybach-black-45: #000;
    --wb-maybach-black-50: #000;
    --wb-maybach-black-55: #000;
    --wb-maybach-black-60: #333;
    --wb-maybach-black-65: #333;
    --wb-maybach-black-70: #333;
    --wb-maybach-black-75: #333;
    --wb-maybach-black-80: #333;
    --wb-maybach-black-85: #333;
    --wb-maybach-black-90: #333;
    --wb-maybach-black-95: #333;
    --wb-maybach-brand: #000;
    --wb-maybach-background: #e6e0d7;
    --wb-font-title: "MBCorpo Title", "DaimlerCAC-Regular", "DaimlerCACArab-Regular", serif;
    --wb-font-text: "MBCorpo Text", "DaimlerCS-Regular", "DaimlerCSArab-Regular", sans-serif;
    --wb-font-text-bold: "MBCorpo Text", "DaimlerCS-Regular", "DaimlerCSArab-Regular", sans-serif;
    --wb-grid-column-amount: 12;
    --wb-content-grid-max-width: 1680px;
    --wb-grid-column-width: calc((var(--wb-grid-content-width) - 11 * var(--wb-grid-gutter-width)) / 12);
    --wb-grid-column-width-absolute: calc((var(--wb-grid-content-width-vw) - 11 * var(--wb-grid-gutter-width)) / 12);
    --wb-grid-width: min(var(--wb-grid-content-width-vw), 1680px);
    --wb-shadow-level-1: 0 0 2px 0 rgba(0, 0, 0, .1), 0 2px 4px 0 rgba(0, 0, 0, .1);
    --wb-shadow-level-2: 0 0 2px 0 rgba(0, 0, 0, .1), 0 4px 8px 0 rgba(0, 0, 0, .1);
    --wb-shadow-level-3: 0 0 4px 0 rgba(0, 0, 0, .1), 0 16px 24px 0 rgba(0, 0, 0, .1);
    --wb-fade: cubic-bezier(0, 0, 0.3, 1);
    --wb-move: cubic-bezier(0.3, 0, 0, 1);
    --wb-open: cubic-bezier(0.25, 0.1, 0.25, 1);
    --wb-radius-s: 2px;
    --wb-radius-m: 4px;
    --wb-radius-l: 8px;
    --wb-radius-full: 50%
}

:host, :root {
    --fa-font-normal: normal normal 1em / 1 "FontAwesome 4";
}

.sub-footer .links-list-module.list-style-footer .links-list a {
    font-size: 11px;
}

.links-list-module.links-display-inline .links-list > li a {
    display: block;
}

.links-list-module.list-style-footer .links-list a {
    color: #595959;
    font-size: 12px;
}

.sub-footer p, .sub-footer a {
    color: #666;
    font: normal 400 11px / 2.18182 "Arial", sans-serif;
}

.links-list-module .links-list {
    list-style: none;
    margin: 0;
    padding: 0;
}


.sub-footer .links-list-module .links-list li, .sub-footer .custom-html-module p, .sub-footer .links-list-module.list-style-footer .links-list {
    margin: 0;
}

.links-list-module.list-style-footer .links-list {
    margin: 15px 0;
}

.links-list-module.links-display-inline .links-list, .links-list-module.links-display-inline .links-list > li {
    display: inline-block;
}

.links-list-module .links-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sub-footer-links {
    margin-top: 0 !important;
}

.powered-by, .sub-footer-links {
    display: inline-block;
}

@media (min-width: 768px) {

    .row-full-height-md .col-full-height .full-height, .row-full-height-md .col-full-height .full-height-wrapper {
        height: 100%;
        margin: 0;
    }
}

@media (min-width: 768px) {

    .row-full-height-md .col-full-height:last-child {
        padding-right: 0;
    }
}

@media (min-width: 768px) {

    .row-full-height-md .col-full-height {
        display: table-cell;
        float: none;
        height: 100%;
        vertical-align: top;
    }
}

@media (min-width: 767px) {

    .page-builder-page-layout .page-builder-layout-row {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 576px) {

    .page-builder-page-layout .page-builder-layout-row {
        margin-left: 0;
        margin-right: 0;
    }
}

.page-builder-page-layout .page-builder-layout-row {
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 768px) {

    .row-full-height-md {
        display: table;
        height: 100%;
        margin: 0;
        table-layout: fixed;
        width: 100%;
    }
}

@media (max-width: 1250px) {

    .page-builder-page-layout .page-builder-layout-section.wide-content > .container-wrap {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.page-builder-page-layout .page-builder-layout-section.wide-content > .container-wrap {
    max-width: 1250px;
    width: auto;
}

.container-footer .page-builder-page-layout .page-builder-layout-section .container-wrap, .container-header .page-builder-page-layout .page-builder-layout-section .container-wrap {
    padding-bottom: 10px;
    padding-top: 10px;
}

.main-footer {
    padding: 70px 0;
}

.page-builder-page-layout1 {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: red;
    color: white;
    text-align: center;
}

.message-area.chat-prompt {
    /*padding: 103px 0 0 0;*/
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

@media (min-width: 80em) {

    .owc-header__logo-and-claim-anchor {
        left: 0;
        -webkit-transform: none;
        transform: none;
    }
}

.owc-header__logo-and-claim-anchor {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.owc-header__logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.owc-header__claim-wrapper {
    display: none;
    margin-left: 9px;
    color: var(--wb-white);
}

@media (min-width: 10px) {
    .owc-header__claim-wrapper {
        display: block;
    }
}

.owc-header {
    position: relative;
    z-index: 33;
    width: 100%;
    background-color: var(--wb-black);
}

@media (min-width: 48em) {

    owc-header.webcomponent {
        min-height: 96px;
    }
}

owc-header.webcomponent {
    min-height: 80px;
}

.webcomponent, .webcomponent-placeholder, .webcomponent-full-width, .owc-responsive-grid-new, .new {
    display: block;
    width: 100%;
}

@media (min-width: 992px) {

    .container-header {
        height: 130px;
    }
}


.sub-footer .links-list-module .links-list li, .sub-footer .custom-html-module p, .sub-footer .links-list-module.list-style-footer .links-list {
    margin: 0;
}

.links-list-module.list-style-footer .links-list {
    margin: 15px 0;
}

.links-list-module.links-display-inline .links-list, .links-list-module.links-display-inline .links-list > li {
    display: inline-block;
}

.links-list-module .links-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sub-footer-links {
    margin-top: 0 !important;
}


.page-builder-page-layout .page-builder-layout-column.block-modules .page-builder-layout-module + .page-builder-layout-module {
    margin-top: 20px;
}

@media (min-width: 400px) {
    .powered-by {
        float: right;
        margin-top: 0 !important;
    }
}

.stretchedToMargin {
    display: block;
    position: absolute;
    height: calc(100vh - 105px - 85px - env(safe-area-inset-bottom));
    width: auto;
    /* bottom: 0; */
    top: 105px;
    left: 70px;
    right: 70px;
    /* margin: 100px 10px 33px 10px; */
    /* margin: 105px 70px 37px 70px; */
    /* background-color: green; */
    min-height: 100px;
}

@media (max-width: 767.98px) {
    /*md*/
    .stretchedToMargin {
        /* bottom: 0; */
        top: 90px;
        left: 0;
        right: 0;
        height: calc(100vh - 90px - 85px - env(safe-area-inset-bottom));
        /* margin: 95px 10px 30px 10px; */
        min-height: 100px;
    }
}

@media (max-width: 575.98px) {
    /*sm*/
    .stretchedToMargin {
        /* bottom: 0; */
        top: 85px;
        left: 0;
        right: 0;
        height: calc(100vh - 85px - 54px - env(safe-area-inset-bottom));
        /* margin: 85px 2px 15px 2px; */
        min-height: 100px;
    }
}

.container-header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.btn-primary {
    color: #fff;
    background-color: #444;
    border-color: #000;
}
.btn-primary:hover {
    color: #fff;
    background-color: #333;
    border-color: #000;
}



.newsletter-signup-module.newsletter-inline .input-custom .newsletter-button {
    font-family: 'Arial', sans-serif;
}

@media (min-width: 767px) {

    .newsletter-signup-module.newsletter-inline .input-custom .newsletter-button {
        font-size: 13px;
        padding: 8px 15px;
    }
}

#userImg {
    height: 45px;
    width: 45px;
}

.msg-head p {
    font-size: 12px;
}


.container-header .main-header .row-menu {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    height: 50px;
}

.container-header .main-header .row-logo {
    -ms-flex: 0 0 84px;
    flex: 0 0 84px;
    max-width: 84px;
}

@media (min-width: 768px) {
    .row-full-height-md {
        display: table;
        height: 100%;
        margin: 0;
        table-layout: fixed;
        width: 100%;
    }
}

.top-header .page-builder-layout-column-wrap, .main-header .container-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

#operatorName {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}

.button-style {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    --fa-font-normal: normal normal 1em/1 "FontAwesome 4";
    font: 100% Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-family: Arial, sans-serif;
    list-style: none;
    box-sizing: border-box;
    background-color: transparent;
    touch-action: manipulation;
    text-decoration: none;
    display: block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    padding: 25px 0 0 0;
}

.button-style:hover {
    color: #0090ff;
}

@media (max-width: 500px) {
    .button-style {
        padding: 0 0 0 0;
    }
}



.title1 {
    font-size: calc(0.9rem + 1vw);
}
.title2 {
    font-size: calc(0.8rem + 1vw);
}

@media (min-width: 1200px) {
    .title1 {
        font-size: 1rem;
    }
    .title2 {
        font-size: 1rem;
    }
}
