.btn-navigate {
    background-image: url("../fonts/icon-navigate.svg");
}

.battery-badge {
    height: 28px;
}

.battery-badge [class*='battery-badge--'] {
    overflow: hidden;
    text-indent: -9999px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}

.battery-badge--40 {
    background-image: url("../fonts/89bf2d7d89784260adf1715fa63d5b21.woff");
}

.battery-badge--60 {
    background-image: url("../fonts/c3bcb84816524dcd90d8eb9f0df5bd36.woff");
}

.battery-badge--60d {
    background-image: url("../fonts/3b2da31886824ecaa35da10968c61f77.woff");
}

.battery-badge--70 {
    background-image: url("../fonts/91dae922daad4e298d751f6896ed559b.woff");
}

.battery-badge--70d {
    background-image: url("../fonts/ffcd0e08a6ec4d8db2740da2e4b255fe.woff");
}

.battery-badge--75 {
    background-image: url("../fonts/460e1d95b5854e3180427bf4bbab1165.woff");
}

.battery-badge--75d {
    background-image: url("../fonts/4ff83a1f824547c1861ba2a1cea77ce3.woff");
}

.battery-badge--85 {
    background-image: url("../fonts/9ac2f91bd199419f9d609210f18b9f4a.woff");
}

.battery-badge--85d {
    background-image: url("../fonts/422c7a5274d84b1ebd37d55caf4420d4.woff");
}

.battery-badge--p85 {
    background-image: url("../fonts/38598846bae446c9b2ffe97e38ad31fa.woff");
}

.battery-badge--p85plus {
    background-image: url("../fonts/7a9c6ed4e68144b29188e1020365d048.woff");
}

.battery-badge--p85d {
    background-image: url("../fonts/e926b48b9b3845ce9d8c5ba5e29103e2.woff");
}

.battery-badge--90 {
    background-image: url("../fonts/14ed83c2b69543b09b5c391bef886924.woff");
}

.battery-badge--90d {
    background-image: url("../fonts/d4caa9eb35a54911831cee764ec9c182.woff");
}

.battery-badge--p90d {
    background-image: url("../fonts/eea5fa83d3354c62b3878ee622f82158.woff");
}

.battery-badge--100d {
    background-image: url("../fonts/30864c1888584d02becd7df9578e95ff.woff");
}

.battery-badge--p100d {
    background-image: url("../fonts/153d6ba6a1f6415f96ac1ca7ad2c171b.woff");
}

.battery-badge--p100dl {
    background-image: url("../fonts/1ef8332215a441299d78ad5c6046d036.woff");
}

.browser-incar .battery-badge .battery-badge--p85d {
    background-size: auto 22px;
    height: 22px;
}

.homepage--personalized .contextual-links-region {
    position: static;
}

.footer-fixed .homepage--personalized [id="page"],
.footer-fixed .homepage--personalized .content-constrain {
    height: auto;
    min-height: auto;
}

