@import url(https://fonts.googleapis.com/css?family=Open+Sans);
html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0;overflow:hidden}img{border:0}a{text-decoration:none;color:inherit;position:absolute;top:0;left:0;width:100%;height:100%}#qzad{font-size:1vw;font-family:Open Sans,sans-serif;color:#fff;background-color:#000;position:relative;margin:auto;max-height:520px;min-height:430px;max-width:1600px;min-width:320px;height:520px;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-perspective:1000px;perspective:1000px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased}#qzad,#qzad .video{width:100%;opacity:0}#qzad .video{position:absolute;height:100%;z-index:-1}#qzad .close-video{width:2em;height:2em;border:1px solid #dfdfdf;border-radius:50%;position:absolute;z-index:9;top:.5em;right:.5em;cursor:pointer;background-color:hsla(0,0%,96.5%,.5)}#qzad .close-x{stroke:#fff;fill:transparent;stroke-linecap:round;stroke-width:3}#qzad video{height:100%;vertical-align:middle;width:100%;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#qzad .play-button-wrapper{width:100%;height:100%;cursor:pointer}#qzad .play-button-wrapper:hover .video-play-circle{stroke-dashoffset:0}#qzad .play-button{opacity:.8;width:8em;height:8em;position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#qzad .play-button svg{-webkit-transform:rotate(-90deg) scale(.95);transform:rotate(-90deg) scale(.95)}#qzad .play-button svg path{fill:#fff}#qzad .play-button svg .video-play-circle{stroke-dasharray:315;stroke-dashoffset:315;transition:stroke-dashoffset .5s;stroke-width:2}@media (max-width:1025px){#qzad .play-button{border-radius:50%;border:1px solid transparent;background:rgba(0,0,0,.5);width:10em;height:10em}#qzad .play-button svg .video-play-circle{stroke-dashoffset:315!important}}#qzad .plyr--full-ui input[type=range]{color:#000}#qzad .plyr{height:100%;max-height:100%}#qzad .plyr__control--overlaid{background:hsla(0,0%,100%,.5)}#qzad .plyr__play-btn{width:18px;height:18px;-webkit-transform:rotate(-90deg) scale(1.5);transform:rotate(-90deg) scale(1.5)}#qzad .plyr__play-btn path{fill:#fff}#qzad .plyr--video .plyr__control.plyr__tab-focus,#qzad .plyr--video .plyr__control:hover,#qzad .plyr--video .plyr__control[aria-expanded=true]{background:hsla(0,0%,100%,.8);color:#fff;border-radius:50%}#qzad .plyr__video-wrapper{height:100%}#qzad .looping-video{position:absolute;top:50%;left:50%;width:100%;height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#qzad .looping-video video{height:100%}#qzad video::-webkit-media-controls{display:none!important;-webkit-appearance:none!important}#qzad ::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}#qzad .looping-video{background-color:#000}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeInOut2{0%{opacity:0}5%{opacity:1}45%{opacity:1}50%{opacity:0}95%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeSlide{0%{opacity:0}10%{opacity:1}90%{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}to{opacity:1;-webkit-transform:translate3d(0,40%,0);transform:translate3d(0,40%,0)}}#qzad.A .copy-1,#qzad.A .copy-2,#qzad.A .cta{opacity:0}#qzad.A.qzad .video-playing .copy-1{-webkit-animation:fadeInOut 2.5s linear 0s forwards;animation:fadeInOut 2.5s linear 0s forwards}#qzad.A.qzad .video-playing .copy-2{-webkit-animation:fadeInOut2 5s linear 2.5s forwards;animation:fadeInOut2 5s linear 2.5s forwards}#qzad.A.qzad .video-playing .cta{top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-animation:fadeSlide 2.5s ease-out 5s forwards;animation:fadeSlide 2.5s ease-out 5s forwards}@media (max-width:1024px){#qzad.A .panel-logo .logo{-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0;left:auto;right:50%;bottom:70%}#qzad.A.qzad .video-playing .logo{-webkit-animation:fadeSlideLogo 2.5s ease-out 5s forwards;animation:fadeSlideLogo 2.5s ease-out 5s forwards}#qzad.A.qzad .video-playing .cta{left:50%;margin:0;position:absolute;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);top:auto;bottom:27%}}@media (max-width:480px){#qzad.A.qzad .video-playing .cta,#qzad.A.qzad .video-playing .logo{-webkit-animation:fadeIn .25s ease-out 5s forwards;animation:fadeIn .25s ease-out 5s forwards}}@keyframes fadeInOut2{0%{opacity:0}5%{opacity:1}45%{opacity:1}50%{opacity:0}95%{opacity:0}to{opacity:1}}#qzad.B .copy-1,#qzad.B .copy-2,#qzad.B .cta{opacity:0}#qzad.B.qzad .video-playing .copy-1{-webkit-animation:fadeInOut 2.5s linear 0s forwards;animation:fadeInOut 2.5s linear 0s forwards}#qzad.B.qzad .video-playing .copy-2{-webkit-animation:fadeInOut2 5s linear 2.5s forwards;animation:fadeInOut2 5s linear 2.5s forwards}#qzad.B.qzad .video-playing .cta{top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-animation:fadeSlide 2.5s ease-out 5s forwards;animation:fadeSlide 2.5s ease-out 5s forwards}@media (max-width:1024px){#qzad.B .panel-logo .logo{-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0;left:auto;right:50%;bottom:70%}#qzad.B.qzad .video-playing .logo{-webkit-animation:fadeSlideLogo 2.5s ease-out 5s forwards;animation:fadeSlideLogo 2.5s ease-out 5s forwards}#qzad.B.qzad .video-playing .cta{left:50%;margin:0;position:absolute;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);top:auto;bottom:27%}}@media (max-width:480px){#qzad.B.qzad .video-playing .cta,#qzad.B.qzad .video-playing .logo{-webkit-animation:fadeIn .25s ease-out 5s forwards;animation:fadeIn .25s ease-out 5s forwards}#qzad.B.qzad .video-playing .logo{top:9%}#qzad.B.qzad .video-playing .cta{bottom:20%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%{opacity:0}8.3%{opacity:1}91.7%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeInOutTwo{0%{opacity:0}12.5%{opacity:1}87.5%{opacity:1}to{opacity:0}}@keyframes fadeInOutTwo{0%{opacity:0}12.5%{opacity:1}87.5%{opacity:1}to{opacity:0}}@keyframes fadeSlide{0%{opacity:0}10%{opacity:1}90%{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}to{opacity:1;-webkit-transform:translate3d(0,70%,0);transform:translate3d(0,70%,0)}}#qzad.C .copy-1,#qzad.C .copy-2,#qzad.C .copy-3,#qzad.C .cta{opacity:0}#qzad.C.qzad .video-playing .copy-1{-webkit-animation:fadeInOut 3s linear 0s forwards;animation:fadeInOut 3s linear 0s forwards}#qzad.C.qzad .video-playing .copy-2{-webkit-animation:fadeInOutTwo 2s linear 3.25s forwards;animation:fadeInOutTwo 2s linear 3.25s forwards}#qzad.C.qzad .video-playing .cta{top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-webkit-animation:fadeSlide 1.75s ease-out 5.25s forwards;animation:fadeSlide 1.75s ease-out 5.25s forwards}#qzad.C.qzad .video-playing .copy-3{opacity:1;transition:opacity .25s ease-out 7.25s}@media (max-width:1024px){@-webkit-keyframes fadeSlide{0%{opacity:0}10%{opacity:1}90%{left:50%;bottom:27%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{opacity:1;left:19px;bottom:19px;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeSlide{0%{opacity:0}10%{opacity:1}90%{left:50%;bottom:27%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}to{opacity:1;left:19px;bottom:19px;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fadeSlideLogo{0%{opacity:0;right:50%}10%{opacity:1}90%{right:50%;bottom:70%;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}to{opacity:1;right:28px;bottom:26px;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeSlideLogo{0%{opacity:0;right:50%}10%{opacity:1}90%{right:50%;bottom:70%;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}to{opacity:1;right:28px;bottom:26px;-webkit-transform:translateZ(0);transform:translateZ(0)}}#qzad.C .panel-logo .logo{-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0;left:auto;right:50%;bottom:70%}#qzad.C.qzad .video-playing .logo{-webkit-animation:fadeSlideLogo 2.5s ease-out 5s forwards;animation:fadeSlideLogo 2.5s ease-out 5s forwards}#qzad.C.qzad .video-playing .cta{left:50%;margin:0;position:absolute;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);top:auto;bottom:27%;-webkit-animation:fadeSlide 2.5s ease-out 5s forwards;animation:fadeSlide 2.5s ease-out 5s forwards}}@media (max-width:480px){#qzad.C.qzad .video-playing .cta,#qzad.C.qzad .video-playing .logo{-webkit-animation:fadeIn .25s ease-out 5s forwards;animation:fadeIn .25s ease-out 5s forwards}#qzad.C.qzad .video-playing .logo{top:9%}#qzad.C.qzad .video-playing .cta{bottom:20%}}#qzad a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5;cursor:pointer}#qzad .panel-logo{width:26%;position:relative}#qzad .panel-logo .logo{background-repeat:no-repeat;background-position:50%;background-size:contain;height:2.8em;width:100%;position:absolute;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}#qzad .animate-copy{font-size:3em;text-align:center;line-height:1em}#qzad .animate-copy .copy-1,#qzad .animate-copy .copy-2,#qzad .animate-copy .copy-3{width:100%;position:absolute;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);left:0}#qzad .cta{color:#fff;width:10em;background:transparent;border:.05em solid #72c326;font-size:2.1em;padding:.35em 0;position:absolute}#qzad.qzad{opacity:1}#qzad.qzad .logo{background-image:url(https://ads.qz.com/sponsors/deloitte/digital-transformation-display/2019-02-01/resources/dist/images/logo.png)}#qzad.qzad .container{opacity:1;width:100%;height:100%;display:flex;flex-direction:row}#qzad.qzad .panel-media{width:calc(44% + 21px);height:100%;background:#333;position:relative;font-size:1vw;z-index:-1;border:1px solid #000}#qzad.qzad .panel-copy{position:relative;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:29%;height:100%;background:#000}#qzad.qzad .panel-copy.left-grid{order:-1}#qzad.qzad .panel-copy .top{width:85%;height:15%;background:#dfdfdf}#qzad.qzad .panel-copy .middle{width:85%;height:60%;background:#dfdfdf}#qzad.qzad .panel-copy .bottom{width:85%;height:15%;background:#dfdfdf}#qzad.qzad .container,#qzad.qzad .video{transition:opacity .1s linear,-webkit-transform .1s linear;transition:opacity .1s linear,transform .1s linear;transition:opacity .1s linear,transform .1s linear,-webkit-transform .1s linear}#qzad.qzad.playing .container{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}#qzad.qzad.playing .video{z-index:9;opacity:1}@media (max-width:1024px){#qzad.qzad .panel-copy,#qzad.qzad .panel-logo{position:absolute;width:100%;height:38%;bottom:0}#qzad.qzad .panel-media{width:100%;height:63%;z-index:-1}#qzad.qzad .panel-logo .logo{width:173px;height:32px;background-position:100% 100%;top:auto;right:0}#qzad.qzad .animate-copy{font-size:43px}#qzad.qzad .animate-copy .copy-1,#qzad.qzad .animate-copy .copy-2,#qzad.qzad .animate-copy .copy-3{top:18%}#qzad.qzad .cta{font-size:20px}}@media (max-width:767px){#qzad.qzad{height:430px}#qzad.qzad .panel-copy,#qzad.qzad .panel-logo{height:38%}#qzad.qzad .panel-media{height:61%}#qzad.qzad .animate-copy{font-size:39px}#qzad.qzad .cta{font-size:17px}#qzad.qzad .panel-logo .logo{height:27px}}@media (max-width:480px){#qzad.qzad.B .cta,#qzad.qzad.C .cta{bottom:18%}#qzad.qzad.B .panel-logo .logo,#qzad.qzad.C .panel-logo .logo{top:18%}#qzad.qzad .container{flex-direction:column}#qzad.qzad .panel-copy,#qzad.qzad .panel-media{width:100%}#qzad.qzad .panel-media{font-size:1.5vw;height:56%}#qzad.qzad .panel-copy{height:45%}#qzad.qzad .panel-copy.left-grid{order:1}#qzad.qzad .animate-copy{font-size:25px}#qzad.qzad .animate-copy .copy-1,#qzad.qzad .animate-copy .copy-2,#qzad.qzad .animate-copy .copy-3{top:3%}#qzad.qzad .cta{font-size:13px;border:.1em solid #72c326}#qzad.qzad .panel-logo .logo{width:183px;height:34px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);left:50%;bottom:auto;top:10%}}

/*# sourceMappingURL=tablet.css.map*/