﻿.takeover-modal .takeover-partial,
.takeover-modal .takeover-partial .modal-content,
.takeover-modal .takeover-partial .xx-ax {
    border: 0px;
}

.takeover-modal .modal-dialog {
    width: 100%;
    max-width: 1700px;
}

.takeover-partial {
    cursor: default;
}

    .takeover-partial b, .takeover-partial strong {
        font-weight: normal;
    }

    .takeover-partial .xx-ax {
        width: 100%;
        position: relative;
    }

    .takeover-partial .xx-ax {
        color: #fff;
    }

    .takeover-partial .banner-images {
        position: relative;
    }

        .takeover-partial .banner-images .banner-background {
            width: 100%;
            max-height: 815px;
            height: 815px;
            background-position: center bottom;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .takeover-partial .banner-images .banner-car {
            position: absolute;
            z-index: 1;
            top: 473px;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 73%;
        }

    .takeover-partial .grid-box {
        border-left: 3px solid white;
        border-right: 3px solid white;
        border-bottom: 3px solid white;
        padding: 5px;
        width: 590px;
    }

    .takeover-partial .title-section .grid-box-top {
        display: flex;
    }

        .takeover-partial .title-section .grid-box-top .grid-top-copy {
            font-size: 18px;
            margin: 0 10px;
            line-height: 6px;
            font-weight: bold;
        }

        .takeover-partial .title-section .grid-box-top .grid-top-border-left {
            border-bottom: 3px solid white;
            width: 130px;
        }

        .takeover-partial .title-section .grid-box-top .grid-top-border-right {
            border-bottom: 3px solid white;
            width: 131px;
        }

        .takeover-partial .title-section .grid-box-top .grid-top-border-left-fr {
            border-bottom: 3px solid white;
            width: 104px;
        }

        .takeover-partial .title-section .grid-box-top .grid-top-border-right-fr {
            border-bottom: 3px solid white;
            width: 105px;
        }

    .takeover-partial .banner-grid {
        /*transform: translateY(-20px);*/
        margin-bottom: 15%;
        /*margin-top: 5%;*/
        margin-left: 0%;
        padding-left: -5%;
    }

        .takeover-partial .banner-grid .grid-wrap {
            /*    width: 80%;
            margin: 0 10%;*/
            color: white;
            margin-left: 0%;
            margin-top: 4%;
            justify-content: left;
        }

    .takeover-partial .close-button {
        position: absolute;
        top: 0px;
        right: 0px;
        background-color: transparent;
        font-weight: normal;
        width: 32px;
        height: 32px;
        font-size: 18px;
        line-height: 32px;
        border: 0;
        cursor: pointer;
        z-index: 10;
    }

    .takeover-partial .bmw-logoimage {
        position: absolute;
        display: block;
        height: 6.8vw;
        max-height: 125px;
        top: 35px;
        right: 30px;
    }

    .takeover-partial .lockup {
        position: absolute;
        display: block;
        top: 6px;
        left: 60%;
    }

    .takeover-partial .countdown-timer-container {
        font-size: 10px;
    }

        .takeover-partial .countdown-timer-container .title {
            font-size: 2.4em;
            margin-bottom: 0.8em;
        }

        .takeover-partial .countdown-timer-container .day-text,
        .takeover-partial .countdown-timer-container .hour-text,
        .takeover-partial .countdown-timer-container .minute-text {
            font-size: 3.8em;
        }

        .takeover-partial .countdown-timer-container table tr td {
            width: 6.7em;
            text-align: center;
        }

            .takeover-partial .countdown-timer-container table tr td * {
                font-size: 1.4em;
            }

            .takeover-partial .countdown-timer-container table tr td:nth-child(2) {
                border-left: 1px solid white;
                border-right: 1px solid white;
            }


    .takeover-partial .title-section {
        position: absolute;
        line-height: 1;
        float: left;
        width: 53%;
        font-size: 60px;
        top: 4%;
        left: 4%;
    }

        .takeover-partial .title-section .title-copy .lockup-row {
            width: 30%;
        }

            .takeover-partial .title-section .title-copy .lockup-row .lockup-copy {
                text-align: center;
                font-size: 26px;
            }

        .takeover-partial .title-section .title-copy .headline {
            width: 30%;
            text-align: center;
            font-size: 46px;
        }

        .takeover-partial .title-section .title-copy .headline-img .img-responsive {
            max-width: 90%;
        }

        .takeover-partial .title-section .title-copy .headline-img-mobile {
            display: none;
        }

        .takeover-partial .title-section .headline {
            display: block;
            font-size: 1em;
            max-width: none;
            /*margin-bottom: 0.288em;*/
        }

        .takeover-partial .title-section .sub-headline {
            display: block;
            font-size: 0.5em;
            line-height: 1;
            margin: 1em 0;
        }

        .takeover-partial .title-section .body-copy {
            display: block;
            font-size: 0.42em;
            line-height: 1.1;
            margin-bottom: 0;
        }

        .takeover-partial .title-section .takeover-event-title {
            width: 85%;
            padding-bottom: 30px;
        }

    .takeover-partial .video-section {
        position: absolute;
        float: left;
        width: 30%;
        top: 4%;
        right: 7%;
        padding: 5px;
        background: #fff;
    }

    .takeover-partial .Button_LegalOpenButton {
        display: block;
        position: absolute;
        left: 4%;
        bottom: 1em;
        background: none;
        border: none;
        text-decoration: underline;
        font-size: 18px;
        color: white;
        font-weight: 300;
    }

        .takeover-partial .Button_LegalOpenButton.mobile {
            display: none;
        }

    .takeover-partial .legal-modal {
        border: 1px solid #bfbfbf;
        background-color: #FFF;
        font-size: 10px;
        color: #000;
        padding: 40px 20px;
        visibility: hidden;
        opacity: 0;
        transition: all 0.45s;
        position: absolute;
        bottom: 15px;
        z-index: 100;
        width: 50%;
    }

        .takeover-partial .legal-modal.on {
            visibility: visible;
            opacity: 1;
        }

        .takeover-partial .legal-modal .Button_LegalCloseButton {
            position: absolute;
            top: 5px;
            right: 5px;
            background-color: #FFF;
            color: #000;
            font-weight: normal;
            width: 32px;
            height: 32px;
            font-size: 32px;
            line-height: 28px;
            border: 0;
        }

    .takeover-partial .disclaimer {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        width: 100%;
        text-align: center;
    }

        .takeover-partial .disclaimer p {
            color: black;
        }

/*body.fr .takeover-partial .title-section .headline {*/
/*font-size: 1em;*/
/*display: block;
    max-width: none;
}*/

.bottom-right-copy {
    position: absolute;
    bottom: 18px;
    right: 4%;
}

.takeover-partial .banner-grid .grid-wrap .grid-block {
    float: left;
    width: 50%;
    display: flex;
    justify-content: space-around;
    position: relative;
}

    .takeover-partial .banner-grid .grid-wrap .grid-block .grid-center .main-text .rate-plus {
        font-size: 0.6em;
        position: absolute;
        margin-left: 98%;
        margin-bottom: 6%;
    }

    .takeover-partial .banner-grid .grid-wrap .grid-block .grid-center .rate-plus-mobile {
        display: none;
        margin-top: 8%;
        margin-bottom: -15%;
        font-size: 0.5em;
    }


    .takeover-partial .banner-grid .grid-wrap .grid-block.soft-break {
        border-right: 3px solid white;
    }

#Modal_TakeoverLegal p{
    margin-bottom: 1em;
}