/* * text-align */ .text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-nomargin-top{margin-top:0}.text-nomargin-top.text >:first-child{margin-top:0}.text-nomargin-bottom{margin-bottom:0}.text-nomargin-bottom.text >:last-child{margin-bottom:0} .lines{border:0;height:0;width:100%;margin:0;padding:0;opacity:1}.lines-wrapper{position:relative}.lines-wrapper.vertical{height:100%} #stacks_in_1 { background-color: rgba(49, 49, 49, 1.00); } :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(230, 180, 75, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(200, 150, 45, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(254, 254, 254, 1.00);--subheader-color:rgba(200, 204, 204, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(254, 254, 254, 1.00);--link-color:rgba(254, 254, 254, 1.00);--link-color-hover:rgba(202, 202, 202, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(43, 43, 43, 0.00);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(254, 254, 254, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(230, 180, 75, 1.00);--link-color:rgba(230, 180, 75, 1.00);--link-color-hover:rgba(202, 202, 202, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{background-color:rgba(0, 0, 0, 1.00);} /*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} h1,.h1, h2,.h2, h3,.h3, .myclass{font-family:"Open Sans",sans-serif } html,body, .myclass{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) {html,body, .myclass{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {html,body, .myclass{font-size:calc(16rem/16) ;line-height:1.50 }} .Mobile Menu{--header-color:rgba(94, 93, 97, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(94, 93, 97, 1.00);--link-color-hover:rgba(247, 163, 57, 1.00);--link-decoration:none;--link-decoration-hover:none} .mymenu>.menu a, .menu.mymenu a{--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(204, 204, 204, 1.00);--menu-bg-color:rgba(254, 254, 254, 0.00);--menu-caret-color:rgba(0, 0, 0, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mymenu>.menu .menu-text, .menu.mymenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.menu>li>a, .menu.mymenu>li>a{padding-top:1rem;padding-bottom:1rem} .mymenu>.menu .submenu>li>a, .menu.mymenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mymenu>.menu li.active>a, .mymenu>.menu li.is-active>a, .mymenu>.menu a.is-active, .menu.mymenu li.active>a, .menu.mymenu li.is-active>a, .menu.mymenu a.is-active{--menu-bg-color:rgba(94, 93, 97, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(0, 0, 0, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mymenu>.menu .submenu li.active>a, .mymenu>.menu .submenu li.is-active>a, .mymenu>.menu .submenu a.is-active, .menu.mymenu .submenu li.active>a, .menu.mymenu .submenu li.is-active>a, .menu.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .mymenu>.menu .submenu a, .menu.mymenu .submenu a{--menu-caret-color:rgba(254, 254, 254, 1.00)} .mymenu>.menu .submenu, .menu.mymenu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mymenu>.menu .submenu a, .menu.mymenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .mymenu>.menu .submenu .menu-text, .menu.mymenu .submenu .menu-text{--menu-text-color:rgba(254, 254, 254, 1.00)} .mymenu>.menu .submenu li.active>a, .mymenu>.menu .submenu li.is-active>a, .mymenu>.menu .submenu a.is-active, .menu.mymenu .submenu li.active>a, .menu.mymenu .submenu li.is-active>a, .menu.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(254, 254, 254, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mobile-menu>.menu a, .menu.mobile-menu a{--menu-link-color:rgba(94, 93, 97, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00);--menu-bg-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(230, 180, 75, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mobile-menu>.menu .menu-text, .menu.mobile-menu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mobile-menu>.menu>li>a, .menu.mobile-menu>li>a{padding-top:1rem;padding-bottom:1rem} .mobile-menu>.menu .submenu>li>a, .menu.mobile-menu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mobile-menu>.menu li.active>a, .mobile-menu>.menu li.is-active>a, .mobile-menu>.menu a.is-active, .menu.mobile-menu li.active>a, .menu.mobile-menu li.is-active>a, .menu.mobile-menu a.is-active{--menu-bg-color:rgba(202, 202, 202, 1.00);--menu-link-color:rgba(94, 93, 97, 1.00);--menu-caret-color:rgba(230, 180, 75, 1.00);--menu-link-color-hover:rgba(94, 93, 97, 1.00)} .mobile-menu>.menu .submenu li.active>a, .mobile-menu>.menu .submenu li.is-active>a, .mobile-menu>.menu .submenu a.is-active, .menu.mobile-menu .submenu li.active>a, .menu.mobile-menu .submenu li.is-active>a, .menu.mobile-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .mobile-menu>.menu .submenu a, .menu.mobile-menu .submenu a{--menu-caret-color:rgba(230, 180, 75, 1.00)} .mobile-menu>.menu .submenu, .menu.mobile-menu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mobile-menu>.menu .submenu a, .menu.mobile-menu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .mobile-menu>.menu .submenu .menu-text, .menu.mobile-menu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mobile-menu>.menu .submenu li.active>a, .mobile-menu>.menu .submenu li.is-active>a, .mobile-menu>.menu .submenu a.is-active, .menu.mobile-menu .submenu li.active>a, .menu.mobile-menu .submenu li.is-active>a, .menu.mobile-menu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(94, 93, 97, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .mobile-menu>.menu a::after, .menu.mobile-menu a::after{display:none!important} .hero-overlay{background-color:var(--overlay-color) ;background-color:rgba(42, 43, 43, 0.10) ;} .hero-overlay{height:33.3333vh ;} @media only screen and (min-width:40em){.hero-overlay{height:75vh }}@media only screen and (min-width:64em){.hero-overlay{height:75vh }} h1{text-shadow:2px 2px 5px rgba(0, 0, 0, 0.60);} .mymenu{position: absolute !important;z-index:5 !important;top:unset !important;bottom:0px !important;left:unset !important;right:unset !important;} .burger{position:fixed ;z-index:1 ;top:10px ;bottom:unset ;left:10px ;right:unset ;} .mobile-menu-wrapper{height:50% ;} .burger{font-size:calc(24rem/16) ;}@media only screen and (min-width:40em){ .burger{font-size:calc(24rem/16) }}@media only screen and (min-width:64em){ .burger{font-size:calc(24rem/16) }} .myclass{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em){ .myclass{font-size:calc(18rem/16) }}@media only screen and (min-width:64em){ .myclass{font-size:calc(18rem/16) }} .mobile-menu{font-size:calc(24rem/16) ;}@media only screen and (min-width:40em){ .mobile-menu{font-size:calc(24rem/16) }}@media only screen and (min-width:64em){ .mobile-menu{font-size:calc(24rem/16) }} html,body, .mymenu{font-size:calc(18rem/16) ;}@media only screen and (min-width:40em){html,body, .mymenu{font-size:calc(18rem/16) }}@media only screen and (min-width:64em){html,body, .mymenu{font-size:calc(18rem/16) }} .mymenu{--header-color:rgba(202, 202, 202, 1.00);--subheader-color:rgba(254, 254, 254, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(230, 180, 75, 1.00);--link-color-hover:rgba(247, 163, 57, 1.00);--link-decoration:none;--link-decoration-hover:none} :root{background-color:rgba(0, 0, 0, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){:root{background-attachment:scroll!important}} #stacks_in_267 { margin: 2px; padding: 3px; } #stacks_out_267 { width: 150px; float: left; } .lines.stacks_in_243{width:100%;margin:calc(16rem/16) auto calc(16rem/16) auto;border-bottom:2px solid rgba(230, 180, 75, 1.00);background:rgba(0, 0, 0, 0.00);transform:rotate(0deg)}.lines.stacks_in_243.vertical{border-left:2px solid rgba(230, 180, 75, 1.00);border-bottom:none;width:0;height:100%;margin:0 auto;margin-top:calc((100% - 100%)/-2)} @charset "UTF-8"; template.social-service { display: none; } #videowall_stacks_in_230 { 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_230.initialized, #videowall_stacks_in_230.slick-initialized { opacity: 1; } #videowall_stacks_in_230 .video { position: relative; width: calc(100% / 2 - 25px); padding: 0; cursor: zoom-in; text-align: center; margin: 12.5px; } #videowall_stacks_in_230 .title { margin-top: 5px; display: block; } #videowall_stacks_in_230 .play-wrapper { position: relative; border: 10px solid #5e5d61; background-color: #5e5d61; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5); } #videowall_stacks_in_230 img { display: block; width: 100%; height: auto; } @media screen and (min-width: 25em) { #videowall_stacks_in_230 .video { width: calc(100% / 3 - 25px); } } @media screen and (min-width: 37.5em) { #videowall_stacks_in_230 .video { width: calc(100% / 4 - 25px); } #videowall_stacks_in_230 .play-wrapper { box-shadow: 0px 0px 0.3vw rgba(0, 0, 0, 0.5); } } @media screen and (min-width: 62.5em) { #videowall_stacks_in_230 .video { width: calc(100% / 5 - 25px); } } #videowall_stacks_in_230 .play-wrapper { overflow: hidden; } #videowall_stacks_in_230 .play-wrapper .play-button, #videowall_stacks_in_230 .play-wrapper .play { color: rgba(255, 255, 255, 0.95); font-size: 1rem; font-family: sans-serif; position: absolute; display: block; top: 50%; left: 50%; border-style: none; transition: all 150ms ease; } #videowall_stacks_in_230 .play-wrapper .play { left: 53%; transform: translateX(-50%) translateY(-50%) rotate(90deg); } #videowall_stacks_in_230 .play-wrapper img.animate { transition: transform 200ms ease; } #videowall_stacks_in_230 .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_230 .play-wrapper .play-button.circle { width: 2em; height: 2em; padding: 0; margin: 0; border-radius: 50%; } #videowall_stacks_in_230 .play-wrapper .play-button.none { display: none !important; } #videowall_stacks_in_230 .play-wrapper:hover .play-button { background-color: rgba(0, 0, 0, 0.7); } #videowall_stacks_in_230 .play-wrapper:hover .play { color: white; } #videowall_stacks_in_230 .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_230 .play-wrapper:hover .animate.play { font-size: 1.5em; color: white; } #videowall_stacks_in_230 .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: #5e5d61; } .caixa > .content { background: #5e5d61; padding: 1.5rem; position: relative; color: #fefefe; 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: #fefefe; } @media screen and (min-width: 25em) { .caixa > .caixa-exit { padding: 0 2rem 1rem 2rem; color: #fefefe; top: 0; bottom: auto; } } .caixa.enter, .caixa.opened > .caixa-exit { opacity: 1; } .caixa.opened { transform: scale(1); } .caixa.exit { pointer-events: none; } .caixa.exit * { pointer-events: none; } .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: #5e5d61; } } @keyframes caixaFadeOut { 0% { background: #5e5d61; } 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: block; color: #fefefe; } .caixa .description { display: none; color: #fefefe; } .caixa .dock { display: none !important; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("../../rw_common/plugins/stacks/slick-fonts/slick.eot"); src: url("../../rw_common/plugins/stacks/slick-fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../rw_common/plugins/stacks/slick-fonts/slick.woff") format("woff"), url("../../rw_common/plugins/stacks/slick-fonts/slick.ttf") format("truetype"), url("../../rw_common/plugins/stacks/slick-fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: #f7a339; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: #fefefe; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #fefefe; opacity: 0.75; } .slick-loading .slick-list { background: none; } .videowall.vw-slider { margin-left: 25px; margin-right: 25px; } #videowall_stacks_in_230 .slick-slide { margin: 12.5px; } #videowall_stacks_in_230 .slick-prev, #videowall_stacks_in_230 .slick-next { margin: 0; height: 20px; width: 20px; transition: top 250ms ease; } #videowall_stacks_in_230 .slick-prev:before, #videowall_stacks_in_230 .slick-next:before { font-size: 20px; } #loader_stacks_in_230 { text-align: center; } #loader_stacks_in_230.loader, #loader_stacks_in_230.loader:before, #loader_stacks_in_230.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_230.loader { color: #cacaca; font-size: 10px; margin: 3rem auto; position: relative; text-indent: -9999em; transform: translateZ(0); animation-delay: -0.16s; } #loader_stacks_in_230.loader:before, #loader_stacks_in_230.loader:after { content: ''; position: absolute; top: 0; } #loader_stacks_in_230.loader:before { left: -3.5em; animation-delay: -0.32s; } #loader_stacks_in_230.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; } } @charset "UTF-8"; template.social-service { display: none; } #videowall_stacks_in_208 { 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_208.initialized, #videowall_stacks_in_208.slick-initialized { opacity: 1; } #videowall_stacks_in_208 .video { position: relative; width: calc(100% / 2 - 25px); padding: 0; cursor: zoom-in; text-align: center; margin: 12.5px; } #videowall_stacks_in_208 .title { margin-top: 5px; display: block; } #videowall_stacks_in_208 .play-wrapper { position: relative; border: 10px solid #5e5d61; background-color: #5e5d61; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5); } #videowall_stacks_in_208 img { display: block; width: 100%; height: auto; } @media screen and (min-width: 25em) { #videowall_stacks_in_208 .video { width: calc(100% / 3 - 25px); } } @media screen and (min-width: 37.5em) { #videowall_stacks_in_208 .video { width: calc(100% / 4 - 25px); } #videowall_stacks_in_208 .play-wrapper { box-shadow: 0px 0px 0.3vw rgba(0, 0, 0, 0.5); } } @media screen and (min-width: 62.5em) { #videowall_stacks_in_208 .video { width: calc(100% / 5 - 25px); } } #videowall_stacks_in_208 .play-wrapper { overflow: hidden; } #videowall_stacks_in_208 .play-wrapper .play-button, #videowall_stacks_in_208 .play-wrapper .play { color: rgba(255, 255, 255, 0.95); font-size: 1rem; font-family: sans-serif; position: absolute; display: block; top: 50%; left: 50%; border-style: none; transition: all 150ms ease; } #videowall_stacks_in_208 .play-wrapper .play { left: 53%; transform: translateX(-50%) translateY(-50%) rotate(90deg); } #videowall_stacks_in_208 .play-wrapper img.animate { transition: transform 200ms ease; } #videowall_stacks_in_208 .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_208 .play-wrapper .play-button.circle { width: 2em; height: 2em; padding: 0; margin: 0; border-radius: 50%; } #videowall_stacks_in_208 .play-wrapper .play-button.none { display: none !important; } #videowall_stacks_in_208 .play-wrapper:hover .play-button { background-color: rgba(0, 0, 0, 0.7); } #videowall_stacks_in_208 .play-wrapper:hover .play { color: white; } #videowall_stacks_in_208 .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_208 .play-wrapper:hover .animate.play { font-size: 1.5em; color: white; } #videowall_stacks_in_208 .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: #5e5d61; } .caixa > .content { background: #5e5d61; padding: 1.5rem; position: relative; color: #fefefe; 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: #fefefe; } @media screen and (min-width: 25em) { .caixa > .caixa-exit { padding: 0 2rem 1rem 2rem; color: #fefefe; top: 0; bottom: auto; } } .caixa.enter, .caixa.opened > .caixa-exit { opacity: 1; } .caixa.opened { transform: scale(1); } .caixa.exit { pointer-events: none; } .caixa.exit * { pointer-events: none; } .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: #5e5d61; } } @keyframes caixaFadeOut { 0% { background: #5e5d61; } 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: block; color: #fefefe; } .caixa .description { display: none; color: #fefefe; } .caixa .dock { display: none !important; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("../../rw_common/plugins/stacks/slick-fonts/slick.eot"); src: url("../../rw_common/plugins/stacks/slick-fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../rw_common/plugins/stacks/slick-fonts/slick.woff") format("woff"), url("../../rw_common/plugins/stacks/slick-fonts/slick.ttf") format("truetype"), url("../../rw_common/plugins/stacks/slick-fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: #f7a339; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: #fefefe; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #fefefe; opacity: 0.75; } .slick-loading .slick-list { background: none; } .videowall.vw-slider { margin-left: 25px; margin-right: 25px; } #videowall_stacks_in_208 .slick-slide { margin: 12.5px; } #videowall_stacks_in_208 .slick-prev, #videowall_stacks_in_208 .slick-next { margin: 0; height: 15px; width: 15px; transition: top 250ms ease; } #videowall_stacks_in_208 .slick-prev:before, #videowall_stacks_in_208 .slick-next:before { font-size: 15px; } #loader_stacks_in_208 { text-align: center; } #loader_stacks_in_208.loader, #loader_stacks_in_208.loader:before, #loader_stacks_in_208.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_208.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_208.loader:before, #loader_stacks_in_208.loader:after { content: ''; position: absolute; top: 0; } #loader_stacks_in_208.loader:before { left: -3.5em; animation-delay: -0.32s; } #loader_stacks_in_208.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; } } @charset "UTF-8"; template.social-service { display: none; } #videowall_stacks_in_228 { 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_228.initialized, #videowall_stacks_in_228.slick-initialized { opacity: 1; } #videowall_stacks_in_228 .video { position: relative; width: calc(100% / 2 - 25px); padding: 0; cursor: zoom-in; text-align: center; margin: 12.5px; } #videowall_stacks_in_228 .title { margin-top: 5px; display: block; } #videowall_stacks_in_228 .play-wrapper { position: relative; border: 10px solid #5e5d61; background-color: #5e5d61; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5); } #videowall_stacks_in_228 img { display: block; width: 100%; height: auto; } @media screen and (min-width: 25em) { #videowall_stacks_in_228 .video { width: calc(100% / 3 - 25px); } } @media screen and (min-width: 37.5em) { #videowall_stacks_in_228 .video { width: calc(100% / 4 - 25px); } #videowall_stacks_in_228 .play-wrapper { box-shadow: 0px 0px 0.3vw rgba(0, 0, 0, 0.5); } } @media screen and (min-width: 62.5em) { #videowall_stacks_in_228 .video { width: calc(100% / 5 - 25px); } } #videowall_stacks_in_228 .play-wrapper { overflow: hidden; } #videowall_stacks_in_228 .play-wrapper .play-button, #videowall_stacks_in_228 .play-wrapper .play { color: rgba(255, 255, 255, 0.95); font-size: 1rem; font-family: sans-serif; position: absolute; display: block; top: 50%; left: 50%; border-style: none; transition: all 150ms ease; } #videowall_stacks_in_228 .play-wrapper .play { left: 53%; transform: translateX(-50%) translateY(-50%) rotate(90deg); } #videowall_stacks_in_228 .play-wrapper img.animate { transition: transform 200ms ease; } #videowall_stacks_in_228 .play-wrapper .play-button { background-color: rgba(43, 43, 43, 0.65); 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_228 .play-wrapper .play-button.circle { width: 2em; height: 2em; padding: 0; margin: 0; border-radius: 50%; } #videowall_stacks_in_228 .play-wrapper .play-button.none { display: none !important; } #videowall_stacks_in_228 .play-wrapper:hover .play-button { background-color: rgba(43, 43, 43, 0.65); } #videowall_stacks_in_228 .play-wrapper:hover .play { color: white; } #videowall_stacks_in_228 .play-wrapper:hover .animate.play-button { background-color: rgba(43, 43, 43, 0.65); width: 100% !important; min-height: 100% !important; padding: 0 !important; border-radius: 0 !important; border-width: 0 !important; } #videowall_stacks_in_228 .play-wrapper:hover .animate.play { font-size: 1.5em; color: white; } #videowall_stacks_in_228 .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: black; } .caixa > .content { background: rgba(43, 43, 43, 0.65); padding: 1.5rem; position: relative; color: #fefefe; 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: #fefefe; } @media screen and (min-width: 25em) { .caixa > .caixa-exit { padding: 0 2rem 1rem 2rem; color: #e6b44b; top: 0; bottom: auto; } } .caixa.enter, .caixa.opened > .caixa-exit { opacity: 1; } .caixa.opened { transform: scale(1); } .caixa.exit { pointer-events: none; } .caixa.exit * { pointer-events: none; } .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: black; } } @keyframes caixaFadeOut { 0% { background: black; } 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: #fefefe; } .caixa .description { display: none; color: #fefefe; } .caixa .dock { display: none !important; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("../../rw_common/plugins/stacks/slick-fonts/slick.eot"); src: url("../../rw_common/plugins/stacks/slick-fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../rw_common/plugins/stacks/slick-fonts/slick.woff") format("woff"), url("../../rw_common/plugins/stacks/slick-fonts/slick.ttf") format("truetype"), url("../../rw_common/plugins/stacks/slick-fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: #f7a339; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: #fefefe; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #fefefe; opacity: 0.75; } .slick-loading .slick-list { background: none; } .videowall.vw-slider { margin-left: 25px; margin-right: 25px; } #videowall_stacks_in_228 .slick-slide { margin: 12.5px; } #videowall_stacks_in_228 .slick-prev, #videowall_stacks_in_228 .slick-next { margin: 0; height: 15px; width: 15px; transition: top 250ms ease; } #videowall_stacks_in_228 .slick-prev:before, #videowall_stacks_in_228 .slick-next:before { font-size: 15px; } #loader_stacks_in_228 { text-align: center; } #loader_stacks_in_228.loader, #loader_stacks_in_228.loader:before, #loader_stacks_in_228.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_228.loader { color: #5e5d61; font-size: 10px; margin: 3rem auto; position: relative; text-indent: -9999em; transform: translateZ(0); animation-delay: -0.16s; } #loader_stacks_in_228.loader:before, #loader_stacks_in_228.loader:after { content: ''; position: absolute; top: 0; } #loader_stacks_in_228.loader:before { left: -3.5em; animation-delay: -0.32s; } #loader_stacks_in_228.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; } } .lines.stacks_in_244{width:100%;margin:calc(16rem/16) auto calc(16rem/16) auto;border-bottom:2px solid rgba(230, 180, 75, 1.00);background:rgba(0, 0, 0, 0.00);transform:rotate(0deg)}.lines.stacks_in_244.vertical{border-left:2px solid rgba(230, 180, 75, 1.00);border-bottom:none;width:0;height:100%;margin:0 auto;margin-top:calc((100% - 100%)/-2)}