@charset "UTF-8";@font-face{font-family:'tapunit-icons';src:url("../../fonts/tapunit-icons/tapunit-icons.eot");src:url("../../fonts/tapunit-icons/tapunit-icons.eot?#iefix") format("embedded-opentype"),url("../../fonts/tapunit-icons/tapunit-icons.woff2") format("woff2"),url("../../fonts/tapunit-icons/tapunit-icons.woff") format("woff"),url("../../fonts/tapunit-icons/tapunit-icons.ttf") format("truetype"),url("../../fonts/tapunit-icons/tapunit-icons.svg#tapunit-icons") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Helvetica Neue';src:url("../../fonts/helvetica-neue/helveticaneue-bold.eot");src:url("../../fonts/helvetica-neue/helveticaneue-bold.eot?#iefix") format("embedded-opentype"),url("../../fonts/helvetica-neue/helveticaneue-bold.woff2") format("woff2"),url("../../fonts/helvetica-neue/helveticaneue-bold.woff") format("woff"),url("../../fonts/helvetica-neue/helveticaneue-bold.ttf") format("truetype"),url("../../fonts/helvetica-neue/helveticaneue-bold.svg#helveticaneue-bold") format("svg");font-weight:bold;font-style:normal}.ie9 .gradient{filter:none}.gradient.black-blue{background:#092747;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiMwOTI3NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwNzE1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-radial-gradient(center, ellipse cover, #092747 5%, #000715 100%);background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(5%, #092747), color-stop(100%, #000715));background:-webkit-radial-gradient(center, ellipse cover, #092747 5%, #000715 100%);background:-o-radial-gradient(center, ellipse cover, #092747 5%, #000715 100%);background:-ms-radial-gradient(center, ellipse cover, #092747 5%, #000715 100%);background:radial-gradient(ellipse at center, #092747 5%, #000715 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#092747', endColorstr='#000715',GradientType=1 )}.gradient.light-blue-white{background:#eaedef;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNlYmVlZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjRiZWM4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-radial-gradient(center, ellipse cover, #eaedef 0%, #b4bec8 100%);background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #eaedef), color-stop(100%, #b4bec8));background:-webkit-radial-gradient(center, ellipse cover, #eaedef 0%, #b4bec8 100%);background:-o-radial-gradient(center, ellipse cover, #eaedef 0%, #b4bec8 100%);background:-ms-radial-gradient(center, ellipse cover, #eaedef 0%, #b4bec8 100%);background:radial-gradient(ellipse at center, #eaedef 0%, #b4bec8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaedef', endColorstr='#b4bec8',GradientType=1 )}.gradient.transparent-white{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.75) 15%, rgba(237,237,237,0) 100%);background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(15%, rgba(255,255,255,0.75)), color-stop(100%, rgba(237,237,237,0)));background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.75) 15%, rgba(237,237,237,0) 100%);background:-o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.75) 15%, rgba(237,237,237,0) 100%);background:-ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.75) 15%, rgba(237,237,237,0) 100%);background:radial-gradient(ellipse at center, rgba(255,255,255,0.75) 15%, rgba(237,237,237,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ededed',GradientType=1 )}.icon{font-family:'tapunit-icons';font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon.facebook:before{content:"\66"}.icon.linkedin:before{content:"\6c"}.icon.pinterest:before{content:"\70"}.icon.tapunit:before{content:"\75"}.icon.twitter:before{content:"\74"}.icon.arrow:before{content:"\64"}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:'\201C' '\201D' '\2018' '\2019'}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type='button'],input[type='reset'],input[type='submit']{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type='checkbox'],input[type='radio']{box-sizing:border-box;padding:0}input[type='search']{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body{background:#f0f0f0;color:#000;font-family:'Open Sans', sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul{list-style:none;margin:0;padding:0}img{max-width:100%}.tablet-portrait,.tablet-portrait-landscape,.tablet-portrait-landscape-desktop,.tablet-portrait-landscape-desktop-large,.tablet-landscape,.tablet-landscape-desktop,.tablet-landscape-desktop-desktop-large,.desktop,.desktop-large{display:none}@media all and (min-width: 660px){.tablet-portrait,.tablet-portrait-landscape,.tablet-portrait-landscape-desktop,.tablet-portrait-landscape-desktop-large{display:block}.mobile{display:none}}@media all and (min-width: 920px){.tablet-landscape,.tablet-portrait-landscape,.tablet-landscape-desktop,.tablet-landscape-desktop-desktop-large{display:block}.tablet-portrait{display:none}}@media all and (min-width: 1120px){.desktop{display:block}.tablet-landscape,.tablet-portrait-landscape,.tablet-portrait-landscape-desktop-large{display:none}}@media all and (min-width: 1320px){.desktop-large,.tablet-portrait-landscape-desktop-large{display:block}.tablet-landscape-desktop,.tablet-portrait-landscape-desktop,.desktop{display:none}}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.height-helper{width:0;display:inline-block;visibility:hidden;content:' '}#app{width:100%;height:100%;position:absolute}body,.view-container{-webkit-transition:background 1.5s 0.8s ease-out;-moz-transition:background 1.5s 0.8s ease-out;-ms-transition:background 1.5s 0.8s ease-out;-o-transition:background 1.5s 0.8s ease-out;transition:background 1.5s 0.8s ease-out}.view-container{width:100%;min-height:100%;background:#f0f0f0;position:absolute;top:60px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.view-container.home{top:0}@media all and (min-width: 660px){.view-container{top:75px}}.view{width:300px;margin:auto}.explore-works{width:300px;margin:auto}.cover{width:100%}@media all and (min-width: 660px){.view,.explore-works,footer{width:640px}}@media all and (min-width: 920px){.view,.explore-works,footer{width:900px}.tu-home .view{max-width:none}}@media all and (min-width: 1120px){.view,.explore-works,footer{width:1100px}}@media all and (min-width: 1320px){.view,.explore-works,footer{width:1300px}}.clearfix:after{content:'';display:block;clear:both}.white-container{background:#fff}.red{color:#e73c3c}.yellow{color:#fcc81b}.beige{color:#e9c194}.purple{color:#841084}.black{color:#000}.dark-blue{color:#222b32}.dark-blue2{color:#042844}.light-beige{color:#fafaf8}.centered{text-align:center}.case-study p{font-size:13px;font-weight:300;line-height:30px}.spacer{width:260px;padding:0 20px 20px}@media all and (min-width: 660px){.spacer{width:540px;padding:0 50px 36px}}@media all and (min-width: 920px){.spacer{width:740px;padding:0 80px 36px}.tu-contact .spacer{padding:0 80px 76px}}@media all and (min-width: 1120px){.spacer{width:940px}.tu-contact .spacer{padding:0 80px 154px}}@media all and (min-width: 1320px){.spacer{width:1140px}.tu-contact .spacer{width:1080px;padding:0 110px 129px}}.sep{width:100%;height:1px;background:#ebebeb;margin:33px auto}@media all and (min-width: 660px){.sep{margin:42px auto}}@media all and (min-width: 920px){.sep{margin:73px auto 70px}}@media all and (min-width: 1120px){.sep{margin:114px auto 110px}}@media all and (min-width: 1320px){.sep{margin:95px auto 95px}}.title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:5px;line-height:24px;margin:29px 0 11px}.tu-contact .title{margin:38px 0 11px}.subtitle{font-size:20px;font-weight:300;line-height:40px;letter-spacing:0;margin:0}.tu-contact .subtitle{letter-spacing:-0.6px}.list-title{font-size:20px;font-weight:400;margin:40px 0 9px}.list-title:first-child{margin-top:0}.list{font-size:13px;font-weight:300}.list li{line-height:29px}.list li:before{content:'• ';font-size:7px;font-weight:300;position:relative;top:-2px;padding-right:5px}.list li.no-bullet:before{content:''}@media all and (min-width: 660px){.title{margin:40px 0 9px}.subtitle{font-size:25px;line-height:45px}.tu-contact .subtitle{letter-spacing:-0.6px}.list li{line-height:32px}.case-study p{font-size:15px;line-height:32px}}@media all and (min-width: 920px){.title{font-size:15px;letter-spacing:4.5px;margin:68px 0 9px}}@media all and (min-width: 1120px){.title{margin:64px 0 10px}.subtitle{font-size:30px;line-height:50px;letter-spacing:-0.2px}.tu-contact .subtitle{letter-spacing:-0.5px}.case-study p{font-size:18px;line-height:32px}}@media all and (min-width: 1320px){.title{font-size:20px;letter-spacing:6px;margin:51px 0 17px}.subtitle{font-size:35px;line-height:60px;letter-spacing:0}.tu-contact .subtitle{letter-spacing:-1.1px}.case-study p{font-size:20px;line-height:41px}}@media only screen and (min-width: 660px){.first-content{width:450px;float:left}.first-content.spacer{padding-bottom:0}}.numbered-item{font-size:12px;font-weight:400;color:#222b32;margin-top:42px;margin-bottom:30px}.numbered-item span{font-weight:700}.line-title{font-size:9px;font-weight:700;color:#767676;margin:9px 0 10px}.line-title span{width:4px;height:1px;background-color:#b1b1b1;display:block;margin-top:6px}.explore{font-size:20px;font-weight:300;text-align:center;letter-spacing:-0.4px;margin:43px 0 20px}@media all and (min-width: 660px){.explore{font-size:25px;margin:72px 0 39px}.tu-contact .explore{margin:52px 0 39px}}@media all and (min-width: 920px){.explore,.tu-contact .explore{margin:92px 0 39px}}@media all and (min-width: 1120px){.explore{font-size:29px;margin:113px 0 52px}.tu-contact .explore{margin:87px 0 52px}}@media all and (min-width: 1320px){.explore{font-size:34px;margin:90px 0 47px}.tu-contact .explore{margin:87px 0 48px}.line-title{font-size:11px}}.arrow-link{height:30px;line-height:30px;display:inline-block;margin-top:27px;padding-right:50px;position:relative}.arrow-link span{width:26px;height:26px;font-size:24px;text-align:center;line-height:21px;border:1px solid;display:block;position:absolute;top:0;right:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.arrow-link .arrow:before{display:inline-block;position:relative;top:5px;left:-2px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}.arrow-link.grey{color:#bebebe}.arrow-link.grey span{border-color:#bebebe}.arrow-link.black{color:#000}.arrow-link.black span{border-color:#000}.noise-background.grey{background-image:url(../../img/works/background-pattern.jpg);background-repeat:repeat}.case-study-cover,.case-study-color-container{position:relative}.case-study-color-container{height:225px}.case-study-color{width:100%;height:100%;position:absolute;top:0}.case-study-color.red{background:#e73c3c}.case-study-color.yellow,.footer-block.yellow{background:#fcc81b}.case-study-gradient-transition{display:none;position:absolute;top:0;left:0;right:0;bottom:0}.case-study-gradient-transition.dark-blue{background:#042844}.case-study-gradient-transition.light-blue{background:#b8c1cb}.case-study-gradient-transition.light-beige{background:#efefef}.case-study-color.light-beige,.footer-block.light-beige{background:#fafaf8}.footer-block.dark-blue{background:#222b32}@media all and (min-width: 660px){.case-study-color-container{height:440px}}@media all and (min-width: 920px){.case-study-color-container{height:540px}}@media all and (min-width: 1120px){.case-study-color-container{height:644px}}@media all and (min-width: 1320px){.case-study-color-container{height:714px}}.tagline,.project-name{color:#fff;text-align:center;margin:0;position:relative;z-index:2}.tagline{font-size:10px;font-weight:300;text-transform:uppercase;letter-spacing:2.7px;top:46px}.project-name{font-family:'Helvetica Neue', 'Open Sans', sans-serif;font-size:45px;font-weight:700;top:54px}.yellow .project-name span{color:#fae1a7}.absolute .tagline,.absolute .project-name{position:absolute;width:100%}@media all and (min-width: 660px){.tagline{font-size:13px;letter-spacing:6.2px;top:75px}.project-name{font-size:90px;top:90px}}@media all and (min-width: 920px){.tagline{top:90px}.project-name{font-size:110px;top:100px}}@media all and (min-width: 1120px){.tagline{font-size:15px;letter-spacing:7px;top:92px}.project-name{font-size:124px;top:97px}}@media all and (min-width: 1320px){.tagline{font-size:16px;letter-spacing:8.5px;top:120px}.project-name{font-size:140px;top:142px}}.cover-visual{z-index:2}.home.entering-page{-webkit-transform:translateY(0) translateZ(0);-moz-transform:translateY(0) translateZ(0);-ms-transform:translateY(0);-o-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0)}.entering-page{height:100%;overflow:hidden;position:absolute;z-index:3;-webkit-transform:translateY(100%) translateZ(0);-moz-transform:translateY(100%) translateZ(0);-ms-transform:translateY(100%);-o-transform:translateY(100%) translateZ(0);transform:translateY(100%) translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.entering-page .tagline,.entering-page .project-name,.entering-page .cover-visual,.entering-page .first-content:first-child,.entering-page .socials{opacity:0;-webkit-transform:translateY(90px);-moz-transform:translateY(90px);-ms-transform:translateY(90px);-o-transform:translateY(90px);transform:translateY(90px)}.entering-page-anim{-webkit-animation:enter 0.85s cubic-bezier(0.19, 1, 0.22, 1) forwards;-moz-animation:enter 0.85s cubic-bezier(0.19, 1, 0.22, 1) forwards;-ms-animation:enter 0.85s cubic-bezier(0.19, 1, 0.22, 1) forwards;-o-animation:enter 0.85s cubic-bezier(0.19, 1, 0.22, 1) forwards;animation:enter 0.85s cubic-bezier(0.19, 1, 0.22, 1) forwards}@-webkit-keyframes enter{to{-webkit-transform:translateY(0) translateZ(0)}}@-moz-keyframes enter{to{-moz-transform:translateY(0) translateZ(0)}}@-ms-keyframes enter{to{-ms-transform:translateY(0)}}@-o-keyframes enter{to{-o-transform:translateY(0) translateZ(0)}}@keyframes enter{to{transform:translateY(0) translateZ(0)}}.entering-page-anim .tagline,.entering-page-anim .project-name,.entering-page-anim .cover-visual,.entering-page-anim .first-content:first-child,.entering-page-anim .socials{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition-property:opacity, -webkit-transform;-webkit-transition-duration:0.3s, 0.3s;-webkit-transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1),cubic-bezier(0.39, 0.575, 0.565, 1);-moz-transition-property:opacity, -moz-transform;-moz-transition-duration:0.3s, 0.3s;-moz-transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1),cubic-bezier(0.39, 0.575, 0.565, 1);-ms-transition-property:opacity, -ms-transform;-ms-transition-duration:0.3s, 0.3s;-ms-transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1),cubic-bezier(0.39, 0.575, 0.565, 1);-o-transition-property:opacity, -o-transform;-o-transition-duration:0.3s, 0.3s;-o-transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1),cubic-bezier(0.39, 0.575, 0.565, 1);transition-property:opacity, transform;transition-duration:0.3s, 0.3s;transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1),cubic-bezier(0.39, 0.575, 0.565, 1)}.entering-page-anim .tagline{-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-ms-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s}.entering-page-anim .project-name{-webkit-transition-delay:0.48s;-moz-transition-delay:0.48s;-ms-transition-delay:0.48s;-o-transition-delay:0.48s;transition-delay:0.48s}.entering-page-anim .cover-visual{-webkit-transition-delay:0.56s;-moz-transition-delay:0.56s;-ms-transition-delay:0.56s;-o-transition-delay:0.56s;transition-delay:0.56s}.entering-page-anim .first-content:first-child{-webkit-transition-delay:0.64s;-moz-transition-delay:0.64s;-ms-transition-delay:0.64s;-o-transition-delay:0.64s;transition-delay:0.64s}.entering-page-anim .socials{-webkit-transition-delay:0.72s;-moz-transition-delay:0.72s;-ms-transition-delay:0.72s;-o-transition-delay:0.72s;transition-delay:0.72s}.leaving-page{display:none}body.no-delay{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}body.homepage-animation,.homepage-animation .view-container{background:#fff}.homepage-animation .case-study-color{width:113px;height:15px;position:absolute;top:0;left:50%;z-index:1;-webkit-transform:translateX(-50%) scaleX(0);-moz-transform:translateX(-50%) scaleX(0);-ms-transform:translateX(-50%) scaleX(0);-o-transform:translateX(-50%) scaleX(0);transform:translateX(-50%) scaleX(0)}.homepage-animation .case-study-gradient-transition{opacity:1;display:block}.homepage-animation .css-transition.case-study-gradient-transition{opacity:0;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-ms-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s}.homepage-animation .tagline{font-size:10px;color:#000}.homepage-animation .project-name{font-size:45px}.homepage-animation .cover-visual{opacity:0;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px)}@media all and (min-width: 660px){.homepage-animation .tagline{font-size:14px}.homepage-animation .project-name{font-size:100px}}@media all and (min-width: 920px){.homepage-animation .project-name{font-size:120px}}@media all and (min-width: 1120px){.homepage-animation .tagline{font-size:17px}.homepage-animation .project-name{font-size:140px}.homepage-animation .case-study-color{width:147px}}.homepage-animation .case-study-color{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.homepage-animation .case-study-color.css-transition{-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:-moz-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:-ms-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:-o-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);transition:transform 0.4s cubic-bezier(0.19, 1, 0.22, 1)}.homepage-animation .case-study-color.css-transition.expand-width{-webkit-transform:translateX(-50%) scaleX(6);-moz-transform:translateX(-50%) scaleX(6);-ms-transform:translateX(-50%) scaleX(6);-o-transform:translateX(-50%) scaleX(6);transform:translateX(-50%) scaleX(6);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:-moz-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:-ms-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:-o-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);transition:transform 0.4s cubic-bezier(0.19, 1, 0.22, 1)}.homepage-animation .case-study-color.css-transition.expand-height{-webkit-transform:translateX(-50%) scaleX(6) scaleY(33) translateY(-50%);-moz-transform:translateX(-50%) scaleX(6) scaleY(33) translateY(-50%);-ms-transform:translateX(-50%) scaleX(6) scaleY(33) translateY(-50%);-o-transform:translateX(-50%) scaleX(6) scaleY(33) translateY(-50%);transform:translateX(-50%) scaleX(6) scaleY(33) translateY(-50%);-webkit-transition:-webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:-moz-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:-ms-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:-o-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);transition:transform 0.8s cubic-bezier(0.19, 1, 0.22, 1)}.homepage-animation .project-name.color-change,.homepage-animation .project-name.color-change span,.homepage-animation .tagline.color-change{color:#fff;-webkit-transition:color 0.3s ease-out, -webkit-transform 0.6s;-moz-transition:color 0.3s ease-out, -moz-transform 0.6s;-ms-transition:color 0.3s ease-out, -ms-transform 0.6s;-o-transition:color 0.3s ease-out, -o-transform 0.6s;transition:color 0.3s ease-out, transform 0.6s}#metro.homepage-animation .project-name.color-change,#metro.homepage-animation .project-name.color-change span,#metro.homepage-animation .tagline.color-change{color:#fff}#iris-von-arnim .project-name,#iris-von-arnim .project-name span,#iris-von-arnim.homepage-animation .project-name,#iris-von-arnim.homepage-animation .project-name span,#iris-von-arnim.homepage-animation .project-name.color-change,#iris-von-arnim.homepage-animation .project-name.color-change span{color:#e9c194}#iris-von-arnim .tagline,#iris-von-arnim.homepage-animation .tagline.color-change{color:#a3a3a3}#iris-von-arnim.homepage-animation .tagline{color:#000}.homepage-animation .first-content:first-child,.homepage-animation .social{opacity:0;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px)}.homepage-animation .css-transition.cover-visual,.homepage-animation .css-transition.first-content:first-child,.homepage-animation .css-transition.social{-webkit-transition:opacity 0.4s linear,-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:opacity 0.4s linear,-moz-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:opacity 0.4s linear,-ms-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:opacity 0.4s linear,-o-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition:opacity 0.4s linear,transform 0.6s cubic-bezier(0.19, 1, 0.22, 1)}.project-name .inline-block{min-width:11px}@media all and (min-width: 660px){.project-name .inline-block{min-width:20px}}@media all and (min-width: 920px){.project-name .inline-block{min-width:30px}}@media all and (min-width: 1120px){.project-name .inline-block{min-width:35px}}@media all and (min-width: 660px){.scroll-in-view{opacity:0}.slide-fade{opacity:0;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px)}.slide-fade.anim-started{-webkit-animation:slide-fade 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;-moz-animation:slide-fade 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;-ms-animation:slide-fade 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;-o-animation:slide-fade 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;animation:slide-fade 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) forwards}@-webkit-keyframes slide-fade{to{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes slide-fade{to{opacity:1;-moz-transform:translateY(0)}}@-ms-keyframes slide-fade{to{opacity:1;-ms-transform:translateY(0)}}@-o-keyframes slide-fade{to{opacity:1;-o-transform:translateY(0)}}@keyframes slide-fade{to{opacity:1;transform:translateY(0)}}}#preloader-container{width:100%;height:100%;background-color:#fff;position:absolute;top:0;left:0;z-index:99;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:preloaderEnter 0.4s cubic-bezier(0.4, 0, 1, 0.6) both;-moz-animation:preloaderEnter 0.4s cubic-bezier(0.4, 0, 1, 0.6) both;-ms-animation:preloaderEnter 0.4s cubic-bezier(0.4, 0, 1, 0.6) both;-o-animation:preloaderEnter 0.4s cubic-bezier(0.4, 0, 1, 0.6) both;animation:preloaderEnter 0.4s cubic-bezier(0.4, 0, 1, 0.6) both}#preloader-container.skip-enter{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-animation:none;-moz-animation:none;-ms-animation:none;-o-animation:none;animation:none}#preloader-container.reset{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);-webkit-animation:none;-moz-animation:none;-ms-animation:none;-o-animation:none;animation:none}#preloader-container.hide{width:0;height:0;overflow:hidden}@-webkit-keyframes preloaderEnter{from{-webkit-transform:translateY(-100%)}to{-webkit-transform:translateY(0)}}@-moz-keyframes preloaderEnter{from{-moz-transform:translateY(-100%)}to{-moz-transform:translateY(0)}}@-ms-keyframes preloaderEnter{from{-ms-transform:translateY(-100%)}to{-ms-transform:translateY(0)}}@-o-keyframes preloaderEnter{from{-o-transform:translateY(-100%)}to{-o-transform:translateY(0)}}@keyframes preloaderEnter{from{transform:translateY(-100%)}to{transform:translateY(0)}}#preloader-container.css-transition.leave{-webkit-animation:preloaderLeave 0.4s 0.3s cubic-bezier(0, 0.4, 0.6, 1) both;-moz-animation:preloaderLeave 0.4s 0.3s cubic-bezier(0, 0.4, 0.6, 1) both;-ms-animation:preloaderLeave 0.4s 0.3s cubic-bezier(0, 0.4, 0.6, 1) both;-o-animation:preloaderLeave 0.4s 0.3s cubic-bezier(0, 0.4, 0.6, 1) both;animation:preloaderLeave 0.4s 0.3s cubic-bezier(0, 0.4, 0.6, 1) both}@-webkit-keyframes preloaderLeave{to{-webkit-transform:translateY(-100%)}}@-moz-keyframes preloaderLeave{to{-moz-transform:translateY(-100%)}}@-ms-keyframes preloaderLeave{to{-ms-transform:translateY(-100%)}}@-o-keyframes preloaderLeave{to{-o-transform:translateY(-100%)}}@keyframes preloaderLeave{to{transform:translateY(-100%)}}#preloader{width:65px;height:65px;background-color:#ddd;border-radius:5px;opacity:0;position:fixed;left:50%;top:50%;margin:-32px 0 0 -32px;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px)}#preloader-container.css-transition #preloader.enter{-webkit-animation:logoEnter 0.4s cubic-bezier(0, 0.4, 0.6, 1) both;-moz-animation:logoEnter 0.4s cubic-bezier(0, 0.4, 0.6, 1) both;-ms-animation:logoEnter 0.4s cubic-bezier(0, 0.4, 0.6, 1) both;-o-animation:logoEnter 0.4s cubic-bezier(0, 0.4, 0.6, 1) both;animation:logoEnter 0.4s cubic-bezier(0, 0.4, 0.6, 1) both}@-webkit-keyframes logoEnter{from{-webkit-transform:translateY(50px);opacity:0}to{-webkit-transform:translateY(0);opacity:1}}@-moz-keyframes logoEnter{from{-moz-transform:translateY(50px);opacity:0}to{-moz-transform:translateY(0);opacity:1}}@-ms-keyframes logoEnter{from{-ms-transform:translateY(50px);opacity:0}to{-ms-transform:translateY(0);opacity:1}}@-o-keyframes logoEnter{from{-o-transform:translateY(50px);opacity:0}to{-o-transform:translateY(0);opacity:1}}@keyframes logoEnter{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}#preloader-container.css-transition #preloader.leave{-webkit-animation:logoLeave 0.3s cubic-bezier(0.4, 0, 1, 0.6) both;-moz-animation:logoLeave 0.3s cubic-bezier(0.4, 0, 1, 0.6) both;-ms-animation:logoLeave 0.3s cubic-bezier(0.4, 0, 1, 0.6) both;-o-animation:logoLeave 0.3s cubic-bezier(0.4, 0, 1, 0.6) both;animation:logoLeave 0.3s cubic-bezier(0.4, 0, 1, 0.6) both}@-webkit-keyframes logoLeave{from{-webkit-transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-50px);opacity:0}}@-moz-keyframes logoLeave{from{-moz-transform:translateY(0);opacity:1}to{-moz-transform:translateY(-50px);opacity:0}}@-ms-keyframes logoLeave{from{-ms-transform:translateY(0);opacity:1}to{-ms-transform:translateY(-50px);opacity:0}}@-o-keyframes logoLeave{from{-o-transform:translateY(0);opacity:1}to{-o-transform:translateY(-50px);opacity:0}}@keyframes logoLeave{from{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}#preloader .preloader-fill{width:100%;height:0%;background-color:#000;border-radius:5px;position:absolute;bottom:0}#preloader-container.css-transition .preloader-fill{-webkit-transition:height 0.35s cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:height 0.35s cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:height 0.35s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:height 0.35s cubic-bezier(0.19, 1, 0.22, 1);transition:height 0.35s cubic-bezier(0.19, 1, 0.22, 1)}#preloader .preloader-line{width:12px;height:46px;background-color:#fff;border-radius:5px;position:absolute;-webkit-transform:rotate(-45deg) translate(100%, 202%);-moz-transform:rotate(-45deg) translate(100%, 202%);-ms-transform:rotate(-45deg) translate(100%, 202%);-o-transform:rotate(-45deg) translate(100%, 202%);transform:rotate(-45deg) translate(100%, 202%)}#preloader-container.css-transition .preloader-line{-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:-moz-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:-ms-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:-o-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition:transform 0.6s cubic-bezier(0.19, 1, 0.22, 1)}#preloader-container.css-transition #preloader .preloader-line.enter{-webkit-transform:rotate(-45deg) translate(100%, 101%);-moz-transform:rotate(-45deg) translate(100%, 101%);-ms-transform:rotate(-45deg) translate(100%, 101%);-o-transform:rotate(-45deg) translate(100%, 101%);transform:rotate(-45deg) translate(100%, 101%)}#navbar,#navbar-background{width:300px;height:60px;line-height:60px;position:absolute;left:50%;margin-left:-150px;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}#navbar{z-index:6}#navbar-background{background:#f0f0f0;z-index:4}#navbar-background.home{background:rgba(240,240,240,0)}#navbar .tapunit{width:26px;font-size:40px;text-decoration:none;color:#000;overflow:hidden;outline:none;display:inline-block}#menu-toggle{width:40px;height:20px;position:absolute;top:20px;right:-7px;z-index:3;-webkit-tap-highlight-color:transparent}#menu-toggle div{max-width:24px;height:3px;background:#000;opacity:1;margin:4px auto 0;-webkit-transform:rotate(0) translateX(0) translateY(0);-moz-transform:rotate(0) translateX(0) translateY(0);-ms-transform:rotate(0) translateX(0) translateY(0);-o-transform:rotate(0) translateX(0) translateY(0);transform:rotate(0) translateX(0) translateY(0);-webkit-transition:-webkit-transform 0.5s, opacity 0.3s, background-color 0.3s;-moz-transition:-moz-transform 0.5s, opacity 0.3s, background-color 0.3s;-ms-transition:-ms-transform 0.5s, opacity 0.3s, background-color 0.3s;-o-transition:-o-transform 0.5s, opacity 0.3s, background-color 0.3s;transition:transform 0.5s, opacity 0.3s, background-color 0.3s}#menu-toggle div:first-child{margin-top:0}.menu-opened #menu-toggle div:first-child{background-color:#fff;-webkit-transform:rotate(45deg) translateX(5px) translateY(5px);-moz-transform:rotate(45deg) translateX(5px) translateY(5px);-ms-transform:rotate(45deg) translateX(5px) translateY(5px);-o-transform:rotate(45deg) translateX(5px) translateY(5px);transform:rotate(45deg) translateX(5px) translateY(5px)}.menu-opened #menu-toggle div:nth-child(2){opacity:0}.menu-opened #menu-toggle div:last-child{background-color:#fff;-webkit-transform:rotate(-45deg) translateX(5px) translateY(-5px);-moz-transform:rotate(-45deg) translateX(5px) translateY(-5px);-ms-transform:rotate(-45deg) translateX(5px) translateY(-5px);-o-transform:rotate(-45deg) translateX(5px) translateY(-5px);transform:rotate(-45deg) translateX(5px) translateY(-5px)}#navbar.css-transition,#navbar-background.css-transition{-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.4s;-moz-transition:-moz-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.4s;-ms-transition:-ms-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.4s;-o-transition:-o-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.4s;transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.4s}#navbar.css-transition.hide,#navbar-background.css-transition.hide{-webkit-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);-o-transform:translateY(-60px);transform:translateY(-60px)}#navbar.css-transition.fadeout,#navbar-background.css-transition.fadeout{opacity:0}#navbar.css-transition.fadein,#navbar-background.css-transition.fadein{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}@media all and (min-width: 660px){#navbar,#navbar-background{width:640px;height:75px;line-height:75px;margin-left:-321px;padding:0 1px}#navbar-background{background:none}#navbar.css-transition.hide,#navbar-background.css-transition.hide{-webkit-transform:translateY(-75px);-moz-transform:translateY(-75px);-ms-transform:translateY(-75px);-o-transform:translateY(-75px);transform:translateY(-75px)}#navbar .tapunit{width:auto;font-size:50px;overflow:visible}#menu-toggle{top:27px}}@media all and (min-width: 920px){#navbar,#navbar-background{width:900px;margin-left:-451px}}@media all and (min-width: 1120px){#navbar,#navbar-background{width:1100px;margin-left:-551px}#menu-toggle{cursor:pointer}}@media all and (min-width: 1320px){#navbar,#navbar-background{width:1300px;margin-left:-651px}}.menu-link{font-size:25px;font-weight:700;text-transform:uppercase;text-decoration:none;display:block;position:relative;-webkit-transition:color 0.45s;-moz-transition:color 0.45s;-ms-transition:color 0.45s;-o-transition:color 0.45s;transition:color 0.45s;-webkit-tap-highlight-color:transparent}.menu-link.diamond-link{color:#c0c0c0;margin:0}.menu-link.diamond-link .label{position:relative;z-index:2}.menu-link.diamond-link .diamond{width:26px;height:26px;border:2px solid #e2e2e2;display:block;opacity:0;position:absolute;top:50%;right:50%;z-index:1;margin:-13px -13px 0 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}@media all and (min-width: 660px){.menu-link{height:42px;font-size:30px}.menu-link.diamond-link .diamond{width:45px;height:45px;margin:-24px -24px 0 0}.css-transition .menu-link.diamond-link .diamond{-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s;-ms-transition:opacity 0.4s;-o-transition:opacity 0.4s;transition:opacity 0.4s}.menu-link.diamond-link:hover{color:#000}.menu-link.diamond-link:hover .diamond{opacity:1}}#menu-container.hide{width:0;height:0;visibility:hidden}#menu{width:255px;height:100%;background:#fff;text-align:center;position:absolute;right:-255px;top:0;z-index:6;-webkit-backface-visibility:hidden}#app.css-transition{-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:-moz-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);-ms-transition:-ms-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:-o-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1)}.menu-opened #app.css-transition{-webkit-transform:translateX(-255px);-moz-transform:translateX(-255px);-ms-transform:translateX(-255px);-o-transform:translateX(-255px);transform:translateX(-255px)}#menu .menu-links{width:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}#menu li{margin-top:32px}#menu li:first-child{margin-top:0}#menu .imprint-link{color:#c4c4c4;font-size:16px;font-weight:400;text-transform:none;text-decoration:none;position:relative}#menu .imprint-link span{width:8px;height:8px;border:1px solid #e2e2e2;display:block;position:absolute;top:50%;right:50%;z-index:1;margin:-30px -3px 0 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#menu .menu-content{height:100%;overflow:auto}#menu-overlay{width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;cursor:pointer;position:fixed;top:0;z-index:5;-webkit-tap-highlight-color:transparent}#menu-overlay.hide{width:0;height:0}#menu-container.css-transition #menu-overlay{-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-ms-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s}.menu-opened #menu-container.css-transition #menu-overlay{opacity:1}#menu .menu-content-height{height:100%;min-height:510px;position:relative}#menu .screen-height{position:relative}#menu-bottom-part{width:100%;position:absolute;bottom:0}#menu .studio-infos{font-style:italic;font-size:13px;color:#cdcdcd;line-height:18px;margin-top:45px;margin-bottom:25px}@media all and (min-width: 660px){#menu{width:290px;right:-290px}#menu .menu-links{height:216px;margin-bottom:57px}#menu li{margin-top:46px}#menu .menu-content-height{min-height:590px}.menu-opened #app.css-transition{-webkit-transform:translateX(-290px);-moz-transform:translateX(-290px);-ms-transform:translateX(-290px);-o-transform:translateX(-290px);transform:translateX(-290px)}}@media all and (min-width: 1120px){#menu{width:320px;right:-320px}.menu-opened #app.css-transition{-webkit-transform:translateX(-320px);-moz-transform:translateX(-320px);-ms-transform:translateX(-320px);-o-transform:translateX(-320px);transform:translateX(-320px)}}footer{font-size:12px;font-weight:600;text-align:center;margin:27px 0 20px}footer p{margin:0 0 15px}footer ul{width:140px;margin:auto}footer li{float:left;width:49%}footer a{color:#000;text-decoration:none}footer .middle-sep{width:0.5%}.tu-works footer{margin:36px auto 20px}@media all and (min-width: 660px){footer{display:block;margin:38px auto 20px}.tu-about footer,.tu-contact footer{margin:17px auto 20px}footer p{float:left}footer ul{width:112px;float:right;margin:0}footer li{width:auto}footer .middle-sep{width:22px}}@media all and (min-width: 1120px){footer{margin:50px auto 20px}footer a:hover{text-decoration:underline}footer a:active{color:#676767}.tu-about footer,.tu-contact footer{margin:34px auto 20px}}@media all and (min-width: 1320px){footer{font-size:15px}.tu-about footer,.tu-contact footer{margin:24px auto 20px}footer ul{width:142px}footer .middle-sep{width:31px}}.poster{cursor:pointer}#video-container{background:#000;opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;z-index:5}#video-container video{width:100%;max-height:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}#close-video{height:36px;background:rgba(23,35,34,0.75);border-radius:4px;color:#fff;font-weight:700;text-transform:uppercase;text-decoration:none;text-align:center;line-height:36px;display:inline-block;cursor:pointer;position:absolute;top:5px;left:50%;z-index:99;padding:0 10px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.socials{margin:41px 0}.socials li{float:left;margin-left:25px}.socials li:first-child{margin-left:0}.socials a{color:#000;text-decoration:none;-webkit-transition:color 0.5s;-moz-transition:color 0.5s;-ms-transition:color 0.5s;-o-transition:color 0.5s;transition:color 0.5s}.socials .twitter{font-size:28px}.socials .facebook{font-size:30px;position:relative;left:2px;top:3px}.socials .pinterest{font-size:29px;position:relative;top:3px;left:5px}.socials .linkedin{font-size:21px;position:relative;top:3px}@media all and (min-width: 660px){.socials{width:30px;float:right;margin:55px 0 0}.socials li{float:none;text-align:center;margin-left:0;margin-bottom:23px}.socials li:nth-child(3),.socials li:nth-child(4){margin-top:30px}.socials .pinterest{left:0}}@media all and (min-width: 920px){.socials{margin:105px 0 0}.socials li{text-align:right}.socials .facebook{left:-4px;top:4px}.socials .pinterest{left:2px}.socials .linkedin{top:3px;left:-3px}}@media all and (min-width: 1120px){.socials.red a:hover{color:#e73c3c}.socials.yellow a:hover{color:#fcc81b}.socials.purple a:hover{color:#841084}.socials a:active,.socials a:hover:active{color:#676767}}@media all and (min-width: 1320px){.socials li{margin-bottom:31px}.socials li:nth-child(3),.socials li:nth-child(4){margin-top:36px}.socials .twitter{font-size:30px}.socials .facebook{font-size:34px;left:-4px;top:4px}.socials .pinterest{font-size:32px;left:1px}.socials .linkedin{font-size:24px;top:3px}}#featured-content{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}#featured-slider{position:relative;z-index:1}#featured-slider.animating{-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition:-moz-transform 0.4s ease-out;-ms-transition:-ms-transform 0.4s ease-out;-o-transition:-o-transform 0.4s ease-out;transition:transform 0.4s ease-out}#featured-slider li,#featured-slider a{-webkit-tap-highlight-color:transparent}#featured-slider h1,#featured-slider h2,#featured-slider a{opacity:0}#featured-slider li,#featured-slider h1,#featured-slider h2{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}#featured-slider h1{font:700 45px 'Helvetica Neue', 'Open Sans', sans-serif;margin:0}#featured-slider h1 span{min-width:11px;display:inline-block;position:relative}#featured-slider h2{font-size:10px;font-weight:300;text-transform:uppercase;letter-spacing:2.7px;margin:0 0 20px}#featured-slider a,#featured-slider .previous a,#featured-slider .next a{height:76px;width:76px;font-size:13px;font-weight:600;color:#000;border:2px solid #000;background-color:transparent;text-decoration:none;outline:none;display:inline-block;-webkit-transform:translateY(30px) rotateX(0) rotateZ(45deg);-moz-transform:translateY(30px) rotateX(0) rotateZ(45deg);-ms-transform:translateY(30px) rotate(45deg);-o-transform:translateY(30px) rotateX(0) rotateZ(45deg);transform:translateY(30px) rotateX(0) rotateZ(45deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;margin-top:50px}#featured-slider .flat{-webkit-transform-style:flat}#featured-slider a.triggered .arrow{color:#fff;-webkit-transition:color 0.45s;-moz-transition:color 0.45s;-ms-transition:color 0.45s;-o-transition:color 0.45s;transition:color 0.45s}#featured-slider a.red{border-color:#e73c3c}#featured-slider a.red.triggered{background-color:#e73c3c}#featured-slider a.red .border{background-color:#de2a2a}#featured-slider a.yellow{border-color:#fcc81b}#featured-slider a.yellow.triggered{background-color:#fcc81b}#featured-slider a.yellow .border{background-color:#fbbb14}#featured-slider a.purple{border-color:#841084}#featured-slider a.purple.triggered{background-color:#841084}#featured-slider a.purple .border{background-color:#a1abb7}#featured-slider a.black{border-color:#000}#featured-slider a.black.triggered{background-color:#000}#featured-slider a.black .border{background-color:#000}#featured-slider a.dark-blue{border-color:#042844}#featured-slider a.dark-blue.triggered{background-color:#042844}#featured-slider a.dark-blue .border{background-color:#031b2e}#featured-slider a.light-blue{border-color:#b8c1cb}#featured-slider a.light-blue.triggered{background-color:#b8c1cb}#featured-slider a.light-blue .border{background-color:#a1abb7}#featured-slider a.light-beige{border-color:#fafaf8}#featured-slider a.light-beige.triggered{background-color:#fafaf8}#featured-slider a.light-beige .border{background-color:#efefef}#featured-slider a .border{width:80px;height:15px;display:block;position:absolute;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:top center;-moz-transform-origin:top center;-ms-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center}.ie9 #featured-slider .border{display:none}#featured-slider a .left{bottom:-17px;right:-2px}#featured-slider a .right{top:38px;left:38px;-webkit-transform:rotateX(-90deg) rotateY(-90deg);-moz-transform:rotateX(-90deg) rotateY(-90deg);-ms-transform:rotateX(-90deg) rotateY(-90deg);-o-transform:rotateX(-90deg) rotateY(-90deg);transform:rotateX(-90deg) rotateY(-90deg)}#featured-slider .arrow{width:100%;height:100%;line-height:75px;font-size:30px;display:inline-block;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#featured-slider,#featured-slider li{width:100%;height:100%}#featured-slider li{text-align:center;background-color:#fff;visibility:hidden;position:absolute;cursor:-webkit-grab;cursor:-moz-grab}#featured-slider .active{cursor:-webkit-grabbing;cursor:-moz-grabbing}#featured-slider .slide-container{width:100%;position:absolute;top:50%;padding-bottom:17px;-webkit-transform:translateZ(0)}#featured-slider .previous,#featured-slider .next,#featured-slider .current{visibility:visible}#featured-slider .previous{z-index:1;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}#featured-slider .previous h1,#featured-slider .previous h2{-webkit-transform:translateX(-75px);-moz-transform:translateX(-75px);-ms-transform:translateX(-75px);-o-transform:translateX(-75px);transform:translateX(-75px)}#featured-slider .next{z-index:1;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}#featured-slider .next h1,#featured-slider .next h2{-webkit-transform:translateX(75px);-moz-transform:translateX(75px);-ms-transform:translateX(75px);-o-transform:translateX(75px);transform:translateX(75px)}#featured-slider .current{z-index:2}#featured-slider.css-transition .current h1,#featured-slider.css-transition .current h2{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}#featured-slider.css-transition .current h1.no-transition span{opacity:0;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}#featured-slider.css-transition .current h1 span{opacity:1;-webkit-transition:opacity 0.4s, -webkit-transform 0.4s;-moz-transition:opacity 0.4s, -moz-transform 0.4s;-ms-transition:opacity 0.4s, -ms-transform 0.4s;-o-transition:opacity 0.4s, -o-transform 0.4s;transition:opacity 0.4s, transform 0.4s}#featured-slider .iris_von_arnim h1 span:nth-child(6):after{content:'.'}#featured-slider .iris_von_arnim h1 span:nth-child(7),#featured-slider .iris_von_arnim h1 span:nth-child(8){display:none}#featured-slider.css-transition .current a{opacity:1;-webkit-transform:translateY(0) translateX(0) rotateZ(45deg);-moz-transform:translateY(0) translateX(0) rotateZ(45deg);-ms-transform:translateY(0) translateX(0) rotateZ(45deg);-o-transform:translateY(0) translateX(0) rotateZ(45deg);transform:translateY(0) translateX(0) rotateZ(45deg)}#featured-slider.css-transition .current a.triggered{-webkit-transform:translateY(0) rotateX(90deg) rotateZ(45deg);-moz-transform:translateY(0) rotateX(90deg) rotateZ(45deg);-ms-transform:translateY(0) rotateX(90deg) rotateZ(45deg);-o-transform:translateY(0) rotateX(90deg) rotateZ(45deg);transform:translateY(0) rotateX(90deg) rotateZ(45deg)}#featured-slider.css-transition .current h1{-webkit-transition:opacity 0.5s, -webkit-transform 0.5s;-moz-transition:opacity 0.5s, -moz-transform 0.5s;-ms-transition:opacity 0.5s, -ms-transform 0.5s;-o-transition:opacity 0.5s, -o-transform 0.5s;transition:opacity 0.5s, transform 0.5s}#featured-slider.css-transition .current h2{-webkit-transition:opacity 0.5s 0.06s, -webkit-transform 0.5s 0.06s;-moz-transition:opacity 0.5s 0.06s, -moz-transform 0.5s 0.06s;-ms-transition:opacity 0.5s 0.06s, -ms-transform 0.5s 0.06s;-o-transition:opacity 0.5s 0.06s, -o-transform 0.5s 0.06s;transition:opacity 0.5s 0.06s, transform 0.5s 0.06s}#featured-slider.css-transition .current a{-webkit-transition:opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s, background-color 0.45s;-moz-transition:opacity 0.5s 0.2s, -moz-transform 0.5s 0.2s, background-color 0.45s;-ms-transition:opacity 0.5s 0.2s, -ms-transform 0.5s 0.2s, background-color 0.45s;-o-transition:opacity 0.5s 0.2s, -o-transform 0.5s 0.2s, background-color 0.45s;transition:opacity 0.5s 0.2s, transform 0.5s 0.2s, background-color 0.45s}#pager{height:20px;opacity:0;position:absolute;left:50%;bottom:20px;z-index:5;-webkit-transform:translateX(-50%) translateZ(0);-moz-transform:translateX(-50%) translateZ(0);-ms-transform:translateX(-50%);-o-transform:translateX(-50%) translateZ(0);transform:translateX(-50%) translateZ(0)}#pager li{width:12px;height:12px;background-color:rgba(0,0,0,0.1);border-radius:50%;cursor:pointer;float:left;margin-left:10px}#pager li:first-child{margin-left:0}#pager .current{background-color:#000}@media all and (min-width: 660px){#featured-slider h1{font-size:100px}#featured-slider h1 span{min-width:20px}#featured-slider h2{font-size:14px;letter-spacing:6.2px}}@media all and (min-width: 920px){#featured-slider h1{font-size:120px}#featured-slider h1 span{min-width:30px}#pager{width:900px}}@media all and (min-width: 1120px){#featured-slider .slide-container{padding-bottom:22px}#featured-slider h1{font-size:140px}#featured-slider h1 span{min-width:35px}#featured-slider .iris_von_arnim h1 span:nth-child(6):after{content:''}#featured-slider .iris_von_arnim h1 span:nth-child(7),#featured-slider .iris_von_arnim h1 span:nth-child(8){display:inline-block}#featured-slider h2{font-size:17px;letter-spacing:7px}#featured-slider a{width:100px;height:100px}#featured-slider.css-transition .current a:hover{-webkit-transform:translateY(0) rotateX(55deg) rotateZ(45deg);-moz-transform:translateY(0) rotateX(55deg) rotateZ(45deg);-ms-transform:translateY(0) rotateX(55deg) rotateZ(45deg);-o-transform:translateY(0) rotateX(55deg) rotateZ(45deg);transform:translateY(0) rotateX(55deg) rotateZ(45deg);-webkit-transition-delay:0;-moz-transition-delay:0;-ms-transition-delay:0;-o-transition-delay:0;transition-delay:0}#featured-slider.css-transition .current a.triggered:hover{-webkit-transform:translateY(0) rotateX(90deg) rotateZ(45deg);-moz-transform:translateY(0) rotateX(90deg) rotateZ(45deg);-ms-transform:translateY(0) rotateX(90deg) rotateZ(45deg);-o-transform:translateY(0) rotateX(90deg) rotateZ(45deg);transform:translateY(0) rotateX(90deg) rotateZ(45deg)}#featured-slider a:hover .arrow{color:#fff;-webkit-transition:color 0.45s;-moz-transition:color 0.45s;-ms-transition:color 0.45s;-o-transition:color 0.45s;transition:color 0.45s}#featured-slider a.red:hover{background-color:#e73c3c}#featured-slider a.yellow:hover{background-color:#fcc81b}#featured-slider a.purple:hover{background-color:#841084}#featured-slider a.black:hover{background-color:#000}#featured-slider a.dark-blue:hover{background-color:#042844}#featured-slider a.light-blue:hover{background-color:#b8c1cb}#featured-slider a.light-beige:hover{background-color:#fafaf8}#featured-slider a.light-beige:hover .arrow{color:#efefef}#featured-slider a .border{width:104px}#featured-slider a .right{top:50px;left:50px}#featured-slider .arrow{line-height:95px}#pager{width:1100px}#pager li:hover{background-color:#000}}@media all and (min-width: 1320px){#featured-slider h2{letter-spacing:8.5px}#pager{width:1300px}}#featured-slider .current h1,#featured-slider .current h2{position:relative;z-index:2}.color-mask{width:113px;height:15px;position:absolute;top:176px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.color-mask.off{width:0;height:0}.color-mask div{width:0;height:100%}.js .color-mask{top:206px}@media all and (min-width: 660px){.color-mask{top:242px}.js .color-mask{top:272px}}@media all and (min-width: 920px){.color-mask{top:265px}.js .color-mask{top:295px}}@media all and (min-width: 1120px){.color-mask{width:147px;top:305px}.js .color-mask{top:335px}}.color-mask.red{background-color:#de2a2a}.color-mask.yellow{background-color:#fbbb14}.color-mask.purple{background-color:#a1abb7}.color-mask.black{background-color:#000}.color-mask.dark-blue{background-color:#031b2e}.color-mask.light-blue{background-color:#a1abb7}.color-mask.light-beige{background-color:#efefef}.color-mask.red div{background-color:#e73c3c}.color-mask.yellow div{background-color:#fcc81b}.color-mask.purple div{background-color:#841084}.color-mask.black div{background-color:#000}.color-mask.dark-blue div{background-color:#042844}.color-mask.light-blue div{background-color:#b8c1cb}.color-mask.light-beige div{background-color:#fafaf8}#about .tagline{top:63px}#about .project-name{top:74px}.services-list{margin-bottom:42px}.services-list .col{margin-top:25px}.recent-clients{margin-top:43px}.recent-clients .subtitle{letter-spacing:-0.2px}.clients{margin-top:23px;padding-bottom:19px}.clients li{width:100%;height:145px;background-color:#f9f9f9;text-align:center;line-height:145px;margin-top:20px}.clients li:first-child{margin-top:0}.clients span{background-image:url(../../img/about/mobile/1x/clients.png);background-size:1263px 65px;background-repeat:no-repeat;display:inline-block;vertical-align:middle}.thjnk{width:112px;height:52px;background-position:-1151px 0px}.hyundai{width:193px;height:24px;background-position:-957px 0}.ea{width:148px;height:57px;background-position:-808px 0px}.eventim{width:120px;height:65px;background-position:-686px 0px}.yapital{width:145px;height:38px;background-position:-540px 0}.otto-group{width:164px;height:33px;background-position:-375px 0px}.metro-group{width:195px;height:17px;background-position:-180px 0}.iris-v-arnim{width:179px;height:18px;background-position:0px 0px}@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 (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.clients span{background-image:url(../../img/about/mobile/2x/clients.png)}}@media all and (min-width: 660px){#about .tagline{top:106px}#about .project-name{top:127px}.services-list .col{float:left;margin-top:0;margin-left:102px}.services-list .col:nth-child(odd){margin-left:0}.services-list .col:nth-child(3){margin-top:43px}.services-list .list{font-size:15px}.services-list .list-title{font-size:25px;margin-bottom:20px}.services-list .col:nth-child(1) .list-title,.services-list .col:nth-child(2) .list-title{margin-top:0}.recent-clients .subtitle{letter-spacing:0}.clients{margin-top:45px}.clients li{width:260px;float:left;margin-right:20px}.clients li:nth-child(1),.clients li:nth-child(2){margin-top:0}.clients li:nth-child(even){margin-right:0}}@media all and (min-width: 920px){#about .tagline{top:153px}#about .project-name{top:174px}.services-list .col{margin-left:74px}.services-list .col:nth-child(3){margin-top:0;margin-left:74px}.clients{margin-top:72px;padding-bottom:24px}.clients li{width:168px;height:95px;line-height:95px;margin-top:0;margin-right:0;margin-left:22px;margin-bottom:20px}.clients li:nth-child(4n+1){margin-left:0}.clients span{background-image:url(../../img/about/tablet-landscape/1x/clients.png);background-size:830px 43px}.thjnk{width:73px;height:34px;background-position:-757px 0}.hyundai{width:126px;height:17px;background-position:-629px 0}.ea{width:96px;height:38px;background-position:-532px 0px}.eventim{width:80px;height:45px;background-position:-451px 0px}.yapital{width:95px;height:25px;background-position:-355px 0}.otto-group{width:107px;height:21px;background-position:-247px -2px}.metro-group{width:128px;height:13px;background-position:-118px 0}.iris-v-arnim{width:117px;height:13px;background-position:0 0}}@media only screen and (min-width: 920px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 920px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 920px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 920px) and (min-device-pixel-ratio: 2), only screen and (min-width: 920px) and (min-resolution: 192dpi), only screen and (min-width: 920px) and (min-resolution: 2dppx){.clients span{background-image:url(../../img/about/tablet-landscape/2x/clients.png)}}@media all and (min-width: 1120px){#about .tagline{top:195px}#about .project-name{top:216px}.services-list .col,.services-list .col:nth-child(3){margin-left:146px}.services-list .list-title{font-size:30px}.clients{margin-top:106px;padding-bottom:62px}.clients li{width:220px;height:125px;line-height:125px;margin-left:20px}.clients span{background-image:url(../../img/about/desktop/1x/clients.png);background-size:1069px 55px}.thjnk{width:95px;height:44px;background-position:-974px 0}.hyundai{width:163px;height:21px;background-position:-810px 0}.ea{width:124px;height:49px;background-position:-685px 0px}.eventim{width:101px;height:54px;background-position:-581px 0px}.yapital{width:122px;height:32px;background-position:-458px 0}.otto-group{width:139px;height:28px;background-position:-318px 0px}.metro-group{width:165px;height:14px;background-position:-152px 0}.iris-v-arnim{width:152px;height:16px;background-position:0 0}.list li{margin-top:0}}@media only screen and (min-width: 1120px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1120px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1120px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 1120px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1120px) and (min-resolution: 192dpi), only screen and (min-width: 1120px) and (min-resolution: 2dppx){.clients span{background-image:url(../../img/about/desktop/2x/clients.png)}}@media all and (min-width: 1320px){.services-list .col,.services-list .col:nth-child(3){margin-left:174px}.services-list .list{font-size:18px}.services-list .list-title{font-size:35px;margin-bottom:13px}.list li{line-height:36px}.clients{margin-top:53px;padding-bottom:66px}.clients li{width:266px;height:154px;line-height:152px;margin-left:25px}.clients span{background-image:url(../../img/about/desktop-large/1x/clients.png);background-size:1297px 66px}.thjnk{width:116px;height:53px;background-position:-1182px 0}.hyundai{width:198px;height:26px;background-position:-983px 0}.ea{width:132px;height:59px;background-position:-850px 0}.eventim{width:125px;height:64px;background-position:-705px 0px}.yapital{width:148px;height:38px;background-position:-556px 0}.otto-group{width:168px;height:34px;background-position:-386px 0px}.metro-group{width:200px;height:17px;background-position:-185px 0}.iris-v-arnim{width:184px;height:19px;background-position:0 0}}@media only screen and (min-width: 1320px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1320px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1320px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 1320px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1320px) and (min-resolution: 192dpi), only screen and (min-width: 1320px) and (min-resolution: 2dppx){.clients span{background-image:url(../../img/about/desktop-large/2x/clients.png)}}#contact .tagline{top:51px}#contact .project-name{top:62px}form{margin-top:42px}input[type="text"],.submit,textarea{width:100%;max-width:100%;background:#f6f6f6;font-weight:300;color:#000;outline:none;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin:20px auto 0}input[type="text"]:first-child{margin-top:0}input[type="text"],.submit{height:50px;line-height:50px;padding:0 0 0 12px}input[type="text"],textarea{font-size:13px;border:1px solid transparent;-webkit-transition:border-color 0.35s;-moz-transition:border-color 0.35s;-ms-transition:border-color 0.35s;-o-transition:border-color 0.35s;transition:border-color 0.35s}input[type="text"]:focus,textarea:focus{border:1px solid #d1d1d1}input[type="text"].error,textarea.error{border-color:#e73c3c}textarea{height:205px;resize:none;padding:18px 0 12px 12px}.submit{height:60px;font-size:18px;font-weight:600;line-height:55px;text-align:center;text-decoration:none;margin-top:20px;padding:0;-webkit-transition:background-color 0.6s;-moz-transition:background-color 0.6s;-ms-transition:background-color 0.6s;-o-transition:background-color 0.6s;transition:background-color 0.6s}.submit:hover{background-color:#d1d1d1}#submit-button{overflow:hidden;outline:none}#submit-button span{height:100%;display:block;-webkit-transition:-webkit-transform 0.4s;-moz-transition:-moz-transform 0.4s;-ms-transition:-ms-transform 0.4s;-o-transition:-o-transform 0.4s;transition:transform 0.4s}#submit-button .error-label{color:#e73c3c}.send #submit-button span{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.sending #submit-button span{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.sent #submit-button span{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);-o-transform:translateY(-200%);transform:translateY(-200%)}.sending-error #submit-button span{-webkit-transform:translateY(-300%);-moz-transform:translateY(-300%);-ms-transform:translateY(-300%);-o-transform:translateY(-300%);transform:translateY(-300%)}.sending-error #submit-button .sent-label{visibility:hidden}::-webkit-input-placeholder{color:#000}:-moz-placeholder{color:#000}::-moz-placeholder{color:#000}:-ms-input-placeholder{color:#000}#contact .sep{margin:49px auto 44px}.contact-infos{margin-top:18px;padding-bottom:6px}.contact-infos li{font-size:15px;font-weight:300;margin-bottom:20px}.contact-infos li:first-child{margin-bottom:22px}.contact-infos li:nth-child(3) h3{margin-top:12px}.contact-infos li:nth-child(3) h3:first-child{margin-top:0}.contact-infos h3{font-size:15px;font-weight:600;margin:0}.contact-infos li p{line-height:26px;margin:0}@media all and (min-width: 660px){#contact .tagline{top:118px}#contact .project-name{top:129px}textarea{height:280px;padding:18px 0 26px 26px}.submit{width:220px;float:right}input[type="text"]{padding:0 0 0 26px}input[type="text"],.submit{height:60px;line-height:60px}input[type="text"],textarea{font-size:15px}#contact .sep{margin:52px auto 44px}#contact .col-right .title{margin-top:0}.contact-infos{padding-bottom:9px}.contact-infos li{float:left;margin-left:48px;margin-bottom:0}.contact-infos li:first-child{margin-left:0;margin-bottom:0}}@media all and (min-width: 920px){#contact .tagline{top:168px}#contact .project-name{top:179px}#contact .title{margin-top:0}#contact .sep{display:none}form{margin-top:63px}#contact .col-left,#contact .col-right{margin-top:68px}#contact .col-left{width:479px;float:left;border-right:1px solid #ebebeb;padding-right:45px}#contact .col-right{width:170px;float:left;padding-left:45px}.contact-infos li{width:auto;float:none;margin-left:0}.contact-infos li:first-child{margin-left:0;margin-bottom:40px}.contact-infos li:nth-child(2){margin-bottom:44px}}@media all and (min-width: 1120px){#contact .tagline{top:211px}#contact .project-name{top:222px}form{margin-top:53px}input[type="text"],textarea{font-size:18px}#contact .col-left,#contact .col-right{margin-top:108px}#contact .col-left{width:620px;padding-right:49px}#contact .col-right{width:220px;padding-left:50px}.contact-infos li:first-child{margin-bottom:43px}.contact-infos li:nth-child(3) h3{margin-top:9px}.contact-infos li p,.contact-infos h3{font-size:18px}.contact-infos h3{margin:0 0 4px}.contact-infos li p{line-height:30px}}@media all and (min-width: 1320px){#contact .tagline{top:254px}#contact .project-name{top:265px}input[type="text"],.submit{height:65px;line-height:65px}input[type="text"],textarea,.submit{font-size:20px;margin:25px auto 0}#contact .col-left,#contact .col-right{margin-top:91px}#contact .col-left{width:646px;padding-right:79px}#contact .col-left .title{margin-bottom:18px}#contact .col-right{width:274px;padding-left:80px}#contact .col-right .title{margin-bottom:30px}.contact-infos li:first-child{margin-bottom:54px}.contact-infos li:nth-child(2){margin-bottom:52px}.contact-infos li:nth-child(3) h3{margin-top:11px}.contact-infos li p,.contact-infos h3{font-size:20px}.contact-infos li p{line-height:31px}}#contact .tagline{top:51px}#contact .project-name{top:62px}form{margin-top:42px}input[type="text"],.submit,textarea{width:100%;max-width:100%;background:#f6f6f6;font-weight:300;color:#000;outline:none;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin:20px auto 0}input[type="text"]:first-child{margin-top:0}input[type="text"],.submit{height:50px;line-height:50px;padding:0 0 0 12px}input[type="text"],textarea{font-size:13px;border:1px solid transparent;-webkit-transition:border-color 0.35s;-moz-transition:border-color 0.35s;-ms-transition:border-color 0.35s;-o-transition:border-color 0.35s;transition:border-color 0.35s}input[type="text"]:focus,textarea:focus{border:1px solid #d1d1d1}input[type="text"].error,textarea.error{border-color:#e73c3c}textarea{height:205px;resize:none;padding:18px 0 12px 12px}.submit{height:60px;font-size:18px;font-weight:600;line-height:55px;text-align:center;text-decoration:none;margin-top:20px;padding:0;-webkit-transition:background-color 0.6s;-moz-transition:background-color 0.6s;-ms-transition:background-color 0.6s;-o-transition:background-color 0.6s;transition:background-color 0.6s}.submit:hover{background-color:#d1d1d1}#submit-button{overflow:hidden;outline:none}#submit-button span{height:100%;display:block;-webkit-transition:-webkit-transform 0.4s;-moz-transition:-moz-transform 0.4s;-ms-transition:-ms-transform 0.4s;-o-transition:-o-transform 0.4s;transition:transform 0.4s}#submit-button .error-label{color:#e73c3c}.send #submit-button span{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.sending #submit-button span{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.sent #submit-button span{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);-o-transform:translateY(-200%);transform:translateY(-200%)}.sending-error #submit-button span{-webkit-transform:translateY(-300%);-moz-transform:translateY(-300%);-ms-transform:translateY(-300%);-o-transform:translateY(-300%);transform:translateY(-300%)}.sending-error #submit-button .sent-label{visibility:hidden}::-webkit-input-placeholder{color:#000}:-moz-placeholder{color:#000}::-moz-placeholder{color:#000}:-ms-input-placeholder{color:#000}#contact .sep{margin:49px auto 44px}.contact-infos{margin-top:18px;padding-bottom:6px}.contact-infos li{font-size:15px;font-weight:300;margin-bottom:20px}.contact-infos li:first-child{margin-bottom:22px}.contact-infos li:nth-child(3) h3{margin-top:12px}.contact-infos li:nth-child(3) h3:first-child{margin-top:0}.contact-infos h3{font-size:15px;font-weight:600;margin:0}.contact-infos li p{line-height:26px;margin:0}@media all and (min-width: 660px){#contact .tagline{top:118px}#contact .project-name{top:129px}textarea{height:280px;padding:18px 0 26px 26px}.submit{width:220px;float:right}input[type="text"]{padding:0 0 0 26px}input[type="text"],.submit{height:60px;line-height:60px}input[type="text"],textarea{font-size:15px}#contact .sep{margin:52px auto 44px}#contact .col-right .title{margin-top:0}.contact-infos{padding-bottom:9px}.contact-infos li{float:left;margin-left:48px;margin-bottom:0}.contact-infos li:first-child{margin-left:0;margin-bottom:0}}@media all and (min-width: 920px){#contact .tagline{top:168px}#contact .project-name{top:179px}#contact .title{margin-top:0}#contact .sep{display:none}form{margin-top:63px}#contact .col-left,#contact .col-right{margin-top:68px}#contact .col-left{width:479px;float:left;border-right:1px solid #ebebeb;padding-right:45px}#contact .col-right{width:170px;float:left;padding-left:45px}.contact-infos li{width:auto;float:none;margin-left:0}.contact-infos li:first-child{margin-left:0;margin-bottom:40px}.contact-infos li:nth-child(2){margin-bottom:44px}}@media all and (min-width: 1120px){#contact .tagline{top:211px}#contact .project-name{top:222px}form{margin-top:53px}input[type="text"],textarea{font-size:18px}#contact .col-left,#contact .col-right{margin-top:108px}#contact .col-left{width:620px;padding-right:49px}#contact .col-right{width:220px;padding-left:50px}.contact-infos li:first-child{margin-bottom:43px}.contact-infos li:nth-child(3) h3{margin-top:9px}.contact-infos li p,.contact-infos h3{font-size:18px}.contact-infos h3{margin:0 0 4px}.contact-infos li p{line-height:30px}}@media all and (min-width: 1320px){#contact .tagline{top:254px}#contact .project-name{top:265px}input[type="text"],.submit{height:65px;line-height:65px}input[type="text"],textarea,.submit{font-size:20px;margin:25px auto 0}#contact .col-left,#contact .col-right{margin-top:91px}#contact .col-left{width:646px;padding-right:79px}#contact .col-left .title{margin-bottom:18px}#contact .col-right{width:274px;padding-left:80px}#contact .col-right .title{margin-bottom:30px}.contact-infos li:first-child{margin-bottom:54px}.contact-infos li:nth-child(2){margin-bottom:52px}.contact-infos li:nth-child(3) h3{margin-top:11px}.contact-infos li p,.contact-infos h3{font-size:20px}.contact-infos li p{line-height:31px}}#imprint .spacer{padding-top:36px}.work-with-us h1,.work-with-us h2,.work h1,.work h2{font-size:20px}.work-with-us h1,.work h1{font-weight:600}.work-with-us h2,.work h2{font-weight:300}.work-with-us{text-align:center;cursor:pointer;margin:38px 0 0;padding:37px 15px}.work-with-us h1{margin:0 0 2px}.work-with-us h2{margin:0}@media all and (min-width: 660px){.work-with-us{margin:30px 0 0;padding:50px 15px}.work-with-us h1,.work-with-us h2{font-size:25px}.work-with-us h1{margin:0px 0 5px}}@media all and (min-width: 920px){.work h1,.work h2{font-size:25px}.work-with-us{margin:39px 0 0;padding:63px 15px}}@media all and (min-width: 1120px){.work h1,.work h2,.work-with-us h1,.work-with-us h2{font-size:30px}.work-with-us{padding:57px 15px}}.work{cursor:pointer;margin:0 auto 20px;padding-bottom:28px}.work.off{cursor:default}.work .wrapper{background:#fff;padding-top:28px;padding-left:30px}.work img{width:100%}.work h1{margin:0}.work h2{margin:-2px 0 0}.work a{font-size:15px;font-weight:600;text-decoration:none}.work .hide{visibility:hidden}@media all and (min-width: 660px){.work{width:310px;float:left;margin-top:30px}.work:nth-child(1),.work:nth-child(2){margin-top:0}.work:nth-child(even){margin-left:20px}}@media all and (min-width: 920px){.work{width:440px;margin-top:40px;padding-bottom:47px}.work .wrapper{padding-top:40px}.work .arrow-link{margin-top:35px}}@media all and (min-width: 1120px){.work{width:540px;margin-top:40px;padding-bottom:47px}.work .wrapper{padding-top:45px}}@media all and (min-width: 1320px){.work{width:635px}.work:nth-child(even){margin-left:30px}.work a{font-size:18px}}@media all and (min-width: 660px){.explore-works .work{margin-bottom:0}}@media all and (min-width: 920px){.explore-works .wrapper{padding-top:37px}.explore-works .work{padding-bottom:30px}.explore-works .arrow-link{margin-top:32px}}@media all and (min-width: 1120px){.explore-works .wrapper{padding-top:46px}.explore-works .work{padding-bottom:48px}.explore-works .arrow-link{margin-top:36px}}@media all and (min-width: 1320px){.work .wrapper{padding-left:39px}}#yapital .case-study-cover{position:relative;margin-bottom:52px}#yapital .cards{width:100%;overflow:hidden;position:absolute;top:143px;left:50%;margin-left:-150px}#yapital .cards ul{width:340px;margin:0 -20px 0}#yapital .cards li{width:77px;height:49px;float:left;background-image:url(../../img/works/yapital/mobile/1x/cards.png);background-repeat:no-repeat;background-size:310px 49px;margin-left:10px}#yapital .cards li:first-child{margin-left:0}#yapital .diner-club{background-position:0 0}#yapital .visa{background-position:-78px 0}#yapital .american-express{background-position:-156px 0}#yapital .mastercard{background-position:-233px 0}#yapital .first-content:first-child{margin-bottom:30px}#yapital .first-content p{word-spacing:-0.2px;margin-top:22px}#yapital .numbered-item.first{margin-top:19px}#yapital .roboto{max-width:260px}#yapital .color-blocks{width:100%}#yapital .color-blocks li{width:46%;height:143px;line-height:212px;text-align:center;float:left}#yapital .color-blocks li:first-child{background-color:#ecf0f3;color:#222b32;margin-right:3%}#yapital .color-blocks li:last-child{background-color:#222b32;color:#ecf0f3;margin-left:3%}.corner-block{width:2px;height:2px;background-color:#fff;border:1px solid #dcdcdc;position:absolute}.corner-block.top-left{top:-2px;left:-2px}.corner-block.top-right{top:-2px;right:-2px}.corner-block.bottom-right{bottom:-2px;right:-2px}.corner-block.bottom-left{bottom:-2px;left:-2px}.yapital-icons{margin-bottom:36px}.yapital-icons li{width:29%;height:75px;line-height:75px;text-align:center;border:1px dashed #dcdcdc;float:left;position:relative;margin-bottom:20px;margin-left:5%}.yapital-icons li:nth-child(3n+1){margin-left:0}.yapital-icons span{display:inline-block}.yapital-icons .icon{background-image:url(../../img/works/yapital/mobile/1x/yapital-icons.png);background-repeat:no-repeat;background-size:226px 42px;vertical-align:middle}.convert{width:35px;height:40px;background-position:-191px -1px}.idea{width:27px;height:42px;background-position:-85px 0px}.money{width:37px;height:39px;background-position:-153px 0px}.performance{width:38px;height:29px;background-position:-114px -1px}.task{width:46px;height:40px;background-position:-39px -1px;position:relative;left:5px}.user{width:38px;height:38px;background-position:0px -1px}#yapital .well-structured-container p{word-spacing:-1px;margin-top:20px}#yapital .grid{margin-top:20px;margin-bottom:21px}#yapital .fit-desc{word-spacing:-1px}#yapital .website-ui-overview-container{background-color:#ecf0f4;margin-bottom:53px;padding-bottom:63px}#yapital .website-ui{margin-top:29px}#yapital .website-overview{max-width:262px;margin:40px auto 0}#yapital .os-specific-visual{border-bottom:1px solid #ecf0f4;margin-top:30px;margin-bottom:53px}#yapital .os-specific{max-width:230px;margin:auto}#yapital .paperless-payment{max-width:277px;margin:58px auto 0}#yapital .footer-block{margin-top:40px;padding-top:25px}#yapital .footer-block img{max-width:268px;float:right}@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 (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.yapital-icons .icon{background-image:url(../../img/works/yapital/mobile/2x/yapital-icons.png)}#yapital .cards li{background-image:url(../../img/works/yapital/mobile/2x/cards.png)}}.tu-yapital .homepage-animation .project-name{color:#841084}.tu-yapital .homepage-animation .project-name.color-change{color:#fff}@media all and (min-width: 660px){#yapital .case-study-cover{margin-bottom:33px}#yapital .cards{top:260px;margin-left:-320px}#yapital .cards ul{width:724px;margin:0 -42px 0}#yapital .cards li{width:165px;height:105px;background-image:url(../../img/works/yapital/tablet-portrait/1x/cards.png);background-size:658px 105px;margin-left:20px}#yapital .visa{background-position:-166px 0}#yapital .american-express{background-position:-330px 0}#yapital .mastercard{background-position:-494px 0}#yapital .first-content:first-child{margin-bottom:0}.socials{margin:72px 0 0}#yapital .woman{margin-top:29px}#yapital .numbered-item{margin-top:33px}#yapital .numbered-item.first{margin-top:40px}#yapital .roboto{max-width:420px;margin-top:5px}#yapital .color-blocks{width:100%;max-width:265px}.corner-block{width:3px;height:3px}.corner-block.top-left{top:-3px;left:-3px}.corner-block.top-right{top:-3px;right:-3px}.corner-block.bottom-right{bottom:-3px;right:-3px}.corner-block.bottom-left{bottom:-3px;left:-3px}.yapital-icons{margin-bottom:56px}.yapital-icons li{width:79px;height:79px;line-height:79px;margin-left:10px}.yapital-icons li:nth-child(3n+1){margin-left:10px}.yapital-icons li:first-child{margin-left:0}#yapital .col-left{width:50%;float:left;margin-top:50px}#yapital .col-right{width:50%;float:right}#yapital .well-structured-container p,#yapital .fit-desc{word-spacing:-1px}#yapital .grid{margin-top:17px;margin-bottom:31px}#yapital .website-ui{margin-top:30px}#yapital .website-ui-overview-container{margin-bottom:28px;padding-bottom:80px}#yapital .website-overview{max-width:544px;margin:48px auto 0}#yapital .col-right{width:284px;float:right;margin-top:29px}#yapital .col-right .spacer{width:auto;padding:0}#yapital .os-specific{max-width:243px;margin:0 0 0 50px}#yapital .os-specific-visual{border:0;margin-bottom:0}#yapital .os-specific-container{border-bottom:1px solid #ecf0f4;margin-top:0}#yapital .paperless-payment-container{height:404px;margin:40px 0}#yapital .paperless-payment-desc{max-width:60%;float:left;position:relative;z-index:2}#yapital .paperless-payment{max-width:362px;position:absolute;right:8px;z-index:1;margin:41px 0 0}#yapital .footer-block{margin-top:85px;padding-top:58px}#yapital .footer-block img{max-width:543px;float:right}}@media only screen and (min-width: 660px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 660px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 660px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 660px) and (min-device-pixel-ratio: 2), only screen and (min-width: 660px) and (min-resolution: 192dpi), only screen and (min-width: 660px) and (min-resolution: 2dppx){#yapital .cards li{background-image:url(../../img/works/yapital/tablet-portrait/2x/cards.png)}}@media all and (min-width: 920px){#yapital .first-content{width:480px}#yapital .case-study-cover{margin-bottom:24px}#yapital .cards{top:314px;margin-left:-450px}#yapital .cards ul{width:1024px;margin:0 -62px 0}#yapital .cards li{width:232px;height:148px;background-image:url(../../img/works/yapital/tablet-landscape/1x/cards.png);background-size:922px 147px;margin-left:30px}#yapital .diner-club{background-position:2px 0}#yapital .visa{background-position:-230px 0}#yapital .cards .american-express{width:231px;background-position:-462px 0}#yapital .mastercard{background-position:-693px 0}#yapital .socials{margin:100px 0 0}#yapital .woman{margin-top:39px}#yapital .asset-list{margin-top:50px}#yapital .numbered-item{margin-top:39px}#yapital .asset-list .left{width:420px;float:left;margin-right:30px}#yapital .asset-list .right{width:266px;float:right}#yapital .asset-list>.clearfix{margin-bottom:49px}#yapital .color-blocks{margin-top:35px}#yapital .color-blocks li{font-size:14px;line-height:219px}#yapital .color-blocks li:first-child{margin-right:13px}.corner-block{width:4px;height:4px}.corner-block.top-left{top:-4px;left:-4px}.corner-block.top-right{top:-4px;right:-4px}.corner-block.bottom-right{bottom:-4px;right:-4px}.corner-block.bottom-left{bottom:-4px;left:-4px}.yapital-icons{margin-top:37px;margin-bottom:76px}.yapital-icons .icon{background-image:url(../../img/works/yapital/tablet-landscape/1x/yapital-icons.png);background-size:305px 57px}.convert{width:47px;height:55px;background-position:-258px -1px}.idea{width:37px;height:58px;background-position:-115px 0px}.money{width:50px;height:52px;background-position:-207px 0px}.performance{width:52px;height:40px;background-position:-154px -1px}.task{width:61px;height:56px;background-position:-53px 0px;position:relative;left:9px}.user{width:53px;height:53px;background-position:0px 0px}#yapital .yapital-icons li{width:111px;height:108px;line-height:103px;margin-left:12px}#yapital .yapital-icons li:first-child{margin-left:0}#yapital .well-structured-container{margin-top:77px}#yapital .grid{margin-top:37px;margin-bottom:22px}#yapital .website-ui-overview-container{margin-top:49px;margin-bottom:28px;padding-bottom:115px}#yapital .website-overview{max-width:730px;margin:71px auto 0}#yapital .os-specific-container{margin-top:51px}#yapital .os-specific{max-width:264px;margin:0}#yapital .col-left{width:264px;margin:50px 0 0 80px}#yapital .col-right{width:476px;margin-top:37px}#yapital .paperless-payment-container{height:527px;margin:59px 0}#yapital .paperless-payment{max-width:472px;right:24px}#yapital .paperless-payment-desc{margin-top:45px}#yapital .footer-block{margin-top:103px;padding-top:97px}#yapital .footer-block img{max-width:738px}}@media only screen and (min-width: 920px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 920px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 920px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 920px) and (min-device-pixel-ratio: 2), only screen and (min-width: 920px) and (min-resolution: 192dpi), only screen and (min-width: 920px) and (min-resolution: 2dppx){#yapital .cards li{background-image:url(../../img/works/yapital/tablet-landscape/2x/cards.png)}.yapital-icons .icon{background-image:url(../../img/works/yapital/tablet-landscape/2x/yapital-icons.png)}}@media only screen and (min-width: 1120px){#yapital .case-study-color-container{height:694px}#yapital .case-study-cover{margin-bottom:49px}#yapital .cards{top:381px;margin-left:-550px}#yapital .cards ul{width:1254px;margin:0 -77px 0}#yapital .cards li{width:284px;height:180px;background-image:url(../../img/works/yapital/desktop/1x/cards.png);background-size:1128px 180px;margin-left:38px}#yapital .visa{background-position:-282px 0}#yapital .cards .american-express{width:281px;background-position:-566px 0}#yapital .mastercard{background-position:-847px 0}#yapital .socials{margin:113px 5px 0}#yapital .woman{margin-top:33px}#yapital .asset-list{margin-top:39px}#yapital .asset-list .left{width:540px;margin-right:0}#yapital .asset-list .right{width:300px}#yapital .asset-list>.clearfix{margin-bottom:78px}#yapital .roboto{max-width:540px}#yapital .color-blocks{max-width:298px}#yapital .yapital-icons li{width:139px;height:142px;line-height:136px;margin-left:18px}.yapital-icons .icon{background-image:url(../../img/works/yapital/desktop/1x/yapital-icons.png);background-size:388px 73px}#yapital .user{width:69px;height:68px;background-position:1px 0px}#yapital .task{width:78px;height:71px;background-position:-68px 0px}#yapital .idea{width:47px;height:73px;background-position:-147px 0px}#yapital .performance{width:68px;height:53px;background-position:-194px 0px}#yapital .money{width:64px;height:67px;background-position:-263px 0px}#yapital .convert{width:60px;height:71px;background-position:-328px 0px}#yapital .well-structured-container{margin-top:97px}#yapital .grid{margin-top:67px;margin-bottom:41px}#yapital .website-ui-overview-container{margin-top:49px;margin-bottom:76px;padding-bottom:120px}#yapital .website-ui{margin-top:70px}#yapital .website-overview{max-width:982px;margin:62px auto 0}#yapital .col-left{width:308px;margin:46px 0 0 78px}#yapital .col-right{width:541px;margin-top:70px}#yapital .os-specific-container p{margin-top:10px;line-height:35px}#yapital .os-specific{max-width:308px}#yapital .paperless-payment-container{height:615px;margin:79px 0}#yapital .paperless-payment-desc{margin-top:105px}#yapital .paperless-payment{max-width:550px;right:10px}#yapital .footer-block{margin-top:123px;padding-top:118px}#yapital .footer-block img{max-width:900px}}@media only screen and (min-width: 1120px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1120px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1120px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 1120px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1120px) and (min-resolution: 192dpi), only screen and (min-width: 1120px) and (min-resolution: 2dppx){.yapital-icons .icon{background-image:url(../../img/works/yapital/desktop/2x/yapital-icons.png)}#yapital .cards li{background-image:url(../../img/works/yapital/desktop/2x/cards.png)}}@media only screen and (min-width: 1320px){#yapital .spacer.left{width:1110px;padding:0 80px 36px 110px}#yapital .first-content{width:690px}#yapital .case-study-cover{margin-bottom:65px}#yapital .case-study-color-container{height:820px}#yapital .cards{top:475px;margin-left:-650px}#yapital .cards ul{width:1248px;margin:0 26px 0}#yapital .socials{margin:92px 33px 0}#yapital .woman{margin-top:53px}#yapital .asset-list{width:952px;margin:70px auto 0}#yapital .asset-list .right{margin-right:10px}#yapital .grid{margin-top:65px;margin-bottom:53px}#yapital .website-ui-overview-container{margin-top:49px;margin-bottom:82px;padding-bottom:75px}#yapital .website-overview{margin:85px auto 0}#yapital .col-left{width:339px;margin:46px 0 0 110px}#yapital .col-right{width:735px}#yapital .os-specific-container p,#yapital .paperless-payment-desc p{margin-top:32px;line-height:40px}#yapital .os-specific{max-width:339px}#yapital .paperless-payment-container{margin:45px 0}#yapital .paperless-payment-desc{margin-top:46px;margin-left:30px}#yapital .paperless-payment{right:84px}#yapital .footer-block{padding-top:148px}#yapital .footer-block img{max-width:1064px}.tu-yapital .explore{margin:110px 0 47px}}#eventim-website .case-study-cover{margin-bottom:53px}.eventim-posters{width:266px;position:absolute;left:50%;top:130px;margin-left:-133px}.eventim-posters li{width:48px;height:62px;background-image:url(../../img/works/eventim-website/mobile/1x/eventim-posters.png);background-repeat:no-repeat;background-size:252px 63px;float:left;text-align:center;border:1px solid #fff;border-radius:1px;margin-left:4px}.eventim-posters li:first-child{margin-left:0}.eventim-posters p{font:700 3px 'Helvetica Neue', 'Open Sans', Arial, sans-serif;color:#fff;margin-top:68px}.eventim-posters span{font-style:italic;color:#627282}.eventim-posters .tree{background-position:0 0}.eventim-posters .men{background-position:-51px 0}.eventim-posters .jackson{background-position:-102px 0}.eventim-posters .pink{background-position:-152px 0}.eventim-posters .vinyl{background-position:-202px 0}@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 (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.eventim-posters li{background-image:url(../../img/works/eventim-website/mobile/2x/eventim-posters.png)}}#eventim-website .first-content:first-child{margin-bottom:30px}#eventim-website .first-content p{margin-top:22px}#eventim-website .socials{margin:37px 0 39px}#eventim-website .website-overview-container{background:#bdc6d1;position:relative;margin-top:128px;margin-bottom:37px}#eventim-website .website-overview-container img{max-width:259px;margin:auto;position:relative}#eventim-website .website-overview-container .website-overview-1{top:-128px}#eventim-website .website-overview-container .website-overview-2{top:-67px}.linkin-park{margin-bottom:20px}.website-ui-desc p{letter-spacing:-0.3px}.top-events{max-width:246px;margin:21px auto 0}#eventim-website .footer-block{margin-top:61px;padding-top:33px}#eventim-website .footer-block img{max-width:232px;margin:auto}@media all and (min-width: 660px){#eventim-website .case-study-cover{margin-bottom:33px}.eventim-posters{width:538px;top:234px;margin-left:-269px}.eventim-posters li{width:100px;height:126px;border-radius:2px;background-image:url(../../img/works/eventim-website/tablet-portrait/1x/eventim-posters.png);background-size:512px 128px;margin-left:7px}.eventim-posters .men{background-position:-103px -1px}.eventim-posters .jackson{background-position:-206px -1px}.eventim-posters .pink{background-position:-308px -1px}.eventim-posters .vinyl{background-position:-411px -1px}.eventim-posters p{font-size:6px;margin-top:135px}#eventim-website .socials{margin:63px 0 39px}#eventim-website .website-overview-container{height:1148px;margin-top:289px;margin-bottom:74px}#eventim-website .website-overview-container img{max-width:539px}#eventim-website .website-overview-container .website-overview-1{top:-271px}#eventim-website .website-overview-container .website-overview-2{top:-191px}.sense-of-depth p{letter-spacing:-0.3px}.linkin-park{margin-top:32px;margin-bottom:26px}.top-events{max-width:382px;margin:29px auto 0}#eventim-website .footer-block{margin-top:81px;padding-top:83px}#eventim-website .footer-block img{max-width:471px}}@media only screen and (min-width: 660px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 660px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 660px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 660px) and (min-device-pixel-ratio: 2), only screen and (min-width: 660px) and (min-resolution: 192dpi), only screen and (min-width: 660px) and (min-resolution: 2dppx){.eventim-posters li{background-image:url(../../img/works/eventim-website/tablet-portrait/2x/eventim-posters.png)}}@media all and (min-width: 920px){#eventim-website .first-content{width:540px}#eventim-website .first-content:first-child{margin-bottom:0}#eventim-website .case-study-color-container{height:585px}#eventim-website .case-study-cover{margin-bottom:25px}.eventim-posters{width:762px;top:304px;margin-left:-381px}.eventim-posters li{width:141px;height:177px;border-width:2px;background-image:url(../../img/works/eventim-website/tablet-landscape/1x/eventim-posters.png);background-size:722px 179px;margin-left:9px}.eventim-posters .men{background-position:-146px -1px}.eventim-posters .jackson{background-position:-291px -1px}.eventim-posters .pink{background-position:-435px -1px}.eventim-posters .vinyl{background-position:-580px -1px}.eventim-posters p{font-size:8px;line-height:11px;margin-top:188px}#eventim-website .socials{margin:85px 0 0}#eventim-website .website-overview-container{height:1586px;margin-top:383px;margin-bottom:92px}#eventim-website .website-overview-container img{max-width:739px}#eventim-website .website-overview-container .website-overview-1{top:-342px}#eventim-website .website-overview-container .website-overview-2{top:-241px}.linkin-park{margin-top:54px;margin-bottom:0}.website-ui-desc{width:376px;float:left;margin:80px 0 0}.website-ui-desc .centered{text-align:left}.top-events{max-width:382px;margin:58px 0 0;float:right}#eventim-website .footer-block{margin-top:102px;padding-top:87px}#eventim-website .footer-block img{max-width:715px}}@media only screen and (min-width: 920px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 920px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 920px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 920px) and (min-device-pixel-ratio: 2), only screen and (min-width: 920px) and (min-resolution: 192dpi), only screen and (min-width: 920px) and (min-resolution: 2dppx){.eventim-posters li{background-image:url(../../img/works/eventim-website/tablet-landscape/2x/eventim-posters.png)}}@media all and (min-width: 1120px){#eventim-website .case-study-cover{margin-bottom:46px}#eventim-website .case-study-color-container{height:750px}.eventim-posters{width:950px;top:351px;margin-left:-475px}.eventim-posters li{width:177px;height:221px;border-radius:3px;background-image:url(../../img/works/eventim-website/desktop/1x/eventim-posters.png);background-size:903px 224px;margin-left:11px}.eventim-posters .men{background-position:-181px -1px}.eventim-posters .jackson{background-position:-363px -1px}.eventim-posters .pink{background-position:-544px -1px}.eventim-posters .vinyl{background-position:-725px -1px}#eventim-website .socials{margin:126px 0 0}#eventim-website .website-overview-container{height:1778px;margin-top:539px;margin-bottom:111px}#eventim-website .website-overview-container img{max-width:921px}#eventim-website .website-overview-container .website-overview-1{top:-474px}#eventim-website .website-overview-container .website-overview-2{max-width:844px;top:-374px}.linkin-park{margin-top:76px}.website-ui-desc{width:466px;margin:146px 0 0}.top-events{max-width:461px;margin:78px 0 0}#eventim-website .footer-block{margin-top:121px;padding-top:113px}#eventim-website .footer-block img{max-width:844px}}@media only screen and (min-width: 1120px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1120px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1120px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 1120px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1120px) and (min-resolution: 192dpi), only screen and (min-width: 1120px) and (min-resolution: 2dppx){.eventim-posters li{background-image:url(../../img/works/eventim-website/desktop/2x/eventim-posters.png)}}@media all and (min-width: 1320px){#eventim-website .first-content{width:710px}#eventim-website .spacer.left{width:1110px;padding:0 80px 36px 110px}#eventim-website .case-study-cover{margin-bottom:63px}#eventim-website .case-study-color-container{height:885px}.eventim-posters{width:1092px;top:437px;margin-left:-546px}.eventim-posters li{width:203px;height:255px;background-image:url(../../img/works/eventim-website/desktop-large/1x/eventim-posters.png);background-size:1039px 257px;margin-left:14px}.eventim-posters .men{background-position:-208px -2px}.eventim-posters .jackson{background-position:-417px -2px}.eventim-posters .pink{background-position:-626px -2px}.eventim-posters .vinyl{background-position:-835px -2px}.eventim-posters p{font-size:12px;line-height:15px;margin-top:273px}#eventim-website .socials{margin:96px 32px 0}#eventim-website .website-overview-container{height:1850px;margin-top:573px;margin-bottom:89px}#eventim-website .website-overview-container img{max-width:997px}#eventim-website .website-overview-container .website-overview-1{top:-492px}#eventim-website .website-overview-container .website-overview-2{top:-394px}.linkin-park{margin-top:96px}.website-ui-desc{width:526px;margin:119px 0 0}.top-events{max-width:472px;margin:78px 109px 0 0}#eventim-website .footer-block{padding-top:133px}#eventim-website .footer-block img{max-width:997px}.tu-eventim-website .explore{margin:109px 0 47px}}@media only screen and (min-width: 1320px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1320px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1320px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 1320px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1320px) and (min-resolution: 192dpi), only screen and (min-width: 1320px) and (min-resolution: 2dppx){.eventim-posters li{background-image:url(../../img/works/eventim-website/desktop-large/2x/eventim-posters.png)}}#eventim-app .cover-visual{max-width:262px;position:absolute;left:50%;top:141px;margin-left:-131px}#eventim-app .case-study-cover{height:272px}#eventim-app .first-content:first-child{margin-bottom:30px}#eventim-app .first-content p{margin-top:22px;margin-bottom:0}#eventim-app .socials{margin:37px 0 39px}#eventim-app .poster{margin-bottom:22px}.interactions{width:203px;margin:53px auto 38px}.interactions li{width:89px;text-align:center;float:left;margin-top:17px;margin-left:25px}.interactions li:nth-child(1),.interactions li:nth-child(2){margin-top:0}.interactions li:nth-child(odd){margin-left:0}.interactions li:last-child{float:none;margin:auto}.interactions li:last-child span{margin-top:24px}.interactions span{width:88px;height:125px;background-image:url(../../img/works/eventim-app/mobile/1x/interactions.png);background-repeat:no-repeat;background-size:441px 125px;display:inline-block;vertical-align:middle}.interactions .menu{width:89px;background-position:-176px 0px}.interactions .open{background-position:-353px 0px}.interactions .select{background-position:-265px 0px}.interactions .swipe-left{background-position:-88px 0px}.interactions .swipe-right{background-position:0px 0px}.bruno-mars{margin-bottom:19px}.colored-artist .title{letter-spacing:3.3px}.colored-artist p{margin-top:23px}.color-views-container{margin:50px 0 30px}#color-views{width:100%;height:150px;position:relative}#color-views li{width:100%;position:absolute;top:0;left:0;opacity:0}#color-views-nav{float:right;position:relative;z-index:2;margin:7px -6px 0}#color-views-nav li{width:11px;height:11px;border-radius:50%;float:left;margin-left:4px}#color-views-nav li:first-child{margin-left:0}#color-views-nav .green{background-color:#c7e5cb}#color-views-nav .black{background-color:#000}#color-views-nav .white{background-color:#fbfbfb;border:1px solid #efefef}.artist-page-container{margin-bottom:38px}.artist-page-container img{margin:32px 0 20px}.artists{width:208px;margin:59px auto 40px}.artists li{width:98px;text-align:center;float:left;margin-top:19px;margin-left:10px}.artists li:nth-child(1),.artists li:nth-child(2){margin-top:0}.artists li:nth-child(odd){margin-left:0}.artists span{width:98px;height:98px;background-image:url(../../img/works/eventim-app/mobile/1x/artists.png);background-repeat:no-repeat;background-size:883px 98px;display:inline-block;vertical-align:middle}.artists .adele{background-position:1px 0}.artists .alicia-keys{background-position:-784px 0}.artists .fun{background-position:-392px 0}.artists .green-day{background-position:-490px 0}.artists .imagine-dragons{background-position:-194px 0}.artists .la-roux{background-position:-588px 0}.artists .maroon-5{background-position:-686px 0}.artists .niki-minaj{background-position:-95px 0}.artists .pink{background-position:-293px 0}@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 (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.interactions span{background-image:url(../../img/works/eventim-app/mobile/2x/interactions.png)}.artists span{background-image:url(../../img/works/eventim-app/mobile/2x/artists.png)}}#eventim-app .footer-block{padding-top:27px}#eventim-app .footer-block img{max-width:248px;margin:auto}.tu-eventim-app .homepage-animation .project-name{color:#042844}.tu-eventim-app .homepage-animation .project-name.color-change{color:#fff}@media only screen and (min-width: 660px){#eventim-app .case-study-cover{height:542px;margin-bottom:34px}#eventim-app .cover-visual{max-width:510px;top:282px;margin-left:-255px}#eventim-app .socials{margin:85px 0 37px}#eventim-app .poster{margin-bottom:30px}.interactions{width:100%;margin:53px auto 46px}.interactions li{width:20%;margin-left:0;margin-top:0}.interactions li:last-child{float:left;margin:0}.interactions li:last-child span{margin-top:0}.bruno-mars{margin-bottom:29px}#color-views{height:354px}.colored-artist .title{letter-spacing:5px}.color-views-container{width:584px;position:relative;left:-21px;margin:71px 0 30px}#color-views-nav{margin:9px 0px 0}#color-views-nav li{width:23px;height:23px;margin-left:8px}.artist-page-container{margin-top:14px;margin-bottom:25px}.artist-page-container img{margin:44px 0 40px}#eventim-app .col-left{width:310px;float:left;margin-top:50px}.artists{margin:54px -3px 40px 0;float:right}#eventim-app .footer-block{padding-top:56px}#eventim-app .footer-block img{max-width:393px}.tu-eventim-app .explore{margin:52px 0 39px}}@media screen and (min-width: 920px){#eventim-app .first-content{width:480px}#eventim-app .first-content:first-child{margin-bottom:56px}#eventim-app .case-study-cover{height:702px;margin-bottom:17px}#eventim-app .cover-visual{max-width:804px;top:303px;margin-left:-402px}#eventim-app .socials{margin:115px 0 55px}#eventim-app .poster{margin-bottom:21px}.interactions{margin:77px auto 52px}.interactions span{width:118px;height:168px;background-image:url(../../img/works/eventim-app/tablet-landscape/1x/interactions.png);background-size:592px 168px}.interactions .menu{background-position:-237px 0px}.interactions .open{background-position:-474px 0px}.interactions .select{background-position:-355px 0px}.interactions .swipe-left{background-position:-118px 0px}.interactions .swipe-right{background-position:0px 0px}.bruno-mars{margin-bottom:21px}#color-views{height:474px}.color-views-container{width:784px;margin:74px 0 46px}#color-views-nav{margin:13px 41px 0 0}#color-views-nav li{width:33px;height:33px}.artist-page-container{margin-bottom:16px}.artist-page-container img{margin:61px 0 55px}#eventim-app .col-left{width:390px}.artists{width:317px;margin:84px -3px 40px 0}.artists li{margin-left:0;margin-right:10px}.artists li:nth-child(3){margin-top:0}.artists li:nth-child(3n+3){margin-right:0}#eventim-app .footer-block{margin-top:20px;padding-top:77px}#eventim-app .footer-block img{max-width:416px}.tu-eventim-app .explore{margin:92px 0 39px}}@media only screen and (min-width: 920px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 920px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 920px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 920px) and (min-device-pixel-ratio: 2), only screen and (min-width: 920px) and (min-resolution: 192dpi), only screen and (min-width: 920px) and (min-resolution: 2dppx){.interactions span{background-image:url(../../img/works/eventim-app/tablet-landscape/2x/interactions.png)}}@media only screen and (min-width: 1120px){#eventim-app .case-study-cover{height:842px;margin-bottom:0px}#eventim-app .cover-visual{max-width:1038px;top:327px;margin-left:-519px}#eventim-app .first-content:first-child{margin-bottom:76px}#eventim-app .first-content p{margin-top:19px;line-height:35px}#eventim-app .socials{margin:131px 0 111px}#eventim-app .poster{margin-bottom:44px}.interactions{margin:111px auto 59px}.interactions span{width:126px;height:179px;background-image:url(../../img/works/eventim-app/desktop/1x/interactions.png);background-size:629px 179px}.interactions .menu{width:125px;background-position:-252px 0px}.interactions .open{background-position:-503px 0px}.interactions .select{background-position:-377px 0px}.interactions .swipe-left{background-position:-126px 0px}.interactions .swipe-right{background-position:0px 0px}.bruno-mars{margin-bottom:2px}#color-views{height:628px}.colored-artist p{margin-top:12px}.color-views-container{width:1026px;left:-28px;margin:123px 0 75px}#color-views-nav{margin:14px 55px 0 0}#color-views-nav li{width:40px;height:40px;cursor:pointer;margin-left:16px}.artist-page-container img{margin:105px 0 100px}#eventim-app .col-left{width:400px;margin-top:85px}.artists{width:379px;margin:104px -3px 40px 0}.artists li{width:116px;margin-top:24px;margin-right:14px}.artists span{width:116px;height:116px;background-image:url(../../img/works/eventim-app/desktop/1x/artists.png);background-size:1051px 116px}.artists .adele{background-position:0 0}.artists .alicia-keys{background-position:-934px 0}.artists .fun{background-position:-466px 0}.artists .green-day{background-position:-584px 0}.artists .imagine-dragons{background-position:-233px 0}.artists .la-roux{background-position:-701px 0}.artists .maroon-5{background-position:-818px 0}.artists .niki-minaj{background-position:-116px 0}.artists .pink{background-position:-350px 0}#eventim-app .footer-block{margin-top:43px;padding-top:87px}#eventim-app .footer-block img{max-width:595px}.tu-eventim-app .explore{margin:112px 0 49px}}@media only screen and (min-width: 1120px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1120px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1120px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 1120px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1120px) and (min-resolution: 192dpi), only screen and (min-width: 1120px) and (min-resolution: 2dppx){.interactions span{background-image:url(../../img/works/eventim-app/desktop/2x/interactions.png)}.artists span{background-image:url(../../img/works/eventim-app/desktop/2x/artists.png)}}@media only screen and (min-width: 1320px){#eventim-app .first-content{width:720px}#eventim-app .spacer{width:1110px;padding:0 80px 36px 110px}#eventim-app .case-study-cover{height:948px;margin-bottom:62px}#eventim-app .case-study-color-container{height:760px}#eventim-app .cover-visual{max-width:1110px;top:398px;margin-left:-555px}#eventim-app .first-content .title{margin-bottom:8px}#eventim-app .first-content p{margin-top:0px;line-height:39px}#eventim-app .socials{margin:94px 35px 74px 0}#eventim-app .poster{margin-bottom:59px}.interactions{margin:93px auto 83px}.interactions span{width:140px;height:198px;background-image:url(../../img/works/eventim-app/desktop-large/1x/interactions.png);background-size:699px 198px}.interactions .menu{width:139px;background-position:-280px 0px}.interactions .open{background-position:-559px 0px}.interactions .select{background-position:-419px 0px}.interactions .swipe-left{background-position:-140px 0px}.interactions .swipe-right{background-position:0px 0px}.bruno-mars{margin-bottom:59px}#color-views{height:718px}.colored-artist p{margin-top:32px}.color-views-container{width:1187px;left:-50px;margin:160px 0 75px}#color-views-nav{margin:-41px 35px 0 0}.artist-page-container img{margin:116px 0 114px}#eventim-app .col-left{width:600px;margin-top:109px}.artists{width:379px;margin:104px 35px 40px 0}#eventim-app .footer-block{padding-top:103px}#eventim-app .footer-block img{max-width:703px}}@media only screen and (min-width: 1320px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1320px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1320px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 1320px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1320px) and (min-resolution: 192dpi), only screen and (min-width: 1320px) and (min-resolution: 2dppx){.interactions span{background-image:url(../../img/works/eventim-app/desktop-large/2x/interactions.png)}}#metro .case-study-cover{height:270px;margin-bottom:54px}#metro .cover-visual{max-width:250px;position:absolute;left:50%;top:145px;margin-left:-125px}.tu-metro .project-name .black{color:#fff}#metro .first-content p{word-spacing:-0.5px;margin-top:20px}#metro .first-content:first-child{margin-bottom:30px}#metro .poster{margin-bottom:18px}.components .title{letter-spacing:4.6px}.components p{word-spacing:-0.5px;margin-top:20px}#metro .website-ui-container{height:1384px;margin-top:20px;margin-bottom:53px}#metro .website-ui-container .transparent-white{padding-top:61px}#metro .website-ui-1,#metro .website-ui-2{max-width:247px;margin-left:auto;margin-right:auto}#metro .website-ui-2{margin-top:21px}#metro .website-ui-3{margin-top:52px}#metro .imagery{margin:24px 0 19px}#metro .rich-imagery-desc p{word-spacing:-0.5px}#metro .widgets{max-width:202px;margin:50px auto}#metro .smart-widgets-desc .subtitle{word-spacing:-0.3px}#metro .smart-widgets-desc p{margin-top:21px}#metro .website-overview-container .transparent-white{height:1010px;margin-bottom:50px;padding-top:50px}#metro .website-overview-1,#metro .website-overview-2{max-width:260px;margin:auto}#metro .website-overview-1{margin:0 auto 28px}#metro .innovative-choices-container p{word-spacing:-0.3px}#metro .footer-block{margin-top:22px;padding-top:23px}#metro .footer-block img{max-width:280px;margin:auto}.tu-metro .homepage-animation .project-name{color:#fcc81b}.tu-metro .homepage-animation .project-name .black{color:#000}@media all and (min-width: 660px){#metro .case-study-cover{height:542px;margin-bottom:41px}#metro .cover-visual{max-width:548px;top:268px;margin-left:-274px}#metro .socials{margin:67px -21px 24px}#metro .poster{margin-bottom:28px}#metro .website-ui-container{height:1402px;margin-top:28px;margin-bottom:73px}#metro .website-ui-container .transparent-white{padding-top:69px}#metro .website-ui-1,#metro .website-ui-2{float:left;margin-right:0}#metro .website-ui-1{margin-left:60px}#metro .website-ui-2{margin-top:0;margin-left:27px}#metro .website-ui-3{margin-top:95px}#metro .imagery{margin:0px 0 23px}#metro .widgets{max-width:246px;margin:64px auto}#metro .smart-widgets-container{height:786px}#metro .website-overview-container .transparent-white{height:576px;margin-bottom:75px;padding-top:74px}#metro .website-overview-1,#metro .website-overview-2{float:left}#metro .website-overview-1{margin:0 20px 0 50px}#metro .innovative-choices-container p{word-spacing:-1px}#metro .footer-block{margin-top:33px;padding-top:53px}#metro .footer-block img{max-width:568px}}@media all and (min-width: 920px){#metro .first-content{width:551px}#metro .case-study-cover{height:700px;margin-bottom:16px}#metro .case-study-color-container{height:560px}#metro .cover-visual{max-width:793px;top:304px;margin-left:-396px}#metro .socials{margin:94px 0px 45px}#metro .poster{margin-bottom:19px}#metro .website-ui-container{height:1766px;margin-top:46px;margin-bottom:93px}#metro .website-ui-container .transparent-white{padding-top:110px}#metro .website-ui-1,#metro .website-ui-2{max-width:291px}#metro .website-ui-1{margin-left:141px}#metro .website-ui-2{margin-left:35px}#metro .website-ui-3{margin-top:97px}#metro .imagery{margin:49px 0 0}#metro .widgets{margin:94px 0 0 0}#metro .smart-widgets-container{height:auto;margin-top:70px}#metro .smart-widgets-desc{width:340px;float:left;margin-right:151px}#metro .smart-widgets-desc .title{margin-top:47px}#metro .smart-widgets-desc .centered{text-align:left}#metro .website-overview-container{margin-top:67px}#metro .website-overview-container .transparent-white{height:auto;margin-bottom:94px;padding-top:90px;padding-bottom:100px}#metro .website-overview-1,#metro .website-overview-2{max-width:340px}#metro .website-overview-1{margin:0 60px 0 80px}#metro .footer-block{margin-top:46px;padding-top:93px}#metro .footer-block img{max-width:780px}}@media all and (min-width: 1120px){#metro .subtitle{letter-spacing:0}#metro .first-content{width:560px}#metro .first-content:first-child{margin-bottom:65px}#metro .case-study-cover{height:862px;margin-bottom:0px}#metro .case-study-color-container{height:693px}#metro .cover-visual{max-width:1040px;top:346px;margin-left:-520px}#metro .socials{margin:94px 0px 76px}#metro .poster{margin-bottom:43px}#metro .website-ui-container{height:1907px;margin-top:56px;margin-bottom:113px}#metro .website-ui-container .transparent-white{padding-top:125px}#metro .website-ui-1,#metro .website-ui-2{max-width:315px}#metro .website-ui-1{margin-left:217px}#metro .website-ui-3{margin-top:111px}#metro .imagery{margin:15px 0 0}#metro .smart-widgets-container{margin-top:114px}#metro .smart-widgets-desc{width:470px;margin-right:119px}#metro .smart-widgets-desc .title{margin-top:73px}#metro .widgets{max-width:272px}#metro .website-overview-container{margin-top:80px}#metro .website-overview-container .transparent-white{margin-bottom:136px;padding-top:122px;padding-bottom:120px}#metro .website-overview-1,#metro .website-overview-2{max-width:430px}#metro .website-overview-1{margin:0 85px 0 78px}#metro .footer-block{margin-top:55px;padding-top:130px}#metro .footer-block img{max-width:928px}}@media all and (min-width: 1320px){#metro .spacer.left{width:1110px;padding:0 80px 36px 110px}#metro .first-content{width:690px}#metro .case-study-cover{height:992px;margin-bottom:50px}#metro .case-study-color-container{height:820px}#metro .cover-visual{max-width:1096px;top:444px;margin-left:-548px}#metro .socials{margin:92px 32px 76px}#metro .poster{margin-bottom:59px}#metro .website-ui-container{height:2252px;margin-top:66px;margin-bottom:115px}#metro .website-ui-container .transparent-white{padding-top:121px}#metro .website-ui-1,#metro .website-ui-2{max-width:379px}#metro .website-ui-1{margin-left:250px}#metro .website-ui-2{margin-left:42px}#metro .website-ui-3{margin-top:132px}#metro .imagery{margin:61px 0 0}#metro .smart-widgets-container{margin-top:97px}#metro .smart-widgets-desc{width:650px;margin-right:92px}#metro .smart-widgets-desc p{font-size:18px}#metro .smart-widgets-desc .title{margin-top:45px}#metro .widgets{margin:0}#metro .website-overview-container{margin-top:78px}#metro .website-overview-container .transparent-white{margin-bottom:116px;padding-top:119px;padding-bottom:120px}#metro .website-overview-1,#metro .website-overview-2{max-width:510px}#metro .website-overview-1{margin:0 51px 0 115px}#metro .footer-block{margin-top:65px;padding-top:152px}#metro .footer-block img{max-width:1100px}}#iris-von-arnim .case-study-cover{height:240px;margin-bottom:54px}#iris-von-arnim .case-study-color-container{height:240px}#iris-von-arnim .project-name{z-index:3}#iris-von-arnim .project-name span:nth-child(7):after{content:'.'}#iris-von-arnim .project-name span:nth-child(8),#iris-von-arnim .project-name span:nth-child(9){display:none}#iris-von-arnim .cover-visual{max-width:206px;position:absolute;left:50%;bottom:0;margin-left:-103px}#iris-von-arnim .first-content p{letter-spacing:-0.1px}#iris-von-arnim .branding{margin-top:20px}#iris-von-arnim .website-homepage-container,#iris-von-arnim .subsites-container,#iris-von-arnim .pullover-container,#iris-von-arnim .smartphone-tablet-container{background-color:#f6f6f6}#iris-von-arnim .website-homepage-container{text-align:center;margin-top:56px;margin-bottom:60px;padding:60px 0 55px}#iris-von-arnim .website-homepage{max-width:253px}#iris-von-arnim .product-king{margin-top:48px}#iris-von-arnim .product-king .title{letter-spacing:3px}#iris-von-arnim .products{margin-top:27px}#iris-von-arnim .subsites-container{height:1320px;position:relative;margin-top:56px}#iris-von-arnim .subsites-container .frame,#iris-von-arnim .subsites-container .rect{position:absolute;z-index:1}#iris-von-arnim .subsites-container .frame{width:257px;height:347px;border-top:4px solid #ededed;border-right:4px solid #ededed;border-bottom:4px solid #ededed;top:110px;left:0}#iris-von-arnim .subsites-container .rect{width:152px;height:404px;background-color:#ededed;top:550px;left:88px}#iris-von-arnim .subsites-visual{max-width:170px;position:absolute}#iris-von-arnim .subsites-1{max-width:168px;top:60px;left:10px;z-index:2}#iris-von-arnim .subsites-2{right:23px;top:196px;z-index:3}#iris-von-arnim .subsites-3{left:9px;top:408px;z-index:4}#iris-von-arnim .subsites-4{right:23px;top:735px;z-index:5}#iris-von-arnim .subsites-5{left:9px;top:1029px;z-index:6}#iris-von-arnim .pullover-container{position:relative;padding-bottom:54px}#iris-von-arnim .pullover{max-width:266px;text-align:center;margin-left:24px;margin-top:48px}#iris-von-arnim .pick_color{max-width:73px;position:absolute;right:25px;top:-42px}#iris-von-arnim .product-list{margin-top:54px}#iris-von-arnim .products-2-container{margin-top:25px;margin-bottom:58px}#iris-von-arnim .products-2{max-width:278px;float:right}#iris-von-arnim .smartphone-tablet-container{height:577px;position:relative}#iris-von-arnim .smartphone{max-width:213px;position:absolute;top:60px;left:28px;z-index:1}#iris-von-arnim .tablet{position:absolute;right:19px;bottom:55px;z-index:2}#iris-von-arnim .footer-block{padding-top:14px}#iris-von-arnim .footer-block img{max-width:183px;margin:auto}@media screen and (min-width: 660px){#iris-von-arnim .cover-visual{max-width:410px;margin-left:-205px}#iris-von-arnim .case-study-cover{height:460px;margin-bottom:34px}#iris-von-arnim .case-study-color-container{height:460px}#iris-von-arnim .website-homepage-container{margin-top:75px;margin-bottom:80px;padding:80px 0 76px}#iris-von-arnim .website-homepage{max-width:540px}#iris-von-arnim .product-king{margin-top:68px}#iris-von-arnim .product-king .title{letter-spacing:5px}#iris-von-arnim .products{max-width:423px;display:block;position:relative;left:20px;margin:33px auto 0}#iris-von-arnim .subsites-container{height:2600px}#iris-von-arnim .subsites-container .frame{width:522px;height:663px;border-width:7px;top:205px;left:0}#iris-von-arnim .subsites-container .rect{width:289px;height:774px;top:1036px;left:202px}#iris-von-arnim .subsites-visual{max-width:324px}#iris-von-arnim .subsites-1{max-width:321px;top:59px;left:55px}#iris-von-arnim .subsites-2{right:67px;top:329px}#iris-von-arnim .subsites-3{left:54px;top:749px}#iris-von-arnim .subsites-4{right:67px;top:1397px}#iris-von-arnim .subsites-5{left:54px;top:1981px}#iris-von-arnim .pullover-container{padding-bottom:68px}#iris-von-arnim .pick_color{max-width:138px;right:48px;top:-78px}#iris-von-arnim .pullover{max-width:505px;margin-left:89px;margin-top:54px}#iris-von-arnim .products-2-wrapper{padding-bottom:78px}#iris-von-arnim .product-list{width:260px;float:left;margin-top:87px;padding-right:0}#iris-von-arnim .products-2-container{width:272px;float:right;margin-top:78px;margin-bottom:0}#iris-von-arnim .products-2{max-width:100%}#iris-von-arnim .smartphone-tablet-container{height:917px}#iris-von-arnim .smartphone{max-width:355px;top:80px;left:52px}#iris-von-arnim .tablet{max-width:481px;right:37px;bottom:77px}#iris-von-arnim .footer-block{padding-top:36px}#iris-von-arnim .footer-block img{max-width:391px}}@media screen and (min-width: 920px){#iris-von-arnim .case-study-cover{height:566px;margin-bottom:20px}#iris-von-arnim .case-study-color-container{height:566px}#iris-von-arnim .cover-visual{max-width:492px;margin-left:-246px}#iris-von-arnim .first-content{width:550px}#iris-von-arnim .branding{margin-top:40px}#iris-von-arnim .website-homepage-container{margin-top:96px;margin-bottom:100px;padding:99px 0 95px}#iris-von-arnim .website-homepage{max-width:720px}#iris-von-arnim .product-king{margin-top:88px}#iris-von-arnim .products{max-width:554px;left:24px;margin:53px auto 0}#iris-von-arnim .subsites-container{height:3610px;margin-top:100px}#iris-von-arnim .subsites-container .frame{width:733px;height:935px;border-width:8px;top:306px}#iris-von-arnim .subsites-container .rect{width:407px;height:1088px;top:1474px;left:283px}#iris-von-arnim .subsites-visual{max-width:449px}#iris-von-arnim .subsites-1{max-width:445px;top:102px;left:83px}#iris-von-arnim .subsites-2{right:96px;top:510px}#iris-von-arnim .subsites-3{left:83px;top:1071px}#iris-von-arnim .subsites-4{right:96px;top:1981px}#iris-von-arnim .subsites-5{left:83px;top:2800px}#iris-von-arnim .pullover-container{padding-bottom:96px}#iris-von-arnim .pullover{max-width:708px;margin-left:125px;margin-top:81px}#iris-von-arnim .pick_color{max-width:193px;right:69px;top:-105px}#iris-von-arnim .products-2-wrapper{padding-bottom:98px}#iris-von-arnim .products-2-container{width:375px;margin-top:95px;margin-bottom:0}#iris-von-arnim .product-list{width:320px;margin-top:107px}#iris-von-arnim .smartphone-tablet-container{height:1137px}#iris-von-arnim .smartphone{max-width:443px;top:100px;left:82px}#iris-von-arnim .tablet{max-width:600px;right:74px;bottom:89px}#iris-von-arnim .footer-block{padding-top:44px}#iris-von-arnim .footer-block img{max-width:474px}}@media screen and (min-width: 1120px){#iris-von-arnim .project-name span:nth-child(7):after{content:''}#iris-von-arnim .project-name span:nth-child(8),#iris-von-arnim .project-name span:nth-child(9){display:inline-block}#iris-von-arnim .case-study-cover{height:626px;margin-bottom:39px}#iris-von-arnim .case-study-color-container{height:626px}#iris-von-arnim .cover-visual{max-width:570px;margin-left:-285px}#iris-von-arnim .first-content .subtitle{letter-spacing:0}#iris-von-arnim .first-content p{letter-spacing:0.1px}#iris-von-arnim .branding{margin-top:73px}#iris-von-arnim .website-homepage-container{margin-top:105px;margin-bottom:111px;padding:111px 0 106px}#iris-von-arnim .website-homepage{max-width:800px}#iris-von-arnim .product-king{margin-top:98px}#iris-von-arnim .products{max-width:692px;margin:42px auto 0;left:37px}#iris-von-arnim .subsites-container{height:4290px;margin-top:110px}#iris-von-arnim .subsites-container .frame{width:914px;height:1127px;border-width:9px;top:355px}#iris-von-arnim .subsites-container .rect{width:488px;height:1308px;top:1759px;left:353px}#iris-von-arnim .subsites-visual{max-width:538px}#iris-von-arnim .subsites-1{max-width:533px;top:109px;left:111px}#iris-von-arnim .subsites-2{right:123px;top:565px}#iris-von-arnim .subsites-3{left:111px;top:1276px}#iris-von-arnim .subsites-4{right:123px;top:2370px}#iris-von-arnim .subsites-5{left:111px;top:3355px}#iris-von-arnim .pullover-container{padding-bottom:106px}#iris-von-arnim .pick_color{max-width:231px;right:88px;top:-122px}#iris-von-arnim .pullover{max-width:851px;margin-left:163px;margin-top:100px}#iris-von-arnim .products-2-wrapper{padding-bottom:110px}#iris-von-arnim .products-2-container{width:474px;margin-top:111px}#iris-von-arnim .product-list{width:360px;margin-top:152px}#iris-von-arnim .product-list p{line-height:35px}#iris-von-arnim .smartphone-tablet-container{height:1365px}#iris-von-arnim .smartphone{max-width:530px;top:121px;left:129px}#iris-von-arnim .tablet{max-width:718px;right:86px;bottom:112px}#iris-von-arnim .footer-block{padding-top:21px}#iris-von-arnim .footer-block img{max-width:574px}}@media screen and (min-width: 1320px){#iris-von-arnim .case-study-cover{height:716px;margin-bottom:48px}#iris-von-arnim .case-study-color-container{height:716px}#iris-von-arnim .cover-visual{max-width:666px;margin-left:-333px}#iris-von-arnim .first-content{width:730px;margin-left:28px}#iris-von-arnim .branding{margin-top:51px}#iris-von-arnim .website-homepage-container{margin-top:116px;margin-bottom:121px;padding:120px 0 116px}#iris-von-arnim .website-homepage{max-width:945px}#iris-von-arnim .product-king{margin-top:115px}#iris-von-arnim .products{max-width:777px;left:48px;margin:63px auto 0}#iris-von-arnim .subsites-container{height:5050px;margin-top:116px}#iris-von-arnim .subsites-container .frame{width:1084px;height:1334px;top:406px}#iris-von-arnim .subsites-container .rect{width:577px;height:1542px;top:2064px;left:423px}#iris-von-arnim .subsites-visual{max-width:632px}#iris-von-arnim .subsites-1{max-width:626px;top:116px;left:135px}#iris-von-arnim .subsites-2{right:147px;top:653px}#iris-von-arnim .subsites-3{left:135px;top:1492px}#iris-von-arnim .subsites-4{right:147px;top:2782px}#iris-von-arnim .subsites-5{left:135px;top:3945px}#iris-von-arnim .pullover-container{padding-bottom:116px}#iris-von-arnim .pick_color{max-width:273px;right:100px;top:-146px}#iris-von-arnim .pullover{max-width:1005px;margin-left:198px;margin-top:117px}#iris-von-arnim .products-2-wrapper{padding-bottom:116px}#iris-von-arnim .products-2-container{width:487px;margin-top:120px}#iris-von-arnim .product-list{width:530px;margin-top:223px;margin-left:30px}#iris-von-arnim .product-list p{line-height:40px;margin-top:32px}#iris-von-arnim .smartphone-tablet-container{height:1589px}#iris-von-arnim .smartphone{max-width:634px;top:122px;left:135px}#iris-von-arnim .tablet{max-width:839px;right:134px;bottom:115px}#iris-von-arnim .footer-block{padding-top:67px}#iris-von-arnim .footer-block img{max-width:730px}}