/* 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,155,255);
}

img {
    border: 0;
}

.background {
    background: rgb(0,155,255);
    background: -moz-linear-gradient(90deg, rgba(0,155,255,1) 0%, rgba(0,155,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,155,255,1) 0%, rgba(0,155,255,1) 100%);
    background: linear-gradient(90deg, rgba(0,155,255,1) 0%, rgba(0,155,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aa51e6",endColorstr="#aa51e6",GradientType=1);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

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

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

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

.overlay-landscape {
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 80%;
    z-index: 5;
}
.device-phone .overlay-landscape {
    display: none;
}

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

.video-player-container {
    background: rgb(0,0,0);
    /* border: 1px solid rgb(235,235,235); */
    display: block;
    height: 39%;
    left: 48.44%;
    margin: auto;
    overflow: hidden;
    position: absolute;
    top: 34%;
    width: 39%;
    z-index: 10;
}
.device-phone .video-player-container {
    height: 33.6%;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 40%;
    width: 71%;
}
/* IE11 mute/unmute button display fix  */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .video-player-container {
        height: 31%;
    }
}

.video-player {
    background: rgb(0,0,0);
    display: block;
    height: 101%;
    left: -0.5%;
    overflow: hidden;
    position: absolute !important;
    top: -0.5%;
    width: 101%;
    z-index: 1;
}

.video-poster {
    display: block;
    height: auto;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: opacity 0.4s;
    width: 100%;
    z-index: 3;
}

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

.button-cta {
    display: block;
    height: auto;
    left: 12.6%;
    opacity: 0.9;
    position: absolute;
    top: 65%;
    transition: opacity 0.2s;
    width: 16%;
    z-index: 11;
}
.button-cta:hover {
    opacity: 1;
}

.device-phone .button-cta {
    left: 14.33%;
    opacity: 1;
    top: 76.6%;
    width: 38%;
}

#play {
    opacity: 0;
}

.fade-out {
    opacity: 0;
}