/* 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 {
    display: block;
    height: 664px;
    left: calc(50% - 590px);
    position: absolute;
    top: calc(50% - 332px);
    width: 1180px;
    z-index: 1;
}

.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,
.device-phone .paramount-safe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* Add ad specific styles below */
.paramount-bleed,
.paramount-bleed * {
    box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.paramount-bleed {
    background: rgb(236,248,250);
}

img {
    border: 0;
}

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

.background {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 1;
}

.background-landscape {
    display: block;
}
.device-phone .background-landscape {
    display: none;
}

.background-portrait {
    display: none;
}
.device-phone .background-portrait {
    display: block;
}

.logo-container {
    /* background: rgba(255,0,0,0.3); */
    bottom: 0;
    display: block;
    height: 28%;
    left: auto;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: left;
    white-space: nowrap;
    width: 43.4%;
    z-index: 2;
}
.device-phone .logo-container {
    /* background: rgba(255,0,0,0.3); */
    height: 13%;
    width: 90%;
}

.campaign-logo {
    display: inline-block;
    height: 57px;
    margin-bottom: 2px;
    margin-left: -3px;
    opacity: 1;
    vertical-align: middle;
    width: auto;
    z-index: 10;
}

.device-phone .campaign-logo {
    height: 70%;
}   

.divider {
    border-right: 1px solid rgb(64,64,64);
    display: inline-block;
    height: 43px;
    opacity: 0.4;
    vertical-align: middle;
    width: 1px;
    z-index: 10;
}
.device-phone .divider {
    height: 38%;
}   

.publisher-logo {
    display: inline-block;
    height: 40px;
    opacity: 1;
    vertical-align: middle;
    width: auto;
    z-index: 10;
}
.device-phone .publisher-logo {
    height: 50%;
}   

.hide {
    display: none;
}