.parvus {
    width: 100vw;
    display: block !important;
    border-top: 2px solid lightgrey;
    border-bottom: 2px solid lightgrey;
    z-index: 1000;
    position: relative;
}

.ad.leaderboard .parvus {
    border: none !important;
}

.parvus > div {
    margin: 0px auto;
}

.parvus.static img  {
    margin: 0px auto;
    width: 100%;
    max-width: 1440px;
    cursor: pointer;
    z-index: 1000;
    position: relative;

}

.parvus.video .video-wrap video {
    max-width:755px;
    display: none;
    margin: 0px auto;
    cursor: pointer;
}

.parvus.video .video-wrap .still {
    display: block;
    max-height: 425px;
}

.parvus.video .branding img {
    width: 100%;
    height: 100%;
    max-height: 425px;
    max-width: 425px;
}

.parvus.video .video-wrap > div {
    margin: 0px auto;
    max-width: 755px;
}

.parvus.video .video-wrap > div > *:not(.play-btn) {
    margin: 0px auto;
    max-width: 755px;
    width: 100%;
}

@media screen and (min-width: 641px) {

     .parvus {
        margin-left: calc((-100vw + 1014px) / 2);
    }

    .ad.leaderboard .parvus {
        margin-left: 0px;
        margin-top: -25px;
        margin-bottom: 0px;
        border:none;
    }

    .parvus img {
        cursor: pointer;
    }

    .parvus.video > div {
          display: -webkit-flex !important;
          display: flex !important;
          align-items: center;
          flex-direction: row;     /* make main axis horizontal (default setting) */
          justify-content: center; /* center items horizontally, in this case */
      }
}

@media screen and (max-width: 641px) {
    .parvus.video .branding img {
        height: 200px;
        width: 200px;
        max-height: 200px;
        max-width: 200px;
    }

    .parvus .not-mobile {
        display:none !important;
    }

    .parvus.video .video-wrap > div > *:not(.play-btn),
    .parvus.video .video-wrap > div {
            max-width: 641px;
    }
}

@media screen and (min-width: 641px) {
    .parvus .mobile-only {
        display:none !important;
    }

    .parvus {
        background-color: #f3f3f3;
    }
}

@media screen and (max-width: 733px) {
    .parvus {
        margin-bottom: 30px;
        margin-left: -13px;
    }

    .parvus .branding {
        background-color: #fff;
    }

    .parvus .video-wrap .small-btn {
        bottom: 10px !important;
    }

    .parvus .video-wrap .small-btn.play-btn {
        left: 10px !important;
    }

    .parvus .video-wrap .small-btn.mute-btn {
        right: 10px !important;
    }

    .parvus .video-wrap:hover .small-btn {
        display: block;
    }
}

@media (max-width: 1023px) and (min-width: 734px) {
    .parvus {
        margin-left: calc((100vw - 706px) / -2);
        margin-bottom: 30px;
    }
}

.parvus .video-wrap {
    position: relative;
}

.parvus .video-wrap .large-btn {
    background-repeat:no-repeat;
    width:10%;
    height:10%;
    min-width: 50px;
    min-height: 50px;
    max-width: 80px;
    max-height: 80px;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto !important;
    background-size:contain;
    background-position: center;
    background-color: transparent;
    z-index: 1001;
    cursor: pointer;
}

.parvus.video-playing .play-btn {
    display: none;
}

.parvus .video-wrap .small-btn {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 30px !important;
    height: 30px;
    z-index: 1002;
    background-size: contain;
    cursor: pointer;
    background-repeat: no-repeat;
    display: none;
}



.parvus .video-wrap:hover .small-btn {
    display: block !important;
}

.parvus .video-wrap.video-never-played .small-btn {
    display: none !important;
}


.parvus .video-wrap .small-btn.play-btn {
    left: 15px;
}


.parvus .video-wrap .small-btn.mute-btn {
    background-image: url("http://adops.cdnslate.com/Campaigns/2016/Microsoft/media-controls-unmute.png");
    width: 22px !important;
    height: 22px !important;
    bottom: 18px !important;
    right: 14px !important;
}

.parvus.muted .video-wrap .small-btn.mute-btn {
    background-image: url("http://adops.cdnslate.com/Campaigns/2016/Microsoft/media-controls-mute.png");
}

.parvus .play-btn {
    background-image:url("http://adops.cdnslate.com/Ad-Product-Images/play_btn_150x150.png");
}

.parvus.video-playing .play-btn {
    background-image: url("http://adops.cdnslate.com/Ad-Product-Images/pause_btn_150x150.png");
}

body:after{
    display:none;
    content:
    url('http://adops.cdnslate.com/Ad-Product-Images/pause_btn_150x150.png')
    url('http://adops.cdnslate.com/Ad-Product-Images/play_btn_150x150.png')
    url('http://adops.cdnslate.com/Campaigns/2016/Microsoft/media-controls-unmute.png')
    url('http://adops.cdnslate.com/Campaigns/2016/Microsoft/media-controls-mute.png')
}