/* ==========================================================================
   Fonts
   ========================================================================== */
@font-face {
    font-family: 'NissanBrandW01-Bold';
    src: url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Bold.eot');
    src: url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Bold.eot?#iefix') format('embedded-opentype'),
    url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Bold.svg') format('svg'),
    url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Bold.ttf') format('truetype'),
    url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Bold.woff') format('woff'),
    url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'NissanBrandW01-Regular';
    src: url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Regular.eot');
    src: url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Regular.eot?#iefix') format('embedded-opentype'),
    url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Regular.svg') format('svg'),
    url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Regular.ttf') format('truetype'),
    url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Regular.woff') format('woff'),
    url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'NissanBrandW01-Light';
    src: url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Light.eot');
    src: url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Light.eot?#iefix') format('embedded-opentype'),
    url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Light.svg') format('svg'),
    url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Light.ttf') format('truetype'),
    url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Light.woff') format('woff'),
    url('/vp_pages/themes/nissan/assets/fonts/NissanBrandW01-Light.woff2') format('woff2');
}

html {
    background-color: #fff;
}

body {
    color: #343434;
    font-size: 16px;
    font-family: 'NissanBrandW01-Regular', Verdana, Arial,sans-serif;
    background-color: #fff;
}

h1, h2, h3, strong {
    font-family: 'NissanBrandW01-Bold', Verdana, Arial,sans-serif;
    color: #343434;
    text-transform: uppercase;
}

td {
    font-size: 0.9375em;
}

a {
    color: #343434;
    text-decoration: underline;
}

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

td, th {
    vertical-align: middle;
}

hr {
    margin: 0;
    border-top: 1px solid #000;
}

label {
    font-family: 'NissanBrandW01-Bold', Verdana, Arial,sans-serif;
    color: #343434;
    display: inline-block;
    padding: .5em 0;
}

.constraint-outer {
    margin: 0 auto;
    max-width: 77.5em;
    width: 100%;
}

.constraint {
    padding: 0 20px;
    max-width: 77.5em;
    width: 100%;
}

.flex-section {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.flex-90 {
    -ms-flex-preferred-size: 90.66%;
    flex-basis: 90.66%;
}

.margin-bottom {
    margin-bottom: 3em;
}

.desktop-hide {
    display: inline-block !important;
    visibility: visible;
}

.mobile-show {
    visibility: hidden;
    display: none !important;
}


/* ==========================================================================
   Header
   ========================================================================== */
.header {
    width: 100%;
    background-color: #fff;
    color: #343434;
    margin: 0;
}

.header__left {
    width: 110px;
}

.header__logo {
    margin: 1.333333333em 0;
    width: 120px;
    display: block;
}

.header__title {
    font-size: 0.875em;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    text-align: right;
    font-family: 'NissanBrandW01-Regular', Verdana, Arial,sans-serif;
    padding: 1.25em 0;
    line-height: 1;
}

.header__right {
    text-align: right;
}

.customer-message {
    width: 100%;
    margin-top: 2em;
    position: relative;
    display: table;
    table-layout: fixed;
}

.customer-message:before, .small-title:before, .evhc-title:before, .titletop__head:before, #tootle h3:before {
    border-top: 4px solid #c3002f;
    content: " ";
    left: 0;
    top: 0;
    position: absolute;
    width: 50px;
}

html[lang="ar"] .customer-message:before,
html[lang="ar"] .small-title:before,
html[lang="ar"] .evhc-title:before,
html[lang="ar"] .titletop__head:before {
    left: unset;
    right: 0;
}

.staff-bio .small-title:before {
    display: none;
}

.titletop__head {
    font-size: 0.875em;
    color: #343434;
    padding: 12px 0 0;
    font-family: 'NissanBrandW01-Bold', Verdana,Arial,sans-serif;
    line-height: 1.4;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    display: block;
}

.titletop, .cta-block h2, .small-title, .evhc-title, #tootle h3, #js-document-verification__form h3 {
    font-size: 1.75em;
    letter-spacing: .11px;
    font-family: 'NissanBrandW01-Light', Verdana,Arial,sans-serif;
    line-height: 1;
    text-transform: uppercase;
    font-weight: normal;
    margin: 4px 0 1em 0;
    color: #000;
}

.titletop {
    margin: 4px 0 .5em 0;
}

.small-title, #tootle h3, #js-document-verification__form h3 {
    position: relative;
    padding: .5em 0;
}

.evhc-title {
    padding: .5em 0 0 0;
    margin: 4px 0 .5em 0;
}

@media screen and (min-width: 55em) {
    .video-details {
        padding-left: 3em;
    }

    html[lang="ar"] .video-details {
        padding-left: 0;
        padding-right: 3em;
    }
}

