/* 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(0,0,0);
}

img {
    border: 0;
}

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

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

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

.click-cover {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.publisher-logo {
    display: block;
    height: 11%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 4%;
    width: auto;
    z-index: 11;
}
.device-phone .publisher-logo {
    top: 14px;
}

.price {
    bottom: 56%;
    display: block;
    height: auto;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 83%;
    z-index: 11;
}
.device-phone .price {
    bottom: 53%;
    width: 90%;
}

.offer {
    bottom: 27%;
    display: block;
    height: auto;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 33%;
    z-index: 11;
}

.offer-flag {
    display: none;
}


.device-phone .offer-flag {
    display: block;
    height: auto;
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 33%;
    z-index: 11;
}

.device-phone .offer {
    display: none;
}

.hide {
    display: none;
}