.button {  
  width: 5rem;
  height: 5rem;
  margin: 1rem;
  border-radius:50%;
  text-decoration:none !important;  
}

.bg {
  border-radius: 50%;
  background-color: transparent !important;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  position: absolute; 
 
  top:0px; 
  right:0px; 
  display: block;
}

.RSC{font-size:30px !important;color:#fff !important;}

@media (min-width: 768px) {
  .bg {
  border-radius: 50%;
  background-color: transparent !important;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  position: absolute; 
  
top:45%; bottom:55%;
  right:90%; left:10%;
  display: block;
}
.RSC{font-size:35px !important;color:#fff !important;}

}


@media (min-width: 980px) {
  .bg {
  border-radius: 50%;
  background-color: transparent !important;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  position: absolute; 
  
top:45%; bottom:55%;
  right:80%; left:20%;
  display: block;
}

.RSC{font-size:50px !important;color:#fff !important;}

}


.bg::before { 
 -webkit-animation: wave 1.2s  infinite;
animation: wave 1.2s  infinite;
  position: absolute;
bottom: -5rem;
  right:-5rem;
  display: block;
  width: 15rem;
  height: 15rem;
  border: 60px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  -webkit-transform: scale(0.50);
transform: scale(0.50);
  opacity: 0;
}

.bg::after { 
-webkit-animation: wave 1.4s  infinite;
animation: wave 1.4s  infinite;
 position: absolute;
bottom: -5rem;
  right: -5rem;
  display: block;
  width: 15rem;
  height: 15rem;
  border: 60px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  -webkit-transform: scale(0.15);
transform: scale(0.15);
  opacity: 0;
}


@-webkit-keyframes wave {
  10% {opacity: 0.1}
  100% {-webkit-transform: scale(1.3);transform: scale(1.3); opacity: 0}
}

@keyframes wave {
  10% {opacity: 0.1}
  100% {-webkit-transform: scale(1.3);transform: scale(1.3); opacity: 0}
}
   
 *{-webkit-appearance: none !important;
-moz-appearance: none!important;
appearance: none!important;}  
   
 .form-control {
    width: 100%;
    height: 100%;
    padding: 5px 5px;
    box-sizing: border-box;
    border-bottom:1px solid #fff !important;
	border-left:0px solid #000 !important;
	border-right:0px solid #000 !important;
	border-top:0px solid #000 !important;
    border-radius: 0px !important;
    background-color: #000;
    resize: none; color:#fff !important;
} 

.btn-from{ font-weight:lighter;font-size:18px;border:1px solid #fff !important;background-color:#000; color:#fff !important; padding: 5px 5px;     width:250px !important;
    height: 100%;-webkit-appearance: none !important;
-moz-appearance: none!important;
appearance: none!important;  
}

.center-block{display: block!important;
    margin-left: auto!important;
    margin-right: auto!important;}
	


	

.form-area {
    width: 100%;
    height: 70px;
    padding: 5px 5px;
    box-sizing: border-box;
	border-bottom:1px solid #fff !important;
	border-left:0px solid #000 !important;
	border-right:0px solid #000 !important;
	border-top:0px solid #000 !important;
    border-radius: 0px !important;
    background-color: #000;
    resize: none; color:#fff !important;
}    
.esp-grs{ display:none;}


::selection {
  background: #ffb7b7;
}


















body,p{line-height:1.6em;letter-spacing:.01em;font-family:Arimo,sans-serif;font-weight:300}

.project-item-slide,.resume-img{background-position:center center;background-size:contain}

.btn,.close-ovr,.gt_FullScreen,.main-link-wrapper a,.slider-arrow,a.slide-call{cursor:pointer}

*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.block,article,aside,details,div,figcaption,figure,footer,header,hgroup,nav,summary{display:block}

.inline-block,audio,canvas,video{display:inline-block}

.none,[hidden]{display:none}

.inline,.inlineList li{display:inline}

.fixed{position:fixed}

.absolute{position:absolute}

.full-width-wrapper,.max-width-container,.relative,.wrapper,main{position:relative}

.overflow_hiden,.scrollHide{overflow:hidden}

.iscroll{-webkit-overflow-scrolling:touch}

.text-center{text-align:center}

body{height:100vh;width:100%;padding:0;margin:0;font-size:13px;overflow:hidden;-webkit-tap-highlight-color:transparent}

.column-3 h3,p{font-size:14px}

body.scrollY{overflow-y:auto}

p{margin-bottom:1.6em;margin-top:1.6em;color:rgba(255,255,255,.8)}

article.slide-article p{margin-bottom:4em}

.no-margin-top{margin-top:0}

.padding-right-p{padding-right:2.8em}

.no-margin-bottom{margin-bottom:0}

.resume-content-p{max-height:8em;overflow:hidden}

.scrollContent.flex-group-wrapper{padding-bottom:0}

article.text-article{pointer-events:auto;width:100%;min-width:290px}

article.text-article a{color:#fff;padding-bottom:.1em;display:inline-block;text-decoration:none;border-bottom:1px solid #fff;-webkit-transition:border-color .5s;transition:border-color .5s}

.ovr-container,.resume-content{overflow:hidden;-webkit-transition:-webkit-transform .5s}

article.text-article a:hover{border-bottom-color:red}

.column-3 h3{font-weight:500;letter-spacing:.03em;background-color:#fff;color:#000;padding-left:2em;padding-right:2em}

.temp,.z-index100{padding:12vh;color:#fff}

.column-3 h2,.column-3 h3{display:inline-block}

article.text-article .label span:first-letter{background-color:transparent;color:#fff}

.z-index100{z-index:100;height:100%;font-size:24px}

.temp{font-size:16px}

main{width:100%;min-height:100vh;overflow:hidden;z-index:10}

#cover-webGl,header.main-header{position:fixed;width:100%;height:100%;left:0;top:0}

.main-padding-vw{padding-left:3vw;padding-right:3vw}

.main-padding-vh{padding-top:3vh;padding-bottom:3vh}

.main-padding{padding:3vw}

.flex-group-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}

.flex-group-wrapper.top-align{-webkit-box-align:flex-start;-moz-box-align:flex-start;-ms-flex-align:flex-start;-webkit-align-items:flex-start;align-items:flex-start}

.flex-group-wrapper.bottom-align{-webkit-box-align:flex-end;-moz-box-align:flex-end;-ms-flex-align:flex-end;-webkit-align-items:flex-end;align-items:flex-end}

.flex-group-wrapper.stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}

.flex-group-wrapper.center{justify-content:center}

.flex-group-wrapper.space-between{justify-content:space-between}

.main-bg{background-color:rgba(0,0,0,1)}

.light-bg{background-color:rgba(255,255,255,.7)}

.main-bg article{color:#fff}

.main-bg.solid{background-color:#000}

#cover-webGl{z-index:0;display:block}

header.main-header{z-index:2;text-align:right;display:flex;flex-direction:row;align-items:center;padding:12px}

#page-title,.area-title,.resume-content:after,h2.area-title{line-height:1em;width:auto;margin:0 0 0 auto;text-align:right;font-family:Teko,sans-serif;font-weight:300;font-size:calc(1rem + 10vh);letter-spacing:-.02em;padding:0;display:inline-block;position:relative}

.text-article .text-content h1,h1,h2{font-family:Teko,sans-serif;margin-bottom:.5em}

h1,h2{font-weight:300;font-size:calc(1rem + 4vw);text-align:left;letter-spacing:.02em;display:block;line-height:.7em;}

.text-article .text-content h1,.text-article .text-content h2{font-size:calc(1rem + 3vw);height:auto;letter-spacing:.02em}

.text-article .text-content h1{font-weight:500;text-align:left;display:block;line-height:1em;}

.text-article .text-content h2,h3{font-weight:300;display:block;text-align:left;line-height:1em;font-family:Teko,sans-serif;}

h3{font-size:calc(1rem + 1vw);letter-spacing:.2em;margin-bottom:1em}

#page-title,#page-title:after,#page-title:before{font-weight:500;padding-right:12px}

#page-title span,h1 span,h2 span{padding-left:1.4em}

.text-article .text-content h2{margin-bottom:.5em}

.text-article h1,.text-article h2{min-height:14vh;line-height:1em;overflow:hidden;letter-spacing:-.02em;margin-bottom:0;margin-left:3vw;display:inline-block;font-weight:500}

.hide{display:none}

.resume-content:after,h2.area-title{line-height:1em;padding-bottom:0;margin-bottom:3vh;text-align:left}

.resume-content:after{margin-bottom:0}

.resume-content:after:first-letter{opacity:.3;display:block}

#page-title span,.cover .inner:after,.text-content h2,h1 span,h2 span{font-size:calc(1rem + 1vh);line-height:1em;display:block;font-weight:300;width:100%;text-align:right;font-family:Teko,sans-serif;letter-spacing:.2em}

.text-content h2,h1 span,h2 span{text-align:left}

.pointer-events-none{pointer-events:none}

.cover .inner:after{text-transform:lowercase}

.credits-w,.portfolio-w{right:0;top:0;-ms-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}

.about-w,.project-w{right:0;top:0;-ms-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}

.contact-w{right:0;top:0;-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}

.ovr-container{position:absolute;width:94%;max-width:calc(100% - 36px);height:100vh;z-index:10;transition:transform .5s;}

.resume-content,.resume-wrapper,.scrollContent{width:100%;position:relative}

.about .about-w,.contact .contact-w,.credits .credits-w,.project .project-w,.projects .portfolio-w{-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.scrollContent{padding-bottom:40vh;padding-top:12vh;min-height:100vh;overflow:hidden}

.resume-wrapper{height:auto;min-height:64vh;margin-bottom:calc(12vh - 4px)}

.text-only.resume-wrapper{margin-bottom:0;min-height:76vh}

.project-resume-p{display:none}

.sigle-slide-area .resume-wrapper{margin-bottom:0}

.resume-content{height:64vh;transition:transform .5s;-ms-transform:translate3d(calc(100% - 64vh),0,0);-webkit-transform:translate3d(calc(100% - 64vh),0,0);transform:translate3d(calc(100% - 64vh),0,0)}

.text-only .resume-content,.text-only.resume-content{pointer-events:auto}

.text-only .resume-content{height:auto;min-height:38vh;-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.sigle-slide-area .resume-content{height:76vh}

.sigle-slide-area .scrollContent{padding-bottom:12vh}

.resume-img{left:0;height:64vh;width:64vh;max-width:100%;background-repeat:no-repeat;background-color:#fff}

.active .resume-img{filter:invert(0)}

.active .resume-img:after{background-color:transparent;background-image:none}

.active .resume-content{-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.resume-text-wrapper{width:calc(100% - 64vh);height:auto;max-height:64vh;color:#fff;position:relative;align-self:flex-end;-webkit-transition:-webkit-transform .5s;transition:transform .5s;-ms-transform:translate3d(64vh,0,0);-webkit-transform:translate3d(64vh,0,0);transform:translate3d(64vh,0,0)}

.sigle-slide-area .resume-img{align-self:flex-start}

.sigle-slide-area .resume-text-wrapper{align-self:auto}

.text-only.resume-wrapper{-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transition-delay:0;-o-transition-delay:0;-webkit-transition:none;transition:none}.text-only .resume-text-wrapper{width:100%;-ms-transform:none;-webkit-transform:none;left:0;align-self:auto;transform:none;-webkit-transition:none;transition:none}

.text-only .resume-content{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s;margin-bottom:0;pointer-events:none;-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}

.text-only .resume-content .resume-text-wrapper,.text-only .resume-content .resume-text-wrapper .text-article{pointer-events:none}

.text-only.active .resume-content{opacity:1;-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}

.sigle-slide-area .text-only .resume-text-wrapper{align-self:auto;max-height:100%}.active .resume-text-wrapper{-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.resume-text-wrapper .area-title{text-indent:-.3em;line-height:.7em;font-weight:300;text-transform:lowercase;font-size:56px;letter-spacing:.05em}

.resume-text-wrapper .btn-link{border-top-color:#fff;text-transform:none;color:#fff;width:100%}.btn-link,.main-link,.work-title{text-transform:uppercase;font-weight:300}

.resume-content:after{letter-spacing:-.05em;content:attr(data-year);top:0;line-height:.8em;right:0;position:absolute;display:block;z-index:2;font-weight:500;font-size:51px;color:#000}

.dark-bg .resume-content:after{color:#4c4c4c}.resume-text-wrapper .btn-link.hoverClass{border-top-color:#fff;color:rgba(255,255,255,.5)}

.resume-text-wrapper .area-title:first-letter{color:#090909;font-weight:500}.box-shadow-z-1{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}

.box-shadow-z-2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.box-shadow-z-3{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}

.box-shadow-z-4{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.box-shadow-z-5{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}

.text-right{text-align:right}

.transition-all{transition:all .3s cubic-bezier(.25,.8,.25,1)}

.column-2{-webkit-column-count:2;-moz-column-count:2;-o-column-count:2;-ms-column-count:2;column-count:2;-webkit-column-gap:24px;-moz-column-gap:24px;-o-column-gap:24px;-ms-column-gap:24px;column-gap:25px;max-width:1480px}

.column-3{-webkit-column-count:3;-moz-column-count:3;-o-column-count:3;-ms-column-count:3;column-count:3;-webkit-column-gap:3vw;-moz-column-gap:3vw;-o-column-gap:3vw;-ms-column-gap:3vw;column-gap:3vw}.inview{min-height:100vh}

.text-article,.text-article .text-article.group a,.text-only a{pointer-events:auto}

.text-article .text-article.group{pointer-events:none}

.resume-text-wrapper .scrollArea{overflow-y:auto;overflow-x:hidden;padding-top:1px;max-height:62vh;pointer-events:auto;-webkit-overflow-scrolling:touch;padding-bottom:12vh;display:block;position:relative;width:calc(100% - 6vw);left:3vw}

.light-bg-solid{background-color:#fff}

.dark-bg .project-item-slide,.dark-bg .project-item-slider-wrapper,.dark-bg section.light-bg-solid,a.slide-call:after{background-color:#090909}

.project-item-content-wrapper{width:100%;min-height:100vh;margin-top:100vh;position:relative;z-index:10}

.project-intro-col-1,.project-intro-col-2{min-height:94vh;overflow:hidden}

.project-intro-col-1{width:45%;position:relative}

.project-intro-col-2{width:55%;position:relative}

.project-intro-col-2:-webkit-full-screen{width:100%;background-color:#090909}

.project-intro-col-2:-moz-full-screen{width:100%;background-color:#090909}

.project-intro-col-2:-ms-fullscreen{width:100%;background-color:#090909}

.project-intro-col-2:fullscreen{width:100%;background-color:#090909}

.project-intro-col-2:-webkit-full-screen .project-item-slider-wrapper{background-color:#090909}

.project-intro-col-2:-moz-full-screen .project-item-slider-wrapper{background-color:#090909}

.project-intro-col-2:-ms-fullscreen .project-item-slider-wrapper{background-color:#090909}

.project-intro-col-2:fullscreen .project-item-slider-wrapper{background-color:#090909}

.project-intro-col-2:-webkit-full-screen .project-item-slide{background-color:#090909}

.project-intro-col-2:-moz-full-screen .project-item-slide{background-color:#090909}

.project-intro-col-2:-ms-fullscreen .project-item-slide{background-color:#090909}

.project-intro-col-2:fullscreen .project-item-slide{background-color:#090909}

.project-item-content-wrapper article{max-width:800px;padding:calc(6% + 36px)}

.slider-area{position:relative}

.project-item-content-wrapper article,.project-item-content-wrapper article p{color:#212121}

.dark-bg .project-item-content-wrapper article,.dark-bg .project-item-content-wrapper article p{color:#ddd}

.no-in{display:none}

.slide-article-rapper{height:100%}

.gallery-item-img-wrapper{width:88vh;max-width:96vw;height:88vh;position:relative;padding:1px;overflow:hidden;-webkit-transition:width .5s,height .5s;transition:width .5s,height .5s}

.gallery-item-img-wrapper.active{width:88vh;height:88vh}

.project-item-slider-wrapper{width:100%;max-width:94vw;height:88vh;max-height:94vw;margin:0 auto;position:relative;overflow:hidden}

.project-item-slide{width:100%;height:100%;position:absolute;background-repeat:no-repeat;left:0;top:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none
}

.slider-nav-wrapper{width:100%;display:block;text-align:center;z-index:3;position:relative;font-size:0;line-height:0}

a.slide-call{width:19px;height:32px;margin:1px;display:inline-block;vertical-align:middle;position:relative;overflow:hidden}

.project-item-slider-wrapper.anim:after,a.slide-call:after{position:absolute;content:'';display:block}

a.slide-call:after{width:8px;height:8px;top:11px;left:6px;-webkit-transition:-webkit-transform .2s,background-color .5s,height .5s;transition:transform .2s,background-color .5s,height .5s}

.dark-bg a.slide-call:after{background-color:#fff}

a.slide-call.active:after{width:1px;height:32px;top:0;left:9px}

.anim-text-on-scroll{opacity:0;-ms-transform:translateY(50px);-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:-webkit-transform .2s,opacity .3s;transition:transform .2s,opacity .3s;transition-timing-function:cubic-bezier(0,0,1,1)}

.FullyInViewportText.anim-text-on-scroll{opacity:1;-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .2s,opacity .3s;transition:transform .2s,opacity .3s;transition-timing-function:cubic-bezier(0,0,1,1);-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}

.project-item-slide.left{-ms-transform:translate3d(-200%,0,0);-webkit-transform:translate3d(-200%,0,0);transform:translate3d(-200%,0,0)}

.project-item-slide.right{-ms-transform:translate3d(200%,0,0);-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}

.project-item-slide.left,.project-item-slide.right{width:50%;height:50%;left:25%;top:25%;-webkit-transition:-webkit-transform .5s;transition:transform .5s}

.project-item-slide.left.active,.project-item-slide.right.active{-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .5s;transition:transform .5s}

.project-item-slide.left.active.no-filter,.project-item-slide.right.active.no-filter{width:100%;height:100%;left:0;top:0}

.project-item-slider-wrapper.anim:after{width:50%;height:50%;left:25%;top:25%;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;background-image:url(images/util/line-texture-2.png);background-repeat:repeat;z-index:100}

.project-item-slider-wrapper.anim{filter:invert(1);background-color:#000}

.dark-bg .project-item-slider-wrapper.anim,.project-item-slide{background-color:#fff}

.project-intro-col-2:-webkit-full-screen .project-item-slider-wrapper.anim{background-color:#fff}

.project-intro-col-2:-moz-full-screen .project-item-slider-wrapper.anim{background-color:#fff}

.project-intro-col-2:-ms-fullscreen .project-item-slider-wrapper.anim{background-color:#fff}

.project-intro-col-2:fullscreen .project-item-slider-wrapper.anim{background-color:#fff}

.project-intro-col-2:-webkit-full-screen a.slide-call:after{background-color:#fff}

.project-intro-col-2:-moz-full-screen a.slide-call:after{background-color:#fff}

.project-intro-col-2:-ms-fullscreen a.slide-call:after{background-color:#fff}

.project-intro-col-2:fullscreen a.slide-call:after{background-color:#fff}

.anim-slider-on-scroll{-ms-transform:translateX(90%);-webkit-transform:translateX(90%);transform:translateX(90%);-webkit-transition:-webkit-transform .5s,opacity .1s;transition:transform .5s,opacity .1s;transition-timing-function:cubic-bezier(0,0,1,1)}

.anim-slider-on-scroll.FullyInViewportSlider{filter:invert(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .5s,opacity .1s;transition:transform .5s,opacity .1s;transition-timing-function:cubic-bezier(0,0,1,1);-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}

.project-item-slider-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;background-color:#fff}

@keyframes blink-trance{50%{opacity:0}}
@-webkit-keyframes blink-trance{50%{opacity:0}}

.blink-trance{animation:blink-trance .1s infinite;-webkit-animation:blink-trance .31s infinite}

.scroll-area-content{padding-right:3vw;max-width:2000px}

#portfolioWrapper{overflow:hidden!important}

.work-title{font-size:10px;line-height:1.6em;letter-spacing:.01em;font-family:Arimo,sans-serif;color:#212121;padding-top:8px;position:relative;margin:0 auto;max-width:calc(100% - 60px)}

.dark-bg .work-title,.project-intro-col-2:-webkit-full-screen .work-title{color:#fff}

.project-intro-col-2:-webkit-full-screen .work-title{color:#fff}

.project-intro-col-2:-moz-full-screen .work-title{color:#fff}

.project-intro-col-2:-ms-fullscreen .work-title{color:#fff}

.project-intro-col-2:fullscreen .work-title{color:#fff}

.w-50{width:100%;padding-right:16px;margin-bottom:5vh}

.glitch a,a.glitch{text-decoration:none;color:inherit}

.glitch{color:#0a0203;transition:color 1s}

.dark-bg .glitch{color:#fff}

.dark-bg .glitch.hoverClass{color:rgba(255,255,255,.8)}

.glitch.hoverClass{color:rgba(0,0,0,.65)}.glitch:after,.glitch:before{display:block;content:attr(data-text);position:absolute;top:0;left:0;height:100%;width:100%;opacity:.8;-webkit-text-fill-color:transparent}.btn.glitch:after,.btn.glitch:before{top:10px;left:0}

.cover-raster,.main-link-wrapper{height:100%;top:0;position:absolute}

.glitch:after{background:-webkit-linear-gradient(transparent,transparent),url(images/util/bg.png);background:-o-linear-gradient(transparent,transparent);-webkit-background-clip:text;z-index:-2}

.glitch:before{background:-webkit-linear-gradient(transparent,transparent),url(images/util/bg-1.png);background:-o-linear-gradient(transparent,transparent);-webkit-background-clip:text;z-index:-1}

.glitch.hoverClass:before{-webkit-animation:g-left .3s cubic-bezier(.25,.46,.45,.94) both infinite;animation:g-left .3s cubic-bezier(.25,.46,.45,.94) both infinite}

.glitch.hoverClass:after{-webkit-animation:g-right .3s cubic-bezier(.25,.46,.45,.94) reverse both infinite;animation:g-right .3s cubic-bezier(.25,.46,.45,.94) reverse both infinite}

@-webkit-keyframes g-left{0%{-webkit-transform:translate(0);transform:translate(0)}2.38%{-webkit-transform:translate(-4px,0);transform:translate(-4px,3px)}34.13%{-webkit-transform:translate(8px,0);transform:translate(8px,0)}36.51%,to{-webkit-transform:translate(0);transform:translate(0)}}

@keyframes g-left{0%{-webkit-transform:translate(0);transform:translate(0)}2.38%{-webkit-transform:translate(-8px,0);transform:translate(-8px,0)}34.13%{-webkit-transform:translate(4px,0);transform:translate(4px,0)}36.51%,to{-webkit-transform:translate(0);transform:translate(0)}}

@-webkit-keyframes g-right{0%{-webkit-transform:translate(0);transform:translate(0)}2.38%{-webkit-transform:translate(-8px,0);transform:translate(-8px,0)}34.13%{-webkit-transform:translate(4px,0);transform:translate(4px,0)}36.51%,to{-webkit-transform:translate(0);transform:translate(0)}}

@keyframes g-right{0%{-webkit-transform:translate(0);transform:translate(0)}2.38%{-webkit-transform:translate(-8px,0);transform:translate(-8px,0)}34.13%{-webkit-transform:translate(4px,0);transform:translate(4px,0)}36.51%,to{-webkit-transform:translate(0);transform:translate(0)}}

.scroll-area-content{opacity:0;-ms-transform:translate3d(0,100px,0);-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}

.about #aboutWrapper .scroll-area-content,.contact #contactWrapper .scroll-area-content,.credits #creditsWrapper .scroll-area-content,.project #projectWrapper .scroll-area-content{opacity:1;-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .5s,opacity .5s;transition:transform .5s,opacity .5s;-webkit-transition-delay:.9s;-moz-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s}

.project .project-w{-webkit-transition-delay:.9s;-moz-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s}

.project #projectWrapper .scroll-area-content{-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s}

.hide-obj{visibility:hidden}

.cover-raster{width:100%;content:'';background-image:url(images/util/rgb.png);pointer-events:none;left:0;z-index:1}

.dark-bg .cover-raster{background-image:url(images/util/rgb-dark.png)}

.main-link-wrapper{width:94vw;left:3vw;visibility:visible;opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .5s,opacity .5s,visibility 0s .5s;transition:transform .5s,opacity .5s,visibility 0s .5s}

.close-ovr,.hide-menu .close-ovr{-webkit-transition:-webkit-transform .5s}

.hide-menu .main-link-wrapper{-ms-transform:translate3d(-10vw,0,0);-webkit-transform:translate3d(-10vw,0,0);transform:translate3d(-10vw,0,0);visibility:hidden;opacity:0}

.hide-menu .static-nav.main-link-wrapper,.static-nav.main-link-wrapper{-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible;opacity:1}

.contact.main-link,.main-link.credits{transform:rotate(90deg) translate(-50%,0)}

.btn-link,.main-link{text-align:left;font-family:Teko,sans-serif;font-size:calc(1rem + 1vh);line-height:1em;position:absolute;color:#0a0203;border-top:1px solid #0a0203;left:0;letter-spacing:.08em;pointer-events:auto}

.main-link{left:12px}

.dark-bg .btn-link,.dark-bg .main-link{border-color:#fff}

.dark-bg .resume-content .btn-link,.resume-content .btn-link{border-color:rgba(255,255,255,.5)}

.resume-text-wrapper .btn-link{position:relative;display:block}

.btn-link,.btn-link:after,.btn-link:before,.main-link,.main-link:after,.main-link:before{padding-top:.3em;padding-bottom:.3em}

.btn-link,.btn-link:after,.btn-link:before{padding-left:3vh}

.projects .main-link.glitch:after,.projects .main-link.glitch:before{opacity:0;content:''!important}

.main-link.credits{right:12px;left:auto;margin-right:-.5em;text-transform:lowercase;border-top:none}

.artworks.main-link,.main-link.credits{bottom:2rem}

.about.main-link{top:2rem;border-top:none;border-bottom:1px solid #0a0203;}

.contact.main-link{margin-left:-1em;top:50%}

.cd-loading-bar,.close-ovr{-ms-transform:translate3d(-100%,0,0)}

.dark-bg .about.main-link{border-bottom-color:#fff}

.close-ovr{position:fixed;width:6%;height:12vh;min-width:36px;left:0;top:0;z-index:20;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .5s,opacity .5s;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;text-align:center}

.close-ovr.scroll-down{left:50%;top:auto;bottom:0;-ms-transform:translate3d(-50%,-100%,0);-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0);-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}

.close-ovr a{text-decoration:none;display:block;width:100%;height:100%;left:0;top:0;position:absolute;background-color:transparent;z-index:10}

.close-ovr:after,.main-link.scrollDown span{background-repeat:no-repeat;content:'';position:absolute;width:32px}

.hide-menu .close-ovr{-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:transform .5s;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}

.hide-menu .close-ovr.scroll-down{-ms-transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;z-index:8}

.about .about-link-wrapper,.projects .scroll-area-link-wrapper{-ms-transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}

.sigle-slide-area.scroll-area-link-wrapper{-ms-transform:translate3d(100%,0,0)!important;-webkit-transform:translate3d(100%,0,0)!important;transform:translate3d(100%,0,0)!important;visibility:hidden}.close-ovr:after{height:32px;overflow:hidden;left:50%;top:50%;-ms-transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-position:top center;z-index:2}

.main-link.scrollDown{padding-right:32px;position:absolute}

.main-link.scrollDown span{display:block;z-index:5;right:0;top:0;height:32px;background-image:url(images/util/close-light.png);background-position:right 0 top -32px}

.close-ovr.scroll-down a:before,.project .close-ovr.hoverClass a:before{position:absolute;top:16px;left:0;width:100%;z-index:10;display:block;letter-spacing:.1em;text-align:center;font-size:20px;color:#212121;font-family:Teko,sans-serif}

.dark-bg .main-link.scrollDown span,.hide-menu .close-ovr:after{background-image:url(images/util/close.png)}

.hide-menu .close-ovr.light-bg:after{background-image:url(images/util/close-light.png)}

.close-ovr.scroll-down a:before{content:'explore'}

.project .close-ovr.scroll-down.hoverClass a:before{content:'scroll';letter-spacing:.1em}

.close-ovr.scroll-down:after,.credits .close-ovr.hoverClass:after,.hide-menu .close-ovr.scroll-down.hoverClass:after,.projects .close-ovr.hoverClass:after{background-position:left 0 top -32px}

.about .close-ovr.hoverClass:after{background-position:left 0 top -64px}

.contact .close-ovr.hoverClass:after{background-position:left 0 top -96px}

.project .close-ovr.hoverClass:after{background-position:left 0 top -128px}

.project .close-ovr.hoverClass a:before{content:'projects'}

.btn{font-family:Teko,sans-serif;letter-spacing:.1em;display:inline-block;text-align:center;font-size:20px;padding:10px 36px 8px;-webkit-transition:all .5s;transition:all .5s;position:relative}

.btn.fixed{z-index:20}

.btn.fixed.top-left{position:fixed;top:20px;left:20px}

.btn.light,.light-bg-solid .btn{color:#212121;border:1px solid #212121;background-color:rgba(255,255,255,.5)}

.dark-bg .btn.light,.dark-bg .light-bg-solid .btn{color:#ddd;border:1px solid #ddd;background-color:rgba(0,0,0,.5)}

.btn:after,.btn:before{z-index:5}

.btn.light.hoverClass,.light-bg-solid .btn.hoverClass{background-color:#fff}

.dark-bg .btn.light.btn.hoverClass,.dark-bg .light-bg-solid .btn.btn.hoverClass{background-color:#000}

.btn span{z-index:6;position:relative}

.scroll-area-link:after,.scroll-area-link:before{display:block;content:'';z-index:3;background:#fff}

.close-ovr.fixed-120{min-width:80px;min-height:100px}

.scroll-area-link{display:block;position:relative;margin-left:auto;width:32px;height:32px;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;text-indent:-999999em;overflow:hidden}.scroll-area-link:after{position:absolute;width:100%;height:1px;top:15px;right:0}

.scroll-area-link:before{position:absolute;width:8px;height:8px;left:0;top:12px}

.scroll-area-link.active,.scroll-area-link.hoverClass{width:100%}

.scroll-area-link-wrapper{line-height:0;font-size:0;position:absolute;height:auto;width:12%;min-width:80px;text-align:right;right:0;top:50%;z-index:100;-webkit-transition:-webkit-transform .5s,opacity .5s,visibility 0s .5s;transition:transform .5s,opacity .5s,visibility 0s .5s;-ms-transform:translate3d(100%,-50%,0);-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0);min-height:32px;background-image:url(images/util/sm-texture.png);background-repeat:repeat-y;background-position:right top}

.contact.back-to-projects{position:fixed;z-index:11;top:60%;transform:rotate(90deg) translate(-60%,0);margin-left:-3.3em;left:2vw;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}

.hide-menu .contact.back-to-projects{opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}

.slider-arrow{display:inline-block;padding:24px}

.bottom-bend{width:100vw;height:calc(2rem + 80px);background-color:#fff;position:absolute;left:-3vw;bottom:0;z-index:-10}

.dark-bg .bottom-bend{background-color:#090909}

.gt_FullScreen{display:block;position:absolute;width:32px;height:32px;top:0;right:0;z-index:10;background-color:transparent;background-repeat:no-repeat;background-image:url(images/util/go_fs.png);background-position:0 0}

.dark-bg .gt_FullScreen{background-position:top -32px left 0}

.project-intro-col-2:-webkit-full-screen .gt_FullScreen{background-position:top -64px left 0!important;position:fixed;right:3vw;top:3vw}

.project-intro-col-2:-moz-full-screen .gt_FullScreen{background-position:top -64px left 0!important;position:fixed;right:3vw;top:3vw}

.project-intro-col-2:-ms-fullscreen .gt_FullScreen{background-position:top -64px left 0!important;position:fixed;right:3vw;top:3vw}

.project-intro-col-2:fullscreen .gt_FullScreen{background-position:top -64px left 0!important;position:fixed;right:3vw;top:3vw}

.cd-cover-layer{position:fixed;z-index:99;left:20px;top:20px;bottom:auto;right:auto;height:calc(100% - 40px);width:calc(100% - 40px);overflow:hidden;opacity:0;visibility:hidden;-webkit-transition:opacity .4s .4s,visibility 0s .8s;-moz-transition:opacity .4s .4s,visibility 0s .8s;transition:opacity .4s .4s,visibility 0s .8s}

.page-is-changing .cd-main-content{opacity:0;visibility:hidden;-webkit-transition-delay:0;-moz-transition-delay:0;-o-transition-delay:0;transition-delay:0}

article.text-article{opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}

.hide-menu article.text-article{opacity:1;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}

.cd-main-content,.page-is-changing .cd-cover-layer{opacity:1;visibility:visible;-webkit-transition:transform .3s 0s,opacity .3s 0s,visibility 0s 0s;-moz-transition:transform .3s 0s,opacity .3s 0s,visibility 0s 0s;transition:transform .3s 0s,opacity .3s 0s,visibility 0s 0s}

.cd-main-content{-webkit-transition-delay:.8s;-moz-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s}

.cd-loading-bar{
position:fixed;
z-index:100;
left:0;top:calc(50% - 1px);
height:1px;width:100%;
background:rgba(255,255,255,1)
;visibility:hidden;

-webkit-transition:visibility 0s .1s,-webkit-transform .2s .2s;
-moz-transition:visibility 0s .1s,-moz-transform .2s .2s;
transition:visibility 0s .1s,transform .2s .2s;

-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)}

.page-is-changing .cd-loading-bar{visibility:visible;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:visibility 0s .3s,-webkit-transform .4s .4s;-moz-transition:visibility 0s .3s,-moz-transform .4s .4s;transition:visibility 0s .3s,transform .4s .4s}

.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}

.pace.pace-inactive .pace-progress{display:none}

.pace .pace-progress{position:fixed;z-index:2000;top:50%;right:calc(10vw + 40px);height:5rem;width:5rem;-webkit-transform:translate3d(0,0,0)!important;-ms-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}

.pace .pace-progress:after{display:block;position:absolute;top:0;-webkit-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);right:.5rem;content:attr(data-progress-text);font-family:Teko,sans-serif;font-weight:300;font-size:calc(1rem + 1vh);letter-spacing:.02em;line-height:1em;text-align:right;color:#fff}

@media all and (max-width:860px){.column-2,.column-3{-webkit-column-count:1;-moz-column-count:1;-o-column-count:1;-ms-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;-o-column-gap:0;-ms-column-gap:0;column-gap:0}
.project-intro-col-1,.project-intro-col-2,.project-item-content-wrapper article,.slider-area{width:100%}
.project-intro-col-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}
.js-fs{display:none}
.project-intro-col-1,.project-intro-col-2{height:auto}}


@media all and (max-height:420px){.text-article h1,.text-article h2{height:16vh}
.resume-text-wrapper .scrollArea{max-height:74vh}
.js-home{left:auto!important;right:0!important;top:1rem!important}
.bottom-bend{height:calc(1rem + 60px)}.artworks.main-link{bottom:1rem}
.hide-menu .contact.back-to-projects{top:auto;bottom:calc(1rem + 60px)}
.project-item-slider-wrapper{height:calc(88vh - 40px)}}

@media all and (max-width:680px){.resume-content:after,.resume-text-wrapper .area-title{font-size:40px}}

@media screen and (orientation:portrait){#page-title,h1,h2{font-size:calc(1rem + 10vw)}

#page-title span,.text-content h2,h1 span,h2 span{font-size:calc(1rem + 3vw)}

.resume-text-wrapper p{padding-left:3vh}.about.main-link,.btn-link,.main-link{font-size:calc(1rem + 2vw)}

#page-title span,.cover .inner:after{margin-top:-1.5vw}.resume-text-wrapper,.resume-text-wrapper .btn-link{width:100%}

.resume-img{width:94vw;height:45vh}.resume-text-wrapper .area-title{text-indent:0;padding:0 4em 0 3vh;margin-bottom:24px}

.resume-text-wrapper .btn-link{left:3vh;margin-top:0;width:auto;max-width:calc(100% - 6vh)}

.resume-text-wrapper .area-title:first-letter{color:#fff;font-weight:300}

.dark-bg .resume-content:after,.resume-content:after{top:calc(45vh - 2px);color:#fff}

.resume-content:after{font-weight:300}

.resume-content{-ms-transform:translate3d(50%,0,0);-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}

.resume-content,.resume-text-wrapper{height:auto;max-height:90vh}.btn-link,.btn-link:after,.btn-link:before{padding-left:0}

.resume-content.flex-group-wrapper{display:block}.scroll-area-link-wrapper{background-image:url(images/util/sm-texture-d.png);margin-top:-12vh}

.scroll-area-link:after,.scroll-area-link:before{background:#000}

.project-intro-col-1,.project-intro-col-2,.project-item-content-wrapper article,.slider-area{width:100%}

.project-intro-col-1,.project-intro-col-2{min-height:60px;height:auto}

.project-intro-col-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}

.js-fs{display:none}

.slider-nav-wrapper{padding-left:80px;padding-right:60px;text-align:right}}

#page-title,.area-title,.resume-content::after,h2.area-title{font-size:calc(1rem + 5vh);letter-spacing:.1em}

.main-link{text-transform:lowercase}h1,h2{font-size:calc(1rem + 1.5vw);font-weight:300}

.resume-content:after{font-size:36px}

#page-title span,.cover .inner:after,.text-content h2,h1 span,h2 span{letter-spacing:.1em}

.text-article h1,.text-article h2{letter-spacing:.1em;display:block}

.portret{ width:100%; max-width:100%; overflow:hidden;padding-bottom:16px;background-image:url(images/util/rgb-dark.png)}

.portret img{width:100%;height:auto;margin:0 auto;position:relative;opacity:.3}.dark-bg .work-title{color:#fff;}





.title_R{ color:#f00 !important;