.block11634{width:100%;overflow:hidden}.block11634 .wrapper{width:80vw;max-width:960px;margin:auto}.block11634 .wrapper .tile{padding:40px 0 20px;width:960px;height:500px;outline:0;position:relative}.block11634 .videoBox{width:84.5%;margin:auto;height:calc(100% - 40px);padding-top:20px;padding-bottom:20px;perspective:900px;perspective-origin:0 75%;transform:translate3d(24%,0,0);transform-style:preserve-3d;transition:transform .9s .2s cubic-bezier(0.17,0.8,0.6,1);will-change:transform}.block11634 .wrapper .video-js{width:100%;height:100%;padding-top:0;transform-origin:right;transition:transform .9s .2s cubic-bezier(0.17,0.8,0.6,1);transform:translate3d(-5px,0,-250px) rotateY(20deg);will-change:transform;position:relative;object-fit:fill}.block11634 .video-js .vjs-tech{object-fit:fill}.block11634 .title{position:absolute;bottom:16%;color:#fff;font-size:60px;left:20px;z-index:4;text-align:left;line-height:1.2;width:100%;word-break:break-word;margin:-.25em 0 -.1em}.block11634 .title span{display:block;transition:all .16s cubic-bezier(0.17,0.8,0.6,1) 0s,color .3s linear 0s;transform:translateY(-105%);opacity:0}.block11634 .title-bottom{z-index:-1;position:absolute;top:50%;left:50%;color:#22262d;font-size:192px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;transition:transform .9s cubic-bezier(0.17,0.8,0.6,1);transform:translate3d(-90%,-50%,0);transform-style:preserve-3d;will-change:transform}.block11634 .slick-center .title-bottom{transform:translate3d(-50%,-50%,0);opacity:1}.block11634 .slick-center~.tile .title-bottom{transform:translate3d(-10%,-50%,0)}.block11634 .slick-center .title span{transform:translateY(0);transition-delay:1s;opacity:1}.block11634 .slick-center .videoBox{transform:translate3d(0,0,0)}.block11634 .tile.slick-center~.tile .videoBox{perspective-origin:100% 75%;transform:translate3d(-24%,0,0)}.block11634 .slick-center .video-js{transform-origin:center;transform:translate3d(0,0,-1px) rotateY(0)}.block11634 .slick-center~.tile .video-js{transform-origin:left;transform:translate3d(5px,0,-250px) rotateY(-20deg)}.block11634 .two{max-width:1200px;margin:auto;overflow:hidden}.block11634 .slick-nav{width:141px;margin:auto}.block11634 .navTile{padding:20px 0 40px 0;cursor:pointer;outline:0}.block11634 .navTile span{padding:0 2em;font-size:18px;letter-spacing:.02em;transition:opacity .2s;color:#fff;opacity:.3}.block11634 .navTile.slick-center span{opacity:1;transition:opacity 1s}.block11634 .navTile:hover:not(.slick-center) span{opacity:.6}.block11634 .tileMask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6;cursor:pointer}.block11634 .slick-center .tileMask{display:none}.block11634 .vjs-poster{background-size:cover}.block11634 .arrow{position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;z-index:5;opacity:0;display:none;cursor:pointer}.block11634 .arrow span{width:72px;height:72px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;transition:background-color .8s,color .1s,box-shadow .4s;color:#fff;background-color:rgba(23,28,31,0.8);box-shadow:inset 0 0 0 4px #fff}.block11634 .arrow span i{color:inherit;font-size:30px;margin-left:4px}.block11634 .tile.slick-center .arrow{display:flex;animation:fadeIn .16s .5s forwards}.block11634 .arrow:hover span{box-shadow:inset 0 0 0 8px #fff;background-color:#fff;color:#000}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media screen and (max-width:1200px){.block11634 .wrapper{width:80vw}.block11634 .videoBox{transform:translate3d(21vw,0,0)}.block11634 .tile.slick-center~.tile .videoBox{transform:translate3d(-21vw,0,0)}.block11634 .wrapper .tile{height:421px}}@media screen and (max-width:980px){.block11634 .videoBox{transform:translate3d(23vw,0,0)}.block11634 .tile.slick-center~.tile .videoBox{transform:translate3d(-23vw,0,0)}.block11634 .wrapper .tile{height:363px}.block11634 .title{font-size:40px}}@media screen and (max-width:800px){.block11634 .wrapper .tile{height:320px}}@media screen and (max-width:600px){.block11634 .wrapper{width:calc(100% - 100px)}.block11634 .wrapper .tile{padding:20px 0 10px}.block11634 .title-bottom{font-size:20vw}.block11634 .title{font-size:7.5vw;bottom:11%}.block11634 .videoBox{padding-top:3%;padding-bottom:3%;height:94%}.block11634 .navTile span{padding:0 1.75em;font-size:14px}.block11634 .arrow span{width:50px;height:50px}.block11634 .arrow span i{font-size:20px;margin-left:3px}.block11634 .slick-center~.tile .videoBox{transform:translate3d(-21vw,0,0)}.block11634 .videoBox{transform:translate3d(21vw,0,0)}.block11634 .title{left:0}}