html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.as:active{-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-ms-transform:translateY(1px);-o-transform:translateY(1px);transform:translateY(1px)}a{text-decoration:none}img{border:none}pre>code{overflow-x:auto;max-width:100%;display:block}input,textarea,select{max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px}input[type="text"],input[type="search"],button{-webkit-appearance:none}img,video,iframe{max-width:100%}.uncollapse:before,.uncollapse:after{content:"\00a0";display:block;overflow:hidden;height:0}.uc{text-transform:uppercase}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.as:active{-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-ms-transform:translateY(1px);-o-transform:translateY(1px);transform:translateY(1px)}.text-center{text-align:center}.text-left{text-align:left}article,menu,nav,header,footer{display:block}html,body{height:100%}body{color:#3C3B3B;font-family:"Open sans", sans-serif;overflow-x:hidden}body.fade-out{opacity:0;-webkit-animation:fade 0.54s reverse;-moz-animation:fade 0.54s reverse;-o-animation:fade 0.54s reverse;animation:fade 0.54s reverse}body.fade-out .section-portfolio{-webkit-animation:scaleOut 0.6s;-moz-animation:scaleOut 0.6s;-o-animation:scaleOut 0.6s;animation:scaleOut 0.6s}.link{display:inline-block;text-decoration:none;position:relative;-webkit-transition:background-color 0.3s;-o-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition:background-color 0.3s}.link:after{content:" ";display:block;width:100%;position:absolute;height:1px;background-color:#a1e2ea;left:0;bottom:0;opacity:0.5;-webkit-transform:opacity 0.3s;-moz-transform:opacity 0.3s;-ms-transform:opacity 0.3s;-o-transform:opacity 0.3s;transform:opacity 0.3s}@media (min-width: 1025px){.link{-webkit-transition:background-color 0.12s;-o-transition:background-color 0.12s;-moz-transition:background-color 0.12s;transition:background-color 0.12s}.link:hover{background-color:rgba(161,226,234,0.29)}.link:hover:after{opacity:1}.link:active{-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-ms-transform:translateY(1px);-o-transform:translateY(1px);transform:translateY(1px)}}.text-wrapper{font-size:18px;font-weight:300;max-width:550px;margin:0 auto;text-align:center;color:#676767;line-height:1.5em}blockquote{border-left:3px solid #a1e2ea;padding-left:16px;line-height:1.6;margin:2em -100px 2em 16px}@media all and (max-width: 1080px){blockquote{margin:2em 0 2em 16px}}@media all and (max-width: 680px){.text-wrapper{font-size:21px}.text-wrapper p{margin-right:10px;margin-left:10px}}@media all and (max-width: 365px){.text-wrapper{font-size:18px}}.bg-black{background-color:#232323 !important;color:#fff}.bg-light-grey{background-color:#f3f4f6 !important}.bg-blue{background-color:#8bc7c7 !important;color:#fff}.black{color:#232323}.white{color:#fff}.blue{color:#8bc7c7}@-webkit-keyframes fade{from{opacity:0}to{opacity:1}}@-moz-keyframes fade{from{opacity:0}to{opacity:1}}@-o-keyframes fade{from{opacity:0}to{opacity:1}}@keyframes fade{from{opacity:0}to{opacity:1}}@-webkit-keyframes blockFade{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@-moz-keyframes blockFade{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@-o-keyframes blockFade{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes blockFade{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@-webkit-keyframes scaleIn{from{opacity:0;-webkit-transform:scale(0.95);transform:scale(0.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes scaleIn{from{opacity:0;-moz-transform:scale(0.95);transform:scale(0.95)}to{opacity:1;-moz-transform:scale(1);transform:scale(1)}}@-o-keyframes scaleIn{from{opacity:0;-o-transform:scale(0.95);transform:scale(0.95)}to{opacity:1;-o-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{from{opacity:0;-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95)}to{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-webkit-keyframes scaleOut{from{-webkit-transform:scale(1) translate3d(0, 0, 1px);transform:scale(1) translate3d(0, 0, 1px)}to{-webkit-transform:scale(1.02) translate3d(0, 0, 1px);transform:scale(1.02) translate3d(0, 0, 1px)}}@-moz-keyframes scaleOut{from{-moz-transform:scale(1) translate3d(0, 0, 1px);transform:scale(1) translate3d(0, 0, 1px)}to{-moz-transform:scale(1.02) translate3d(0, 0, 1px);transform:scale(1.02) translate3d(0, 0, 1px)}}@-o-keyframes scaleOut{from{transform:scale(1) translate3d(0, 0, 1px)}to{transform:scale(1.02) translate3d(0, 0, 1px)}}@keyframes scaleOut{from{-webkit-transform:scale(1) translate3d(0, 0, 1px);-moz-transform:scale(1) translate3d(0, 0, 1px);transform:scale(1) translate3d(0, 0, 1px)}to{-webkit-transform:scale(1.02) translate3d(0, 0, 1px);-moz-transform:scale(1.02) translate3d(0, 0, 1px);transform:scale(1.02) translate3d(0, 0, 1px)}}@-webkit-keyframes slideUp{from{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes slideUp{from{opacity:0;-moz-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}@-o-keyframes slideUp{from{opacity:0;-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{from{opacity:0;-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@media (min-width: 1025px){.animate{opacity:0}.animate--active{-webkit-animation:fade 1s;-moz-animation:fade 1s;-o-animation:fade 1s;animation:fade 1s;opacity:1}.animate--scale.animate--active{-webkit-animation:scaleIn 1s;-moz-animation:scaleIn 1s;-o-animation:scaleIn 1s;animation:scaleIn 1s}.animate--slide.animate--active{-webkit-animation:slideUp 1.3s;-moz-animation:slideUp 1.3s;-o-animation:slideUp 1.3s;animation:slideUp 1.3s}.no-animation .animate{opacity:1;-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}}.header{position:absolute;left:0;top:0;width:100%}.language-switcher{position:absolute;right:15px;z-index:1;top:10px;color:#fff}@media all and (max-width: 800px){.full-screen .language-switcher{display:none}}.section-hero{background-color:#2b2b2b;background:-webkit-gradient(linear, left top, right bottom, from(#1a1e2f), to(#151417));background:-webkit-linear-gradient(top left, #1a1e2f 0%, #151417 100%);background:-moz-linear-gradient(top left, #1a1e2f 0%, #151417 100%);background:-o-linear-gradient(top left, #1a1e2f 0%, #151417 100%);background:linear-gradient(to bottom right, #1a1e2f 0%, #151417 100%);padding-bottom:45%;position:relative;overflow:hidden}#interactives{position:absolute;width:100%;height:100%;z-index:0;left:0;top:0}.section-hero iframe{border:none;position:absolute;width:100%;height:100%;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.section-hero__content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:260px;z-index:2}.hide-slogan .section-hero__content{opacity:0;z-index:0}.slogan{border-top:1px solid #000;padding-top:20px;margin:20px 0 0;color:#2b2b2b;font-size:21px;min-width:250px;font-weight:300;line-height:1.2;text-align:center;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.slogan.bright{color:#fff}.hide-slogan>.slogan{-webkit-animation:hideSlogan 1s;-moz-animation:hideSlogan 1s;-o-animation:hideSlogan 1s;animation:hideSlogan 1s;-webkit-transform:translate(600px, 100%);-moz-transform:translate(600px, 100%);-ms-transform:translate(600px, 100%);-o-transform:translate(600px, 100%);transform:translate(600px, 100%);opacity:0}@-webkit-keyframes hideSlogan{0%{-webkit-transform:translate(0, 0);opacity:1}80%{opacity:0}100%{-webkit-transform:translate(600px, 400px);opacity:0}}@-moz-keyframes hideSlogan{0%{-moz-transform:translate(0, 0);transform:translate(0, 0);opacity:1}80%{opacity:0}100%{-moz-transform:translate(600px, 400px);transform:translate(600px, 400px);opacity:0}}@-o-keyframes hideSlogan{0%{-o-transform:translate(0, 0);transform:translate(0, 0);opacity:1}80%{opacity:0}100%{-o-transform:translate(600px, 400px);transform:translate(600px, 400px);opacity:0}}@keyframes hideSlogan{0%{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);opacity:1}80%{opacity:0}100%{-webkit-transform:translate(600px, 400px);-moz-transform:translate(600px, 400px);-o-transform:translate(600px, 400px);transform:translate(600px, 400px);opacity:0}}.slogan-interactive-container{position:relative;display:inline-block;vertical-align:top;font-weight:500}.slogan-interactive-container.wiggle{-webkit-animation:wiggle 5s;-moz-animation:wiggle 5s;-o-animation:wiggle 5s;animation:wiggle 5s}.slogan-interactive-container.wiggle-delay{-webkit-animation:wiggle 5s;-webkit-animation-delay:3s;-moz-animation:wiggle 5s;-o-animation:wiggle 5s;animation:wiggle 5s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s}.slogan-interactive{display:inline-block;cursor:pointer;-webkit-transition:color 0.12s;-moz-transition:color 0.12s;-o-transition:color 0.12s;transition:color 0.12s;z-index:10}.slogan-interactive:hover{color:#19A59F}@-webkit-keyframes sloganToWhite{from{color:#2b2b2b}to{color:#ffffff}}@-webkit-keyframes sloganToBlack{from{color:#fff}to{color:#2b2b2b}}@-moz-keyframes sloganToBlack{from{color:#fff}to{color:#2b2b2b}}@-o-keyframes sloganToBlack{from{color:#fff}to{color:#2b2b2b}}@keyframes sloganToBlack{from{color:#fff}to{color:#2b2b2b}}@-webkit-keyframes sloganToWhite{from{color:#2b2b2b}to{color:#ffffff}}@keyframes sloganToBlack{from{color:#fff}to{color:#2b2b2b}}.slogan-mascot{display:block;width:40px;height:23px;top:-23px;left:64px;-moz-background-size:40px 23px;-o-background-size:40px 23px;background-size:40px 23px;-webkit-transition:transform 0.9s;-moz-transition:transform 0.9s;-o-transition:transform 0.9s;-webkit-transition:-webkit-transform 0.9s;transition:-webkit-transform 0.9s;-o-transition:-o-transform 0.9s;-moz-transition:transform 0.9s, -moz-transform 0.9s;transition:transform 0.9s;transition:transform 0.9s, -webkit-transform 0.9s, -moz-transform 0.9s, -o-transform 0.9s;position:absolute}.slogan-mascot.animate{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.slogan-mascot.hide,.interacted>.slogan-mascot{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px)}@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(0deg)}45%{-webkit-transform:rotate(0deg)}48%{-webkit-transform:rotate(3deg)}52%{-webkit-transform:rotate(-3deg)}55%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes wiggle{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}45%{-moz-transform:rotate(0deg);transform:rotate(0deg)}48%{-moz-transform:rotate(3deg);transform:rotate(3deg)}52%{-moz-transform:rotate(-3deg);transform:rotate(-3deg)}55%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(0deg);transform:rotate(0deg)}}@-o-keyframes wiggle{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}45%{-o-transform:rotate(0deg);transform:rotate(0deg)}48%{-o-transform:rotate(3deg);transform:rotate(3deg)}52%{-o-transform:rotate(-3deg);transform:rotate(-3deg)}55%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wiggle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}45%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}48%{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}52%{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}55%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}}.hero-toolbar{z-index:100;position:absolute;bottom:15px;right:15px;text-align:center}.toolbar-button{display:inline-block;vertical-align:middle;opacity:0.2;-webkit-transition:opacity 0.12s;-moz-transition:opacity 0.12s;-o-transition:opacity 0.12s;transition:opacity 0.12s;cursor:pointer}.hide-slogan .toolbar-button{opacity:0.6}.toolbar-button:hover{opacity:1}.toolbar-button-next{border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:25px solid #fff}.toolbar-button-stop{width:26px;height:26px;margin:0 10px;background-color:#fff}.toolbar-button-previous{border-top:13px solid transparent;border-bottom:13px solid transparent;border-right:25px solid #fff;margin-right:5px}@media all and (max-width: 800px){.section-hero{padding-bottom:0;height:500px;height:100vh}.slogan{font-size:28px}.slogan-interactive-container{width:148px}.toolbar-button-next{border-top:23px solid transparent;border-bottom:23px solid transparent;border-left:35px solid #fff}.toolbar-button-previous{border-top:23px solid transparent;border-bottom:23px solid transparent;border-right:35px solid #fff;margin-right:10px}.section-hero__content{max-width:320px}}@media all and (max-width: 610px){.slogan{font-size:26px}.slogan-interactive-container{width:137px;height:34px}.slogan-mascot{left:55px}}@media all and (max-width: 400px){.slogan{font-size:23px}.slogan-mascot{left:50px}.slogan-interactive-container{width:123px;height:30px}}#logo{width:135px;height:77.56px;display:block;margin:0 auto}#logo>path{fill:#2b2b2b;-webkit-transition:fill 0.12s;-o-transition:fill 0.12s;-moz-transition:fill 0.12s;transition:fill 0.12s}.logo.bright path{fill:#fff !important}.section__heading{color:#4d4d4d;font-weight:300;text-align:center;margin-top:0;font-size:26px}.section__heading.big{font-size:36px}.section__heading.bright{color:#fff}@media all and (max-width: 680px){.section__heading{font-size:28px}.section__heading.big{font-size:34px}}.section-who{padding:120px 0 40px}@media all and (max-width: 365px){.section-who{padding:40px 0}}.team-members{text-align:center;margin-top:30px}.team-member{display:inline-block;vertical-align:top;margin:12px;-webkit-filter:grayscale(1);filter:grayscale(1)}.team-member__figure{width:165px;height:191.1px}.team-member__name{margin:0;text-transform:uppercase;font-weight:300;letter-spacing:0.02em;font-size:18px}.team-member__title{margin:0 0 5px;font-weight:300;font-size:14px;color:#bbb}.team-member__contact{margin:0;font-weight:300;font-size:14px}@media (max-width: 980px){.team-member.placeholder{display:block;height:0}}@media (max-width: 600px){.team-member{display:block}.team-member__figure,.team-member__content{display:inline-block;vertical-align:middle}.team-member__content{text-align:left;margin-left:20px;width:105px}}@media (max-width: 400px){.team-member__figure{width:145px;height:167.936px}.team-member__content{margin-left:14px}}.section-portfolio{position:relative;padding:60px 0 60px;background:-webkit-gradient(linear, left top, right top, from(#241d21), to(#081826));background:-webkit-linear-gradient(left, #241d21, #081826);background:-moz-linear-gradient(left, #241d21, #081826);background:-o-linear-gradient(left, #241d21, #081826);background:linear-gradient(to right, #241d21, #081826);-webkit-box-shadow:inset 0 0 60px rgba(0,0,0,0.02);-moz-box-shadow:inset 0 0 60px rgba(0,0,0,0.02);box-shadow:inset 0 0 60px rgba(0,0,0,0.02);text-align:center}.section-portfolio .section-heading{color:#fff}.portfolio-item{display:inline-block;vertical-align:top;margin:12px;-webkit-filter:drop-shadow(0px 0px 24px rgba(0,0,0,0.1));filter:drop-shadow(0px 0px 24px rgba(0,0,0,0.1));will-change:transform;cursor:pointer}.portfolio-item>svg{width:165px;height:191.1px}@media (min-width: 1025px){.portfolio-item{-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;-o-transition:-o-transform 0.2s;-moz-transition:transform 0.2s, -moz-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.2s}.portfolio-item:hover{-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);transform:scale(1.04)}}.portfolio-background{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.portfolio-fg{position:relative;z-index:2}.portfolio-item-text{line-height:1.5;opacity:0;display:none}.portfolio-cta{display:inline-block;padding:1.2em 2.8em;margin:20px auto 0;text-align:center;color:#fff;background-color:rgba(255,255,255,0.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}@media (min-width: 1025px){.portfolio-cta{-webkit-transition:background-color 0.12s;-o-transition:background-color 0.12s;-moz-transition:background-color 0.12s;transition:background-color 0.12s}.portfolio-cta:hover{background-color:rgba(255,255,255,0.3)}}.portfolio-cta:active{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none;background-color:rgba(255,255,255,0.2)}@media (max-width: 960px){.portfolio-items{max-width:568px;margin:0 auto}.portfolio-item:nth-child(n+4){margin-top:-46px}}@media (max-width: 585px){.portfolio-items{max-width:564px;margin:0 auto}.portfolio-item:nth-child(3){display:block;margin:-46px auto 0}.portfolio-item:nth-child(n+4){margin-top:-36px}}@media (max-width: 400px){.portfolio-item>svg{width:114.478px;height:133.518px}.portfolio-item:nth-child(3){display:block;margin:-36px auto 0}.portfolio-item:nth-child(n+4){margin-top:-26px}}.section-stats{padding:40px 0;background:#fff}.stats{text-align:center}.stat{display:inline-block;vertical-align:top;margin:0 40px;position:relative;min-width:242px;text-align:left}.stat-image{width:80px;height:80px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:3px solid;display:inline-block;vertical-align:middle;margin-right:10px;background-color:#f0f1f2}.stat-coffee>.stat-image{border-color:#7ec9cd}.ico-coffee{width:54px;height:47px;background-image:url("../img/ico-coffee.gif");background-repeat:no-repeat;margin:14px 14px 0}.stat-tea>.stat-image{border-color:#95cb78}.ico-tea{width:38px;height:41px;background-image:url("../img/ico-tea.gif");background-repeat:no-repeat;margin:20px 24px 0}.stat-beer>.stat-image{border-color:#fec741}.stat-text{display:inline-block;vertical-align:middle}.stat-heading{margin:0;font-weight:300;font-size:22px}.stat-result{margin:-6px 0 0;font-size:34px}.stat-chart{width:440px;height:220px;background-color:#fff;position:absolute;top:-275px;left:-181px;-webkit-box-shadow:4px 4px 20px rgba(0,0,0,0.2);-moz-box-shadow:4px 4px 20px rgba(0,0,0,0.2);box-shadow:4px 4px 20px rgba(0,0,0,0.2);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:-webkit-transform 0.5s;-moz-transition:transform 0.5s, -moz-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s;-webkit-transform-origin:227px 260px;-moz-transform-origin:227px 260px;-ms-transform-origin:227px 260px;-o-transform-origin:227px 260px;transform-origin:227px 260px;padding:6px 14px 35px;z-index:3}.stat-canvas-container{max-width:100%;max-height:100%}.stat-chart:after{content:" ";display:block;position:absolute;border-right:12px solid transparent;border-left:12px solid transparent;border-top:12px solid #7ec9cd;border-bottom-color:#7ec9cd;bottom:-12px;left:212px}.stat-tea .stat-chart:after{border-top:12px solid #95cb78;border-bottom-color:#95cb78}.stat-beer .stat-chart:after{border-top:12px solid #fec741;border-bottom-color:#fec741}.stat:hover .stat-chart{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.stat-legend{position:absolute;width:100%;left:0;bottom:4px;text-align:center}.legend-item{display:inline-block;vertical-align:top;font-size:13px;color:#aaa;margin-left:20px}.legend-item:first-of-type{margin-left:0}.legend-item-color{width:8px;height:8px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;display:inline-block;vertical-align:middle;margin-right:5px}@media all and (max-width: 950px){.stat-coffee .stat-chart{left:0}.stat-coffee .stat-chart:after{left:32px}.stat-tea .stat-chart{left:auto;right:0}.stat-tea .stat-chart:after{left:auto;right:188px}}@media all and (max-width: 680px){.stat{margin:0 auto;display:block;width:auto;text-align:center}.stat-text{text-align:left;min-width:142px}.stat-canvas-container{height:100%;margin-bottom:30px}.stat-chart{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-top:14px;position:relative;top:0;width:auto;height:auto;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);max-height:0;overflow:hidden;padding:0;-webkit-transition:max-height 1s;-moz-transition:max-height 1s;-o-transition:max-height 1s;transition:max-height 1s;margin-bottom:30px}.stat.expanded .stat-chart{max-height:370px}.stat-chart:after,.stat-coffee .stat-chart:after,.stat-tea .stat-chart:after{left:50%;border-top:none;border-bottom-width:12px;border-bottom-style:solid;bottom:auto;top:-12px}}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.ico-coffee{background-image:url("../img/ico-coffee.svg");-moz-background-size:100%;-o-background-size:100%;background-size:100%}.ico-tea{height:42px;background-image:url("../img/ico-tea.svg");-moz-background-size:100%;-o-background-size:100%;background-size:100%}}