@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
img,legend{border:0}
.flickity-enabled,sub,sup{position:relative}
.flickity-page-dots,ul li{padding:0;list-style:none}
.flickity-page-dots,button,input,legend,td,th,ul,ul li{padding:0}
.flickity-enabled:focus,a:active,a:hover,button:focus,input:focus{outline:0}
html{box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
*,:after,:before{box-sizing:inherit}
body{margin:0;overflow-x:hidden}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
abbr[title]{border-bottom:1px dotted}
b,optgroup,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre,textarea{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
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}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
table{border-collapse:collapse;border-spacing:0}
.flickity-viewport{overflow:hidden;position:relative;height:100%}
.flickity-slider{position:absolute;width:100%;height:100%}
.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:rgba(255,255,255,.75);cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.flickity-prev-next-button:hover{background:#fff}
.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09F}
.flickity-prev-next-button:active{filter:alpha(opacity=60);opacity:.6}
.flickity-prev-next-button.previous{left:10px}
.flickity-prev-next-button.next{right:10px}
.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}
.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}
.flickity-prev-next-button:disabled{filter:alpha(opacity=30);opacity:.3;cursor:auto}
.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}
.flickity-prev-next-button .arrow{fill:#333}
.flickity-prev-next-button.no-svg{color:#333;font-size:26px}
.flickity-page-dots{position:absolute;width:100%;bottom:-25px;margin:0;text-align:center;line-height:1}
.flickity-rtl .flickity-page-dots{direction:rtl}
.flickity-page-dots .dot{display:inline-block;filter:alpha(opacity=25);opacity:.25;cursor:pointer}
.player-ytb,.video .player-button .play{display:block}
.flickity-page-dots .dot.is-selected{filter:alpha(opacity=100);opacity:1}
@-webkit-keyframes grain{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
10%{-webkit-transform:translate(-5%,-10%);transform:translate(-5%,-10%)}
20%{-webkit-transform:translate(-15%,5%);transform:translate(-15%,5%)}
30%{-webkit-transform:translate(7%,-25%);transform:translate(7%,-25%)}
40%{-webkit-transform:translate(21%,25%);transform:translate(21%,25%)}
50%{-webkit-transform:translate(-25%,10%);transform:translate(-25%,10%)}
60%{-webkit-transform:translate(15%,0);transform:translate(15%,0)}
70%{-webkit-transform:translate(0,15%);transform:translate(0,15%)}
80%{-webkit-transform:translate(25%,35%);transform:translate(25%,35%)}
90%{-webkit-transform:translate(-10%,10%);transform:translate(-10%,10%)}
}
@keyframes grain{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
10%{-webkit-transform:translate(-5%,-10%);transform:translate(-5%,-10%)}
20%{-webkit-transform:translate(-15%,5%);transform:translate(-15%,5%)}
30%{-webkit-transform:translate(7%,-25%);transform:translate(7%,-25%)}
40%{-webkit-transform:translate(21%,25%);transform:translate(21%,25%)}
50%{-webkit-transform:translate(-25%,10%);transform:translate(-25%,10%)}
60%{-webkit-transform:translate(15%,0);transform:translate(15%,0)}
70%{-webkit-transform:translate(0,15%);transform:translate(0,15%)}
80%{-webkit-transform:translate(25%,35%);transform:translate(25%,35%)}
90%{-webkit-transform:translate(-10%,10%);transform:translate(-10%,10%)}
}
@font-face{font-family:Circular-Pro-Medium;src:url(../type/fonts/lineto-circular-pro-medium.eot);src:url(../type/fonts/lineto-circular-pro-medium.eot?#iefix) format("embedded-opentype"),url(../type/fonts/lineto-circular-pro-medium.woff) format("woff"),url(../type/fonts/lineto-circular-pro-medium.ttf) format("truetype"),url(../type/fonts/lineto-circular-pro-medium.svg#lineto-circular-pro-medium) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:Circular-Pro-Medium-S;src:url(../type/fonts_subsetted/lineto-circular-pro-medium.eot);src:url(../type/fonts_subsetted/lineto-circular-pro-medium.eot?#iefix) format("embedded-opentype"),url(../type/fonts_subsetted/lineto-circular-pro-medium.woff) format("woff"),url(../type/fonts_subsetted/lineto-circular-pro-medium.ttf) format("truetype"),url(../type/fonts_subsetted/lineto-circular-pro-medium.svg#lineto-circular-pro-medium) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:Circular-Pro-Bold;src:url(../type/fonts/lineto-circular-pro-bold.eot);src:url(../type/fonts/lineto-circular-pro-bold.eot?#iefix) format("embedded-opentype"),url(../type/fonts/lineto-circular-pro-bold.woff) format("woff"),url(../type/fonts/lineto-circular-pro-bold.ttf) format("truetype"),url(../type/fonts/lineto-circular-pro-bold.svg#lineto-circular-pro-bold) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:Circular-Pro-Bold-S;src:url(../type/fonts_subsetted/lineto-circular-pro-bold.eot);src:url(../type/fonts_subsetted/lineto-circular-pro-bold.eot?#iefix) format("embedded-opentype"),url(../type/fonts_subsetted/lineto-circular-pro-bold.woff) format("woff"),url(../type/fonts_subsetted/lineto-circular-pro-bold.ttf) format("truetype"),url(../type/fonts_subsetted/lineto-circular-pro-bold.svg#lineto-circular-pro-bold) format("svg");font-weight:400;font-style:normal}
.dragarea-wrapper{width:calc(100% - 96px);float:left;margin:17px 0;opacity:0;transition:opacity 200ms}
.dragarea{position:relative;height:16px;width:100%;float:left;cursor:pointer}
.player-ytb{vertical-align:bottom;width:100%;height:100%;overflow:hidden;z-index:0}
.player-ytb iframe{width:100%;height:100%;opacity:0}
.player-ytb .player-interface{position:absolute;bottom:-4px;z-index:2;width:100%;opacity:0}
.player-interface .player-button{float:left;position:relative;cursor:pointer;margin:12px}
.video .player-button .pause{display:none}
.player-interface .player-button-enlarge{margin:12px;float:right;cursor:pointer}
.player-ytb .player-mask{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;cursor:pointer;opacity:1;display:block}
.player-ytb .player-mask-inner{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.player-ytb .player-mask .icon-share{margin:15px;position:absolute;right:0;top:0;opacity:0;z-index:1}
.player-ytb .player-mask .link-ytb{margin:15px;position:absolute;left:0;top:0;opacity:0;z-index:1;display:block}
.video.playing .dragarea-wrapper,.video.playing iframe{opacity:1}
.progress-bar,.progress-bar-base{top:0;position:absolute;height:2px;margin:8px 0;z-index:-1}
.video.playing .player-button .play{display:none}
.video.playing .player-button .pause,.video.stop .player-button .play{display:block}
#slider-player-interface.playing .player-button .play,.video.stop .player-button .pause{display:none}
.progress-bar{width:0;background:#0057ff}
.progress-bar-base{width:100%;background:rgba(255,255,255,.8)}
.player-mask:hover .icon-share,.player-mask:hover .link-ytb,.player-mask:hover .player-interface{opacity:1;-webkit-transition:opacity 300ms;transition:opacity 300ms}
#slider-player-interface.playing .player-button .pause{display:block}
.share-screen{width:100%;top:0;position:absolute;background:rgba(0,0,0,.8);z-index:3;overflow:hidden;height:0;opacity:0;-webkit-transition:opacity 200ms;transition:opacity 200ms}
.player-ytb.share-open .share-screen{display:block;height:100%;opacity:1}
.share-screen-inner{width:100%;height:100%}
.share-screen .icon-group{margin:15px;position:absolute;right:0}
h2,ul,ul li{margin:0}
.cf:after,.cf:before{content:" ";display:table}
.headder-inner-primary,.headder-inner-primary li,.menu li a,header #header-inner,ul li{display:inline-block}
.cf:after{clear:both}
body,html{width:100%;font-size:12px;color:#fff;min-height:100%!important;background:#000;text-align:center;font-family:Circular-Pro-Medium;text-transform:uppercase;letter-spacing:.2rem;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-khtml-user-select:none;user-select:none}
.drag-navigator,body,html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
h2{font-weight:400}
a{color:#fff;border-bottom:1px transparent;text-decoration:none;-webkit-transition:color 200ms ease;transition:color 200ms ease}
a.active,a:hover{color:#0057ff}
a.active:hover{color:#fff}
button,input{background:0 0;border:none;margin:0}
svg{cursor:pointer}
svg:hover path,svg:hover polygon{fill:#0057ff;-webkit-transition:fill 200ms ease;transition:fill 200ms ease}
:-webkit-full-screen{background:#000}
#container{overflow:hidden}
#container,#content-wrapper{height:100%}
header{position:fixed;width:100%;top:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);z-index:5;-webkit-transition:-webkit-transform 500ms ease 500ms;transition:transform 500ms ease 500ms;padding-bottom:6vh}
header #header-inner{vertical-align:middle;width:100%;height:40px;overflow:hidden;background:#000}
#cnvs,#site-cover{width:100%;height:100%}
header.active .header-slide{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:-webkit-transform 600ms ease;transition:transform 600ms ease}
header.active:hover .header-slide{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.headder-inner-primary{width:100%;position:relative}
.headder-inner-primary .left{position:absolute;left:0;padding:12.5px 20px}
.headder-inner-primary .right{position:absolute;right:0;top:0;padding:12.5px 20px}
.headder-inner-primary .right a{display:inline-block;margin-left:5px}
.headder-inner-primary .right a:hover svg path{fill:#fff}
.headder-inner-secondary{clear:both;padding:12.5px 0}
.menu li a{color:#0057ff;padding:12.5px 20px}
.menu li a:hover,.menu li.current-menu-item a,.menu li.current-menu-item a:hover{color:#fff}
#site-cover{position:fixed;top:0;opacity:1;z-index:9999;-webkit-transition:opacity 500ms ease,-webkit-transform 500ms ease;transition:opacity 500ms ease,transform 500ms ease}
#site-cover.remove{opacity:0}
#cnvs{position:absolute;top:0;left:0;z-index:-1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 500ms ease;transition:transform 500ms ease;background-color:#b2b2b2}
.site-cover-logo-wrapper{position:absolute;width:100%;height:100%;opacity:1;-webkit-transition:-webkit-mask-size 500ms ease;transition:mask-size 500ms ease;-webkit-mask-image:url(../img/logo.png);-webkit-mask-position:50% 50%;-webkit-mask-size:160px;-webkit-mask-repeat:no-repeat}
.site-cover-logo-fallback{width:160px;height:160px;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background-repeat:no-repeat;background-image:url(../img/logo-black.png)}
.site-cover-logo-fallback,.slider-feature .feature-info{-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%)}
.site-cover-logo-wrapper .grain{top:-100%;left:-100%;width:300%;height:300%;background-image:url(../img/c-noise.png);position:absolute;-webkit-animation-name:grain;animation-name:grain;-webkit-animation-duration:5s;animation-duration:5s;animation-timing-function:steps(10,end);-webkit-animation-delay:initial;animation-delay:initial;animation-iteration-count:infinite;-webkit-animation-direction:initial;animation-direction:initial;-webkit-animation-fill-mode:initial;animation-fill-mode:initial;-webkit-animation-play-state:initial;animation-play-state:initial}
.site-cover-logo-wrapper .grain,.slider-feature .gallery-cell-mask .grain{-webkit-animation-timing-function:steps(10,end);-webkit-animation-iteration-count:infinite}
.site-cover-logo-wrapper .grain.no-support{display:none}
#container-feature{position:fixed;width:100%;height:100%;z-index:4;-webkit-transition:-webkit-transform 0ms ease;transition:transform 0ms ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;top:0;overflow:hidden;background:#000}
.slider-feature{position:relative;width:100%;height:100%}
.slider-feature .gallery-cell{width:100%;height:100%;overflow:hidden}
.slider-feature .gallery-cell-mask{background-size:cover;background-position:top center;width:100%;height:100%}
.slider-feature .gallery-cell-mask .grain{top:-100%;left:-100%;width:300%;height:300%;background-image:url(../img/noise.png);position:absolute;z-index:-1;animation-name:grain;animation-duration:5s;animation-timing-function:steps(10,end);animation-delay:initial;animation-iteration-count:infinite;animation-direction:initial;-webkit-animation-fill-mode:initial;animation-fill-mode:initial;animation-play-state:initial}
.home-about-wrapper .grain,.slider-feature .gallery-cell-mask .grain{-webkit-animation-direction:initial;-webkit-animation-play-state:initial;-webkit-animation-name:grain;-webkit-animation-duration:5s;-webkit-animation-delay:initial}
.slider-feature .feature-info{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:80%}
.slider-feature .feature-info-wrapper{width:100%;height:100%;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:-webkit-transform 500ms ease 1300ms,opacity 500ms ease 1300ms;transition:transform 500ms ease 1300ms,opacity 500ms ease 1300ms;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.slider-feature.active .gallery-cell.is-selected .feature-info-wrapper{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
#footer-subscribe-inner,.slider-feature video{-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%)}
.slider-feature .feature-info h2{font-size:8.3rem;margin:70px 0;letter-spacing:2.4rem;font-family:Circular-Pro-Bold}
.slider-feature .feature-info .separator{display:inline-block;margin:0 20px}
.video-fallback{width:100%;height:100%;position:absolute;top:0;background-size:cover;z-index:-100}
.slider-feature video{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100}
.slider-feature .flickity-page-dots{-webkit-transform:translateY(100%) translateX(-50%);-ms-transform:translateY(100%) translateX(-50%);transform:translateY(100%) translateX(-50%);z-index:2;bottom:0;padding:50px 10px;left:50%;-webkit-transition:-webkit-transform 500ms ease 500ms;transition:transform 500ms ease 500ms;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.flickity-page-dots .dot{background:#b2b2b2;width:26px;height:2px;position:relative;margin:10px 4px;border-radius:0}
.flickity-page-dots .dot:before{position:absolute;width:26px;height:18px;left:0;top:-8px;content:""}
.flickity-page-dots .dot.is-selected{background:#0057ff}
body.page-main .slider-feature .flickity-page-dots{-webkit-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%)}
body.page-main .slider-feature.active .flickity-page-dots.active{-webkit-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%);-webkit-transition:-webkit-transform 500ms ease;transition:transform 500ms ease}
#container-feature-footer{position:absolute;width:100%;bottom:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 500ms ease 500ms;transition:transform 500ms ease 500ms;cursor:pointer;z-index:4}
#container-feature-footer-inner{width:100%;background:#000;height:40px}
#container-feature-footer svg{height:100%;display:inline-block;vertical-align:middle;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 500ms ease;transition:transform 500ms ease}
.slider-nav,.slider-nav-wrapper{width:100%;height:calc(100vh - 98px)}
#container-feature-footer:hover svg{-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}
.slider-single-video-wrapper #container-feature-footer svg path{fill:#0057ff}
.slider-single-video-wrapper #container-feature-footer:hover svg path{fill:#4d4d4d}
.slider-nav-wrapper{position:relative;overflow:hidden;color:#4d4d4d;background-color:#000;margin-top:250px}
.slider-nav-wrapper .title{position:absolute;width:100%;margin:82px 0;z-index:2}
.drag-navigator{color:#0057ff;position:absolute;top:0;left:0;z-index:1;font-family:Circular-Pro-Bold;border:1px solid #0057ff;padding:9px 12px;opacity:0;-webkit-transition:opacity 200ms ease 1500ms;transition:opacity 200ms ease 1500ms;user-select:none;cursor:pointer}
.slider-nav{position:relative;z-index:1;-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98);opacity:1}
.slider-nav .flickity-viewport{overflow:visible}
.slider-nav .gallery-cell{height:100%;width:60%;overflow:hidden}
.slider-nav .video,.slider-nav .video-wrapper{height:100%}
.slider-nav .player-ytb-wrapper{position:relative;height:100%;width:80%;margin:0 auto}
.slider-nav .player-ytb{position:absolute;left:0;right:0;top:50%;margin-top:-28.1%;padding-bottom:56.2%;height:0;overflow:visible}
.slider-nav .player-ytb iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.slider-nav .player-ytb iframe.mobile{opacity:1}
.slider-nav .gallery-cell .video-wrapper .video-title{padding:46px 0;width:100%;position:absolute;bottom:-107px;-webkit-transition:color 500ms ease 500ms;transition:color 500ms ease 500ms}
.slider-mask-left,.slider-mask-right{height:100%;width:15%;position:absolute;top:0;z-index:2}
.is-selected .video-title{color:#fff}
.is-selected .video-title.single{color:#4d4d4d}
.slider-mask{position:absolute}
.slider-mask-left{cursor:w-resize;left:0}
.slider-mask-right{cursor:e-resize;right:0}
#content,#content.home,#content.single{z-index:4}
#content{position:relative;height:100%}
.home-about-wrapper{color:#000;background:#b2b2b2;padding-bottom:90px;z-index:1;position:relative;overflow:hidden}
.home-about-header,.home-about-menu{position:relative;padding:46px;z-index:1}
.home-about-wrapper a{color:#000}
.home-about-wrapper a:hover{color:#0057ff}
.home-about-menu{border-bottom:1px solid #000}
.home-about-wrapper .grain{top:-100%;left:-100%;width:300%;height:300%;background-image:url(../img/noise.png);position:absolute;z-index:-1;animation-name:grain;animation-duration:5s;-webkit-animation-timing-function:steps(10,end);animation-timing-function:steps(10,end);animation-delay:initial;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;animation-direction:initial;-webkit-animation-fill-mode:initial;animation-fill-mode:initial;animation-play-state:initial}
.home-about{margin-bottom:65px;text-transform:none}
.home-about h2{max-width:1100px;margin:62px 0;display:inline-block;font-size:3.6rem;letter-spacing:.02rem;line-height:4.7rem}
.home-about .about-text-detail{margin:0 auto;text-align:justify;max-width:900px;font-size:1.5rem;line-height:2.1rem;letter-spacing:.04rem}
.home-about-footer .home-about-logo-icon{width:100px;height:65px;display:inline-block;margin:15px}
.home-about-footer .home-about-share-icon{width:50px;height:50px;display:inline-block;margin:15px;position:relative}
.about-icon .grain-wrapper{width:100%;height:100%;position:absolute;overflow:hidden}
.about-icon .grain{top:-100%;left:-100%;width:300%;height:300%;background-image:url(../img/c-noise.png);position:absolute;animation-name:grain;animation-duration:5s;animation-timing-function:steps(10,end);-webkit-animation-delay:initial;animation-delay:initial;animation-iteration-count:infinite;animation-direction:initial;animation-fill-mode:initial;animation-play-state:initial}
#about .grain,.about-icon .grain{-webkit-animation-play-state:initial;-webkit-animation-fill-mode:initial;-webkit-animation-direction:initial;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:steps(10,end);-webkit-animation-name:grain;-webkit-animation-duration:5s}
#footer-subscribe-space{position:relative;width:100%;color:#fff;text-align:center;overflow:hidden;z-index:3;height:230px}
#footer-subscribe{width:100%;height:230px;position:fixed;background:#111;bottom:0}
#footer-subscribe-inner{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:232px}
#footer-subscribe-inner .form-underline{width:120px;margin:0 auto;height:2px;background-color:#b2b2b2;-webkit-transition:background-color 100ms ease,width 100ms ease;transition:background-color 100ms ease,width 100ms ease}
#footer-subscribe-inner form{position:relative}
#footer-subscribe-inner button{position:absolute;padding:16px 0;right:-30px;top:0;height:16px;display:none}
#footer-subscribe-inner button svg{display:inline;height:16px}
#footer-subscribe-inner input{width:120px;padding:16px 0;-webkit-transition:width 100ms ease;transition:width 100ms ease}
#footer-subscribe-inner input:focus{color:#0057ff;width:100%}
#site-credit,#site-credit a{color:#4d4d4d}
#footer-subscribe-inner input:focus+.form-underline{width:100%;background-color:#0057ff}
#site-credit{z-index:4;position:absolute;right:-87px;top:50%;text-align:left;-webkit-transform:translateX(-50%) translateY(-50%) rotate(-90deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(-90deg);transform:translateX(-50%) translateY(-50%) rotate(-90deg)}
#menu-archive ul li a,#site-credit a:hover{color:#0057ff}
#archive{background:#000;position:relative;overflow-x:hidden}
#menu-archive{z-index:2;transform:translateX(-50%) translateY(-50%);opacity:1;visibility:hidden}
#archive .selected-label-container,#menu-archive{position:fixed;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%)}
#menu-archive ul li{display:block;margin:15px 0;cursor:pointer;-webkit-transition:color 200ms ease;transition:color 200ms ease}
#menu-archive ul li a:hover,#menu-archive ul li.selected a{color:#fff}
#archive .selected-label-container{z-index:1;transform:translateX(-50%) translateY(-50%)}
#archive .selected-label{cursor:pointer;color:#0057ff;visibility:visible;opacity:0;-webkit-transition:opacity 500ms ease 400ms,visibility 500ms ease 0ms;transition:opacity 500ms ease 400ms,visibility 500ms ease 0ms}
#archive .selected-label:hover,.archive-post .archive-post-inner .post-title a:hover{color:#fff}
.archive-row-left{float:left;padding:134px 67px 0 134px;transition:transform 400ms ease}
.archive-row-left,.archive-row-right{width:50%;-webkit-transition:-webkit-transform 400ms ease}
.archive-row-right{float:right;padding:268px 134px 0 67px;transition:transform 400ms ease;position:fixed;right:0;top:0;height:100vh;overflow:hidden}
.archive-row-right-inner{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.archive-post{position:relative;margin:0;height:0;overflow:hidden;opacity:0;-webkit-transition:opacity 400ms ease;transition:opacity 400ms ease}
.archive-post.selected{margin-bottom:134px;height:auto;opacity:1}
#archive.projects .archive-post.selected{margin-bottom:200px}
#archive.menu-open .archive-row-right{-webkit-transform:translateX(200px);-ms-transform:translateX(200px);transform:translateX(200px)}
#archive.menu-open .archive-row-left{-webkit-transform:translateX(-200px);-ms-transform:translateX(-200px);transform:translateX(-200px)}
#archive.menu-open #menu-archive{opacity:1}
#archive.menu-open .selected-label{opacity:0;visibility:hidden;-webkit-transition:opacity 0ms ease 0ms,visibility 0ms ease 0ms;transition:opacity 0ms ease 0ms,visibility 0ms ease 0ms}
#archive.menu-open #menu-archive{visibility:visible}
.archive-post .archive-post-inner{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:opacity 400ms ease,-webkit-transform 400ms ease;transition:opacity 400ms ease,transform 400ms ease}
.archive-post .archive-post-inner .post-title{font-family:Circular-Pro-Bold;font-size:5.7rem;position:relative;max-width:calc(100% - 100px);margin:-.62em auto 0;letter-spacing:.8rem;line-height:6.8rem;word-wrap:break-word;z-index:4;-webkit-transition:margin 400ms ease 200ms;transition:margin 400ms ease 200ms}
.archive-post .archive-post-inner .post-sub-title{margin-top:2.5rem;font-size:13px}
.archive-post .archive-post-inner .video{position:relative;padding-bottom:56.25%;height:0}
.archive-post .archive-post-inner .video iframe,.archive-post .archive-post-inner .video img{position:absolute;top:0;left:0;width:100%;height:100%}
#archive.init .archive-post-inner{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
#archive.init .selected-label{opacity:1}
.video-placeholder{position:absolute;width:100%;height:100%;left:-1px;cursor:pointer;z-index:4;background-size:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.archive-post .archive-post-inner .video.buffering+.post-title,.archive-post .archive-post-inner .video.playing+.post-title{margin:.2em auto 0}
#footer-people{clear:both;padding:46px 0;width:100%;bottom:0;z-index:1;position:relative}
#about{width:100%;height:100vh}
#about .about-content{display:table;height:100%;margin:0 auto;z-index:2;opacity:0}
#about .video,#about .video-mask-blue{position:absolute;width:100%;z-index:-1;top:0}
#about .about-content.active{opacity:1;-webkit-transition:opacity 800ms ease;transition:opacity 800ms ease}
#about .about-content .about-content-inner{max-width:1140px;display:table-cell;vertical-align:middle}
#about .about-content .about-content-inner p{margin:0 0 20px}
#about .about-content .about-content-inner p.mail{margin:70px 0}
#about .video-mask-blue{min-height:100%;background-color:rgba(0,0,0,.8)}
#about .video{height:100%;overflow:hidden}
#about .video video{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:100%;width:auto;height:auto;-webkit-backface-visibility:none;backface-visibility:none}
#about .grain{top:-100%;left:-100%;width:300%;height:300%;background-image:url(../img/noise.png);position:absolute;z-index:1;animation-name:grain;animation-duration:5s;animation-timing-function:steps(10,end);-webkit-animation-delay:initial;animation-delay:initial;animation-iteration-count:infinite;animation-direction:initial;animation-fill-mode:initial;animation-play-state:initial}
#about .mail{text-transform:lowercase;font-size:1.25rem}
#single{color:#4d4d4d;background:#000}
.single-content{margin:0 auto;padding-bottom:230px;padding-top:120px;width:55%}
.single-content-disc{text-transform:none;text-align:left;text-align:justify;font-size:1.3rem;line-height:2.5rem;letter-spacing:.1rem}
.slider-single-video-wrapper{position:relative}
.slider-single-video{position:relative;width:100%;height:100vh;z-index:1;-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98);opacity:0}
.slider-single-video .flickity-viewport{overflow:hidden}
.slider-single-video .gallery-cell{height:100%;width:100%;overflow:hidden}
.slider-single-video .video,.slider-single-video .video-wrapper{height:100%}
.slider-single-video .player-ytb-wrapper{position:relative;height:100%;width:55%;max-width:1600px;margin:0 auto}
.slider-single-video .player-ytb{position:absolute;left:0;right:0;top:50%;margin-top:-28.1%;padding-bottom:56.2%;height:0;overflow:visible}
.slider-single-video .player-ytb iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.slider-single-video .player-ytb iframe.mobile{opacity:1}
.slider-single-video .gallery-cell .video-wrapper .video-title{padding:46px 0;width:100%;position:absolute;bottom:-107px;-webkit-transition:color 500ms ease 500ms;transition:color 500ms ease 500ms;opacity:0}
.slider-single-video:-webkit-full-screen{position:fixed;width:100%;height:100%;z-index:9999;overflow:hidden;top:0;background:#000}
.slider-single-video:-moz-full-screen{position:fixed;width:100%;height:100%;z-index:9999;overflow:hidden;top:0;background:#000}
.slider-single-video:-ms-fullscreen{position:fixed;width:100%;height:100%;z-index:9999;overflow:hidden;top:0;background:#000}
.slider-single-video:fullscreen{position:fixed;width:100%;height:100%;z-index:9999;overflow:hidden;top:0;background:#000}
.slider-single-video:-webkit-full-screen .player-ytb-wrapper{width:100%;max-width:1920px}
.slider-single-video:-moz-full-screen .player-ytb-wrapper{width:100%;max-width:1920px}
.slider-single-video:-ms-fullscreen .player-ytb-wrapper{width:100%;max-width:1920px}
.slider-single-video:fullscreen .player-ytb-wrapper{width:100%;max-width:1920px}
.slider-single-video:-webkit-full-screen .gallery-cell .video-wrapper .video-title{bottom:-83px}
.slider-single-video:-moz-full-screen .gallery-cell .video-wrapper .video-title{bottom:-83px}
.slider-single-video:-ms-fullscreen .gallery-cell .video-wrapper .video-title{bottom:-83px}
.slider-single-video:fullscreen .gallery-cell .video-wrapper .video-title{bottom:-83px}
.slider-single-video:-webkit-full-screen.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{-webkit-transform:scale(1);transform:scale(1)}
.slider-single-video:-moz-full-screen.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{transform:scale(1)}
.slider-single-video:-ms-fullscreen.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{-ms-transform:scale(1);transform:scale(1)}
.slider-single-video:fullscreen.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.slider-single-video.active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:-webkit-transform 500ms ease,opacity 500ms ease;transition:transform 500ms ease,opacity 500ms ease}
.slider-single-video.active .gallery-cell .video-wrapper .video-title{opacity:1;-webkit-transition:color 500ms ease 500ms,opacity 500ms ease 500ms;transition:color 500ms ease 500ms,opacity 500ms ease 500ms}
.slider-single-image-wrapper{width:100%;height:100%;position:fixed;z-index:10;top:0;left:0;background:#000;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform 0ms ease;transition:transform 0ms ease;overflow:hidden}
.slider-single-image-footer,.slider-single-image-header{padding:44px 0;z-index:2}
.slider-single-image-header .gallery-close{display:inline-block;margin:0 10px;cursor:pointer;text-transform:lowercase}
.slider-single-image-header .gallery-close:hover{color:#0057ff}
.slider-single-image{width:100%;height:calc(100% - 200px);z-index:2}
.slider-single-image .gallery-cell{width:100%;height:100%}
.slider-single-image .gallery-cell .bg-full{width:calc(100% - 267px);height:100%;margin:0 auto;background-size:cover;background-position:top center}
.slider-single-image-thumb{height:130px;margin:120px 0}
.slider-single-image-thumb .flickity-slider{height:130px}
.slider-single-image-thumb .gallery-cell{height:130px;width:231px}
.slider-single-image-thumb .gallery-cell img{height:100%;width:auto}
#slider-player-interface{width:200px;z-index:2;position:absolute;display:none}
#slider-player-interface.visible{display:block}
.slider-nav.flickity-enabled.is-draggable .flickity-viewport,.slider-single-video.lickity-enabled.is-draggable .flickity-viewport{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 200ms ease-in 0ms;transition:transform 200ms ease-in 0ms}
.slider-nav.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down,.slider-single-video.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98);-webkit-transition:-webkit-transform 200ms ease-in 0ms;transition:transform 200ms ease-in 0ms}
body.page-feature header{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
body.page-main #container{overflow-y:auto}
body.page-main #container-feature-footer,body.page-main header{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
body.page-main .drag-navigator{opacity:1}
body.page-main.after{overflow-y:visible}
body.image-full .slider-single-image-wrapper{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
body.image-full .drag-navigator{opacity:1}
body.image-full{overflow:hidden;width:100%;height:100%}
@media (min-width:1500px) and (max-width:1700px){.archive-post .archive-post-inner .post-title{font-size:3.7rem;letter-spacing:.8rem;line-height:4.7rem}
}
@media (min-width:1250px) and (max-width:1500px){.archive-post .archive-post-inner .post-title{font-size:2.7rem;letter-spacing:.6rem;line-height:3.7rem}
}
@media (max-width:1250px){.archive-post .archive-post-inner .post-title{font-size:2rem;line-height:2.8rem;letter-spacing:.5rem;max-width:calc(100% - 20px);margin:-.72em auto 0}
.archive-row-right{padding:201px 134px 0 67px}
}
@media (max-width:960px){.hide-mobile,.menu li:first-child,.selected-label-container{display:none}
#cnvs{background-color:#000}
.site-cover-logo-wrapper .grain{-webkit-animation-play-state:paused;animation-play-state:paused;background-image:url(../img/blue.png)}
#about .grain,.home-about-wrapper .grain,.slider-feature .gallery-cell-mask .grain{-webkit-animation-play-state:paused;animation-play-state:paused}
.site-cover-logo-fallback{background-image:url(../img/logo-blue.png)}
.archive-post .archive-post-inner .post-title{font-size:1rem;max-width:calc(100% - 10px);line-height:1.5rem}
.archive-post .archive-post-inner .post-sub-title{font-size:.8rem;margin:2rem .5rem 0}
#archive.projects .archive-post.selected,.archive-post.selected{margin-bottom:0}
.archive-post .archive-post-inner{padding:30px}
.archive-row-left{padding:134px 0 0}
.archive-row-right{padding:154px 0 0}
#about{height:auto;min-height:100vh}
t .video-fallback{height:100vh}
#about .home-about{margin-top:150px}
#about .about-content{padding:0 20px}
#about .about-content .about-content-inner h2{font-size:1.9rem;line-height:2.95rem}
.home-about .about-text-detail{font-size:1.2rem;line-height:1.9rem;text-align:left}
.headder-inner-primary .right{position:relative;padding:0 0 28px}
.headder-inner-primary .left{display:block;position:relative;width:100%;padding-top:26px;padding-bottom:0;margin:0}
.headder-inner-primary .right a{margin-left:7px}
header #header-inner{height:140px;-webkit-transition:height 600ms ease;transition:height 600ms ease}
header.active #header-inner{height:40px}
header:hover #header-inner{height:140px}
header.active .header-slide{-webkit-transform:translateY(-145px);-ms-transform:translateY(-145px);transform:translateY(-145px)}
.menu li a{padding:19px}
.slider-feature .feature-info{width:calc(100% - 20px)}
.home-about,.slider-single-image .gallery-cell .bg-full{width:calc(100% - 40px)}
.slider-feature .feature-info h2{font-size:3.3rem;letter-spacing:.8rem;word-wrap:break-word;line-height:3.55rem;margin:33px 0}
.slider-feature .feature-info .separator{margin:0 10px}
.home-about{margin:0 auto}
.single-content-disc{text-align:left}
}
@media (max-width:480px){.archive-post{margin-bottom:0}
.single-content,.slider-single-video .player-ytb-wrapper{width:calc(100% - 40px)}
.slider-single-image .gallery-cell .bg-full,.video-fallback{background-size:contain;background-repeat:no-repeat;background-position:center center}
.home-about-footer .home-about-share-icon{margin:15px 5px}
.home-about h2{font-size:1.8rem;line-height:2.35rem}
.slider-nav .gallery-cell{width:100%}
.slider-nav .player-ytb-wrapper{width:calc(100% - 40px)}
.archive-post.selected{margin-bottom:10px}
.archive-post .archive-post-inner{padding:10px}
}
@media (max-height:800px){#about{height:auto;min-height:100vh}
}
@media only screen and (max-device-width:667px) and (orientation:landscape){.slider-single-image-footer,.slider-single-image-header{padding:10px 0}
.slider-single-image{height:calc(100% - 70px)}
.slider-nav,.slider-nav-wrapper{height:120vh}
}
