.e-filter-btn{display:inline-block;position:relative;padding:8px 12px;font-family:proxima-nova,sans-serif;font-weight:600;font-style:normal;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#c5cdd1;background:#303346;border:2px solid #303346;border-radius:8px;outline:0;cursor:pointer;-webkit-transition:color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out;transition:color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out}@media only screen and (max-width:80rem){.e-filter-btn{padding:8px 10px;font-size:.6875rem}}.e-filter-btn:focus,.e-filter-btn:hover{color:#dce1e6;border-color:#89949d}.e-filter-btn:hover{background:#89949d}.e-filter-btn--is-active{color:#fff;background:#e94843;border:2px solid #e94843}.b-projects-app{position:relative;z-index:1;min-height:400px;min-height:100vh}.b-projects-app__loader{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:800;top:0;left:0;width:100%;height:100%;background:#24222c}.b-projects-app__controls{position:-webkit-sticky;position:sticky;z-index:800;top:-1px;left:0;width:100%;padding:30px 40px;border-top:1px solid #303346;border-bottom:1px solid #303346;background:#24222c}@media only screen and (max-width:90rem){.b-projects-app__controls{padding:30px}}@media only screen and (max-width:60rem){.b-projects-app__controls{position:static}}@media only screen and (max-width:42.5rem){.b-projects-app__controls{padding:26px 20px}}.b-projects-app__filters{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width:60rem){.b-projects-app__filters{display:block}}.b-projects-app__filters-right{margin-left:32px}@media only screen and (max-width:60rem){.b-projects-app__filters-right{margin-top:24px;margin-left:0}}.b-projects-app__filter-heading{margin-bottom:4px;font-family:proxima-nova,sans-serif;font-weight:400;font-style:normal;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#c5cdd1}@media only screen and (max-width:60rem){.b-projects-app__filter-heading{margin-bottom:12px}}.b-projects-app__clients{display:none;margin-top:42px}@media only screen and (max-width:60rem){.b-projects-app__clients{display:none}}.b-projects-app__clients-heading{font-family:proxima-nova,sans-serif;font-weight:400;font-style:normal;font-style:italic;font-size:.75rem;color:#c5cdd1}.b-projects-app__clients-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.b-projects-app__client-item{list-style:none;margin-right:32px}.b-projects-app__client-item:last-child{margin-right:0}.b-projects-app__client-logo-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100px;height:74px}.b-projects-app__client-logo{display:block;width:100%;height:auto;opacity:.7}.b-projects-app__listing-wrapper{background:url("../images/backgrounds/bg_project-list.svg") 100% 0 no-repeat;background-attachment:fixed;background-size:auto 100%}@media only screen and (max-width:53.75rem){.b-projects-app__listing-wrapper{background:none}}.b-projects-app__listing-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-right:auto;margin-left:auto;max-width:1660px;padding-left:30px;padding-right:30px}@media only screen and (max-width:42.5rem){.b-projects-app__listing-container{padding-right:20px;padding-left:20px}}.b-projects-app__progress-container{-webkit-box-flex:0;-webkit-flex:0 0 100px;-ms-flex:0 0 100px;flex:0 0 100px;width:100px}@media only screen and (max-width:90rem){.b-projects-app__progress-container{-webkit-box-flex:0;-webkit-flex:0 0 58px;-ms-flex:0 0 58px;flex:0 0 58px;width:58px}}@media only screen and (max-width:64rem){.b-projects-app__progress-container{display:none}}.b-projects-app__progress{position:-webkit-sticky;position:sticky;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100vh}.b-projects-app__progress-divider{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:1px;height:100px;margin:0 auto;background:#303346}.b-projects-app__progress-display{margin:42px 0;font-family:proxima-nova,sans-serif;font-weight:700;font-style:normal;font-size:1.75rem;line-height:1;letter-spacing:1px;text-align:right;color:#89949d}@media only screen and (max-width:90rem){.b-projects-app__progress-display{font-size:1.375rem}}.b-projects-app__progress-display span{display:block;font-size:2em;color:#e94843}.b-projects-app__projects{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:80px;padding-top:42px;padding-bottom:300px}@media only screen and (max-width:110rem){.b-projects-app__projects{margin-left:60px}}@media only screen and (max-width:71.25rem){.b-projects-app__projects{margin-left:42px}}@media only screen and (max-width:64rem){.b-projects-app__projects{margin-left:0}}.b-projects-app__project-items{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.b-projects-app__project-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;list-style:none;padding:100px 0;scroll-snap-align:center}@media only screen and (max-width:53.75rem){.b-projects-app__project-item{margin-top:80px;padding:0}.b-projects-app__project-item:first-child{margin-top:0}}@media only screen and (max-width:60rem){.b-filter-nav{position:relative}.b-filter-nav:after{display:block;content:"";position:absolute;top:0;right:0;width:20px;height:36px;background:-webkit-gradient(linear,left top,right top,from(rgba(36,34,44,0)),to(#24222c));background:linear-gradient(90deg,rgba(36,34,44,0),#24222c);pointer-events:none}}@media only screen and (max-width:60rem){.b-filter-nav__inner{overflow-x:auto}.b-filter-nav__inner::-webkit-scrollbar{height:8px}.b-filter-nav__inner::-webkit-scrollbar-track{background:#24222c}.b-filter-nav__inner::-webkit-scrollbar-thumb{border-radius:4px;background:#89949d}.b-filter-nav__inner::-webkit-scrollbar-thumb:window-inactive{background:rgba(137,148,157,.5)}}.b-filter-nav__items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width:60rem){.b-filter-nav__items{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-bottom:14px}}.b-filter-nav__item{margin-top:12px;margin-right:16px;list-style:none}@media only screen and (max-width:60rem){.b-filter-nav__item{margin-top:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}}.b-filter-nav__item:last-child{margin-right:0}@media only screen and (max-width:60rem){.b-filter-nav__item:last-child{padding-right:20px}}.b-legacy-notice{max-width:720px;margin:0 auto;padding:40px;text-align:center;border:2px solid #e63b5b}.b-legacy-notice p{font-family:proxima-nova,sans-serif;font-weight:700;font-style:normal;font-size:1.125rem;line-height:1.5;color:#fff}.b-legacy-notice p a{color:#fff}.b-legacy-notice p+p{margin-top:16px}.b-legacy-notice .e-btn{margin-top:32px}.b-project-panel{width:100%}@media only screen and (max-width:110rem){.b-project-panel{padding-right:52px}}@media only screen and (max-width:73.75rem){.b-project-panel{padding:0}}.b-project-panel__inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:53.75rem){.b-project-panel__inner{display:block}}.b-project-panel__content{-webkit-box-flex:0;-webkit-flex:0 0 38%;-ms-flex:0 0 38%;flex:0 0 38%}@media only screen and (max-width:73.75rem){.b-project-panel__content{-webkit-box-flex:0;-webkit-flex:0 0 42%;-ms-flex:0 0 42%;flex:0 0 42%}}@media only screen and (max-width:53.75rem){.b-project-panel__content{margin-top:42px}}.b-project-panel__client{margin-bottom:24px;font-family:proxima-nova,sans-serif;font-weight:600;font-style:normal;font-size:1.25rem;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:#c5cdd1}@media only screen and (max-width:80rem){.b-project-panel__client{font-size:1.125rem}}@media only screen and (max-width:60rem){.b-project-panel__client{font-size:1rem}}@media only screen and (max-width:28.75rem){.b-project-panel__client{font-size:.875rem}}.b-project-panel__heading{font-family:proxima-nova,sans-serif;font-weight:600;font-style:normal;font-size:2.5rem;line-height:1.5;color:#fff}@media only screen and (max-width:80rem){.b-project-panel__heading{font-size:2.125rem}}@media only screen and (max-width:67.5rem){.b-project-panel__heading{font-size:1.75rem}}@media only screen and (max-width:53.75rem){.b-project-panel__heading{font-size:1.5rem}}@media only screen and (max-width:42.5rem){.b-project-panel__heading{font-size:1.375rem}}@media only screen and (max-width:35rem){.b-project-panel__heading{font-size:1.25rem}}.b-project-panel__heading-link{text-decoration:none;color:#fff;-webkit-transition:color .25s ease-in-out;transition:color .25s ease-in-out}.b-project-panel__heading-link:focus,.b-project-panel__heading-link:hover{color:#e94843}.b-project-panel__btn{margin-top:24px;color:#c5cdd1}.b-project-panel__media{-webkit-box-flex:0;-webkit-flex:0 0 56%;-ms-flex:0 0 56%;flex:0 0 56%;position:relative}@media only screen and (max-width:73.75rem){.b-project-panel__media{-webkit-box-flex:0;-webkit-flex:0 0 52%;-ms-flex:0 0 52%;flex:0 0 52%}}.b-project-panel__media-container{position:relative;z-index:1;width:100%;padding-bottom:56.25%;-webkit-box-shadow:10px 10px 10px rgba(0,0,0,.1);box-shadow:10px 10px 10px rgba(0,0,0,.1)}.b-project-panel__media-container:after{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:200;background:url("../images/loaders/loader.svg") 50% no-repeat;background-size:80px 80px;opacity:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;pointer-events:none}@media only screen and (max-width:28.75rem){.b-project-panel__media-container:after{background-size:62px 62px}}.b-project-panel__media-container--is-video-loading{opacity:1}.b-project-panel__img{display:block;position:absolute;top:0;left:0;width:100%;height:auto}.b-project-panel iframe{position:absolute;z-index:200;top:0;left:0;width:100%;height:100%;background:#000}.b-project-panel__iframe-wrapper{opacity:1;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.b-project-panel__iframe-wrapper--is-hidden{opacity:0}.b-project-panel__play-btn{position:absolute;z-index:100;top:calc(50% - 40px);left:calc(50% - 40px)}@media only screen and (max-width:28.75rem){.b-project-panel__play-btn{top:calc(50% - 31px);left:calc(50% - 31px)}}.b-project-panel__deco{position:absolute;z-index:1;fill:#89949d}@media only screen and (max-width:73.75rem){.b-project-panel__deco{display:none}}.b-project-panel__deco--right{position:absolute;top:-52px;right:-52px}@media only screen and (max-width:64rem){.b-project-panel__deco--right{top:-38px;right:-38px}}.b-project-panel__deco--left{position:absolute;bottom:-52px;left:-52px}@media only screen and (max-width:53.75rem){.b-project-panel__deco--left{bottom:-38px;left:-38px}}