@font-face{font-family:'Circular-Book';src:url("../fonts/circularstd-book.eot");src:url("../fonts/circularstd-book.eot?#iefix") format("embedded-opentype"),url("../fonts/circularstd-book.woff") format("woff"),url("../fonts/circularstd-book.ttf") format("truetype")}@font-face{font-family:'Circular-Bold';src:url("../fonts/circularstd-bold.eot");src:url("../fonts/circularstd-bold.eot?#iefix") format("embedded-opentype"),url("../fonts/circularstd-bold.woff") format("woff"),url("../fonts/circularstd-bold.ttf") format("truetype")}body{color:#696c74;font-family:"Roboto",sans-serif;background:#212a3e;font-size:16px;position:relative;overflow-x:hidden}@-moz-document url-prefix(){webkit-transform:translate3d(0, 0, 0)}h1,h2,h3,h4,h5,h6{font-family:"Circular-Bold",sans-serif;color:rgba(0,0,0,0.67)}a:hover,a:visited,a:link,a:active{text-decoration:none}.text-right{text-align:right}.text-center{text-align:center}.green{color:#1ec185}.red{color:#e55}.light-blue{color:#22a8d9}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes fade-in-down{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fade-in-down{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes bounce{50%{transform:translatey(-20px)}100%{transform:translatey(20px)}}@-webkit-keyframes ca3_fade_move_down{0%{-webkit-transform:translate(0, -15px);opacity:0}50%{opacity:1}100%{-webkit-transform:translate(0, 15px);opacity:0}}@-moz-keyframes ca3_fade_move_down{0%{-moz-transform:translate(0, -15px);opacity:0}50%{opacity:1}100%{-moz-transform:translate(0, 15px);opacity:0}}@keyframes ca3_fade_move_down{0%{transform:translate(0, -15px);opacity:0}50%{opacity:1}100%{transform:translate(0, 15px);opacity:0}}.delayed{-webkit-animation-delay:3s;-moz-animation-delay:3s;animation-delay:3s}.carousel-fade .carousel-inner .item{opacity:0;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-ms-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease}.carousel-fade .carousel-inner .active{opacity:1}.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;opacity:0;z-index:1}.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}.carousel-fade .carousel-control{z-index:2}@media all and (transform-3d), (-webkit-transform-3d){.carousel-fade .carousel-inner>.item.next,.carousel-fade .carousel-inner>.item.active.right{opacity:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.carousel-fade .carousel-inner>.item.prev,.carousel-fade .carousel-inner>.item.active.left{opacity:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.carousel-fade .carousel-inner>.item.next.left,.carousel-fade .carousel-inner>.item.prev.right,.carousel-fade .carousel-inner>.item.active{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;height:100vh;width:100vw;background-color:#212a3e;background:-webkit-gradient(radial, center center, 0, center center, 460, from(#212a3e), to(#0f131d));background:-webkit-radial-gradient(circle, #212a3e, #0f131d);background:-moz-radial-gradient(circle, #212a3e, #0f131d);background:-ms-radial-gradient(circle, #212a3e, #0f131d)}#status{position:relative;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);margin:0 auto;width:50px;height:50px}.preload{-webkit-transition:none !important;-moz-transition:none !important;-ms-transition:none !important;-o-transition:none !important}.bounce div{border-radius:100%;height:10px;width:10px;background-color:white;-webkit-animation:bounce 1s ease-in-out infinite;-moz-animation:bounce 1s ease-in-out infinite;animation:bounce 1s ease-in-out infinite;position:absolute;top:0;-ms-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translatey(20px);margin-top:20px;margin-left:20px}.bounce div:first-of-type{left:-20px;-webkit-animation-delay:-0.20s;-moz-animation-delay:-0.20s;animation-delay:-0.20s}.bounce div:nth-of-type(2){-webkit-animation-delay:-0.10s;-moz-animation-delay:-0.10s;animation-delay:-0.10s}.bounce div:last-of-type{left:20px}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}header.header{position:fixed;height:80px;width:100%;top:0px;line-height:80px;z-index:99;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fade-in;animation-name:fade-in}header.header a.home{font-family:"Circular-Bold",sans-serif;color:white;font-size:40px;margin-top:20px;cursor:default;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}header.header a.home.linked{cursor:pointer}@media (min-width: 992px){header.header a.home.linked:hover{color:#e55}}header.header nav{display:inline-block;vertical-align:top}header.header nav ul{list-style-type:none;margin-bottom:0px}header.header nav ul li{display:inline-block;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}header.header nav ul li a{font-family:"Circular-Bold",sans-serif;font-weight:bold;color:white;margin-right:17px;margin-left:17px;font-size:16px;font-weight:500;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}header.header nav ul li a:hover{color:#22a8d9}header.header nav ul li a.login-button{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;background:#22a8d9;color:white;padding:10px 17px;margin-left:17px;margin-right:0px;-webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-ms-transition:all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease}header.header nav ul li a.login-button:hover{background:#209ecc}header.header nav ul li:last-of-type:hover{-ms-transform:scale(1.07);-webkit-transform:scale(1.07);transform:scale(1.07)}header.header nav ul li.active a{color:#22a8d9}header.header.active{background-color:white;-webkit-box-shadow:0px 1px 2px 0px rgba(50,50,50,0.15);-moz-box-shadow:0px 1px 2px 0px rgba(50,50,50,0.15);box-shadow:0px 1px 2px 0px rgba(50,50,50,0.25)}header.header.active a.home{color:#111;cursor:pointer}header.header.active a.home a:active{color:#e55}@media (min-width: 992px){header.header.active a.home:hover{color:#e55}}header.header.active nav ul li a{color:rgba(0,0,0,0.67)}header.header.active nav ul li a:hover{color:#e55}header.header.active nav ul li a.login-button{color:white;background:#1ec185;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}header.header.active nav ul li a.login-button:hover{background:#1cb47c}header.header.active nav ul li.active a{color:#e55}header.header.active .lines-button:active,header.header.active .lines-button:hover,header.header.active .lines-button:focus,header.header.active .lines-button:visited{background:none !important}header.header.active .lines-button .lines,header.header.active .lines-button .lines:before,header.header.active .lines-button .lines:after{background:rgba(0,0,0,0.67)}@media (max-width: 767px){header.header{padding-left:15px;padding-right:15px}}#mobile-nav{background:#151515;border-left:none;-webkit-box-shadow:inset 2px 0px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow:inset 2px 0px 5px 0px rgba(0,0,0,0.3);box-shadow:inset 2px 0px 5px 0px rgba(0,0,0,0.3);font-size:18px;font-family:"Circular-Book",sans-serif;padding:15px 15px 0px;color:white}#mobile-nav ul li{border-bottom:solid 1px rgba(255,255,255,0.1);padding:5px 0px}#mobile-nav ul li a{color:rgba(255,255,255,0.87);-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}#mobile-nav ul li a:hover{color:#1ec185}.lines-button{transition:.3s;user-select:none;border-radius:0.35714em;padding:0px 15px;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;position:relative;top:0px;right:-14px;z-index:9999999999}.lines-button:hover{opacity:1}.lines-button:active{transition:0;outline:none}.lines-button:focus{outline:none}.lines-button .lines{display:inline-block;width:2em;height:4px;background:white;border-radius:0.17857em;transition:0.2s;position:relative}.lines-button .lines:before,.lines-button .lines:after{display:inline-block;width:2em;height:4px;background:white;border-radius:0.17857em;transition:0.2s;position:absolute;left:0;content:'';-webkit-transform-origin:0.17857em center;transform-origin:0.17857em center}.lines-button .lines:before{top:0.625em}.lines-button .lines:after{top:-0.625em}header.canvas-slid .lines-button,header.canvas-sliding .lines-button{transition:0;outline:none}header.canvas-slid .lines-button .lines,header.canvas-sliding .lines-button .lines{background:transparent !important}header.canvas-slid .lines-button .lines:before,header.canvas-slid .lines-button .lines.x,header.canvas-slid .lines-button .lines:after,header.canvas-sliding .lines-button .lines:before,header.canvas-sliding .lines-button .lines.x,header.canvas-sliding .lines-button .lines:after{transform-origin:50% 50%;-webkit-transform-origin:50% 50%;top:0;width:2em}header.canvas-slid .lines-button .lines:before,header.canvas-sliding .lines-button .lines:before{transform:rotate3d(0, 0, 1, 45deg);-webkit-transform:rotate3d(0, 0, 1, 45deg)}header.canvas-slid .lines-button .lines:after,header.canvas-sliding .lines-button .lines:after{transform:rotate3d(0, 0, 1, -45deg);-webkit-transform:rotate3d(0, 0, 1, -45deg)}body.canvas-sliding,body.canvas-slid,.navmenu-fixed-right,body.canvas-sliding #header,body.canvas-slid{left:auto !important}#animated-canvas{position:absolute;top:0px;left:0px;right:0px;height:100vh;width:100vw !important;max-width:100vw !important}.main-cta{position:relative;height:100vh;overflow:hidden;background-color:#212a3e;background:-webkit-gradient(radial, center center, 0, center center, 460, from(#212a3e), to(#0f131d));background:-webkit-radial-gradient(circle, #212a3e, #0f131d);background:-moz-radial-gradient(circle, #212a3e, #0f131d);background:-ms-radial-gradient(circle, #212a3e, #0f131d);text-align:center}.main-cta .full-height{height:100vh}.main-cta .cta{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:calc(50% - 20px)}.main-cta h1{color:white;font-family:"Circular-Bold",sans-serif;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@media (min-width: 768px){.main-cta h1{font-size:45px}}@media (min-width: 992px){.main-cta h1{font-size:60px}}@media (min-width: 1200px){.main-cta h1{font-size:65px}}.main-cta p{color:rgba(255,255,255,0.67);-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fade-in;animation-name:fade-in}.main-cta .btn{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fade-in;animation-name:fade-in}html body [data-ca3_iconfont="ETmodules"]::before{font-family:"ETmodules"}[data-ca3_icon]::before{font-weight:normal;content:attr(data-ca3_icon)}.scroll-arrow{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);background-size:contain;background-repeat:no-repeat;cursor:default;height:45px;width:60px;margin:0px 0 0 -22.5px;line-height:60px;position:absolute;left:50%;bottom:45px;color:#FFF;text-align:center;font-size:70px;z-index:100;text-decoration:none;text-shadow:0px 0px 3px rgba(0,0,0,0.4);-webkit-animation:ca3_fade_move_down 2s ease-in-out infinite;-moz-animation:ca3_fade_move_down 2s ease-in-out infinite;animation:ca3_fade_move_down 2s ease-in-out infinite}@media (max-height: 400px){.scroll-arrow{display:none}}@media (max-width: 767px){.scroll-arrow{bottom:20px}}.work{background:#ededed;text-align:center;padding:45px 0px}.work h3{padding-bottom:30px}.work .project{background:white;margin-bottom:30px;display:block;position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;overflow:hidden;-webkit-transition:all 250ms;-moz-transition:all 250ms;transition:all 250ms;box-shadow:0 3px 6px transparent,0 3px 6px transparent}.work .project .upper{height:262.5px}.work .project .upper.doolli{background:no-repeat center center url("../img/doolli.jpg");background-size:610px 265px}.work .project .upper.fanbassador{background:no-repeat center center url("../img/fanbassador.jpg");background-size:610px 265px}.work .project .upper.emoji{background:no-repeat center center url("../img/emoji-with-me.jpg");background-size:610px 265px}.work .project .upper.obrien{background:no-repeat center center url("../img/obrien.jpg");background-size:610px 265px}.work .project .upper.upper-playground{background:no-repeat center center url("../img/upper-playground.jpg");background-size:610px 265px}.work .project .upper.heinrich{background:no-repeat center center url("../img/heinrich.jpg");background-size:610px 265px}.work .project .upper.spenddr{background:no-repeat center center url("../img/spenddr.jpg");background-size:610px 265px}.work .project .upper.cytocomm{background:no-repeat center center url("../img/cytocomm.jpg");background-size:610px 265px}.work .project h4{font-size:19px;line-height:26px;color:#212a3e;margin:30px 30px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:none}.work .project span{font-size:14px;line-height:1.6em;color:#b2b5bc;margin:0 30px 30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;display:none}.work .project button{display:block;width:100%;height:100%;background:none;border:none}.work .project:hover{cursor:pointer;-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 3px 6px rgba(0,0,0,0.23),0 3px 6px rgba(0,0,0,0.4)}.contact{text-align:center;padding:45px 0px 60px}.contact h3{color:white;padding-bottom:30px}#contact-anchor,#work-anchor{display:block;position:relative;top:-80px;visibility:hidden}.modal-content{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}.modal-content .modal-header{padding:30px 30px 0px 30px;border:none}.modal-content .modal-header button{font-size:32px;position:relative;top:3px;outline:none}.modal-content .modal-header h4{font-size:30px}.modal-content .modal-header sup{font-size:10px;top:-15px}.modal-content .modal-body{padding:0px 30px}.modal-content .modal-footer{border:none;padding:30px}.modal-content .modal-footer .btn{margin-top:0px}.modal-backdrop{opacity:0.7 !important}body.modal-open{overflow:hidden}.carousel .carousel-inner{background:#111}.carousel .carousel-inner .item{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fade-in;animation-name:fade-in}.carousel .carousel-inner .item img{width:100%}.btn{background:#1ec185;color:white;font-family:"Circular-Bold",sans-serif;border-radius:4px;font-size:18px;height:55px;line-height:55px;padding:0 30px;width:auto;border:none;margin-top:30px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}.btn:hover{color:white;background:#1bab76;-ms-transform:scale(1.07);-webkit-transform:scale(1.07);transform:scale(1.07)}.btn:focus{color:white;background:#1bab76}.btn:active,.btn:visited{color:white;outline:none !important}.btn.disabled,.btn.disabled:hover{opacity:1;background:#1ec185;color:white}form{border-top:2px solid #363e50}form.no-top{border-top:none}form .btn:focus{color:white !important;background:#1bab76 !important}.form-group{text-align:left}.form-group input,.form-group textarea{background:#363e51;border:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;color:#fff;height:auto;margin:0;padding:11px 9pt;width:100%;font-size:16px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.form-group input:hover,.form-group textarea:hover{background:#424a5b}.form-group input:focus,.form-group textarea:focus{background:#fff;color:#212a3e}.form-group textarea{height:150px}.form-group .label{font-size:13.5px;color:#696c74;margin:27px 0 9px;font-family:"Roboto",sans-serif;font-weight:normal;display:block;padding-left:0px;text-align:left}.form-group .label .required{color:#e55;margin-right:5px;font-size:12px;position:relative;top:-1px}.form-group .label label{font-size:16px;text-align:left;color:white;font-weight:normal;margin-right:4px}@media (max-width: 767px){.form-group .label .visible-xs{display:inline-block !important}}.form-group:after{opacity:0;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}.form-group.has-success:after{font-family:FontAwesome;content:"\f058";position:absolute;top:0px;right:0px;color:#1ec185;opacity:1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fade-in;animation-name:fade-in}.form-group.has-error:after{font-family:FontAwesome;content:"\f06a";position:absolute;top:0px;right:0px;color:#e55;opacity:1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fade-in;animation-name:fade-in}footer{background:#ededed;padding:45px 0px;text-align:center}