.stage {
    margin-bottom: 3em;
}

.video-player {
    max-width: 720px;
    margin: 0 auto;
}


/* ==========================================================================
   Details Table
   ========================================================================== */
.details-table {
    margin-bottom: 2em;
    border-width: 0;
    color: #666;
}

.details-table__title {
    font-size: 1em;
    white-space: nowrap;
    width: 160px;
}

.details-table tr, .details-table tr:nth-of-type(even) {
    background-color: #FFF;
    border-bottom: 1px solid #e3e2e2;
}

.details-table td {
    border-bottom-width: 0;
    padding: 10px 0;
}

.details-table a {
    font-family: 'NissanBrandW01-Bold', Verdana,Arial,sans-serif;

}

.details-table__title {
    font-family: 'NissanBrandW01-Bold', Verdana,Arial,sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 0.875em;
    line-height: 1.571428571;
}

.details-table__detail {
    font-family: 'NissanBrandW01-Regular', Verdana,Arial,sans-serif;
    font-weight: 400;
    font-size: 0.875em;
    line-height: 1.571428571;
}


/* ==========================================================================
   Additional
   ========================================================================== */
.photo-gallery {
    padding: 1em .5em .5em 1em;
    text-align: center;
    background-color: #eee;
}

.box {
    background: transparent;
    border: 1px solid #c1c1c1;
    padding: 30px 20px;
}

#js-custom_content {
    margin: 2em 0;
}

#tootle h3 {
    margin: 0;
    padding: 0.5em 0 0 0;
}

#tootle h3 strong {
    font-weight: normal;
    line-height: 1;
    font-family: 'NissanBrandW01-Light', Verdana,Arial,sans-serif;
}

.tradein-advert {
    background-color: #eee;
    border-width: 0;
}

.contact-form-wrapper input[type=text], .contact-form-wrapper textarea, .evhc-approval-form textarea {
    padding: 14px 20px;
    width: 100%;
    border: 1px solid #666;
    border-radius: 0;
    line-height: normal;
    color: #343434;
    font-family: 'NissanBrandW01-Regular', Verdana,Arial,sans-serif;
    background-color: #fff;
    transition: all .3s;
    outline: 0;
}

#js-document-verification__form li {
    word-wrap: break-word;
}

#js-document-verification_unlock__btn {
    font-family: 'NissanBrandW01-Regular', Verdana,Arial,sans-serif;
    font-weight: 400;
    font-size: .875em;
    text-transform: uppercase;
    padding: 0.8em 2em;
    background-color: #c3002f;
    border: 1px solid #c3002f;
    color: #fff;
    display: inline-block;
}

#js-document-verification_unlock__btn:hover, #js-document-verification_unlock__btn:focus {
    background-color: #920023;
    border: 1px solid #920023;
    color: #fff;
}

#js-document-verification__form h3 {
    margin-bottom: 0;
}

#js-document-verification__form p {
    margin-top: 0;
}

#js-document-verification_modal__dialog ul {
    list-style-type: none;
}

#js-document-verification_modal__dialog li {
    margin-left: 0;
}


/* ==========================================================================
   Buttons
   ========================================================================== */
.cta-block {
    text-align: center;
    color: #343434;
    background-color: rgb(237, 237, 237);
    padding: 2em 0.9375em 2.5em;
    margin: 1em 0;
}

.flex-container--cta-block {
    flex-direction: column;
    margin-top: 1.14286em;
}

.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cta--primary {
    padding: 0.8em 1.428571428571429em;
    background-color: #c3002f;
    border: 1px solid #c3002f;
    font-size: 0.933333333em;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-family: 'NissanBrandW01-Regular', Verdana,Arial,sans-serif;
    font-weight: 400;
}

.cta--primary:hover, .cta--primary:focus {
    background-color: #920023;
    border: 1px solid #920023;
    color: #fff;
}

.cta-block .cta--primary {
    margin-right: 0;
}

.evhc-cta--secondary {
    background: #EEE;
    border-width: 0;
    color: #343434;
    padding: 0.8em 2em;;
    font-size: .875em;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'NissanBrandW01-Regular', Verdana,Arial,sans-serif;
    font-weight: 400;
}

.evhc-cta--secondary:focus, .evhc-cta--secondary:hover {
    background: #EEE;
    border-width: 0;
    color: #c3002f;
}


/* ==========================================================================
   New Car Marketing
   ========================================================================== */
.model-section-spacing {
    margin-top: 5em;
    margin-bottom: 5em;
}

.model-section-spacing-half {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
}

