* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Do not modify this section */
.paramount-bleed {
    height: 750px;
    left: calc(50% - 875px);
    position: absolute;
    top: calc(50% - 375px);
    width: 1750px;
    z-index: 0;
}

.paramount-safe {
    border: none;
    display: block;
    height: 664px;
    left: calc(50% - 590px);
    outline: none;
    position: absolute;
    top: calc(50% - 332px);
    width: 1180px;
    z-index: -2;
}

.mobileweb-section_front_bottom .paramount-bleed,
.mobileweb-banner_top .paramount-bleed,
.mobileweb-section_front_top .paramount-bleed,
.mobileweb-banner_bottom .paramount-bleed,
.device-phone .paramount-bleed,
.mobileweb-section_front_bottom .paramount-safe,
.mobileweb-banner_top .paramount-safe,
.mobileweb-section_front_top .paramount-safe,
.mobileweb-banner_bottom .paramount-safe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

/* Add ad specific styles below */
.paramount-bleed {
    background: rgb(0,0,0);
}

.click-cover {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.device-phone .click-cover {
    display: none;
}

.video-click-cover {
    /* background: rgba(255,0,0,0.3); */
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.device-phone .video-click-cover {
    bottom: 0;
    height: 40%;
    top: auto;
}

.client-logo {
    bottom: 5.4%;
    display: block;
    height: auto;
    position: absolute;
    right: 16%;
    width: 10%;
    z-index: 15;
}
.device-phone .client-logo {
    bottom: 3%;
    right: 3%;
    width: 20%;
}

.overlay-tablet {
    display: none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 10;
}
.device-phone .overlay-tablet {
    display: none;
}

.overlay-tablet-1 {
    display: block;
}
.device-phone .overlay-tablet-1 {
    display: none;
}

.overlay-phone {
    display: none;
}
.device-phone .overlay-phone {
    bottom: -2%;
    display: none;
    height: auto;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
}

.overlay-phone-1 {
    display: none;
}
.device-phone .overlay-phone-1 {
    display: block;
}

.start-image-desktop {
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}
.device-phone .start-image-desktop {
    display: none;
}

.start-image-phone {
    display: none;
}
.device-phone .start-image-phone {
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
}

.background-phone {
    display: none;
}
.device-phone .background-phone {
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

/* Video Player */
.video-container {
    bottom: 0;
    height: 664px;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 1180px;
    z-index: 3;
}
.device-phone .video-container {
    bottom: auto;
    height: 46%;
    top: 0;
    width: 100%;
    z-index: 6;
}

.video-player {
    background: rgb(255,255,255);
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}
.device-phone .video-player {
    top: 0;
    width: 100%;
}

.video-player iframe {
    z-index: 0;
}