.video.positionimageLeft,.video.positionimageRight{flex-flow:row wrap;align-content:flex-start}.video.positionimageLeft .media,.video.positionimageRight .media{flex:1 1 40%}.video.positionimageLeft .inner,.video.positionimageRight .inner{flex:0 0 60%}.video.positionimageLeft .media{order:1}.video.positionimageLeft .inner{order:2}.video.positionimageRight .media{order:2}.video.positionimageRight .inner{order:1}.video.positionimageBottom .inner{order:1}.video.positionimageBottom .media{order:2}.video.popup .media img,.video.inline .media img{display:block;width:100%;height:auto}.video.popup .media a,.video.inline .media a{display:block;position:relative;text-decoration:none}.video.popup .media a:before,.video.inline .media a:before{content:" ";display:block;position:absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0);transition:background .15s ease}.video.popup .media a:after,.video.inline .media a:after{content:"\e037";display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;z-index:2;width:50px;height:50px;background:rgba(0,0,0,0.5);color:#fff;border-radius:100%;font-family:var(--symbol);font-size:25px;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);transition:all .25s ease}@media(hover:hover){.video.popup .media a:hover:before,.video.inline .media a:hover:before{background:rgba(0,0,0,0.3)}.video.popup .media a:hover:after,.video.inline .media a:hover:after{background:#000}}.video.inline .iframeContainer{position:relative;height:0;padding-bottom:56.25%}.video.inline .iframeContainer iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video.inline .videoContainer{position:relative;height:0;padding-bottom:56.25%}.video.inline .videoContainer video{position:absolute;top:0;left:0;width:100%;height:100%}.video.block{padding:0}.video.block .inner{padding:var(--padding)}.video.block .footer{display:flex;justify-content:flex-end}.video{width:100%}.video.popup .media a:before,.video.inline .media a:before,.video.popup .media a:after,.video.inline .media a:after{display:none}.video.popup .media a button.playButton,.video.inline .media a button.playButton{top:50%;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .2s linear}button.playButton{display:flex;z-index:2;width:120px;height:120px;position:absolute;background:0;border:0;text-align:center;text-decoration:none;align-items:center;justify-content:center;top:calc(50% - 60px);left:calc(50% - 60px);transition:all .2s linear}button.playButton:before{transition:all .2s linear;color:#fff;content:"\e929";font-family:var(--symbol);font-size:26px;display:block;-moz-osx-font-smoothing:grayscale;background:0;width:50px;height:50px;border-radius:50px;align-items:center;display:flex;justify-content:center}@media(max-width:56em){button.playButton:before{font-size:22px}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}button.playButton:after{position:absolute;top:0;width:100%;height:100%;display:block;content:"";background-image:url(/App_SkinMaster/images/playbutton.svg);background-size:80% auto;background-repeat:no-repeat;background-position:center;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@media(max-width:56em){button.playButton:after{background-size:60% auto}}@media(hover:hover){button.playButton:hover:before{background:var(--color5)}button.playButton:hover:after{animation-direction:reverse}}