/*! vast2html5-1.2.4-0 2019-03-05 */
 *{
    box-sizing:border-box
}
body{
    width:100%;
    height:100%;
    margin:0
}
#mpPlayableContainer{
    pointer-events:auto
}
.mpPlayable{
    background-color:transparent;
    background-position:top left;
    bottom:0;
    font-family:"helvetica neue";
    left:0;
    pointer-events:none;
    position:absolute;
    right:0;
    top:0;
    width:100%
}
.mpPlayable #dialContainer{
    z-index:20;
    width:40px;
    height:40px;
    position:absolute;
    right:3.5px;
    top:7.5px;
    display:block
}
.mpPlayable #dialContainer #dial{
    font-size:20px
}
.mpVideo{
    font-family:"helvetica neue";
    height:100%;
    width:100%;
    background-color:#000;
    background-repeat:repeat;
    background-position:top left;
    position:relative
}
.mpVideo #socialActions{
    display:none;
    overflow:hidden;
    z-index:20;
    position:absolute;
    bottom:15px;
    left:15px
}
.mpVideo #adsBy{
    position:absolute;
    overflow:hidden;
    display:none;
    top:10px;
    left:12px;
    z-index:20
}
.mpVideo #industryIcon{
    position:absolute;
    overflow:hidden;
    z-index:20;
    top:12px;
    bottom:0;
    left:12px;
    right:0;
    background-repeat:no-repeat;
    background-size:contain
}
.mpVideo #companionAd{
    position:absolute;
    z-index:15;
    top:0;
    bottom:0;
    left:0;
    right:0;
    text-align:center
}
.mpVideo #companionAd div.a{
    position:absolute;
    z-index:20;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:block;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent
}
.mpVideo #topGradient{
    background:linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,0));
    height:54px;
    width:100%;
    pointer-events:none;
    position:absolute;
    top:0;
    z-index:16
}
.mpVideo #bottomGradient{
    background:linear-gradient(to top,rgba(0,0,0,.4),rgba(0,0,0,0));
    height:54px;
    width:100%;
    pointer-events:none;
    position:absolute;
    bottom:0;
    z-index:16
}
.mpVideo #dialContainer{
    z-index:20;
    width:40px;
    height:40px;
    position:absolute;
    right:24px;
    top:12px;
    display:block
}
.mpVideo #dialContainer #dial{
    font-size:20px
}
.mpVideo #closeButtonTappableArea{
    position:absolute;
    top:0;
    right:0;
    width:58px;
    height:46px;
    z-index:23
}
.mpVideo #closeContainer{
    position:absolute;
    right:24px;
    top:12px;
    z-index:20;
    height:32px;
    display:none
}
.mpVideo #closeButton{
    float:right;
    background-size:cover;
    display:block;
    width:32px;
    height:32px;
    background-image:url(spriteSheet.f85d918516b27e14.png);
    background-repeat:no-repeat;
    background-position:0 0
}
.mpVideo #closeLabel{
    height:100%;
    line-height:32px;
    width:47px;
    overflow:hidden;
    color:#FFF;
    font-family:helvetica;
    text-overflow:ellipsis;
    vertical-align:middle;
    text-align:right;
    float:left;
    display:block
}
.mpVideo .videoUnsupported{
    display:none;
    width:100%;
    height:100%;
    text-align:center;
    font-size:16px;
    color:#fff;
    background-color:#000;
    line-height:100%;
    z-index:25
}
.mpVideo #finishedVideoOverlay{
    position:absolute;
    background-color:rgba(0,0,0,.7);
    width:100%;
    height:100%;
    z-index:10;
    display:none
}
.mpVideo #progress{
    height:3px;
    bottom:0;
    position:absolute;
    width:100%;
    margin-bottom:0;
    z-index:20;
    background:rgba(255,255,255,.5);
    display:none
}
.mpVideo #progress #progressBar{
    background:#ffcc4d;
    height:inherit
}
.mpVideo #nugget{
    background:#ffcc4d;
    position:absolute;
    bottom:0;
    height:3px;
    width:2px;
    z-index:20;
    display:none
}
.mpVideo #ctaButton{
    border:2px solid rgba(255,255,255,.2);
    background:rgba(0,0,0,.2);
    border-radius:5px;
    height:33px;
    font-size:11pt;
    font-family:helvetica;
    width:150px;
    color:#FEFEFE;
    position:absolute;
    right:15px;
    bottom:15px;
    z-index:20;
    display:none
}
.mpVideo video{
    width:100%;
    height:100%;
    max-height:100%;
    max-width:100%;
    display:inline-block;
    vertical-align:baseline;
    z-index:5;
    background-color:#000
}
@media screen and (-webkit-min-device-pixel-ratio:1.5){
    #closeButton{
        background-image:url(spriteSheet@2x.a10d6784133ebbc1.png)
    }
}
@media screen and (orientation:portrait){
    video{
        width:100%;
        height:99%
    }
    .mpVideo .toolbar .close-label{
        display:none!important
    }
    .mpVideo .toolbar .learn-more-cta{
        width:75px
    }
}
@media screen and (orientation:landscape){
    video{
        width:100%;
        height:100%
    }
}