.model-titles {
    background: url(/vp_pages/themes/nissan/assets/images/new-car-marketing-micra-title-bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 8em 1em;
}

.model-titles .titletop__head, .model-titles .titletop {
    color: #fff;
}

.model-border-bottom {
    border-bottom: 1px dashed #c1c1c1;
}

.highlight-box {
    margin-bottom: 4em;
}

.highlight-box .titletop__head {
    margin-bottom: 0;
}

.highlight-box .model-hero-text {
    margin: .5em 0 1.5em;
}

.highlight-box-img {
    margin-bottom: 1.5em;
}

@media screen and (min-width: 55em) {
    .model-flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .highlight-box {
        flex: 0 1 auto;
        width: 50%;
    }

    .highlight-box--left {
        padding-right: 1em;
    }

    .highlight-box--right {
        padding-left: 1em;
    }
}


/* ==========================================================================
   Footer
   ========================================================================== */
.footer {
    width: 100%;
    margin-top: 4em;
    background-color: #1A1A1A;
}

.footer__title {
    padding-bottom: 0.5em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1em;
}

.footer p {
    font-size: 0.75em;
    color: #c1c1c1;
    font-family: 'NissanBrandW01-Light', Verdana, Arial,sans-serif;
}

.footer-content__right {
    margin: 0 0 0 12em;
}

.padding-footer {
    padding: 2em 0;
}

.social-container {
    text-align: left;
    margin: 0;
}

.social-container .flex-container {
    margin: 0;
}

html[lang="ar"] .social-container .flex-container {
    justify-content: flex-end;
}

.social-container .icon {
    width: 1.35em;
    display: inline-block;
    text-align: center;
    padding-top: .1em;
    padding-left: .05em;
}

.flex-container--social-icon a {
    background-color: #8a8a8a;
    width: 1.7em;
    height: 1.7em;
    margin-right: 1em;
    margin-top: .5em;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}

.flex-container--social-icon .icon {
    font-size: 1.25em;
    color: #161c2a;
}

.flex-container--social-icon a:hover, .flex-container--social-icon a:focus {
    background: #C5352F;
}

@media screen and (max-width: 35em) {
    html[lang="ar"] .social-container {
        text-align: right;
    }
    html[lang="ar"] .social-container .flex-container {
        justify-content: flex-start;
    }
    html[lang="ar"] .flex-container--social-icon a {
        margin-right: 0;
        margin-left: 1em;
    }
}

.legal-links-container {
    background: #000;
}

.legal-list {
    font-size: .75em;
    display: inline-block;
    font-family: 'NissanBrandW01-Light', arial, sans-serif;
}

.legal-list li {
    margin-right: 2em;
    display: inline-block;
    line-height: 3em;
    color: #868686;
}

.legal-list li a {
    text-decoration: none;
    color: #a8a8a8;
}

.legal-list li a:focus, .legal-list li a:hover {
    text-decoration: underline;
    color: #a8a8a8;
}

/* codeweavers */
#js-codeweavers__vehicle_reserve_container .small-title:before {
    border-top: none;
}

#js-codeweavers__vehicle_reserve_container .small-title {
    margin: 0;
}

/* ==========================================================================
   eVHC
   ========================================================================== */
.evhc-table__head, .evhc-table__total-title, .evhc-table__total-price  {
    background-color: #CCC;
    color: #343434;
}

th {
    font-weight: 400;
    border: 1px solid #FFF;
}

.evhc-table__cat, .evhc-approval-form {
    background-color: #eee;
    border-width: 0;
}

td {
    border-bottom: 1px solid #eee;
}

.evhc-table tr td.middle {
    border: 1px solid #eee;
}

.evhc-table tr td:nth-of-type(2) {
    border-bottom: 1px solid #EEE;
    border-left-width: 0;
    border-right-width: 0;
}

.evhc-table__item-has-notes {
    border-width: 0 !important;
}

.evhc-table__total {
    border-top: 1px solid #FFF;
}

.evhc-small-print a {
    font-family: 'NissanBrandW01-Bold', arial, sans-serif;
    color: #343434;
}


/* eVHC Summary */
.evhc-summary {
    padding: 1.5em;
    background: #EDEDED;
    margin: .75em 0;
}

.evhc-summary h3 {
    font-size: 1.5em;
}

/* ==========================================================================
   Live Video Styles
   ========================================================================== */
.live-video {
    background: none !important;
    position: relative;
    z-index: 1;
    padding: 2em 0 0 0;
}

.live-video button.start-call {
    margin: 0 !important;
    font-size: 1.8em !important;
    line-height: 1.375;
    padding-bottom: .3em;
}

.live-video #onCall {
    width: 100% !important;
}

@media screen and (min-width: 44em) {
    .live-video #onCall {
        width: 50% !important;
    }
}

@media (orientation: landscape) {
    .live-video .media {
        display: block !important;
        width: 95% !important;
    }
}

.lv-feature__explainer #explainerText {
    margin-top: 1.5em;
    margin-bottom: 3em;
}

