.static-player-wrapper{box-shadow:0px 0px 0.3vw rgba(0,0,0,0.3);margin-bottom:1rem;position:relative;width:100%}.static-player{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.static-player .default,.static-player .player,.static-player .embed,.static-player iframe,.static-player video{position:absolute;top:0;left:0;width:100%;height:100%}.static-player .player.outview:not(.empty){opacity:0;position:fixed;top:0;left:auto;right:0;width:160px;height:90px;z-index:9999;box-shadow:0 0 35px rgba(0,0,0,0.5);animation:fadeInPlayer 500ms cubic-bezier(0.165,0.84,0.44,1) forwards}.static-player .player.outview:not(.empty).redock{animation:fadeOutPlayer 200ms cubic-bezier(0.165,0.84,0.44,1) forwards}.static-player .player.outview:not(.empty) .caption{display:none !important}@media screen and (min-width:37.5em){.static-player .player.outview:not(.empty){width:320px;height:180px}}.static-player .caption{display:none;position:absolute;bottom:0;left:0;width:100%;max-height:45%;opacity:0;transition:opacity 600ms ease;padding:1.5rem;overflow-y:auto}.static-player:hover .caption{opacity:1}.static-player .exit{z-index:9999;margin:0;padding:0 1rem;position:absolute;border:none;right:0;top:0;font-size:2rem;background:none}.static-player .dock{display:none;background-color:rgba(0,0,0,0.4);position:absolute;bottom:-2.5rem;top:auto;right:0;height:2.5rem;opacity:0;width:100%;transition:opacity 400ms ease}.static-player .dock button{background-color:transparent;padding:0;margin:0;width:33.33%;float:right;line-height:2.5rem;text-align:center;color:white;border:none;display:inline-block;font-size:1.5rem}.static-player .dock button.dock-top{display:none}.static-player .dock button.dock-bottom,.static-player .dock button.dock-top{font-size:1rem}.static-player .outview .dock{display:block}.static-player .outview:hover .dock{opacity:1}.static-player .outview.docked-left{left:0 !important;right:auto !important}.static-player .outview.docked-bottom{bottom:0 !important;top:auto !important}.static-player .outview.docked-bottom .dock{bottom:auto;top:-2.5rem}.static-player .outview.docked-bottom .dock-top{display:inline-block}.static-player .outview.docked-bottom .dock-bottom{display:none}.hide-on-load{display:none;opacity:0;transition:opacity 1200ms ease-in-out;}@keyframes fadeInPlayer{0%{opacity:0}100%{opacity:1}}@keyframes fadeOutPlayer{0%{opacity:1}100%{opacity:0}} .responsive-embed{position:relative;height:0;margin-bottom:1rem;padding-bottom:75%;overflow:hidden}.responsive-embed.widescreen{padding-bottom:56.25%}.responsive-embed.square{padding-bottom:100%}.responsive-embed embed,.responsive-embed iframe,.responsive-embed object,.responsive-embed video{position:absolute;top:0;left:0;width:100%;height:100%} #stacks_in_89 { margin: 0px 0px 20px 0px; } #player_stacks_in_6385{border:20px solid rgba(250, 250, 250, 1.00)}#player_stacks_in_6385 .static-player .caption{display:block;background-color:rgba(0, 0, 0, 0.90);color:rgba(250, 250, 250, 1.00)}#player_stacks_in_6385 .static-player .caption .title,#player_stacks_in_6385 .static-player .caption .description{color:rgba(250, 250, 250, 1.00)}#player_stacks_in_6385 .static-player .exit{color:rgba(250, 250, 250, 1.00)}#player_stacks_in_6385 .dock{background-color:rgba(0, 0, 0, 0.40)}#player_stacks_in_6385 .dock button{color:rgba(255, 255, 255, 1.00)} template.social-service { display: none; } #videowall_stacks_in_6382 { display: flex; flex-wrap: wrap; flex-direction: row; font-size: 0.75rem; opacity: 0; transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); } #videowall_stacks_in_6382.initialized, #videowall_stacks_in_6382.slick-initialized { opacity: 1; } #videowall_stacks_in_6382 .video { position: relative; width: calc(100% / 2 - 25px); padding: 0; cursor: zoom-in; text-align: center; margin: 12.5px; } #videowall_stacks_in_6382 .title { margin-top: 5px; display: block; } #videowall_stacks_in_6382 .play-wrapper { position: relative; border: 10px solid #fafafa; background-color: #fafafa; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5); } #videowall_stacks_in_6382 img { display: block; width: 100%; height: auto; } @media screen and (min-width: 25em) { #videowall_stacks_in_6382 .video { width: calc(100% / 3 - 25px); } } @media screen and (min-width: 37.5em) { #videowall_stacks_in_6382 .video { width: calc(100% / 4 - 25px); } #videowall_stacks_in_6382 .play-wrapper { box-shadow: 0px 0px 0.3vw rgba(0, 0, 0, 0.5); } } @media screen and (min-width: 62.5em) { #videowall_stacks_in_6382 .video { width: calc(100% / 5 - 25px); } } #videowall_stacks_in_6382 .play-wrapper { overflow: hidden; } #videowall_stacks_in_6382 .play-wrapper .play-button, #videowall_stacks_in_6382 .play-wrapper .play { color: rgba(255, 255, 255, 0.95); font-size: 1.5rem; font-family: sans-serif; position: absolute; display: block; top: 50%; left: 50%; border-style: none; transition: all 150ms ease; } #videowall_stacks_in_6382 .play-wrapper .play { left: 53%; transform: translateX(-50%) translateY(-50%) rotate(90deg); } #videowall_stacks_in_6382 .play-wrapper img.animate { transition: transform 200ms ease; } #videowall_stacks_in_6382 .play-wrapper .play-button { background-color: rgba(0, 0, 0, 0.6); width: 50%; height: 50%; border-radius: 3px; border-style: solid; border-width: 0; border-color: rgba(255, 255, 255, 0.3); background-clip: padding-box; transform: translateX(-50%) translateY(-50%); } #videowall_stacks_in_6382 .play-wrapper .play-button.circle { width: 2em; height: 2em; padding: 0; margin: 0; border-radius: 50%; } #videowall_stacks_in_6382 .play-wrapper .play-button.none { display: none !important; } #videowall_stacks_in_6382 .play-wrapper:hover .play-button { background-color: rgba(0, 0, 0, 0.7); } #videowall_stacks_in_6382 .play-wrapper:hover .play { color: white; } #videowall_stacks_in_6382 .play-wrapper:hover .animate.play-button { background-color: rgba(0, 0, 0, 0.7); width: 100% !important; min-height: 100% !important; padding: 0 !important; border-radius: 0 !important; border-width: 0 !important; } #videowall_stacks_in_6382 .play-wrapper:hover .animate.play { font-size: 1.5em; color: white; } #videowall_stacks_in_6382 .play-wrapper:hover img.animate { transform: scale(1.2) rotateZ(-10deg); } .caixa { position: fixed; top: 0; width: 100vw; height: 100vh; z-index: 9998; overflow-y: auto; transform: scale(0); background-color: rgba(0, 0, 0, 0.75); } .caixa > .content { background: #fafafa; padding: 1.5rem; position: relative; color: #222222; width: 100%; height: 100vh; max-width: 980px; margin: 0 auto; overflow-y: auto; } @media screen and (min-width: 25em) { .caixa > .content { height: auto; margin-top: 10%; width: 90%; padding: 50px; border-radius: 3px; } .caixa > .content.vcenter { top: 50%; transform: translateY(-50%); } } .caixa > .caixa-exit { z-index: 9999; margin: 0; padding: 1rem; position: absolute; border: none; right: 0; bottom: calc(44px + 1rem); font-size: 3rem; background: none; cursor: zoom-out; transition: opacity 200ms ease; opacity: 0; color: #222222; } @media screen and (min-width: 25em) { .caixa > .caixa-exit { padding: 0 2rem 1rem 2rem; color: #222222; top: 0; bottom: auto; } } .caixa.enter, .caixa.opened > .caixa-exit { opacity: 1; } .caixa.opened { transform: scale(1); } .caixa .embed { position: relative; width: 100%; padding-bottom: 56.25%; } .caixa .embed video, .caixa .embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .caixa-fx-blur.enter { animation: blurIn 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-blur.exit { animation: blurOut 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomIn.enter { animation: blowUp 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomIn.exit { animation: blowDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomOut.enter { animation: scaleOut 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomOut.exit { animation: scaleIn 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.enter > .content { opacity: 0; transform: scale(0.6); animation: scaleInUp 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.exit { animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.exit > .content { animation: scaleOutDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.enter > .content { transform: translateY(1000px); animation: slideUpIn 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.exit { transform: scale(1); animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.exit > .content { animation: slideDownOut 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.enter { transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.enter .content { transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.exit { transform: scale(1); animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.exit .content { animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.enter .content { opacity: 1; transform: translateX(-1500px); animation: raceIn 0.3s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.exit { transform: scale(1); animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.exit .content { opacity: 1; animation: raceOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } @keyframes caixaFadeIn { 0% { background: transparent; } 100% { background: rgba(0, 0, 0, 0.75); } } @keyframes caixaFadeOut { 0% { background: rgba(0, 0, 0, 0.75); } 100% { background: transparent; } } @keyframes unfoldIn { 0% { transform: scaleY(0.005) scaleX(0); } 50% { transform: scaleY(0.005) scaleX(1); } 100% { transform: scaleY(1) scaleX(1); } } @keyframes unfoldOut { 0% { transform: scaleY(1) scaleX(1); } 50% { transform: scaleY(0.005) scaleX(1); } 100% { transform: scaleY(0.005) scaleX(0); } } @keyframes zoomIn { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes zoomOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } @keyframes scaleInUp { 0% { transform: scale(0.6) translateY(-100px); opacity: 0; } 100% { transform: scale(1) translateY(0px); opacity: 1; } } @keyframes scaleOutDown { 0% { transform: scale(1) translateY(0px); opacity: 1; } 100% { transform: scale(0.6) translateY(-100px); opacity: 0; } } @keyframes slideUpIn { 0% { transform: translateY(1000px); } 100% { transform: translateY(0px); } } @keyframes slideDownOut { 0% { transform: translateY(0px); } 100% { transform: translateY(1000px); } } @keyframes raceIn { 0% { transform: translateX(-1500px) skewX(30deg) scaleX(1.3); } 70% { transform: translateX(30px) skewX(0deg) scaleX(0.9); } 100% { transform: translateX(0px) skewX(0deg) scaleX(1); } } @keyframes raceOut { 0% { transform: translateX(0px) skewX(0deg) scaleX(1); } 30% { transform: translateX(-30px) skewX(-5deg) scaleX(0.9); } 100% { transform: translateX(1500px) skewX(30deg) scaleX(1.3); } } @keyframes blurIn { 0% { filter: blur(0px); } 100% { filter: blur(10px); } } @keyframes blurOut { 0% { filter: blur(10px); } 100% { filter: blur(0px); } } @keyframes blowUp { 0% { transform: scale(1); opacity: 1; } 99.9% { transform: scale(2); opacity: 0; } 100% { transform: scale(0); } } @keyframes blowDown { 0% { transform: scale(2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes scaleOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.6); opacity: 0; } } @keyframes scaleIn { 0% { transform: scale(0.6); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .caixa .title { display: none; color: #222222; } .caixa .description { display: none; color: #222222; } .caixa .dock { display: none !important; } #loader_stacks_in_6382 { text-align: center; } #loader_stacks_in_6382.loader, #loader_stacks_in_6382.loader:before, #loader_stacks_in_6382.loader:after { border-radius: 50%; width: 1.5em; height: 1.5em; animation-fill-mode: both; animation: load7 1.8s infinite ease-in-out; } #loader_stacks_in_6382.loader { color: rgba(0, 0, 0, 0.5); font-size: 10px; margin: 3rem auto; position: relative; text-indent: -9999em; transform: translateZ(0); animation-delay: -0.16s; } #loader_stacks_in_6382.loader:before, #loader_stacks_in_6382.loader:after { content: ''; position: absolute; top: 0; } #loader_stacks_in_6382.loader:before { left: -3.5em; animation-delay: -0.32s; } #loader_stacks_in_6382.loader:after { left: 3.5em; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } template.social-service { display: none; } #videowall_stacks_in_6411 { display: flex; flex-wrap: wrap; flex-direction: row; font-size: 0.75rem; opacity: 0; transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); } #videowall_stacks_in_6411.initialized, #videowall_stacks_in_6411.slick-initialized { opacity: 1; } #videowall_stacks_in_6411 .video { position: relative; width: calc(100% / 2 - 25px); padding: 0; cursor: zoom-in; text-align: center; margin: 12.5px; } #videowall_stacks_in_6411 .title { margin-top: 5px; display: block; } #videowall_stacks_in_6411 .play-wrapper { position: relative; border: 10px solid #fafafa; background-color: #fafafa; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5); } #videowall_stacks_in_6411 img { display: block; width: 100%; height: auto; } @media screen and (min-width: 25em) { #videowall_stacks_in_6411 .video { width: calc(100% / 3 - 25px); } } @media screen and (min-width: 37.5em) { #videowall_stacks_in_6411 .video { width: calc(100% / 4 - 25px); } #videowall_stacks_in_6411 .play-wrapper { box-shadow: 0px 0px 0.3vw rgba(0, 0, 0, 0.5); } } @media screen and (min-width: 62.5em) { #videowall_stacks_in_6411 .video { width: calc(100% / 5 - 25px); } } #videowall_stacks_in_6411 .play-wrapper { overflow: hidden; } #videowall_stacks_in_6411 .play-wrapper .play-button, #videowall_stacks_in_6411 .play-wrapper .play { color: rgba(255, 255, 255, 0.95); font-size: 1.5rem; font-family: sans-serif; position: absolute; display: block; top: 50%; left: 50%; border-style: none; transition: all 150ms ease; } #videowall_stacks_in_6411 .play-wrapper .play { left: 53%; transform: translateX(-50%) translateY(-50%) rotate(90deg); } #videowall_stacks_in_6411 .play-wrapper img.animate { transition: transform 200ms ease; } #videowall_stacks_in_6411 .play-wrapper .play-button { background-color: rgba(0, 0, 0, 0.6); width: 50%; height: 50%; border-radius: 3px; border-style: solid; border-width: 0; border-color: rgba(255, 255, 255, 0.3); background-clip: padding-box; transform: translateX(-50%) translateY(-50%); } #videowall_stacks_in_6411 .play-wrapper .play-button.circle { width: 2em; height: 2em; padding: 0; margin: 0; border-radius: 50%; } #videowall_stacks_in_6411 .play-wrapper .play-button.none { display: none !important; } #videowall_stacks_in_6411 .play-wrapper:hover .play-button { background-color: rgba(0, 0, 0, 0.7); } #videowall_stacks_in_6411 .play-wrapper:hover .play { color: white; } #videowall_stacks_in_6411 .play-wrapper:hover .animate.play-button { background-color: rgba(0, 0, 0, 0.7); width: 100% !important; min-height: 100% !important; padding: 0 !important; border-radius: 0 !important; border-width: 0 !important; } #videowall_stacks_in_6411 .play-wrapper:hover .animate.play { font-size: 1.5em; color: white; } #videowall_stacks_in_6411 .play-wrapper:hover img.animate { transform: scale(1.2) rotateZ(-10deg); } .caixa { position: fixed; top: 0; width: 100vw; height: 100vh; z-index: 9998; overflow-y: auto; transform: scale(0); background-color: rgba(0, 0, 0, 0.75); } .caixa > .content { background: #fafafa; padding: 1.5rem; position: relative; color: #222222; width: 100%; height: 100vh; max-width: 980px; margin: 0 auto; overflow-y: auto; } @media screen and (min-width: 25em) { .caixa > .content { height: auto; margin-top: 10%; width: 90%; padding: 50px; border-radius: 3px; } .caixa > .content.vcenter { top: 50%; transform: translateY(-50%); } } .caixa > .caixa-exit { z-index: 9999; margin: 0; padding: 1rem; position: absolute; border: none; right: 0; bottom: calc(44px + 1rem); font-size: 3rem; background: none; cursor: zoom-out; transition: opacity 200ms ease; opacity: 0; color: #222222; } @media screen and (min-width: 25em) { .caixa > .caixa-exit { padding: 0 2rem 1rem 2rem; color: #222222; top: 0; bottom: auto; } } .caixa.enter, .caixa.opened > .caixa-exit { opacity: 1; } .caixa.opened { transform: scale(1); } .caixa .embed { position: relative; width: 100%; padding-bottom: 56.25%; } .caixa .embed video, .caixa .embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .caixa-fx-blur.enter { animation: blurIn 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-blur.exit { animation: blurOut 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomIn.enter { animation: blowUp 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomIn.exit { animation: blowDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomOut.enter { animation: scaleOut 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomOut.exit { animation: scaleIn 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.enter > .content { opacity: 0; transform: scale(0.6); animation: scaleInUp 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.exit { animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.exit > .content { animation: scaleOutDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.enter > .content { transform: translateY(1000px); animation: slideUpIn 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.exit { transform: scale(1); animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.exit > .content { animation: slideDownOut 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.enter { transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.enter .content { transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.exit { transform: scale(1); animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.exit .content { animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.enter .content { opacity: 1; transform: translateX(-1500px); animation: raceIn 0.3s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.exit { transform: scale(1); animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.exit .content { opacity: 1; animation: raceOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } @keyframes caixaFadeIn { 0% { background: transparent; } 100% { background: rgba(0, 0, 0, 0.75); } } @keyframes caixaFadeOut { 0% { background: rgba(0, 0, 0, 0.75); } 100% { background: transparent; } } @keyframes unfoldIn { 0% { transform: scaleY(0.005) scaleX(0); } 50% { transform: scaleY(0.005) scaleX(1); } 100% { transform: scaleY(1) scaleX(1); } } @keyframes unfoldOut { 0% { transform: scaleY(1) scaleX(1); } 50% { transform: scaleY(0.005) scaleX(1); } 100% { transform: scaleY(0.005) scaleX(0); } } @keyframes zoomIn { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes zoomOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } @keyframes scaleInUp { 0% { transform: scale(0.6) translateY(-100px); opacity: 0; } 100% { transform: scale(1) translateY(0px); opacity: 1; } } @keyframes scaleOutDown { 0% { transform: scale(1) translateY(0px); opacity: 1; } 100% { transform: scale(0.6) translateY(-100px); opacity: 0; } } @keyframes slideUpIn { 0% { transform: translateY(1000px); } 100% { transform: translateY(0px); } } @keyframes slideDownOut { 0% { transform: translateY(0px); } 100% { transform: translateY(1000px); } } @keyframes raceIn { 0% { transform: translateX(-1500px) skewX(30deg) scaleX(1.3); } 70% { transform: translateX(30px) skewX(0deg) scaleX(0.9); } 100% { transform: translateX(0px) skewX(0deg) scaleX(1); } } @keyframes raceOut { 0% { transform: translateX(0px) skewX(0deg) scaleX(1); } 30% { transform: translateX(-30px) skewX(-5deg) scaleX(0.9); } 100% { transform: translateX(1500px) skewX(30deg) scaleX(1.3); } } @keyframes blurIn { 0% { filter: blur(0px); } 100% { filter: blur(10px); } } @keyframes blurOut { 0% { filter: blur(10px); } 100% { filter: blur(0px); } } @keyframes blowUp { 0% { transform: scale(1); opacity: 1; } 99.9% { transform: scale(2); opacity: 0; } 100% { transform: scale(0); } } @keyframes blowDown { 0% { transform: scale(2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes scaleOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.6); opacity: 0; } } @keyframes scaleIn { 0% { transform: scale(0.6); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .caixa .title { display: none; color: #222222; } .caixa .description { display: none; color: #222222; } .caixa .dock { display: none !important; } #loader_stacks_in_6411 { text-align: center; } #loader_stacks_in_6411.loader, #loader_stacks_in_6411.loader:before, #loader_stacks_in_6411.loader:after { border-radius: 50%; width: 1.5em; height: 1.5em; animation-fill-mode: both; animation: load7 1.8s infinite ease-in-out; } #loader_stacks_in_6411.loader { color: rgba(0, 0, 0, 0.5); font-size: 10px; margin: 3rem auto; position: relative; text-indent: -9999em; transform: translateZ(0); animation-delay: -0.16s; } #loader_stacks_in_6411.loader:before, #loader_stacks_in_6411.loader:after { content: ''; position: absolute; top: 0; } #loader_stacks_in_6411.loader:before { left: -3.5em; animation-delay: -0.32s; } #loader_stacks_in_6411.loader:after { left: 3.5em; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } template.social-service { display: none; } #videowall_stacks_in_6424 { display: flex; flex-wrap: wrap; flex-direction: row; font-size: 0.75rem; opacity: 0; transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); } #videowall_stacks_in_6424.initialized, #videowall_stacks_in_6424.slick-initialized { opacity: 1; } #videowall_stacks_in_6424 .video { position: relative; width: calc(100% / 2 - 25px); padding: 0; cursor: zoom-in; text-align: center; margin: 12.5px; } #videowall_stacks_in_6424 .title { margin-top: 5px; display: block; } #videowall_stacks_in_6424 .play-wrapper { position: relative; border: 10px solid #fafafa; background-color: #fafafa; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5); } #videowall_stacks_in_6424 img { display: block; width: 100%; height: auto; } @media screen and (min-width: 25em) { #videowall_stacks_in_6424 .video { width: calc(100% / 3 - 25px); } } @media screen and (min-width: 37.5em) { #videowall_stacks_in_6424 .video { width: calc(100% / 4 - 25px); } #videowall_stacks_in_6424 .play-wrapper { box-shadow: 0px 0px 0.3vw rgba(0, 0, 0, 0.5); } } @media screen and (min-width: 62.5em) { #videowall_stacks_in_6424 .video { width: calc(100% / 5 - 25px); } } #videowall_stacks_in_6424 .play-wrapper { overflow: hidden; } #videowall_stacks_in_6424 .play-wrapper .play-button, #videowall_stacks_in_6424 .play-wrapper .play { color: rgba(255, 255, 255, 0.95); font-size: 1.5rem; font-family: sans-serif; position: absolute; display: block; top: 50%; left: 50%; border-style: none; transition: all 150ms ease; } #videowall_stacks_in_6424 .play-wrapper .play { left: 53%; transform: translateX(-50%) translateY(-50%) rotate(90deg); } #videowall_stacks_in_6424 .play-wrapper img.animate { transition: transform 200ms ease; } #videowall_stacks_in_6424 .play-wrapper .play-button { background-color: rgba(0, 0, 0, 0.6); width: 50%; height: 50%; border-radius: 3px; border-style: solid; border-width: 0; border-color: rgba(255, 255, 255, 0.3); background-clip: padding-box; transform: translateX(-50%) translateY(-50%); } #videowall_stacks_in_6424 .play-wrapper .play-button.circle { width: 2em; height: 2em; padding: 0; margin: 0; border-radius: 50%; } #videowall_stacks_in_6424 .play-wrapper .play-button.none { display: none !important; } #videowall_stacks_in_6424 .play-wrapper:hover .play-button { background-color: rgba(0, 0, 0, 0.7); } #videowall_stacks_in_6424 .play-wrapper:hover .play { color: white; } #videowall_stacks_in_6424 .play-wrapper:hover .animate.play-button { background-color: rgba(0, 0, 0, 0.7); width: 100% !important; min-height: 100% !important; padding: 0 !important; border-radius: 0 !important; border-width: 0 !important; } #videowall_stacks_in_6424 .play-wrapper:hover .animate.play { font-size: 1.5em; color: white; } #videowall_stacks_in_6424 .play-wrapper:hover img.animate { transform: scale(1.2) rotateZ(-10deg); } .caixa { position: fixed; top: 0; width: 100vw; height: 100vh; z-index: 9998; overflow-y: auto; transform: scale(0); background-color: rgba(0, 0, 0, 0.75); } .caixa > .content { background: #fafafa; padding: 1.5rem; position: relative; color: #222222; width: 100%; height: 100vh; max-width: 980px; margin: 0 auto; overflow-y: auto; } @media screen and (min-width: 25em) { .caixa > .content { height: auto; margin-top: 10%; width: 90%; padding: 50px; border-radius: 3px; } .caixa > .content.vcenter { top: 50%; transform: translateY(-50%); } } .caixa > .caixa-exit { z-index: 9999; margin: 0; padding: 1rem; position: absolute; border: none; right: 0; bottom: calc(44px + 1rem); font-size: 3rem; background: none; cursor: zoom-out; transition: opacity 200ms ease; opacity: 0; color: #222222; } @media screen and (min-width: 25em) { .caixa > .caixa-exit { padding: 0 2rem 1rem 2rem; color: #222222; top: 0; bottom: auto; } } .caixa.enter, .caixa.opened > .caixa-exit { opacity: 1; } .caixa.opened { transform: scale(1); } .caixa .embed { position: relative; width: 100%; padding-bottom: 56.25%; } .caixa .embed video, .caixa .embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .caixa-fx-blur.enter { animation: blurIn 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-blur.exit { animation: blurOut 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomIn.enter { animation: blowUp 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomIn.exit { animation: blowDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomOut.enter { animation: scaleOut 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomOut.exit { animation: scaleIn 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.enter > .content { opacity: 0; transform: scale(0.6); animation: scaleInUp 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.exit { animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.exit > .content { animation: scaleOutDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.enter > .content { transform: translateY(1000px); animation: slideUpIn 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.exit { transform: scale(1); animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.exit > .content { animation: slideDownOut 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.enter { transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.enter .content { transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.exit { transform: scale(1); animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.exit .content { animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.enter .content { opacity: 1; transform: translateX(-1500px); animation: raceIn 0.3s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.exit { transform: scale(1); animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.exit .content { opacity: 1; animation: raceOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } @keyframes caixaFadeIn { 0% { background: transparent; } 100% { background: rgba(0, 0, 0, 0.75); } } @keyframes caixaFadeOut { 0% { background: rgba(0, 0, 0, 0.75); } 100% { background: transparent; } } @keyframes unfoldIn { 0% { transform: scaleY(0.005) scaleX(0); } 50% { transform: scaleY(0.005) scaleX(1); } 100% { transform: scaleY(1) scaleX(1); } } @keyframes unfoldOut { 0% { transform: scaleY(1) scaleX(1); } 50% { transform: scaleY(0.005) scaleX(1); } 100% { transform: scaleY(0.005) scaleX(0); } } @keyframes zoomIn { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes zoomOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } @keyframes scaleInUp { 0% { transform: scale(0.6) translateY(-100px); opacity: 0; } 100% { transform: scale(1) translateY(0px); opacity: 1; } } @keyframes scaleOutDown { 0% { transform: scale(1) translateY(0px); opacity: 1; } 100% { transform: scale(0.6) translateY(-100px); opacity: 0; } } @keyframes slideUpIn { 0% { transform: translateY(1000px); } 100% { transform: translateY(0px); } } @keyframes slideDownOut { 0% { transform: translateY(0px); } 100% { transform: translateY(1000px); } } @keyframes raceIn { 0% { transform: translateX(-1500px) skewX(30deg) scaleX(1.3); } 70% { transform: translateX(30px) skewX(0deg) scaleX(0.9); } 100% { transform: translateX(0px) skewX(0deg) scaleX(1); } } @keyframes raceOut { 0% { transform: translateX(0px) skewX(0deg) scaleX(1); } 30% { transform: translateX(-30px) skewX(-5deg) scaleX(0.9); } 100% { transform: translateX(1500px) skewX(30deg) scaleX(1.3); } } @keyframes blurIn { 0% { filter: blur(0px); } 100% { filter: blur(10px); } } @keyframes blurOut { 0% { filter: blur(10px); } 100% { filter: blur(0px); } } @keyframes blowUp { 0% { transform: scale(1); opacity: 1; } 99.9% { transform: scale(2); opacity: 0; } 100% { transform: scale(0); } } @keyframes blowDown { 0% { transform: scale(2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes scaleOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.6); opacity: 0; } } @keyframes scaleIn { 0% { transform: scale(0.6); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .caixa .title { display: none; color: #222222; } .caixa .description { display: none; color: #222222; } .caixa .dock { display: none !important; } #loader_stacks_in_6424 { text-align: center; } #loader_stacks_in_6424.loader, #loader_stacks_in_6424.loader:before, #loader_stacks_in_6424.loader:after { border-radius: 50%; width: 1.5em; height: 1.5em; animation-fill-mode: both; animation: load7 1.8s infinite ease-in-out; } #loader_stacks_in_6424.loader { color: rgba(0, 0, 0, 0.5); font-size: 10px; margin: 3rem auto; position: relative; text-indent: -9999em; transform: translateZ(0); animation-delay: -0.16s; } #loader_stacks_in_6424.loader:before, #loader_stacks_in_6424.loader:after { content: ''; position: absolute; top: 0; } #loader_stacks_in_6424.loader:before { left: -3.5em; animation-delay: -0.32s; } #loader_stacks_in_6424.loader:after { left: 3.5em; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } template.social-service { display: none; } #videowall_stacks_in_6450 { display: flex; flex-wrap: wrap; flex-direction: row; font-size: 0.75rem; opacity: 0; transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); } #videowall_stacks_in_6450.initialized, #videowall_stacks_in_6450.slick-initialized { opacity: 1; } #videowall_stacks_in_6450 .video { position: relative; width: calc(100% / 2 - 25px); padding: 0; cursor: zoom-in; text-align: center; margin: 12.5px; } #videowall_stacks_in_6450 .title { margin-top: 5px; display: block; } #videowall_stacks_in_6450 .play-wrapper { position: relative; border: 10px solid #fafafa; background-color: #fafafa; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5); } #videowall_stacks_in_6450 img { display: block; width: 100%; height: auto; } @media screen and (min-width: 25em) { #videowall_stacks_in_6450 .video { width: calc(100% / 3 - 25px); } } @media screen and (min-width: 37.5em) { #videowall_stacks_in_6450 .video { width: calc(100% / 4 - 25px); } #videowall_stacks_in_6450 .play-wrapper { box-shadow: 0px 0px 0.3vw rgba(0, 0, 0, 0.5); } } @media screen and (min-width: 62.5em) { #videowall_stacks_in_6450 .video { width: calc(100% / 5 - 25px); } } #videowall_stacks_in_6450 .play-wrapper { overflow: hidden; } #videowall_stacks_in_6450 .play-wrapper .play-button, #videowall_stacks_in_6450 .play-wrapper .play { color: rgba(255, 255, 255, 0.95); font-size: 1.5rem; font-family: sans-serif; position: absolute; display: block; top: 50%; left: 50%; border-style: none; transition: all 150ms ease; } #videowall_stacks_in_6450 .play-wrapper .play { left: 53%; transform: translateX(-50%) translateY(-50%) rotate(90deg); } #videowall_stacks_in_6450 .play-wrapper img.animate { transition: transform 200ms ease; } #videowall_stacks_in_6450 .play-wrapper .play-button { background-color: rgba(0, 0, 0, 0.6); width: 50%; height: 50%; border-radius: 3px; border-style: solid; border-width: 0; border-color: rgba(255, 255, 255, 0.3); background-clip: padding-box; transform: translateX(-50%) translateY(-50%); } #videowall_stacks_in_6450 .play-wrapper .play-button.circle { width: 2em; height: 2em; padding: 0; margin: 0; border-radius: 50%; } #videowall_stacks_in_6450 .play-wrapper .play-button.none { display: none !important; } #videowall_stacks_in_6450 .play-wrapper:hover .play-button { background-color: rgba(0, 0, 0, 0.7); } #videowall_stacks_in_6450 .play-wrapper:hover .play { color: white; } #videowall_stacks_in_6450 .play-wrapper:hover .animate.play-button { background-color: rgba(0, 0, 0, 0.7); width: 100% !important; min-height: 100% !important; padding: 0 !important; border-radius: 0 !important; border-width: 0 !important; } #videowall_stacks_in_6450 .play-wrapper:hover .animate.play { font-size: 1.5em; color: white; } #videowall_stacks_in_6450 .play-wrapper:hover img.animate { transform: scale(1.2) rotateZ(-10deg); } .caixa { position: fixed; top: 0; width: 100vw; height: 100vh; z-index: 9998; overflow-y: auto; transform: scale(0); background-color: rgba(0, 0, 0, 0.75); } .caixa > .content { background: #fafafa; padding: 1.5rem; position: relative; color: #222222; width: 100%; height: 100vh; max-width: 980px; margin: 0 auto; overflow-y: auto; } @media screen and (min-width: 25em) { .caixa > .content { height: auto; margin-top: 10%; width: 90%; padding: 50px; border-radius: 3px; } .caixa > .content.vcenter { top: 50%; transform: translateY(-50%); } } .caixa > .caixa-exit { z-index: 9999; margin: 0; padding: 1rem; position: absolute; border: none; right: 0; bottom: calc(44px + 1rem); font-size: 3rem; background: none; cursor: zoom-out; transition: opacity 200ms ease; opacity: 0; color: #222222; } @media screen and (min-width: 25em) { .caixa > .caixa-exit { padding: 0 2rem 1rem 2rem; color: #222222; top: 0; bottom: auto; } } .caixa.enter, .caixa.opened > .caixa-exit { opacity: 1; } .caixa.opened { transform: scale(1); } .caixa .embed { position: relative; width: 100%; padding-bottom: 56.25%; } .caixa .embed video, .caixa .embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .caixa-fx-blur.enter { animation: blurIn 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-blur.exit { animation: blurOut 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomIn.enter { animation: blowUp 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomIn.exit { animation: blowDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomOut.enter { animation: scaleOut 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomOut.exit { animation: scaleIn 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.enter > .content { opacity: 0; transform: scale(0.6); animation: scaleInUp 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.exit { animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.exit > .content { animation: scaleOutDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.enter > .content { transform: translateY(1000px); animation: slideUpIn 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.exit { transform: scale(1); animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.exit > .content { animation: slideDownOut 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.enter { transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.enter .content { transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.exit { transform: scale(1); animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.exit .content { animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.enter .content { opacity: 1; transform: translateX(-1500px); animation: raceIn 0.3s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.exit { transform: scale(1); animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.exit .content { opacity: 1; animation: raceOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } @keyframes caixaFadeIn { 0% { background: transparent; } 100% { background: rgba(0, 0, 0, 0.75); } } @keyframes caixaFadeOut { 0% { background: rgba(0, 0, 0, 0.75); } 100% { background: transparent; } } @keyframes unfoldIn { 0% { transform: scaleY(0.005) scaleX(0); } 50% { transform: scaleY(0.005) scaleX(1); } 100% { transform: scaleY(1) scaleX(1); } } @keyframes unfoldOut { 0% { transform: scaleY(1) scaleX(1); } 50% { transform: scaleY(0.005) scaleX(1); } 100% { transform: scaleY(0.005) scaleX(0); } } @keyframes zoomIn { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes zoomOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } @keyframes scaleInUp { 0% { transform: scale(0.6) translateY(-100px); opacity: 0; } 100% { transform: scale(1) translateY(0px); opacity: 1; } } @keyframes scaleOutDown { 0% { transform: scale(1) translateY(0px); opacity: 1; } 100% { transform: scale(0.6) translateY(-100px); opacity: 0; } } @keyframes slideUpIn { 0% { transform: translateY(1000px); } 100% { transform: translateY(0px); } } @keyframes slideDownOut { 0% { transform: translateY(0px); } 100% { transform: translateY(1000px); } } @keyframes raceIn { 0% { transform: translateX(-1500px) skewX(30deg) scaleX(1.3); } 70% { transform: translateX(30px) skewX(0deg) scaleX(0.9); } 100% { transform: translateX(0px) skewX(0deg) scaleX(1); } } @keyframes raceOut { 0% { transform: translateX(0px) skewX(0deg) scaleX(1); } 30% { transform: translateX(-30px) skewX(-5deg) scaleX(0.9); } 100% { transform: translateX(1500px) skewX(30deg) scaleX(1.3); } } @keyframes blurIn { 0% { filter: blur(0px); } 100% { filter: blur(10px); } } @keyframes blurOut { 0% { filter: blur(10px); } 100% { filter: blur(0px); } } @keyframes blowUp { 0% { transform: scale(1); opacity: 1; } 99.9% { transform: scale(2); opacity: 0; } 100% { transform: scale(0); } } @keyframes blowDown { 0% { transform: scale(2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes scaleOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.6); opacity: 0; } } @keyframes scaleIn { 0% { transform: scale(0.6); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .caixa .title { display: none; color: #222222; } .caixa .description { display: none; color: #222222; } .caixa .dock { display: none !important; } #loader_stacks_in_6450 { text-align: center; } #loader_stacks_in_6450.loader, #loader_stacks_in_6450.loader:before, #loader_stacks_in_6450.loader:after { border-radius: 50%; width: 1.5em; height: 1.5em; animation-fill-mode: both; animation: load7 1.8s infinite ease-in-out; } #loader_stacks_in_6450.loader { color: rgba(0, 0, 0, 0.5); font-size: 10px; margin: 3rem auto; position: relative; text-indent: -9999em; transform: translateZ(0); animation-delay: -0.16s; } #loader_stacks_in_6450.loader:before, #loader_stacks_in_6450.loader:after { content: ''; position: absolute; top: 0; } #loader_stacks_in_6450.loader:before { left: -3.5em; animation-delay: -0.32s; } #loader_stacks_in_6450.loader:after { left: 3.5em; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } template.social-service { display: none; } #videowall_stacks_in_6439 { display: flex; flex-wrap: wrap; flex-direction: row; font-size: 0.75rem; opacity: 0; transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); } #videowall_stacks_in_6439.initialized, #videowall_stacks_in_6439.slick-initialized { opacity: 1; } #videowall_stacks_in_6439 .video { position: relative; width: calc(100% / 2 - 25px); padding: 0; cursor: zoom-in; text-align: center; margin: 12.5px; } #videowall_stacks_in_6439 .title { margin-top: 5px; display: block; } #videowall_stacks_in_6439 .play-wrapper { position: relative; border: 10px solid #fafafa; background-color: #fafafa; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5); } #videowall_stacks_in_6439 img { display: block; width: 100%; height: auto; } @media screen and (min-width: 25em) { #videowall_stacks_in_6439 .video { width: calc(100% / 3 - 25px); } } @media screen and (min-width: 37.5em) { #videowall_stacks_in_6439 .video { width: calc(100% / 4 - 25px); } #videowall_stacks_in_6439 .play-wrapper { box-shadow: 0px 0px 0.3vw rgba(0, 0, 0, 0.5); } } @media screen and (min-width: 62.5em) { #videowall_stacks_in_6439 .video { width: calc(100% / 5 - 25px); } } #videowall_stacks_in_6439 .play-wrapper { overflow: hidden; } #videowall_stacks_in_6439 .play-wrapper .play-button, #videowall_stacks_in_6439 .play-wrapper .play { color: rgba(255, 255, 255, 0.95); font-size: 1.5rem; font-family: sans-serif; position: absolute; display: block; top: 50%; left: 50%; border-style: none; transition: all 150ms ease; } #videowall_stacks_in_6439 .play-wrapper .play { left: 53%; transform: translateX(-50%) translateY(-50%) rotate(90deg); } #videowall_stacks_in_6439 .play-wrapper img.animate { transition: transform 200ms ease; } #videowall_stacks_in_6439 .play-wrapper .play-button { background-color: rgba(0, 0, 0, 0.6); width: 50%; height: 50%; border-radius: 3px; border-style: solid; border-width: 0; border-color: rgba(255, 255, 255, 0.3); background-clip: padding-box; transform: translateX(-50%) translateY(-50%); } #videowall_stacks_in_6439 .play-wrapper .play-button.circle { width: 2em; height: 2em; padding: 0; margin: 0; border-radius: 50%; } #videowall_stacks_in_6439 .play-wrapper .play-button.none { display: none !important; } #videowall_stacks_in_6439 .play-wrapper:hover .play-button { background-color: rgba(0, 0, 0, 0.7); } #videowall_stacks_in_6439 .play-wrapper:hover .play { color: white; } #videowall_stacks_in_6439 .play-wrapper:hover .animate.play-button { background-color: rgba(0, 0, 0, 0.7); width: 100% !important; min-height: 100% !important; padding: 0 !important; border-radius: 0 !important; border-width: 0 !important; } #videowall_stacks_in_6439 .play-wrapper:hover .animate.play { font-size: 1.5em; color: white; } #videowall_stacks_in_6439 .play-wrapper:hover img.animate { transform: scale(1.2) rotateZ(-10deg); } .caixa { position: fixed; top: 0; width: 100vw; height: 100vh; z-index: 9998; overflow-y: auto; transform: scale(0); background-color: rgba(0, 0, 0, 0.75); } .caixa > .content { background: #fafafa; padding: 1.5rem; position: relative; color: #222222; width: 100%; height: 100vh; max-width: 980px; margin: 0 auto; overflow-y: auto; } @media screen and (min-width: 25em) { .caixa > .content { height: auto; margin-top: 10%; width: 90%; padding: 50px; border-radius: 3px; } .caixa > .content.vcenter { top: 50%; transform: translateY(-50%); } } .caixa > .caixa-exit { z-index: 9999; margin: 0; padding: 1rem; position: absolute; border: none; right: 0; bottom: calc(44px + 1rem); font-size: 3rem; background: none; cursor: zoom-out; transition: opacity 200ms ease; opacity: 0; color: #222222; } @media screen and (min-width: 25em) { .caixa > .caixa-exit { padding: 0 2rem 1rem 2rem; color: #222222; top: 0; bottom: auto; } } .caixa.enter, .caixa.opened > .caixa-exit { opacity: 1; } .caixa.opened { transform: scale(1); } .caixa .embed { position: relative; width: 100%; padding-bottom: 56.25%; } .caixa .embed video, .caixa .embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .caixa-fx-blur.enter { animation: blurIn 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-blur.exit { animation: blurOut 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomIn.enter { animation: blowUp 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomIn.exit { animation: blowDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomOut.enter { animation: scaleOut 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomOut.exit { animation: scaleIn 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.enter > .content { opacity: 0; transform: scale(0.6); animation: scaleInUp 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.exit { animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.exit > .content { animation: scaleOutDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.enter > .content { transform: translateY(1000px); animation: slideUpIn 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.exit { transform: scale(1); animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.exit > .content { animation: slideDownOut 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.enter { transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.enter .content { transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.exit { transform: scale(1); animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.exit .content { animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.enter .content { opacity: 1; transform: translateX(-1500px); animation: raceIn 0.3s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.exit { transform: scale(1); animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.exit .content { opacity: 1; animation: raceOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } @keyframes caixaFadeIn { 0% { background: transparent; } 100% { background: rgba(0, 0, 0, 0.75); } } @keyframes caixaFadeOut { 0% { background: rgba(0, 0, 0, 0.75); } 100% { background: transparent; } } @keyframes unfoldIn { 0% { transform: scaleY(0.005) scaleX(0); } 50% { transform: scaleY(0.005) scaleX(1); } 100% { transform: scaleY(1) scaleX(1); } } @keyframes unfoldOut { 0% { transform: scaleY(1) scaleX(1); } 50% { transform: scaleY(0.005) scaleX(1); } 100% { transform: scaleY(0.005) scaleX(0); } } @keyframes zoomIn { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes zoomOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } @keyframes scaleInUp { 0% { transform: scale(0.6) translateY(-100px); opacity: 0; } 100% { transform: scale(1) translateY(0px); opacity: 1; } } @keyframes scaleOutDown { 0% { transform: scale(1) translateY(0px); opacity: 1; } 100% { transform: scale(0.6) translateY(-100px); opacity: 0; } } @keyframes slideUpIn { 0% { transform: translateY(1000px); } 100% { transform: translateY(0px); } } @keyframes slideDownOut { 0% { transform: translateY(0px); } 100% { transform: translateY(1000px); } } @keyframes raceIn { 0% { transform: translateX(-1500px) skewX(30deg) scaleX(1.3); } 70% { transform: translateX(30px) skewX(0deg) scaleX(0.9); } 100% { transform: translateX(0px) skewX(0deg) scaleX(1); } } @keyframes raceOut { 0% { transform: translateX(0px) skewX(0deg) scaleX(1); } 30% { transform: translateX(-30px) skewX(-5deg) scaleX(0.9); } 100% { transform: translateX(1500px) skewX(30deg) scaleX(1.3); } } @keyframes blurIn { 0% { filter: blur(0px); } 100% { filter: blur(10px); } } @keyframes blurOut { 0% { filter: blur(10px); } 100% { filter: blur(0px); } } @keyframes blowUp { 0% { transform: scale(1); opacity: 1; } 99.9% { transform: scale(2); opacity: 0; } 100% { transform: scale(0); } } @keyframes blowDown { 0% { transform: scale(2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes scaleOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.6); opacity: 0; } } @keyframes scaleIn { 0% { transform: scale(0.6); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .caixa .title { display: none; color: #222222; } .caixa .description { display: none; color: #222222; } .caixa .dock { display: none !important; } #loader_stacks_in_6439 { text-align: center; } #loader_stacks_in_6439.loader, #loader_stacks_in_6439.loader:before, #loader_stacks_in_6439.loader:after { border-radius: 50%; width: 1.5em; height: 1.5em; animation-fill-mode: both; animation: load7 1.8s infinite ease-in-out; } #loader_stacks_in_6439.loader { color: rgba(0, 0, 0, 0.5); font-size: 10px; margin: 3rem auto; position: relative; text-indent: -9999em; transform: translateZ(0); animation-delay: -0.16s; } #loader_stacks_in_6439.loader:before, #loader_stacks_in_6439.loader:after { content: ''; position: absolute; top: 0; } #loader_stacks_in_6439.loader:before { left: -3.5em; animation-delay: -0.32s; } #loader_stacks_in_6439.loader:after { left: 3.5em; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } #stacks_in_6475>.s3_row { margin: 0 -10px; } #stacks_in_6475>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_6475>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_6475>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_6475>.s3_row { margin: -10px 0; } #stacks_in_6475>.s3_row>.s3_column { padding: 10px 0; width:100%; } } template.social-service { display: none; } #videowall_stacks_in_6496 { display: flex; flex-wrap: wrap; flex-direction: row; font-size: 0.75rem; opacity: 0; transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); } #videowall_stacks_in_6496.initialized, #videowall_stacks_in_6496.slick-initialized { opacity: 1; } #videowall_stacks_in_6496 .video { position: relative; width: calc(100% / 2 - 25px); padding: 0; cursor: zoom-in; text-align: center; margin: 12.5px; } #videowall_stacks_in_6496 .title { margin-top: 5px; display: block; } #videowall_stacks_in_6496 .play-wrapper { position: relative; border: 10px solid #fafafa; background-color: #fafafa; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5); } #videowall_stacks_in_6496 img { display: block; width: 100%; height: auto; } @media screen and (min-width: 25em) { #videowall_stacks_in_6496 .video { width: calc(100% / 3 - 25px); } } @media screen and (min-width: 37.5em) { #videowall_stacks_in_6496 .video { width: calc(100% / 4 - 25px); } #videowall_stacks_in_6496 .play-wrapper { box-shadow: 0px 0px 0.3vw rgba(0, 0, 0, 0.5); } } @media screen and (min-width: 62.5em) { #videowall_stacks_in_6496 .video { width: calc(100% / 5 - 25px); } } #videowall_stacks_in_6496 .play-wrapper { overflow: hidden; } #videowall_stacks_in_6496 .play-wrapper .play-button, #videowall_stacks_in_6496 .play-wrapper .play { color: rgba(255, 255, 255, 0.95); font-size: 1.5rem; font-family: sans-serif; position: absolute; display: block; top: 50%; left: 50%; border-style: none; transition: all 150ms ease; } #videowall_stacks_in_6496 .play-wrapper .play { left: 53%; transform: translateX(-50%) translateY(-50%) rotate(90deg); } #videowall_stacks_in_6496 .play-wrapper img.animate { transition: transform 200ms ease; } #videowall_stacks_in_6496 .play-wrapper .play-button { background-color: rgba(0, 0, 0, 0.6); width: 50%; height: 50%; border-radius: 3px; border-style: solid; border-width: 0; border-color: rgba(255, 255, 255, 0.3); background-clip: padding-box; transform: translateX(-50%) translateY(-50%); } #videowall_stacks_in_6496 .play-wrapper .play-button.circle { width: 2em; height: 2em; padding: 0; margin: 0; border-radius: 50%; } #videowall_stacks_in_6496 .play-wrapper .play-button.none { display: none !important; } #videowall_stacks_in_6496 .play-wrapper:hover .play-button { background-color: rgba(0, 0, 0, 0.7); } #videowall_stacks_in_6496 .play-wrapper:hover .play { color: white; } #videowall_stacks_in_6496 .play-wrapper:hover .animate.play-button { background-color: rgba(0, 0, 0, 0.7); width: 100% !important; min-height: 100% !important; padding: 0 !important; border-radius: 0 !important; border-width: 0 !important; } #videowall_stacks_in_6496 .play-wrapper:hover .animate.play { font-size: 1.5em; color: white; } #videowall_stacks_in_6496 .play-wrapper:hover img.animate { transform: scale(1.2) rotateZ(-10deg); } .caixa { position: fixed; top: 0; width: 100vw; height: 100vh; z-index: 9998; overflow-y: auto; transform: scale(0); background-color: rgba(0, 0, 0, 0.75); } .caixa > .content { background: #fafafa; padding: 1.5rem; position: relative; color: #222222; width: 100%; height: 100vh; max-width: 980px; margin: 0 auto; overflow-y: auto; } @media screen and (min-width: 25em) { .caixa > .content { height: auto; margin-top: 10%; width: 90%; padding: 50px; border-radius: 3px; } .caixa > .content.vcenter { top: 50%; transform: translateY(-50%); } } .caixa > .caixa-exit { z-index: 9999; margin: 0; padding: 1rem; position: absolute; border: none; right: 0; bottom: calc(44px + 1rem); font-size: 3rem; background: none; cursor: zoom-out; transition: opacity 200ms ease; opacity: 0; color: #222222; } @media screen and (min-width: 25em) { .caixa > .caixa-exit { padding: 0 2rem 1rem 2rem; color: #222222; top: 0; bottom: auto; } } .caixa.enter, .caixa.opened > .caixa-exit { opacity: 1; } .caixa.opened { transform: scale(1); } .caixa .embed { position: relative; width: 100%; padding-bottom: 56.25%; } .caixa .embed video, .caixa .embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .caixa-fx-blur.enter { animation: blurIn 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-blur.exit { animation: blurOut 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomIn.enter { animation: blowUp 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomIn.exit { animation: blowDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomOut.enter { animation: scaleOut 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-zoomOut.exit { animation: scaleIn 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.enter > .content { opacity: 0; transform: scale(0.6); animation: scaleInUp 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.exit { animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fade.exit > .content { animation: scaleOutDown 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.enter > .content { transform: translateY(1000px); animation: slideUpIn 0.8s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.exit { transform: scale(1); animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-slideUp.exit > .content { animation: slideDownOut 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.enter { transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.enter .content { transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.exit { transform: scale(1); animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-fold.exit .content { animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.enter { transform: scale(1); animation: caixaFadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.enter .content { opacity: 1; transform: translateX(-1500px); animation: raceIn 0.3s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.exit { transform: scale(1); animation: caixaFadeOut 0.5s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } .caixa-fx-race.exit .content { opacity: 1; animation: raceOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } @keyframes caixaFadeIn { 0% { background: transparent; } 100% { background: rgba(0, 0, 0, 0.75); } } @keyframes caixaFadeOut { 0% { background: rgba(0, 0, 0, 0.75); } 100% { background: transparent; } } @keyframes unfoldIn { 0% { transform: scaleY(0.005) scaleX(0); } 50% { transform: scaleY(0.005) scaleX(1); } 100% { transform: scaleY(1) scaleX(1); } } @keyframes unfoldOut { 0% { transform: scaleY(1) scaleX(1); } 50% { transform: scaleY(0.005) scaleX(1); } 100% { transform: scaleY(0.005) scaleX(0); } } @keyframes zoomIn { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes zoomOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } @keyframes scaleInUp { 0% { transform: scale(0.6) translateY(-100px); opacity: 0; } 100% { transform: scale(1) translateY(0px); opacity: 1; } } @keyframes scaleOutDown { 0% { transform: scale(1) translateY(0px); opacity: 1; } 100% { transform: scale(0.6) translateY(-100px); opacity: 0; } } @keyframes slideUpIn { 0% { transform: translateY(1000px); } 100% { transform: translateY(0px); } } @keyframes slideDownOut { 0% { transform: translateY(0px); } 100% { transform: translateY(1000px); } } @keyframes raceIn { 0% { transform: translateX(-1500px) skewX(30deg) scaleX(1.3); } 70% { transform: translateX(30px) skewX(0deg) scaleX(0.9); } 100% { transform: translateX(0px) skewX(0deg) scaleX(1); } } @keyframes raceOut { 0% { transform: translateX(0px) skewX(0deg) scaleX(1); } 30% { transform: translateX(-30px) skewX(-5deg) scaleX(0.9); } 100% { transform: translateX(1500px) skewX(30deg) scaleX(1.3); } } @keyframes blurIn { 0% { filter: blur(0px); } 100% { filter: blur(10px); } } @keyframes blurOut { 0% { filter: blur(10px); } 100% { filter: blur(0px); } } @keyframes blowUp { 0% { transform: scale(1); opacity: 1; } 99.9% { transform: scale(2); opacity: 0; } 100% { transform: scale(0); } } @keyframes blowDown { 0% { transform: scale(2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes scaleOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.6); opacity: 0; } } @keyframes scaleIn { 0% { transform: scale(0.6); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } .caixa .title { display: none; color: #222222; } .caixa .description { display: none; color: #222222; } .caixa .dock { display: none !important; } #loader_stacks_in_6496 { text-align: center; } #loader_stacks_in_6496.loader, #loader_stacks_in_6496.loader:before, #loader_stacks_in_6496.loader:after { border-radius: 50%; width: 1.5em; height: 1.5em; animation-fill-mode: both; animation: load7 1.8s infinite ease-in-out; } #loader_stacks_in_6496.loader { color: rgba(0, 0, 0, 0.5); font-size: 10px; margin: 3rem auto; position: relative; text-indent: -9999em; transform: translateZ(0); animation-delay: -0.16s; } #loader_stacks_in_6496.loader:before, #loader_stacks_in_6496.loader:after { content: ''; position: absolute; top: 0; } #loader_stacks_in_6496.loader:before { left: -3.5em; animation-delay: -0.32s; } #loader_stacks_in_6496.loader:after { left: 3.5em; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } /* NoLink Stack 2.2.4 */ .NoLink, .NoLink a { -webkit-user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; cursor: pointer !important; } .NoLink:focus { outline:0; } /* End of NoLink Stack */