*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow:hidden;margin:0;padding:0;background-color:white;opacity:0;-webkit-animation:opacity 700ms forwards 300ms;-moz-animation:opacity 700ms forwards 300ms;animation:opacity 700ms forwards 300ms}@keyframes opacity{0%{opacity:0}100%{opacity:1}}.overlay{cursor:pointer;display:none;z-index:3;position:fixed;top:0;left:0;height:100%;width:100%}.overlay.show-overlay{display:block}.block-animation{position:fixed;height:100%;width:100%;z-index:1}.block-animation .block-triggers .trigger{cursor:pointer;position:absolute}.block-animation .block-triggers .trigger::after{position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;content:"";border:3px solid white;background-color:transparent;width:40px;height:40px;border-radius:50%;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;transition:all 200ms ease-out}.block-animation .block-triggers .trigger::before{z-index:2;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);content:"";background-color:white;width:22px;height:22px;border-radius:50%;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;transition:all 200ms ease-out}.block-animation .block-triggers .trigger:hover::after{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}.block-animation .block-panels{z-index:3;pointer-events:none;position:relative;margin:0;height:100%;width:100%}.block-animation .block-panels .panel{padding:20px;position:absolute;top:0;height:100%;width:100%}.block-animation .block-panels .panel.left img{position:absolute;left:20px}.block-animation .block-panels .panel.left.bottom img{bottom:20px}.block-animation .block-panels .panel.right img{position:absolute;right:20px}.block-animation .block-panels .panel.right.bottom img{bottom:20px}.block-animation .block-panels .panel.center{display:flex;justify-content:center}.block-animation .block-panels .panel.center.bottom{align-items:flex-end}.block-animation .block-panels .panel img{height:100%;opacity:.6;transform-origin:center;-webkit-transition:all 500ms cubic-bezier(0.18, 0.89, 0.32, 1.1);-moz-transition:all 500ms cubic-bezier(0.18, 0.89, 0.32, 1.1);transition:all 500ms cubic-bezier(0.18, 0.89, 0.32, 1.1);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;visibility:hidden}.block-animation .block-panels .panel.show img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}video{object-fit:contain;height:101%;width:100%;left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);z-index:0}