.live-video .review {
    width: 100%;
    max-width: 73em;
}

@media (min-width: 1366px) and (orientation: landscape) {
    .live-video .review {
        width: 100%;
        max-width: 73em;
    }
}

.live-video .review h1, .live-video  .review h2, .live-video  .review h3,  .live-video  .review h4, .live-video  .review th,  .live-video  .review label {
    font-family: 'NissanBrandW01-Bold', Verdana, Arial, sans-serif;
    color: #343434;
    display: inline-block;
    padding: .5em 0;
    font-weight: 400;
}

.live-video textarea {
    display: block;
    padding: 14px 20px;
    width: 100%;
    border: 1px solid #666;
    border-radius: 0;
    line-height: normal;
    color: #343434;
    font-family: 'NissanBrandW01-Light', Verdana,Arial,sans-serif;
    background-color: #fff;
    transition: all .3s;
    outline: 0;
}

.live-video button.send_review {
    padding: 0.8em 2em;
    background-color: #c3002f;
    border: 1px solid #c3002f;
    font-size: .875em;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-family: 'NissanBrandW01-Regular', Verdana,Arial,sans-serif;
    font-weight: 400;
    margin: 0 0 1em 0;
}

.live-video button.send_review:focus, .live-video button.send_review:hover {
    background-color: #920023;
    border: 1px solid #920023;
    color: #fff;
}

.lv-content__error--vppages .error {
    width: 100%;
    max-width: 73em;
}

.live-video .reqMark::after {
    content: '*';
    display: inline-block;
    color: #ec1b34;
}

.live-video .review-gratification h1, .live-video .review-gratification h2, .live-video .review-gratification h3, .live-video .review-gratification h4, .live-video .review-gratification th, .live-video .review-gratification label {
    color: #343434;
}

.fullscreen .live-video {
    background: #000 !important;
}

.footer-lv .flex-100 {
    width: 100%;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */
@media screen and (max-width: 55em) {
    body {
        font-size: 15px;
    }

    h2, .titletop, .cta-block h2, .small-title, .evhc-title {
        font-size: 1.866666667em;
        line-height: 1;
    }

    .cta-block .cta--primary {
        display: block;
        margin-bottom: 0.5em;
        padding: 0.75em 0;
        background-color: #c3002f;
        border: 1px solid #c3002f;
        font-size: 0.933333333em;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
    }

    .cta-block .cta--primary:hover, .cta-block .cta--primary:focus {
        background-color: #920023;
        border: 1px solid #920023;
        color: #fff;
    }

    .margin-top__mobile {
        margin-top: 2em;
    }

    .margin-bottom__mobile {
        margin-bottom: 2em;
    }

    .no-margin__mobile {
        margin: 0;
    }

    .mobile-hide {
        visibility: hidden;
        display: none !important;
    }
}

@media screen and (min-width: 55em) {
    .cta--primary {
        font-size: .875em;
    }

    .cta-block .cta--primary {
        display: block;
        margin-bottom: 0.5em;
        padding: 0.75em 0;
        background-color: #c3002f;
        border: 1px solid #c3002f;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
    }

    .cta-block .cta--primary:hover, .cta-block .cta--primary:focus {
        border-bottom-width: 0;
        background-color: #920023;
        border: 1px solid #920023;
        color: #fff;
    }

    .flex-section {
        justify-content: unset;
    }

    h2, .titletop, .cta-block h2, .small-title, .evhc-title, #tootle h3, #js-document-verification__form h3 {
        font-size: 2.25em;
        line-height: 1;
    }

    .header__logo {
        margin: 1.25em 0;
        width: 70px;
        display: inline-block;
    }

    .css-table-breakpoint {
        display: table;
        width: 100%;
    }

    .css-table-cell-breakpoint {
        display: table-cell;
    }

    .text-right-breakpoint {
        text-align: right;
    }

    html[lang="ar"] .text-right-breakpoint {
        text-align: left;
    }

    .text-left-breakpoint {
        text-align: left;
        display: table-cell;
        width: 110px;
    }

    html[lang="ar"] .text-left-breakpoint {
        text-align: right;
    }

    .desktop-hide {
        visibility: hidden;
        display: none !important;
    }

    .mobile-show {
        display: block !important;
        visibility: visible;
    }

    .social-container .icon {
        padding-top: 0;
        padding-left: 0;
    }
}

/* Arabic - remove letter spacing */
html[lang="ar"] .titletop,
html[lang="ar"] .cta-block h2,
html[lang="ar"] .small-title,
html[lang="ar"] .evhc-title,
html[lang="ar"] #tootle h3,
html[lang="ar"] #js-document-verification__form h3 {
    letter-spacing: 0;
}