@media (min-width:640px) {
    .homepage--personalized .pane-skinny-footer {
        position: static;
        height: 34px;
        padding: 7px 0;
        margin-top: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .homepage--personalized .pane-skinny-footer .footer-copy a,
    .homepage--personalized .pane-skinny-footer .footer-copy a:first-child:after,
    .homepage--personalized .pane-skinny-footer .footer-copy .vertical-separator:after {
        color: #a7a7a9;
    }
}

@media (min-width:640px) {
    .homepage--personalized {
        background-image: linear-gradient(#999, #fff);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    .homepage--personalized.homepage-image {
        background-image: linear-gradient(#999, #fff);
    }
}

.homepage--personalized .section-content {
    opacity: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    overflow: hidden;
}

@media (min-width:640px) {
    .homepage--personalized .section-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width:650px) {
    .homepage--personalized .section-content {
        max-height: none;
    }
}

.homepage--personalized .section-content--loaded {
    transition: opacity 0.25s ease-in-out;
    opacity: 1;
}

body:not(.homepage--personalized) [id="drift-widget-container"] {
    display: none !important;
}

.section-content_header {
    text-align: center;
}

@media (min-width:0) and (max-width:639px) {
    .section-content_header {
        -ms-flex-order: 1;
        order: 1;
        padding: 120px 20px 0;
    }
    .section-content_header .btn-secondary {
        margin-top: 10px;
    }
}

@media (min-width:640px) {
    .section-content_header {
        position: relative;
        height: auto;
        z-index: 1000;
    }
    .section-content_header .btn-group {
        margin-top: 30px;
    }
    .section-content_header .btn-primary,
    .section-content_header .btn-secondary {
        min-width: 220px;
        transition: none;
    }
    .homepage-wrapper--models .section-content_header {
        margin-bottom: -120px;
    }
}

@media (min-width:640px) and (min-width:1450px) and (min-height:800px) {
    .homepage-wrapper--models .section-content_header {
        margin-bottom: -140px;
    }
}

@media (min-width:640px) and (max-height:650px) {
    .homepage-wrapper--models .section-content_header {
        margin-bottom: -70px;
    }
}

@media (min-width:640px) {
    .homepage-wrapper--modelx .section-content_header {
        margin-bottom: -14%;
    }
}

@media (min-width:640px) and (min-width:1450px) and (min-height:800px) {
    .homepage-wrapper--modelx .section-content_header {
        margin-bottom: -250px;
    }
}

@media (min-width:640px) and (max-height:650px) {
    .homepage-wrapper--modelx .section-content_header {
        margin-bottom: -130px;
    }
}

.section-content_render {
    background-size: cover;
    background-position: center;
}

@media (min-width:0) and (max-width:639px) {
    .section-content_render {
        overflow: hidden;
        -ms-flex-order: 3;
        order: 3;
    }
    .homepage-wrapper--models .section-content_render {
        transform: scale(1.1);
        margin: -5% 0;
    }
    .homepage-wrapper--modelx .section-content_render {
        transform: scale(1.2);
        margin: -6% 0;
    }
}

@media (min-width:640px) {
    .section-content_render {
        min-height: 0%;
        transition: all 0.35s ease-in-out;
    }
    .homepage-wrapper--models .section-content_render {
        max-width: 1100px;
    }
}

@media (min-width:640px) and (min-width:1450px) and (min-height:800px) {
    .homepage-wrapper--models .section-content_render {
        max-width: 1400px;
    }
}

@media (min-width:640px) and (max-height:650px) {
    .homepage-wrapper--models .section-content_render {
        max-width: 800px;
    }
}

@media (min-width:640px) {
    .homepage-wrapper--modelx .section-content_render {
        max-width: 1300px;
    }
}

@media (min-width:640px) and (min-width:1450px) and (min-height:800px) {
    .homepage-wrapper--modelx .section-content_render {
        max-width: 1800px;
    }
}

@media (min-width:640px) and (max-height:650px) {
    .homepage-wrapper--modelx .section-content_render {
        max-width: 1000px;
    }
}

.section-content_render-image {
    visibility: hidden;
    display: block;
}

.section-content_description {
    text-align: center;
    font-size: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    z-index: 1;
}

@media (min-width:0) and (max-width:639px) {
    .section-content_description {
        margin-top: 20px;
        padding: 0 20px;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (min-width:640px) {
    .section-content_description {
        margin: 0;
    }
    .homepage-wrapper--models .section-content_description {
        margin-top: -160px;
    }
}

@media (min-width:640px) and (min-width:1450px) and (min-height:800px) {
    .homepage-wrapper--models .section-content_description {
        margin-top: -180px;
    }
}

@media (min-width:640px) and (max-height:650px) {
    .homepage-wrapper--models .section-content_description {
        margin-top: -90px;
    }
}

@media (min-width:640px) {
    .homepage-wrapper--modelx .section-content_description {
        margin-top: -16%;
    }
}

@media (min-width:640px) and (min-width:1450px) and (min-height:800px) {
    .homepage-wrapper--modelx .section-content_description {
        margin-top: -270px;
    }
}

@media (min-width:640px) and (max-height:650px) {
    .homepage-wrapper--modelx .section-content_description {
        margin-top: -145px;
    }
}

.section-content_description .btn-link {
    font-family: "Gotham Medium";
    text-decoration: underline;
    color: #444;
    margin-top: 20px;
    text-transform: uppercase;
}

@media (min-width:0) and (max-width:639px) {
    .section-content_description .btn-link {
        font-size: 13px;
    }
}

@media (min-width:640px) {
    .section-footer {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 34px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        z-index: 10;
    }
}

@media (min-width:0) and (max-width:639px) {
    .section-footer {
        padding: 0 20px;
    }
}

.section-footer_close .btn-link {
    display: block;
    color: #444;
    font-size: 15px;
    padding-left: 20px;
}

.section-footer_close .btn-link:before {
    content: " ";
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 8px solid #444;
    margin-right: 10px;
    display: inline-block;
}

@media (min-width:0) and (max-width:639px) {
    .section-footer_close {
        display: none;
    }
}

@media (min-width:0) and (max-width:639px) {
    .homepage-wrapper--personalized {
        background-image: linear-gradient(#999, #fff);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

@media (min-width:640px) {
    .homepage-wrapper--personalized {
        overflow: hidden;
        min-height: calc(100vh - 34px);
        height: 0px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: end;
        align-items: flex-end;
        padding-bottom: 20px;
    }
}

@media (min-height:1000px) {
    .homepage-wrapper--personalized {
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 0;
    }
}

@media (max-height:650px) {
    .homepage-wrapper--personalized {
        min-height: 650px;
    }
}

.homepage-wrapper--personalized.hidden {
    display: none;
}

.homepage-wrapper--personalized .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    z-index: 1;
    cursor: pointer;
    background-image: url("../fonts/icon-close.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width:0) and (max-width:639px) {
    .homepage-wrapper--personalized .btn-close {
        top: 70px;
    }
}

.homepage-wrapper--inventory {
    padding: 80px 20px 40px;
}

@media (min-width:0) and (max-width:639px) {
    .homepage-wrapper--inventory {
        min-height: 100vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
    }
    .homepage-wrapper--inventory.hidden {
        display: none;
    }
}

.homepage-wrapper--personalized.homepage-wrapper--models .show-for-models,
.homepage-wrapper--inventory.homepage-wrapper--models .show-for-models {
    display: inline-block;
}

.homepage-wrapper--personalized.homepage-wrapper--modelx .show-for-modelx,
.homepage-wrapper--inventory.homepage-wrapper--modelx .show-for-modelx {
    display: inline-block;
}

.homepage-wrapper--personalized .show-for-models,
.homepage-wrapper--personalized .show-for-modelx,
.homepage-wrapper--inventory .show-for-models,
.homepage-wrapper--inventory .show-for-modelx {
    display: none;
}

.homepage-wrapper--personalized .show-for-models.hidden,
.homepage-wrapper--personalized .show-for-modelx.hidden,
.homepage-wrapper--inventory .show-for-models.hidden,
.homepage-wrapper--inventory .show-for-modelx.hidden {
    display: none;
}

.inventory-specs,
.inventory-availability,
.inventory-more {
    text-align: center;
}

.inventory-specs {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width:0) and (max-width:639px) {
    .homepage-wrapper--models .inventory-image {
        max-width: 130%;
        margin-left: -15%;
        margin-top: -20px;
        margin-bottom: -30px;
    }
}

@media (min-width:640px) {
    .homepage-wrapper--models .inventory-image {
        margin: -30px auto -60px;
    }
}

@media (min-width:0) and (max-width:639px) {
    .homepage-wrapper--modelx .inventory-image {
        max-width: 160%;
        margin-left: -30%;
        margin-top: -75px;
        margin-bottom: -90px;
    }
}

@media (min-width:640px) {
    .homepage-wrapper--modelx .inventory-image {
        margin: -95px auto -110px;
        max-width: 130%;
        margin-left: -15%;
    }
}

.inventory-availability {
    margin-top: 20px;
    font-size: 15px;
    color: #666;
}

.inventory-availability_zipcode {
    display: block;
    margin: 10px auto 0;
    background-color: #fff;
}

@media (min-width:640px) {
    .inventory-availability_zipcode {
        max-width: 200px;
    }
}

.inventory-more {
    margin-top: 0;
}

.modal-inventory {
    z-index: 6000;
}

.modal-inventory [class*="section-title--"],
.homepage-wrapper--inventory [class*="section-title--"] {
    color: #666;
    text-align: center;
}

@media (min-width:0) and (max-width:639px) {
    .modal-inventory .btn-primary,
    .homepage-wrapper--inventory .btn-primary {
        margin-bottom: 10px;
    }
}

@media (min-width:640px) {
    .modal-inventory .modal-dialog,
    .homepage-wrapper--inventory .modal-dialog {
        top: 50%;
        transform: translateY(-50%);
    }
    .modal-inventory .modal-dialog,
    .modal-inventory .modal-content,
    .homepage-wrapper--inventory .modal-dialog,
    .homepage-wrapper--inventory .modal-content {
        width: 600px;
        min-height: 225px;
    }
    .modal-inventory .btn-group,
    .homepage-wrapper--inventory .btn-group {
        text-align: center;
    }
    .modal-inventory .btn-primary,
    .modal-inventory .btn-secondary,
    .homepage-wrapper--inventory .btn-primary,
    .homepage-wrapper--inventory .btn-secondary {
        min-width: 220px;
    }
    .modal-inventory .btn-primary:not(:first-of-type),
    .modal-inventory .btn-secondary:not(:first-of-type),
    .homepage-wrapper--inventory .btn-primary:not(:first-of-type),
    .homepage-wrapper--inventory .btn-secondary:not(:first-of-type) {
        margin-left: 10px;
    }
}

.inventory--no_match .modal-body {
    padding: 40px 30px;
}

@media (min-width:640px) {
    .inventory--no_match .section-title--dek {
        margin-top: 0;
    }
}

@media (min-width:0) and (max-width:639px) {
    .inventory--no_match .section-title--dek {
        margin-top: 30px;
    }
}

.inventory--no_match .inventory-body {
    margin: 30px auto 40px;
}

.inventory--no_match .btn-link {
    display: block;
    text-align: center;
}

@media (min-width:640px) {
    .homepage--energy .pane-skinny-footer .footer-copy a {
        color: #666;
    }
}

@media (min-width:640px) and (min-width:601px) and (max-width:1280px) {
    .homepage--energy .pane-skinny-footer {
        background-color: #fff;
    }
}

@media (min-width:640px) {
    .homepage--energy .pane-skinny-footer .footer-copy .vertical-separator::after,
    .homepage--energy .pane-skinny-footer .footer-copy a:first-child::after {
        color: #666;
    }
}

.homepage--energy .homepage-wrapper--energy {
    padding: 100px 20px 40px;
    height: calc(100vh - 86px);
    background: linear-gradient(to bottom, #a5a5a5, #fff);
    text-align: center;
}

@media (min-width:0) and (max-width:639px) {
    .homepage--energy .homepage-wrapper--energy {
        padding: 0 20px 40px;
        min-height: 0;
        height: auto;
    }
}

.homepage--energy .homepage-wrapper--energy .section-footer {
    padding-bottom: 10px;
}

@media (min-width:601px) and (max-width:1024px) {
    .homepage--energy .homepage-wrapper--energy .section-footer {
        top: 60px;
    }
}

.homepage--energy .homepage-wrapper--energy .btn-exit {
    color: #333;
    font-family: HelveticaNeue-Light, "Gotham Light";
    outline: none;
}

@media (min-width:0) and (max-width:639px) {
    .homepage--energy .homepage-wrapper--energy .btn-exit {
        font-size: 40px;
        top: 52px;
    }
}

.homepage--energy .homepage-wrapper--energy .section-content_header {
    margin-bottom: 40px;
}

@media (min-width:0) and (max-width:639px) {
    .homepage--energy .homepage-wrapper--energy .section-content_header {
        padding: 80px 0 0;
    }
}

.homepage--energy .homepage-wrapper--energy .section-subtitle {
    color: #fff;
    font-size: 15px;
    margin: 0;
    font-family: HelveticaNeue-Light, "Gotham Light";
}

.homepage--energy .homepage-wrapper--energy .btn-primary {
    min-width: 250px;
    margin-bottom: 50px;
}

.homepage--energy .homepage-wrapper--energy .section-content-images {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.homepage--energy .homepage-wrapper--energy .section-image.solarpanels,
.homepage--energy .homepage-wrapper--energy .section-image.powerwall {
    max-width: 330px;
    display: inline-block;
}

.homepage--energy .homepage-wrapper--energy .section-image.solarpanels {
    max-width: 275px;
    margin: 0 45px;
}

@media (min-width:0) and (max-width:639px) {
    .homepage--energy .homepage-wrapper--energy .section-image.solarpanels {
        max-width: 45%;
        margin: 0;
    }
}

.homepage--energy .homepage-wrapper--energy .section-image.powerall {
    margin: 0 15px;
}

@media (min-width:0) and (max-width:639px) {
    .homepage--energy .homepage-wrapper--energy .section-image.powerall {
        margin: 0;
    }
}

[id='model-select-modal'].modal-sales-message .modal-dialog {
    top: 15%;
}

@media screen and (max-height:720px) {
    [id='model-select-modal'].modal-sales-message .modal-dialog {
        top: 5%;
    }
}

[id='model-select-modal'] .modal-header {
    background: linear-gradient(to bottom, #fff, #ccc);
    height: 200px;
}

[id='model-select-modal'] .modal-body {
    overflow: visible;
    padding-bottom: 50px;
}

[id='model-select-modal'] .modal-images {
    width: 100%;
    text-align: center;
    margin-top: -110px;
}

[id='model-select-modal'] [class*='modal-images--'] {
    display: inline-block;
    width: 325px;
}

[id='model-select-modal'] .modal-images--models {
    margin-right: -25px;
}

[id='model-select-modal'] .modal-images--modelx {
    margin-left: -25px;
}

[id='model-select-modal'] .modal-text {
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

[id='model-select-modal'] [class*='modal-text--'] {
    padding: 0 50px;
    display: inline-block;
}

[id='model-select-modal'] .modal-text--sales {
    margin: 20px 0 -30px;
    padding-top: 20px;
    display: block;
    border-top: 1px solid #000;
}

[id='model-select-modal'] .modal-text--sales p {
    margin: 10px 0 0;
}

[id='model-select-modal'] .modal-text--sales .horizontal-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    justify-content: center;
}

[id='model-select-modal'] .modal-text--sales .horizontal-list li {
    width: 100%;
    text-align: left;
}

[id='model-select-modal'] .modal-text--sales .horizontal-list li:first-child {
    padding-right: 20px;
    text-align: right;
}

[id='model-select-modal'] .spec-list {
    text-align: center;
    padding-top: 15px;
}

[id='model-select-modal'] .spec-item {
    line-height: 24px;
}

[id='model-select-modal'] .spec-item:first-child {
    font-family: 'Gotham Medium';
    color: #000;
}

[id='model-select-modal'].modal-variant .variant-2 {
    display: none;
}

[id='model-select-modal'].modal-variant .modal-dialog {
    top: 50%;
    transform: translateY(-50%);
}

[id='model-select-modal'].modal-variant .modal-images {
    margin-top: 0;
}

[id='model-select-modal'].modal-variant .modal-images--models,
[id='model-select-modal'].modal-variant .modal-images--modelx {
    margin: 0;
}

[id='model-select-modal'].modal-variant .modal-images--models img,
[id='model-select-modal'].modal-variant .modal-images--modelx img {
    width: 65%;
}

[id='model-select-modal'].modal-variant .modal-text--models,
[id='model-select-modal'].modal-variant .modal-text--modelx {
    width: 323px;
    padding: 0;
}

[id='model-select-modal'].modal-variant .modal-content {
    text-align: center;
}

[id='model-select-modal'].modal-variant .modal-title {
    font-weight: normal;
    font-size: 22px;
    margin-bottom: 5px;
    padding-top: 33px;
}

[id='model-select-modal'].modal-variant.modal-alternate .modal-close {
    background-image: url("../fonts/icon-close-alternate.svg");
}

[id='model-select-modal'].modal-variant .modal-header {
    background: #333;
}

[id='model-select-modal'].modal-variant .modal-header .modal-title,
[id='model-select-modal'].modal-variant .modal-header .subtitle {
    color: #fff;
}

[id='model-select-modal'].modal-variant .modal-body {
    padding-top: 0;
}

[id='model-select-modal'].modal-variant .caption {
    font-size: 13px;
    color: #999;
}

.tesla-insider-form .form-item-usermail .form-label {
    display: none;
}

.tesla-insider-form .form-header {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 20px;
    text-align: center;
    color: #000;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.tesla-insider-form .notice p {
    text-align: center;
}

.i18n-zh_HK .tesla-insider-form .notice p,
.i18n-ja_JP .tesla-insider-form .notice p,
.i18n-zh_CN .tesla-insider-form .notice p,
.i18n-zh_MO .tesla-insider-form .notice p {
    text-align: left;
}

@media (min-width:0) and (max-width:639px) {
    .tesla-insider-form--article {
        border-top: 1px solid #e5e5e5;
        padding-bottom: 40px;
    }
}

@media (min-width:640px) {
    .tesla-insider-form--article .section-description {
        padding-bottom: 20px;
        margin-top: 0;
        margin-bottom: 20px;
        border-bottom: 1px solid #e5e5e5;
    }
}

.tesla-insider-form--article [id='tesla-insider-form']>div:first-of-type {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tesla-insider-form--article .btn-primary,
.tesla-insider-form--article .form-text {
    min-height: 40px;
}

.tesla-insider-form--article .btn-primary {
    min-width: 100px;
    max-width: 150px;
    white-space: nowrap;
}

.tesla-insider-form--article .subtitle,
.tesla-insider-form--article .form-item-usermail {
    margin: 0;
}

.tesla-insider-form--article .submit-area {
    margin-left: 10px;
}

.tesla-insider-form--article .notice {
    display: none;
}

body {
    background-color: #fff;
}

@media (min-width:640px) {
    body {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-width: 960px;
        background-image: url("../picture/bg.jpg");
    }
}

[id='page'],
html {
    background-color: transparent;
}

.btn-group {
    margin-top: 30px;
}

@media (min-width:0) and (max-width:639px) {
    .btn-group {
        width: 100%;
        margin-bottom: 0;
    }
    .btn-group [class*='btn-']:first-child {
        margin-top: 0;
    }
    .btn-group [class*='btn-']:last-child {
        margin-bottom: 0;
    }
}

.btn-group .btn-large {
    min-width: 175px;
}

.btn-group--newsletter {
    margin-top: 16px;
    padding-left: 5px;
}

.btn-group--newsletter .btn-alternate--link {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

@media (min-width:640px) {
    .btn-transparent {
        background-color: rgba(0, 0, 0, 0.5);
    }
}

@media (min-width:0) and (max-width:639px) {
    .btn-transparent {
        background-color: rgba(213, 45, 67, .9);
        margin: 10px 0;
    }
}

.section-image {
    display: block;
    width: 100%;
}

.section-image img {
    display: block;
}

.section-video {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.primary-video {
    max-width: none;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

@media (min-aspect-ratio:16 / 9) {
    .primary-video {
        max-height: none;
        max-width: 100%;
    }
}

.pane-title {
    display: none;
}

[class*='section-title--'] {
    color: #fff;
}

.section-title--hed {}

@media (min-width:640px) {
    .section-title--hed {
        font-size: 40px;
        line-height: 60px;
    }
}

@media (min-width:0) and (max-width:639px) {
    .section-title--hed {
        font-size: 36px;
        line-height: 36px;
    }
}

.section-title--lede {
    font-size: 20px;
    line-height: 30px;
}

.section-title--dek {
    margin-top: 10px;
    margin-bottom: 0;
}

.section-title--hed,
.section-title--lede {
    margin-bottom: 0;
}

.superregion-apac .section-title--dek {
    text-align: center;
}

.section-intro {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding-top: 16vh;
    text-align: center;
    position: relative;
    width: 100%;
}

@media (min-width:0) and (max-width:639px) {
    .section-intro {
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        padding-top: 0;
        padding-bottom: 0;
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        background-image: none;
    }
    .section-intro .section-hero {
        display: block;
    }
    .section-intro .wrapper--intro {
        padding: 20% 20px 20px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .section-intro .wrapper--intro .section-title--hed {
        font-size: 30px;
        line-height: 30px;
        max-width: 350px;
        margin: 0 auto;
    }
}

@media (min-width:640px) {
    .section-intro {
        height: 100vh;
        background-image: none;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }
}

.section-current_lineup {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

@media (min-width:640px) {
    .section-current_lineup {
        display: none;
    }
}

[class*='current_lineup-model'] {
    text-align: center;
    position: relative;
    width: 100%;
}

.current_lineup-model_energy {
    background-color: #171819;
}

.i18n-en .current_lineup-model_energy {
    -ms-flex-order: -1;
    order: -1;
}

.current_lineup-model_energy .current_lineup-container {
    position: absolute;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.current_lineup-model_energy .btn-transparent {
    background-color: rgba(0, 0, 0, 0.35);
}

.current_lineup-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width:640px) {
    .current_lineup-container {
        padding-bottom: 6vh;
    }
}

@media (min-width:0) and (max-width:639px) {
    .current_lineup-container {
        padding-bottom: 20px;
    }
}

.current_lineup-image {
    display: block;
}

.section-updates {
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: 1px solid #e5e5e5;
    background-color: #fefefe;
}

@media (min-width:640px) {
    footer .colophon {
        text-align: center;
    }
    .pane-skinny-footer {
        bottom: 0;
        position: fixed;
        padding: 1vh 0;
        background-color: transparent;
    }
    .admin-menu .pane-skinny-footer {
        bottom: 0;
    }
    .pane-skinny-footer footer .footer-copy a {
        color: #fff;
    }
    .pane-skinny-footer .footer-copy .vertical-separator,
    .pane-skinny-footer .footer-copy a:first-child {
        padding-left: 0;
        margin-left: 0;
        border-left: 0;
    }
    .pane-skinny-footer .footer-copy .vertical-separator::after,
    .pane-skinny-footer .footer-copy a:first-child::after {
        padding-left: 15px;
        padding-right: 13px;
        display: inline;
        content: '\2022';
        color: rgba(255, 255, 255, 0.5);
    }
    .pane-skinny-footer .footer-copy .vertical-separator .vertical-separator.modal-link::after,
    .pane-skinny-footer .footer-copy a:first-child .vertical-separator.modal-link::after {
        content: '';
    }
    .pane-skinny-footer .footer-copy .vertical-separator .vertical-separator.modal-link::after.locale::before,
    .pane-skinny-footer .footer-copy a:first-child .vertical-separator.modal-link::after.locale::before {
        left: 0;
    }
}

@media (min-width:640px) {
    .homepage-image {
        background-image: url("../picture/bg.jpg");
    }
}

@media (min-width:640px) {
    .i18n-zh_CN.homepage-image {
        background-image: url("../picture/bg.jpg");
    }
}

.homepage-video header.main {
    max-width: none;
}

@media (min-width:0) and (max-width:639px) {
    .homepage-video header.main {
        background-image: none;
        background-color: transparent;
    }
}

@media (min-width:0) and (max-width:639px) {
    .homepage-video .section-intro .btn-transparent {
        background-color: rgba(0, 0, 0, 0.5);
    }
}

.homepage-video .section-title--alt .section-title--dek {
    font-family: "Gotham Book";
    font-size: 22px;
}

@media (min-width:640px) {
    .touch .homepage-video:not(.homepage--personalized) {
        background-image: url("../images/homepage-hero.jpg");
    }
    .touch .homepage-video .section-video {
        display: none;
    }
}

.dock-overlay {
    width: 100%;
    color: #fff;
    overflow: hidden;
}

.dock-overlay.dock-overlay--footer {
    position: absolute;
    bottom: 0;
    z-index: 999;
}

.dock-overlay .dock-overlay--slider {
    background-color: rgba(0, 0, 0, 0.6);
    transition: 0.5s cubic-bezier(0, 1, 0.5, 1);
    transform: translateY(100%);
}

.dock-overlay .dock-overlay--slider.slider--up {
    transform: translateY(0);
}

.dock-overlay .dock-overlay--container {
    padding: 20px 60px 30px;
}

.dock-overlay .dock-overlay--close {
    margin-top: 10px;
    margin-right: 10px;
}

.dock-overlay .feature--newsletter-button .feature--newsletter-button-left {
    width: 65.85366%;
    float: left;
    margin-right: 2.43902%;
}

.dock-overlay .feature--newsletter-button .feature--newsletter-button-left .section-description {
    margin: 0;
    padding: 0;
    color: #fff;
}

.dock-overlay .feature--newsletter-button .feature--newsletter-button-right {
    width: 31.70732%;
    float: right;
    margin-right: 0;
    text-align: center;
}

.dock-overlay .feature--newsletter-form .section-description {
    margin: 0 20px 0 0;
    padding: 0;
    color: #fff;
}

.dock-overlay .feature--newsletter-form .form-label {
    display: none !important;
}

.dock-overlay .feature--newsletter-form .btn-primary {
    margin-left: 5px;
    margin-top: 0;
    border: 1px solid #c00;
}

.dock-overlay .feature--newsletter-form [id='feature--newsletter-form-inner'] {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: top;
    align-items: top;
}

.dock-overlay .feature--newsletter-form [id='tesla_insider_form'] {
    min-width: 470px;
}

.dock-overlay .feature--newsletter-form [id='tesla-insider-form']:first-child {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.dock-overlay .feature--newsletter-form [id='feature--newsletter-form-inner-description'].dock-overlay--success {
    margin-right: 0;
    text-align: center;
}