*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Roboto,sans-serif;font-weight:300;color:#757575}body{position:relative}h1{display:inline;font-size:inherit;font-weight:inherit;color:inherit}b{color:#000}p{padding:0;margin:.4em 0}#app{position:relative}.toggler{display:inline-block;transition:all .25s cubic-bezier(.36,.07,.19,.97);text-decoration:underline;cursor:pointer}.toggler:active,.toggler:focus,.toggler:hover{-webkit-transform:translateX(4%);transform:translateX(4%);color:#000}.toggler:active:after,.toggler:focus:after,.toggler:hover:after{border-color:#000}.toggler:after{transition:all .25s cubic-bezier(.36,.07,.19,.97);content:"";display:inline-block;margin:.2em .4em;height:.3em;width:.3em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:3px solid #757575;border-bottom:3px solid #757575}.toggle-ul{margin:0;opacity:0;max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.36,.07,.19,.97),opacity .3s cubic-bezier(.36,.07,.19,.97)}.toggle-ul.active{opacity:1;max-height:1000px;transition:max-height 1.3s cubic-bezier(.36,.07,.19,.97),opacity .6s cubic-bezier(.36,.07,.19,.97)}.wrapper{justify-content:center}.paper,.wrapper{position:relative;display:flex}.paper{margin-top:2em;flex-wrap:wrap;align-items:flex-start;width:100%;box-shadow:8px 14px 80px 0 rgba(0,0,0,.16);background:#fff;margin-bottom:7em;padding:2em 2em 3em}@media (min-width:576px){.paper{max-width:80vw;margin:3.5em 3em 13em;padding:3em 3em 5em}}@media (min-width:768px){.paper{max-width:78vw}}@media (min-width:992px){.paper{max-width:85vw;margin:7.5em 5em 26em;padding-bottom:10em}}@media (min-width:1150px){.paper{max-width:1420px}}.paper:before{content:"";display:block;position:absolute;background:#fff;top:-1em;left:0;width:calc(100% - 5em);margin:0 2.5em;height:2.5em;box-shadow:8px 14px 80px 0 rgba(0,0,0,.16);z-index:-1;-webkit-animation-name:paper-rise;animation-name:paper-rise;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.28,.86,.47,.99);animation-timing-function:cubic-bezier(.28,.86,.47,.99)}@media (min-width:992px){.paper:before{top:-2.5em}}.golden-big{width:61.8%}.golden-big,.golden-small{display:flex;flex-wrap:wrap;background:#fff}.golden-small{width:38.2%}.golden-fixed{width:100%}@media (min-width:992px){.golden-fixed{width:38.2%;position:-webkit-sticky;position:sticky;top:0}}.video-container{position:relative;overflow:hidden;padding:61.8% 0 0}video{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;top:0;left:0}.golden-title{text-transform:uppercase;font-family:Montserrat,sans-serif}.golden-title,.golden-title svg{width:100%;transition:all .2s ease-in-out}.golden-title svg{overflow:visible}.golden-title svg text{font-size:177px;fill:#ededed}.golden-title-wrapper{position:relative}.golden-title-wrapper .golden-title{-webkit-transform:rotate(-90deg) translateX(-97%) translateY(-100%);transform:rotate(-90deg) translateX(-97%) translateY(-100%);padding-right:0;width:100%;display:flex;flex-wrap:wrap;text-align:right;position:absolute;right:0;font-size:0}@media (min-width:992px){.golden-title-wrapper .golden-title{width:325%;padding-right:21.5%;-webkit-transform:rotate(0deg) translateX(0);transform:rotate(0deg) translateX(0)}}.golden-title-wrapper .golden-title svg{width:100%;overflow:visible;transition:all .2s ease-in-out}.golden-title-wrapper .golden-title svg text{font-size:234px}.golden-title-detail{width:100%;white-space:nowrap;transition:all .2s ease-in-out;-webkit-transform:translateX(0) translateY(48%);transform:translateX(0) translateY(48%)}.golden-title-detail svg{-webkit-animation:fade-in-reverse .8s cubic-bezier(.36,.07,.19,.97) both;animation:fade-in-reverse .8s cubic-bezier(.36,.07,.19,.97) both;-webkit-animation-delay:.15s;animation-delay:.15s}@media (min-width:992px){.golden-title-detail{-webkit-transform:translateX(53.5%) translateY(48%);transform:translateX(53.5%) translateY(48%)}}.golden-title-main{width:100%;-webkit-animation:fade-in-reverse .8s cubic-bezier(.36,.07,.19,.97);animation:fade-in-reverse .8s cubic-bezier(.36,.07,.19,.97)}.is-sticky .golden-title{-webkit-transform:rotate(-90deg) translateX(-97%) translateY(-100%);transform:rotate(-90deg) translateX(-97%) translateY(-100%);padding-right:0;width:100%}@media (min-width:992px){.is-sticky .golden-title{width:150%;-webkit-transform:rotate(-90deg) translateX(-43%) translateY(0);transform:rotate(-90deg) translateX(-43%) translateY(0)}}.is-sticky .golden-title-detail{-webkit-transform:translateX(0) translateY(48%);transform:translateX(0) translateY(48%)}.main-content-wrapper{width:100%;order:1}@media (min-width:992px){.main-content-wrapper{order:0;width:61.8%}}.main-content{width:100%;font-size:1em;line-height:1.6em;padding-top:1.5em}@media (min-width:768px){.main-content{padding-top:0}}@media (min-width:992px){.main-content{padding-right:2.5em}}.golden-fixed,.main-content{font-size:14px}@media (min-width:768px){.golden-fixed,.main-content{font-size:15px}}@media (min-width:992px){.golden-fixed,.main-content{font-size:16px}}@media (min-width:1150px){.golden-fixed,.main-content{font-size:17px}}.logo-area{display:none;width:100%;padding-bottom:calc(45% - 4em)}@media (min-width:992px){.logo-area{display:block}}.golden-intro{margin-left:-1.2%;margin-bottom:-1.2%;display:none;-webkit-animation:fade-in 1s cubic-bezier(.36,.07,.19,.97);animation:fade-in 1s cubic-bezier(.36,.07,.19,.97)}@media (min-width:992px){.golden-intro{display:flex}}@media (min-width:992px){.mobile-logo{display:none}}.attention{text-decoration:underline}.mobile-greet{display:inline}@media (min-width:992px){.mobile-greet{display:none}}ul{padding-left:2em}.mountain-number{font-family:Montserrat,sans-serif;font-size:7em;font-weight:800;color:#ededed}.opener{display:inline}.ps-logo{font-size:1.8vw;margin:0;position:relative;padding:0 0 0 .8em;cursor:pointer;width:11em}@media (min-width:992px){.ps-logo{font-size:.9vw}}@media (min-width:1580px){.ps-logo{font-size:.86em}}.ps-logo:hover .line{-webkit-animation:logo-hover .2s linear;animation:logo-hover .2s linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}.logo-lower,.logo-upper{display:flex}.logo-upper{margin-bottom:.92em;padding-left:2.42em}.logo-lower .line:first-child{height:1.85em;margin-right:.67em}.logo-lower .line:last-child{height:3.03em}.line{padding:0;margin-top:0;height:2.78em;width:1.19em;background:#000;-webkit-transform:skew(-37deg) translateZ(0);transform:skew(-37deg) translateZ(0);-webkit-transform-origin:center center;transform-origin:center center;margin-right:1.14em;-webkit-animation:logo-intro .2s linear;animation:logo-intro .2s linear;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.logo-lower .line:first-child{-webkit-animation-delay:.28s;animation-delay:.28s}.logo-lower .line:last-child{-webkit-animation-delay:.35s;animation-delay:.35s}.logo-upper .line:first-child{-webkit-animation-delay:.07s;animation-delay:.07s}.logo-upper .line:nth-child(2){-webkit-animation-delay:.14s;animation-delay:.14s}.logo-upper .line:nth-child(3){-webkit-animation-delay:.21s;animation-delay:.21s}.logo-p{display:flex;-webkit-transform:skew(-37deg);transform:skew(-37deg);top:0;left:0;pointer-events:none}.logo-p,.p-line{position:absolute}.p-line{padding:0;background:grey;opacity:.5;transition:all .3s ease-out;-webkit-transform-origin:center center;transform-origin:center center}.p-line:first-child{margin-top:2.78em;margin-left:3.5em;height:.92em;width:4.64em;-webkit-transform:translate3d(-300%,0,0);transform:translate3d(-300%,0,0);opacity:0}.p-line:nth-child(2){margin-left:6.95em;height:2.78em;width:1.19em;-webkit-transform:translate3d(0,300%,0);transform:translate3d(0,300%,0);opacity:0}.p-line:nth-child(3){margin-top:-.92em;margin-left:4.6em;height:.92em;width:3.55em;-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0);opacity:0}.p-line:nth-child(4){margin-left:4.6em;height:6.73em;width:1.19em;-webkit-transform:translate3d(0,-300%,0);transform:translate3d(0,-300%,0);opacity:0}.ps-logo:hover .p-line{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;transition-delay:.2s}.logo-line-animated{-webkit-transform:skew(-37deg) translateZ(0);transform:skew(-37deg) translateZ(0);opacity:1}@-webkit-keyframes logo-intro{0%{opacity:0;-webkit-transform:skew(-37deg) translate3d(0,-300%,0);transform:skew(-37deg) translate3d(0,-300%,0)}to{opacity:1;-webkit-transform:skew(-37deg) translateZ(0);transform:skew(-37deg) translateZ(0)}}@keyframes logo-intro{0%{opacity:0;-webkit-transform:skew(-37deg) translate3d(0,-300%,0);transform:skew(-37deg) translate3d(0,-300%,0)}to{opacity:1;-webkit-transform:skew(-37deg) translateZ(0);transform:skew(-37deg) translateZ(0)}}@-webkit-keyframes logo-hover{0%{opacity:1;-webkit-transform:skew(-37deg) translateZ(0);transform:skew(-37deg) translateZ(0)}to{opacity:0;-webkit-transform:skew(-37deg) translate3d(0,300%,0);transform:skew(-37deg) translate3d(0,300%,0)}}@keyframes logo-hover{0%{opacity:1;-webkit-transform:skew(-37deg) translateZ(0);transform:skew(-37deg) translateZ(0)}to{opacity:0;-webkit-transform:skew(-37deg) translate3d(0,300%,0);transform:skew(-37deg) translate3d(0,300%,0)}}footer{position:absolute}.mountain-background{left:0;right:0;height:100vh;overflow:hidden;opacity:1;mix-blend-mode:multiply;z-index:0;background:url(/img/layer_1.png);background-repeat:no-repeat;background-size:cover;background-position:0 70%;pointer-events:none}.mountain-background,.mountain-piece{bottom:0;position:absolute;width:100%}#layer_2{z-index:2}#layer_3{z-index:3}#layer_4{z-index:4}#layer_5{z-index:5}#layer_6{z-index:6}#layer_7{z-index:7}#layer_8{z-index:8}#layer_9{z-index:9}#layer_10{z-index:10}#layer_11{z-index:11}#layer_12{z-index:12}#layer_13{z-index:13}#layer_14{z-index:14}.timeline-container{position:relative;display:flex;justify-content:space-evenly;width:100%;margin:.5em 0 2.5em}@media (min-width:1150px){.timeline-container{margin:3em 0}}.year-line{width:100%;display:none;position:absolute;top:0;left:0;overflow:hidden}@media (min-width:1150px){.year-line{display:block}}.year{height:24em;display:flex;margin-left:-.17em;-webkit-transform:translateX(30%);transform:translateX(30%);opacity:0;flex-direction:column;justify-content:space-evenly;transition:opacity .5s ease-in-out,-webkit-transform .7s ease-out;transition:opacity .5s ease-in-out,transform .7s ease-out;transition:opacity .5s ease-in-out,transform .7s ease-out,-webkit-transform .7s ease-out}.year.show-element{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.year-number{font-family:Montserrat,sans-serif;text-align:left;font-weight:700;font-size:11em;color:#f7f7f7}.timeline-events{width:100%;display:flex;flex-wrap:wrap}.timeline-event{position:relative;padding:1em 0}.timeline-row{width:100%}@media (min-width:1150px){.timeline-row{width:33.3333%}}.timeline-row:not(.mobile-row){display:none}@media (min-width:1150px){.timeline-row:not(.mobile-row){display:block}}@media (min-width:1150px){.mobile-row{display:none}}.show-element.timeline-event-text:after{height:100%}@media (max-width:1150px){.timeline-event{height:auto!important}}@media (min-width:1150px){.socialisten-marketing-developer{height:24em}.socialisten-leading-design{height:50em}.fuseon-art-direction{height:28em}.fuseon-tecnical-seo{height:38em}.internship{height:14em}}.timeline-event-sticky{height:100%;position:relative;border-left:2px solid #ededed}.timeline-event-sticky>div{top:1.2em}@media (min-width:1150px){.timeline-event-sticky>div{position:-webkit-sticky;position:sticky}}.timeline-event-text{padding-left:1em;padding-right:2em;position:relative;line-height:1.5em;margin-left:-3px}.timeline-event-text:after{content:"";position:absolute;top:0;left:0;height:0%;transition:height .8s cubic-bezier(.28,.86,.47,.99);border-left:4px solid #000}.show-element .timeline-event-date,.show-element .timeline-event-position{-webkit-animation:fade-in .4s cubic-bezier(.36,.07,.19,.97) backwards;animation:fade-in .4s cubic-bezier(.36,.07,.19,.97) backwards}.show-element .timeline-event-date{-webkit-animation-delay:.15s;animation-delay:.15s}.timeline-event-date{font-family:Montserrat,sans-serif;font-weight:600;font-size:.9em;color:#000;margin-top:.6em}.golden-svg{width:calc(100% - 4em);margin-top:2em;margin-left:auto;margin-right:auto;position:absolute;top:0;left:0;right:0;z-index:10;opacity:1;pointer-events:none;fill:none;-webkit-transform:rotate(-90deg) scale(1.618);transform:rotate(-90deg) scale(1.618);-webkit-transform-origin:72.3% 72.3%;transform-origin:72.3% 72.3%}@media (min-width:768px){.golden-svg{width:calc(100% - 6em);margin:3em}}@media (min-width:992px){.golden-svg{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}}.golden-spiral path{stroke:#000;stroke-width:1;stroke-dasharray:2231px;stroke-dashoffset:-2231px;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.golden-layout path{stroke:#000;stroke-width:.618;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@media (min-width:992px){.golden-layout path{stroke-width:1}}.golden-layout path:first-child{stroke-dasharray:11.3px;stroke-dashoffset:-11.3px}.golden-layout path:nth-child(2){stroke-dasharray:18.9px;stroke-dashoffset:-18.9px}.golden-layout path:nth-child(3){stroke-dasharray:7.6px;stroke-dashoffset:-7.6px}.golden-layout path:nth-child(4){stroke-dasharray:30.2px;stroke-dashoffset:-30.2px}.golden-layout path:nth-child(5){stroke-dasharray:49.1px;stroke-dashoffset:-49.1px}.golden-layout path:nth-child(6){stroke-dasharray:79.3px;stroke-dashoffset:-79.3px}.golden-layout path:nth-child(7){stroke-dasharray:128.4px;stroke-dashoffset:-128.4px}.golden-layout path:nth-child(8){stroke-dasharray:207.7px;stroke-dashoffset:-207.7px}.golden-layout path:nth-child(9){stroke-dasharray:336.4px;stroke-dashoffset:-336.4px}.golden-layout path:nth-child(10){stroke-dasharray:543.8px;stroke-dashoffset:-543.8px}.golden-layout path:nth-child(11){stroke-dasharray:2848.8px;stroke-dashoffset:-2848.8px}.layout-active .golden-layout path,.spiral-active .golden-spiral path{-webkit-animation-name:draw;animation-name:draw}.golden-rect{opacity:1}.golden-rect path{stroke:1px}.skills{display:flex;flex-wrap:wrap;transition:all .3s ease;margin:1.2em -1.5em}@media (min-width:992px){.skills{margin:2em -1.5em 4em}}.skill-item{width:50%;padding:1.3em 1.2em 0;justify-content:center}.skill-item svg{display:block;max-width:4.5em;padding:.8em 0;margin:0 auto}.skill-item svg,.skill-item svg line,.skill-item svg polygon,.skill-item svg polyline,.skill-item svg rect{fill:none;stroke:#000;stroke-width:2.7px}@media (min-width:1420px){.skill-item{width:33.3333%}}.skill-item-description{text-align:center}.skill-item-description h2{width:100%;font-family:Montserrat,sans-serif;text-align:center;font-size:.9em;font-weight:800;text-transform:uppercase;line-height:1.4em;color:#000}.skill-item-description h2 span:before{content:"\A";white-space:pre}.contact{width:100%;display:flex;flex-wrap:wrap;margin-top:2em}.contact-left{width:38.2%;color:#757575}.contact-right{width:61.8%;color:#000;font-weight:700}.contact-right .contact-item a,.contact-right .contact-item span{display:inline-block;-webkit-animation:fade-in 1s cubic-bezier(.36,.07,.19,.97) backwards;animation:fade-in 1s cubic-bezier(.36,.07,.19,.97) backwards}.contact-left .contact-item:not(.contact-socials){-webkit-animation:fade-in 1s cubic-bezier(.36,.07,.19,.97) both;animation:fade-in 1s cubic-bezier(.36,.07,.19,.97) both}.contact-active .contact-right .contact-item:not(.contact-socials){-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97);animation:shake .82s cubic-bezier(.36,.07,.19,.97)}.contact-active .contact-right .contact-item:first-child,.contact-left .contact-item:first-child,.contact-right .contact-item:first-child span{-webkit-animation-delay:.08s;animation-delay:.08s}.contact-active .contact-right .contact-item:nth-child(2),.contact-left .contact-item:nth-child(2),.contact-right .contact-item:nth-child(2) a{-webkit-animation-delay:.16s;animation-delay:.16s}.contact-active .contact-right .contact-item:nth-child(3),.contact-left .contact-item:nth-child(3),.contact-right .contact-item:nth-child(3) a{-webkit-animation-delay:.24s;animation-delay:.24s}.contact-active .contact-right .contact-item:nth-child(4),.contact-left .contact-item:nth-child(4),.contact-right .contact-item:nth-child(4) span{-webkit-animation-delay:.32s;animation-delay:.32s}.contact-item{padding:0 0 .8em}a:not(.social-icon){display:inline-block;color:#000;transition:all .25s cubic-bezier(.36,.07,.19,.97)}a:not(.social-icon):active,a:not(.social-icon):focus,a:not(.social-icon):hover{-webkit-transform:translateX(4%);transform:translateX(4%)}.social-bar{width:100%;display:flex;justify-content:flex-start;margin-top:.7em}.contact-socials{display:none}@media (min-width:992px){.contact-socials{display:flex}}.social-mobile{padding:1.2em 0 1.3em}@media (min-width:992px){.social-mobile{display:none}}.social-bar svg{display:block;transition:all .3s cubic-bezier(.36,.07,.19,.97)}.social-bar a{width:2.3em;height:2.3em;border:2px solid #ededed;border-radius:50%;padding:.4em;margin-right:1em;transition:all .4s cubic-bezier(.36,.07,.19,.97);box-shadow:0 0 0 0 transparent;-webkit-animation:fade-in-opac 1s cubic-bezier(.36,.07,.19,.97) both;animation:fade-in-opac 1s cubic-bezier(.36,.07,.19,.97) both}@media (min-width:992px){.social-bar a{margin-right:.4em}}@media (min-width:1150px){.social-bar a{margin-right:1em}}.social-bar a:active,.social-bar a:focus,.social-bar a:hover{background:#000;box-shadow:5px 5px 40px 0 rgba(0,0,0,.3);border-color:#000}.social-bar a:active svg,.social-bar a:focus svg,.social-bar a:hover svg{fill:#fff}.social-bar a:nth-child(4){-webkit-animation-delay:.5s;animation-delay:.5s}.social-bar a:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}.social-bar a:nth-child(2){-webkit-animation-delay:.7s;animation-delay:.7s}.social-bar a:first-child{-webkit-animation-delay:.8s;animation-delay:.8s}.work-logos{display:flex;font-size:6px;padding:4em 0;width:100%;overflow:hidden}@media (min-width:768px){.work-logos{font-size:8px}}.work-logo{width:25%;display:flex;align-items:center;margin-right:2em}.work-logo .ps-logo{font-size:.8em}@media (min-width:1420px){.work-logo{width:15%}}.raumteiler-logo{width:6.5em;overflow:visible}.brew-wrapper{margin-top:-15%}.walls-logo{cursor:pointer;width:6.5em;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.walls-logo:active,.walls-logo:focus,.walls-logo:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.walls-logo .logo-img{width:100%;height:100%;transition-duration:.25s;display:block}.walls-logo .logo-white{fill:#00222d}.walls-logo .logo-signal{fill:#f3b200}.brew-wrapper *{box-sizing:content-box!important}.logo-glas{display:flex;position:relative;width:3.905em;height:4.8em;border-top:.313em solid #2b1800;border-right:.313em solid #2b1800;border-left:.313em solid #2b1800;border-top-left-radius:.781em}.logo-glas:before{content:"";display:block;position:absolute;bottom:-.5em;left:-.313em;width:calc(100% + 3px);height:.8em;border-left:.313em solid #2b1800}.logo-handle{position:absolute;right:-1.4em;width:.85em;height:1.25em;border-top:.313em solid #2b1800;border-bottom:.313em solid #2b1800;-webkit-transform:translateY(70%);transform:translateY(70%)}.logo-handle:after{top:-.315em;-webkit-transform:skew(-19deg,0deg);transform:skew(-19deg,0deg)}.logo-handle:after,.logo-handle:before{content:"";display:block;position:absolute;right:0;background:#2b1800;width:.35em;height:.925em}.logo-handle:before{bottom:-.3em;-webkit-transform:skew(19deg,0deg);transform:skew(19deg,0deg)}.logo-beer-container{position:absolute;left:.313em;bottom:.535em;overflow:hidden;width:calc(100% - .625em);height:100%}.logo-page{bottom:-.525em;-webkit-transform:translate(-.315em,50%);transform:translate(-.315em,50%);width:calc(100% + .313em);height:.85em;border-top:.313em solid #2b1800;border-bottom:.313em solid #2b1800;border-left:.313em solid #2b1800;border-top-left-radius:.781em;border-bottom-left-radius:.781em}.logo-page,.logo-page:after{display:block;position:absolute}.logo-page:after{content:"";left:.313em;top:.3em;background:#2b1800;width:calc(100% - .626em);height:.313em;border-top-left-radius:.938em;border-bottom-left-radius:.938em}.logo-beer{position:absolute;height:70%;width:100%;bottom:0;margin-top:auto;background:#eaad21}.logo-beer:after{left:-1.5em;top:-9%;-webkit-animation:rotate 11s linear infinite;animation:rotate 11s linear infinite;animation-direction:reverse}.logo-beer:before{left:0;top:-9%;-webkit-animation:rotate 7s linear infinite;animation:rotate 7s linear infinite}.logo-beer:after,.logo-beer:before{content:"";background:#eaad21;position:absolute;width:5em;height:5em;border-radius:2.188em}.logo-bubble-1{bottom:40%;left:30%;width:.5em;height:.5em;-webkit-animation:floating 2s ease-in infinite;animation:floating 2s ease-in infinite}.logo-bubble-1,.logo-bubble-2{position:absolute;border-radius:50%}.logo-bubble-2{bottom:62%;left:47%;width:.7em;height:.7em;-webkit-animation:floating 3s ease-in infinite;animation:floating 3s ease-in infinite}.logo-bubble-3{position:absolute;bottom:22%;left:48%;width:.3em;height:.3em;border-radius:50%;-webkit-animation:floating 1s ease-in infinite;animation:floating 1s ease-in infinite}.logo-bubble-1,.logo-bubble-2,.logo-bubble-3{bottom:-20%;z-index:1;background:hsla(0,0%,100%,.7)}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes floating{0%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:0}20%{opacity:1}90%{opacity:0}to{-webkit-transform:translateY(-800%) scale(.4);transform:translateY(-800%) scale(.4);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}}@keyframes floating{0%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:0}20%{opacity:1}90%{opacity:0}to{-webkit-transform:translateY(-800%) scale(.4);transform:translateY(-800%) scale(.4);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}}.brand-items{width:calc(100% + 4em);margin:1.5em -2em;display:flex;flex-wrap:wrap}@media (min-width:576px){.brand-items{width:calc(100% + 6.8em);margin:1.5em -3.4em}}@media (min-width:992px){.brand-items{width:calc(100% + 3.6em);margin:2em -1.8em}}.brand-item{opacity:0;width:33.33333%;padding:0 3em;margin:1.2em 0;align-items:center}@media (min-width:1150px){.brand-item{width:25%}}@media (min-width:992px){.brand-item{margin:2em 0;padding:0 2em}}.brand-item img{width:100%;height:100%;display:block;opacity:.3;-o-object-fit:contain;object-fit:contain}.show-element .brand-item{-webkit-animation:fade-in-bottom .3s cubic-bezier(.36,.07,.19,.97) forwards;animation:fade-in-bottom .3s cubic-bezier(.36,.07,.19,.97) forwards}.brand-item:first-of-type{-webkit-animation-delay:.1s;animation-delay:.1s}.brand-item:nth-of-type(2){-webkit-animation-delay:.2s;animation-delay:.2s}.brand-item:nth-of-type(3){-webkit-animation-delay:.3s;animation-delay:.3s}.brand-item:nth-of-type(4){-webkit-animation-delay:.4s;animation-delay:.4s}.brand-item:nth-of-type(5){-webkit-animation-delay:.5s;animation-delay:.5s}.brand-item:nth-of-type(6){-webkit-animation-delay:.6s;animation-delay:.6s}.brand-item:nth-of-type(7){-webkit-animation-delay:.7s;animation-delay:.7s}.brand-item:nth-of-type(8){-webkit-animation-delay:.8s;animation-delay:.8s}.brand-item:nth-of-type(9){-webkit-animation-delay:.9s;animation-delay:.9s}.brand-item:nth-of-type(10){-webkit-animation-delay:1s;animation-delay:1s}.brand-item:nth-of-type(11){-webkit-animation-delay:1.1s;animation-delay:1.1s}.brand-item:nth-of-type(12){-webkit-animation-delay:1.2s;animation-delay:1.2s}@-webkit-keyframes draw{0%{opacity:1}50%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}@keyframes draw{0%{opacity:1}50%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}@-webkit-keyframes paper-rise{0%{-webkit-transform:translateY(3em);transform:translateY(3em);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes paper-rise{0%{-webkit-transform:translateY(3em);transform:translateY(3em);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@-webkit-keyframes fade-in{0%{-webkit-transform:translateX(20%);transform:translateX(20%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in{0%{-webkit-transform:translateX(20%);transform:translateX(20%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes fade-in-reverse{0%{-webkit-transform:translateX(-20%);transform:translateX(-20%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-reverse{0%{-webkit-transform:translateX(-20%);transform:translateX(-20%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(20%);transform:translateY(20%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in-opac{0%{opacity:0}to{opacity:1}}@keyframes fade-in-opac{0%{opacity:0}to{opacity:1}}