/* 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: 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-color: red; */
    bottom: 6%;
    display: block;
    height: 70px;
    left: auto;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 621px;
    z-index: 11;
}

.device-phone .logo-container {
    bottom: 6%;
    height: 33px;
    left: 0;
    right: 0;
    width: 100%;
}

.publisher-logo {
    bottom: 9%;
    display: block;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: auto;
    top: auto;
    width: auto;
    z-index: 11;
}

.device-phone .publisher-logo {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0 auto;
    right: 0;
    width: auto;
}

.flag-landscape {
    bottom: auto;
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%;
    z-index: 11;
}
.device-phone .flag-landscape {
    display: none;
}

.flag-portrait {
    display: none;
}
.device-phone .flag-portrait {
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top : auto;
    width: 100%;
    z-index: 11;
}

.price {
    /* background-color: red; */
    display: block;
    height: auto;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 11;
}

.price2 {
    /* background-color: red; */
    display: block;
    height: auto;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 55px;
    width: 100%;
    z-index: 11;
}

.device-phone .price2 {
    top: 0;
}

.hide {
    display: none;
}