@charset "UTF-8";
body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li{padding:0;margin:0;}body,html{width:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}a{outline:none !important;text-decoration:none;}ol,ul,li{list-style:none;}.clear{clear:both;line-height:0;font-size:0;height:0;width:0;overflow:hidden;visibility:hidden;display:block;}p{cursor:text;}b,strong{font-weight:bold;}img{-ms-interpolation-mode:bicubic;}li{display:list-item;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}.clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}.nowrap{font-style:normal;white-space:nowrap;}.morphext > .animated{display:inline-block;}

/* ########## General ########## */
body{background:#ddd;overflow-x:hidden;font-size:16px;line-height:1.5em;color:#485961;font-family:'apercuregular',sans-serif;font-weight:normal;}
/*body.loading{overflow:hidden;}*/
::selection{background-color:#d3d700;color:#485961;}::-moz-selection{background-color:#d3d700;color:#485961;}
#root{max-width:1280px;margin:auto;background:#fff;padding-top:90px;}
.wrapper{width:90%;max-width:1080px;margin:auto;}
.load-image{visibility:hidden;position:absolute;width:0;height:0;}
/* Responsive */
@media (max-width: 800px){
	body{font-size:14px;}
	#root{padding-top:70px;}
}

/* ########## Fonts ########## */
@font-face{
    font-family: 'apercubold';
    src: url('assets/apercu-bold-webfont.woff2') format('woff2'),
         url('assets/apercu-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'apercuregular';
    src: url('assets/apercu-regular-webfont.woff2') format('woff2'),
         url('assets/apercu-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face{
    font-family: 'aperculight';
    src: url('assets/apercu-light-webfont.woff2') format('woff2'),
         url('assets/apercu-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ########## Stage ########## */
#stage{position:relative;overflow:hidden;}
#stage img{display:block;width:100%;height:auto;position:relative;-webkit-transform-origin:top !important;transform-origin:top !important;}
#stage .wrapper{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:3% 0 0;}
#stage h1{font-family:'aperculight',sans-serif;line-height:1em;font-weight:normal;}
/* Responsive */
@media (max-width: 800px){
	#stage .wrapper{top:7%;}
}

/* ########## Content ########## */
#content section{padding:7% 0;}
/* Home */
.cols2home .left{float:left;width:45%;}
.cols2home .right{float:right;width:385px;}
.cols2home .right .img{display:block;float:left;width:20%;max-width:85px;}
.cols2home .right .img img{display:block;width:100%;height:auto;}
.cols2home .right .text{float:right;width:75%;}
.cols2home .right .text span{display:block;}
.cols2home .right .text span.hl{font-size:14px;text-transform:uppercase;color:#27b3ad;}
.cols2home .right .text span.txt{}
.cols2home .right .text a{font-size:13px;text-transform:uppercase;}
.cols2home .right li{margin:1.7em 0;}
/* Definition */
#definition{background:#d3d700;color:#fff;padding:5% 0 10%;line-height:1em;font-family:'aperculight',sans-serif;}
/* Services */
.services .col{width:30%;position:relative;}
.services .col:not(:nth-of-type(3)){float:left;margin-right:5%;}
.services .col:nth-of-type(3){float:right;}
.services .col img{pointer-events:none;position:relative;display:block;margin-bottom:1em;}
.services .col.current img, .services .col.not-current img{pointer-events:auto;cursor:pointer;}
.services .col strong, .services .services-more strong{font-family:'apercuregular',sans-serif;font-weight:normal;font-size:20px;line-height:1.4em;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;}
.services .col.not-current{opacity:0.3;}
.services .col .more{color:#27b3ad;cursor:pointer;text-transform:uppercase;font-size:13px;}
.services .col .more:hover{text-decoration:underline;}
.services .col .more:before{content:'› ';display:inline-block;padding-right:5px;}
.services .services-more{display:none;clear:both;padding:5% 0 0 0;position:relative;}
.services .services-more .left{float:left;width:45%;}
.services .services-more .right{float:right;width:45%;}
.services .services-more:after{content:'';display:block;position:absolute;top:5%;bottom:0;left:50%;width:1px;background:#485961;}
/* Projects *
#content .projects{padding:1% 1% 0;}
.projects .project{float:left;margin-bottom:1%;position:relative;background-color:#d3d700;overflow:hidden;}
.projects .project:nth-of-type(1){width:24%;height:200px;margin-right:1%;}
.projects .project:nth-of-type(2){width:24%;height:200px;}
.projects .project:nth-of-type(3){width:50%;height:400px;float:right;}
.projects .project:nth-of-type(4){width:49%;height:400px;float:left;margin-right:1%;}
.projects .project:nth-of-type(5){width:24.5%;height:200px;float:left;}
.projects .project:nth-of-type(6){width:24.5%;height:200px;float:right;}
.projects .project:nth-of-type(7){width:49%;height:400px;float:left;}
.projects .project:nth-of-type(8){width:50%;height:400px;float:right;}
#content .projects .project .inner{display:block;position:absolute;top:0;right:0;bottom:0;left:0;color:#485961;padding:20px;text-decoration:none !important;}
.projects .project .img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;}
.projects .project:hover .img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.projects .project h2, .projects .project p{position:relative;}*/
#content .projects{padding:0;}
.projects .project{width:33.3333333333%;float:left;}
.projects .project.noimage{background:#d3d700;}
.projects .project.noimage:nth-of-type(2n+1){background:#cbce12;}
.projects .project a{display:block;height:300px;position:relative;overflow:hidden;}
.projects .project a.nolink{pointer-events:none;}
.projects .project:nth-of-type(1){float:right;}
/*.projects .project:nth-of-type(1) a{height:600px;}*/
#content .projects .project .txt h2{font-size:20px;line-height:1.2em;display:inline-block;width:auto;box-sizing:border-box;background:rgba(255,255,255,0.7);position:absolute;bottom:30px;padding:0.8em;-webkit-transition:padding-left .3s ease-in-out;transition:padding-left .3s ease-in-out;}
#content .projects .project .txt p{display:none;line-height:1.2em;margin:0;color:#485961;}
.projects .project .img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;}
.projects .project:hover .img{-webkit-transform:scale(1.1);transform:scale(1.1);}
/* Project Content */
.project .meta{margin-bottom:1.5em;}
.project .meta p:nth-child(1){width:47.5%;float:left;}
.project .meta p:nth-child(2){width:47.5%;float:right;}
.project .clearfix.inner{padding-top:2em;}
.project .left{width:50%;float:left;box-sizing:border-box;border-right:1px solid #485961;padding-right:2.5%;}
.project .right{width:47.5%;float:right;}
/* Team */
#content section.team{padding-bottom:0;}
.team .teammember{float:left;width:18.4%;margin-bottom:7%;}
.team .teammember:not(:nth-of-type(5n+5)){margin-right:2%;}
.team .teammember img{display:block;max-width:100px;width:100%;height:auto;border-radius:50%;overflow:hidden;margin:0 auto 1em;}
.team .teammember .name{font-size:20px;text-align:center;}
.team .teammember .txt1{line-height:1.2em;}
.team .teammember .txt2{font-size:13px;line-height:1.4em;}
/* Fybe */
.fybe{background:#d3d700;font-size:20px;line-height:1.5em;position:relative;}
.fybe .left{width:45%;float:left;}
.fybe .right{width:45%;float:right;}
#root #content .fybe h1{color:#fff;margin-bottom:2.5em;}
#root #content .fybe ul li{padding:3em 0;}
#root #content .fybe ul li:before, #root #content .fybe ul li:after{display:none;}
.fybe ul li span{display:block;}
.fybe ul li img{float:left;max-width:20%;height:auto;}
.fybe ul li .inner{width:77%;float:right;padding-top:10px;}
.fybe ul li .name, .fybe ul li .city{color:#fff;font-size:15px;line-height:22px;}
.fybe ul li .name{padding-top:5px;}
.fybe ul li .quote{padding-top:5px;}
.fybe .logo{position:absolute;top:-2px;right:100px;width:130px;height:auto;}
/* Kontakt */
.contact{font-size:20px;}
.contact .left{width:45%;float:left;}
.contact .right{width:45%;float:right;}
/* 3 Cols Small */
.cols3small{font-size:14px;line-height:1.4em;}
#content .cols3small h1{margin-bottom:1.5em;}
.cols3small .col{width:30%;float:left;}
.cols3small .left, .cols3small .center{margin-right:5%;}
.cols3small strong{color:#27b3ad;font-family:'apercuregular',sans-serif;font-weight:normal;}
/* Partner */
.partner .p{float:left;width:22%;font-size:14px;}
.partner .p:not(:nth-of-type(4)){margin-right:4%;}
.partner .p img{display:block;margin:0 auto 1.5em;max-width:100%;height:auto;}
.partner .p span{display:block;}
.partner .p .name{font-size:18px;margin-bottom:1em;}
.partner .p .desc{margin-bottom:1em;}
.partner .p a{text-transform:uppercase;font-size:13px;}
/* Gallery */
.gallery ul li{float:left;width:30%;margin-bottom:5%;}
.gallery ul li:not(:nth-child(3n+3)){margin-right:5%;}
.gallery ul li img{display:block;width:100%;height:auto;}
.gallery ul li img:hover{filter:grayscale(0%);}
/* Typography */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{font-family:'apercuregular',sans-serif;font-weight:normal;}
#content h1, #content h2.h1, #content .services-more h2{font-family:'aperculight',sans-serif;font-size:45px;font-weight:normal;margin:0 0 0.8em 0;line-height:1em;}
#content h1.small{color:#27b3ad;font-size:22px;margin:0 0 2em 0;font-family:'apercuregular',sans-serif;}
#content h3{color:#27b3ad;text-transform:uppercase;margin:1em 0 0 0;font-size:15px;font-family:'apercuregular',sans-serif;font-weight:normal;}
#content p{margin:0 0 1em 0;}
#content a{color:#27b3ad;}
#content a:hover{text-decoration:underline;}
#content .wrapper:not(.cols2home) ul:not(.fresco-gallery){margin:0 0 1em 0;}
#content .wrapper:not(.cols2home) ul:not(.fresco-gallery) li{position:relative;padding:2px 0 2px 0;margin-left:20px;list-style:disc;}
/*#content .wrapper:not(.cols2home) ul:not(.fresco-gallery) li:before, #content .wrapper:not(.cols2home) ul:not(.fresco-gallery) li:after{content:'';position:absolute;width:3px;background-color:#27b3ad;}
#content .wrapper:not(.cols2home) ul:not(.fresco-gallery) li:before{height:6px;left:0;top:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#content .wrapper:not(.cols2home) ul:not(.fresco-gallery) li:after{height:12px;left:5px;top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}*/
/* Responsive */
@media (max-width: 1280px){
	.fybe .logo{right:5%;}
}
@media (max-width: 1050px){
	#content .projects .project{width:50%;float:left;}
}
@media (max-width: 950px){
	#content h1, #content h2.h1, #content .services-more h2{font-size:35px;margin-bottom:0.7em;line-height:1em;}
	.cols2home .right{width:45%;}
	.fybe{font-size:15px;line-height:1.5em;}
	.fybe .logo{width:100px;}
	.team .teammember{width:23.5%;}
	.team .teammember:not(:nth-of-type(5n+5)){margin-right:0;}
	.team .teammember:not(:nth-of-type(4n+4)){margin-right:2%;}
	.partner .p{width:47.5%;}
	.partner .p:not(:nth-of-type(4)){margin-right:0;}
	.partner .p:not(:nth-of-type(2n+2)){margin-right:5%;}
}
@media (max-width: 800px){
	.cols2home .left, .cols2home .right{width:100%;float:none;}
	.cols2home .left{margin-bottom:2em;padding-bottom:2em;border-bottom:1px solid #ddd;}
	.services .col{width:100%;margin:0 0 1em 0 !important;float:none !important;}
	.services .col.current, .services .col.not-current{width:30%;float:left !important;}
	.services .services-more .left, .services .services-more .right{width:100%;float:none;}
	.cols3small .col{width:100%;float:none;margin-bottom:1em;}
	.services .services-more:after{display:none;}
	#content .projects .project a{height:250px;}
	.project .left, .project .right{width:100%;float:none;border:none;}
	#content .projects .project .txt h2{font-size:15px;}
	.services .col img{float:left;width:60px;height:60px;margin-right:20px;}
}
@media (max-width: 750px){
	.team .teammember{width:32%;}
	.team .teammember:not(:nth-of-type(4n+4)){margin-right:0;}
	.team .teammember:not(:nth-of-type(3n+3)){margin-right:2%;}
	.contact .left, .contact .right{width:100%;float:none;margin:0;}
	.contact .left{max-width:310px;margin-bottom:1em;}
}
@media (max-width: 650px){
	.fybe .left, .fybe .right{width:100%;float:none;}
	.fybe .right{clear:both;margin-top:6em;}
	#root #content .fybe ul li{padding:1em 0;clear:both;}
}
@media (max-width: 600px){
	.fybe .logo{right:auto;left:5%;}
	#content section.fybe{padding-top:180px;}
	#content .fybe h1{margin-bottom:0.5em;}
	.partner .p{text-align:center;margin-bottom:1.5em;}
	.partner .p .desc{display:none;}
}
@media (max-width: 550px){
	#content h1, #content h2.h1, #content .services-more h2{font-size:28px;line-height:1em;}
	.team .teammember{width:47.5%;}
	.team .teammember:not(:nth-of-type(3n+3)){margin-right:0;}
	.team .teammember:not(:nth-of-type(2n+2)){margin-right:5%;}
}

/* ########## Footer ########## */
#footer{padding:3em 0 2em;background:#485961;color:#fff;font-size:14px;}
#footer p{margin:0 0 0.7em 0;}
#footer a{color:#fff;}
#footer a:hover{text-decoration:underline;}
#footer .wrapper{position:relative;}
#footernav{position:absolute;right:0;bottom:0;}
#footernav p{margin:0;}


/* ########## Cookies ########## */
#cookies{position:fixed;z-index:10;bottom:0;left:50%;width:1440px;background:#23282f;margin-left:-720px;color:#eee;font-size:14px;padding:15px 0;}
#cookies p{float:left;}
#cookies .button{background:#ddbd8a;color:#fff;padding:0 8px;border-radius:3px;float:right;cursor:pointer;display:block;}
#cookies .button em{font-style:normal;}
#cookies .button em.short{display:none;}
#cookies a{display:block;float:right;background:#2b333f;color:#fff;padding:0 10px;border-radius:3px;margin-right:10px;}
/* Responsive */
@media (max-width: 1700px){
	#cookies{margin:0;left:0;right:0;width:100%;}
}
@media (max-width: 980px){
	#cookies span.longtext{display:none;}
}
@media (max-width: 440px){
	#cookies .button em.short{display:block;}
	#cookies .button em.long{display:none;}
}