body {font-family:'brother-1816',sans-serif;font-weight:300;font-size:15px;line-height:1.7;color:#b7b491;overflow-x:hidden;background-color:#27262b}h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {font-family:'brother-1816',sans-serif;font-weight:300;margin-bottom:0;line-height:1.35;color:#ddd9ae}h1,
.h1 {font-size:4rem;font-weight:200}h2,
.h2 {font-size:3.4rem;font-weight:300}h3,
.h3 {font-size:2.7rem;text-transform:capitalize}h4,
.h4 {font-size:2.2rem}h5,
.h5 {font-size:1.6rem;font-weight:400;text-transform:capitalize}h6,
.h6 {font-size:1rem;text-transform:uppercase;font-weight:400;letter-spacing:2px}::selection {color:#ddd9ae}::-moz-selection {color:#ddd9ae}::selection {background-color:#000}::-moz-selection {background-color:#000}mark {color:#ddd9ae;background-color:#000}.lead {font-size:1.25rem;font-weight:300}.lead-q {font-size:1.8rem;font-weight:300;line-height:1.6} .animsition {opacity:1 !important}.animsition-loading,
.animsition-loading:after {width:36px;height:36px;position:fixed;top:50%;left:50%;margin-top:-18px;margin-left:-18px;border-radius:50%;z-index:100}.animsition-loading {opacity:.2;background-color:transparent;border:none;background-color:#ddd9ae;animation:loaderAnim 0.7s linear infinite alternate forwards}@keyframes loaderAnim {to {opacity:1;transform:scale3d(0.5,0.5,1) }} .section {position:relative;width:100%;display:block}.relative {position:relative}.over-hide {overflow:hidden}.full-height {height:100vh}.hero-full-height {height:calc(100vh - 140px)}.half-height {height:50vh}.big-55-height {height:55vh}.big-60-height {height:60vh}.big-65-height {height:65vh}.big-70-height {height:70vh}.big-75-height {height:75vh}.big-80-height {height:80vh}.max-width-80 {max-width:80%}.background-white {background-color:#ddd9aeddd9ae}.background-grey {background-color:#fbfbfb}.background-grey-1 {background-color:#f9f9f9}.background-dark {background-color:#101010}.background-dark-1 {background-color:#242424}.background-dark-2 {background-color:#0f1010}.background-dark-3 {background-color:#171717}.background-black {background-color:#000}.color-black {color:#000}.color-white {color:#ddd9aeddd9ae}.color-grey {color:#e1e1e1}.img-wrap {position:relative;width:100%;display:block}.img-wrap img {width:100%;height:auto;display:block}.z-bigger {z-index:10}.container.z-bigger {z-index:50}.z-too-big {z-index:11000}.padding-page-top {padding-top:220px}.padding-top-bottom {padding-top:100px;padding-bottom:100px}.padding-top {padding-top:100px}.padding-bottom {padding-bottom:100px}.padding-top-bottom-big {padding-top:140px;padding-bottom:140px}.padding-top-big {padding-top:140px}.padding-bottom-big {padding-bottom:140px}.padding-top-bottom-small {padding-top:70px;padding-bottom:70px}.padding-top-small {padding-top:70px}.padding-bottom-small {padding-bottom:70px}.padding-top-bottom-smaller {padding-top:50px;padding-bottom:50px}.padding-top-smaller {padding-top:50px}.padding-bottom-smaller {padding-bottom:50px}.section-title-wrap p {letter-spacing:2px;font-size:19px;font-weight:400;padding:0}.section-title-wrap h1 {margin:0;padding:0;font-size:6rem;font-weight:300;line-height:1.1}.scroll-to-top {position:fixed;top:50%;right:50px;display:none;width:35px;height:80px;z-index:51;background-repeat:no-repeat;background-position:top center;background-size:43px 43px;cursor:pointer;background-image:url('/themes/keyscreative2024/assets/dist/images/arrow-up.svg');transform:translateY(-50%);-webkit-transition:all 200ms linear;transition:all 200ms linear}.scroll-to-top:after {position:absolute;top:27px;left:17px;width:1px;height:26px;background-color:#ddd9ae;content:'';z-index:1;-webkit-transition:all 200ms linear;transition:all 200ms linear}.scroll-to-top:hover:after {top:32px;height:36px} * {cursor:none}.cursor {--size:6px;height:var(--size);width:var(--size);border-radius:50%;position:absolute;z-index:10000;transform:translate(-50%,-50%);pointer-events:none}.cursor.cursor-shadow {background-color:transparent;border:2px solid #ddd9ae;--size:30px;transition:top .2s,left .2s,width .2s,height .2s,background-color .2s,border-color 0.2s;transition-timing-function:ease-out}.cursor.cursor-dot {background:#ddd9ae;transition:width .2s,height .2s}.cursor-shadow.active {--size:80px;border-color:rgba(221,217,174,0);background-color:rgba(221,217,174,.1)}.cursor-dot.active {--size:0}a {cursor:pointer}a:hover {text-decoration:none} .header {position:fixed;width:100%;top:0;left:0;z-index:100}.header-wrapper {position:relative;width:calc(100% - 100px);margin-left:50px}.logo-wrap {position:absolute;display:block;left:0;top:40px;cursor:pointer}.logo-wrap a {cursor:pointer}.logo-wrap img {width:150px;height:auto;display:block;cursor:pointer}.cd-header {position:absolute;top:0;left:0;background:rgba(21,21,21,1);width:100%;z-index:2002;box-shadow:0 1px 2px rgba(0,0,0,0.1);height:150px;background:transparent;box-shadow:none;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;-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-backface-visibility:hidden;backface-visibility:hidden}.cd-header.is-fixed {position:fixed;top:-150px;background-color:rgba(21,21,21,0.96);-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s}.cd-header.is-visible {-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.cd-header.menu-is-open {background-color:rgba(21,21,21,0)}.nav-but-wrap {position:relative;display:inline-block;float:right;padding-left:15px;padding-top:15px;margin-top:26px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.menu-icon {height:30px;width:30px;position:relative;z-index:2;cursor:pointer;display:block}.menu-icon__line {height:2px;width:30px;display:block;background-color:#ddd9ae;margin-bottom:7px;cursor:pointer;-webkit-transition:background-color .5s ease,-webkit-transform .2s ease;transition:background-color .5s ease,-webkit-transform .2s ease;transition:transform .2s ease,background-color .5s ease;transition:transform .2s ease,background-color .5s ease,-webkit-transform .2s ease}.menu-icon__line-left {width:16.5px;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear}.menu-icon__line-right {width:16.5px;float:right;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear}.menu-icon:hover .menu-icon__line-left,
.menu-icon:hover .menu-icon__line-right {width:30px}.nav {position:fixed;z-index:98}.nav:before,
.nav:after {content:"";position:fixed;width:100vw;height:100vh;background:rgba(21,21,21,0.6);z-index:-1;-webkit-transition:-webkit-transform cubic-bezier(0.77,0,0.175,1) 0.8s;transition:-webkit-transform cubic-bezier(0.77,0,0.175,1) 0.8s;transition:transform cubic-bezier(0.77,0,0.175,1) 0.8s;transition:transform cubic-bezier(0.77,0,0.175,1) 0.8s,-webkit-transform cubic-bezier(0.77,0,0.175,1) 0.8s;-webkit-transform:translateX(0%) translateY(-100%);transform:translateX(0%) translateY(-100%)}.nav:after {background:rgba(21,21,21,1);-webkit-transition-delay:0s;transition-delay:0s}.nav:before {-webkit-transition-delay:.2s;transition-delay:.2s}.nav__content {position:fixed;visibility:hidden;overflow:hidden;top:50%;margin-top:40px;-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%);width:100%;text-align:center}.nav__list {padding:0;margin:0}.nav__list-item {position:relative;display:block;-webkit-transition-delay:0.8s;transition-delay:0.8s;opacity:0;text-align:center;color:#ddd9ae;overflow:hidden;font-family:'brother-1816',sans-serif;font-size:8vh;font-weight:700;line-height:1.05;letter-spacing:3px;-webkit-transform:translate(0%,100%);transform:translate(0%,100%);-webkit-transition:opacity .2s ease,-webkit-transform .3s ease;transition:opacity .2s ease,-webkit-transform .3s ease;transition:opacity .2s ease,transform .3s ease;transition:opacity .2s ease,transform .3s ease,-webkit-transform .3s ease;margin-top:0;margin-bottom:0}.nav__list-item .nav__list-item-link {position:relative;text-decoration:none;color:rgba(221,217,174,1);overflow:hidden;cursor:pointer;padding-left:5px;padding-right:5px;display:inline-block;-webkit-transition:all 200ms linear;transition:all 200ms linear}.nav__list-item .nav__list-item-link:after {position:absolute;content:'';top:50%;left:-100%;width:100%;height:3px;opacity:0;margin-top:3px;background-color:#ddd9ae;z-index:3;-webkit-transition:all 200ms linear;transition:all 200ms linear}.nav__list-item .nav__list-item-link:hover:after {left:0;opacity:1}.nav__list-item .nav__list-item-link:hover {color:rgba(221,217,174,.4)}.nav__list-item.active-nav .nav__list-item-link {color:rgba(221,217,174,.4)}.nav__list-item.active-nav .nav__list-item-link:after {left:0;opacity:1}body.nav-active .nav__content {visibility:visible}body.nav-active .cd-header.is-fixed {-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}body.nav-active .cd-header.is-visible {}body.nav-active .menu-icon__line {background-color:#ddd9ae;-webkit-transform:translate(0px,0px) rotate(-45deg);transform:translate(0px,0px) rotate(-45deg)}body.nav-active .menu-icon__line-left {width:15px;-webkit-transform:translate(2px,4px) rotate(45deg);transform:translate(2px,4px) rotate(45deg)}body.nav-active .menu-icon__line-right {width:15px;float:right;-webkit-transform:translate(-3px,-3.5px) rotate(45deg);transform:translate(-3px,-3.5px) rotate(45deg)}body.nav-active .menu-icon:hover .menu-icon__line-left,
body.nav-active .menu-icon:hover .menu-icon__line-right {width:15px}body.nav-active .nav {visibility:visible}body.nav-active .nav:before,
body.nav-active .nav:after {-webkit-transform:translateX(0%) translateY(0%);transform:translateX(0%) translateY(0%)}body.nav-active .nav:after {-webkit-transition-delay:.1s;transition-delay:.1s}body.nav-active .nav:before {-webkit-transition-delay:0s;transition-delay:0s}body.nav-active .nav__list-item {opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%);-webkit-transition:opacity .3s ease,color .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,color .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,color .3s ease;transition:opacity .3s ease,transform .3s ease,color .3s ease,-webkit-transform .3s ease}body.nav-active .nav__list-item:nth-child(0) {-webkit-transition-delay:0.4s;transition-delay:0.4s}body.nav-active .nav__list-item:nth-child(1) {-webkit-transition-delay:0.5s;transition-delay:0.5s}body.nav-active .nav__list-item:nth-child(2) {-webkit-transition-delay:0.6s;transition-delay:0.6s}body.nav-active .nav__list-item:nth-child(3) {-webkit-transition-delay:0.7s;transition-delay:0.7s}body.nav-active .nav__list-item:nth-child(4) {-webkit-transition-delay:0.8s;transition-delay:0.8s}body.nav-active .nav__list-item:nth-child(5) {-webkit-transition-delay:0.9s;transition-delay:0.9s}body.nav-active .nav__list-item:nth-child(6) {-webkit-transition-delay:1s;transition-delay:1s}body.nav-active .nav__list-item:nth-child(7) {-webkit-transition-delay:1.1s;transition-delay:1.1s}body.nav-active .nav__list-item:nth-child(8) {-webkit-transition-delay:1.2s;transition-delay:1.2s}body.nav-active .nav__list-item:nth-child(9) {-webkit-transition-delay:1.3s;transition-delay:1.3s}body.nav-active .nav__list-item:nth-child(10) {-webkit-transition-delay:1.4s;transition-delay:1.4s}.nav__list .sub-links {position:relative;padding:0;margin:0;margin-bottom:20px;-webkit-transition:all 200ms linear;transition:all 200ms linear}.nav__list .sub-links li {padding:0;margin:0 auto;text-align:center;margin-top:7px;margin-bottom:7px;display:inline-block}.nav__list .sub-links li:first-child {margin-top:0}.nav__list .sub-links li a {color:rgba(221,217,174,.6);overflow:hidden;font-family:'brother-1816',sans-serif;font-weight:400;font-size:15px;line-height:22px;letter-spacing:2px;padding:0;margin:0 auto;text-align:center;max-width:250px;display:block;-webkit-transition:all 200ms linear;transition:all 200ms linear}.nav__list .sub-links li a:after {display:none}.nav__list .sub-links li a:hover {color:rgba(221,217,174,1)}.nav__list .sub-links li.active-nav a {color:rgba(221,217,174,1)}  .hero-center-section {position:absolute;top:50%;left:0;width:100%;margin-top:30px;z-index:21;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dark-over-pages {position:absolute;background:linear-gradient(180deg,rgba(31,31,31,.7),rgba(0,0,0,.5));width:100%;height:100%;overflow:hidden;z-index:2;top:0;left:0} .case-study-wrapper {position:absolute;top:50%;left:50px;z-index:10;width:calc(30% - 80px);margin:0;padding:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.case-study-name-title {position:absolute;top:50%;left:calc(30% + 40px);list-style:none;margin:0;display:block;padding:0;font-size:3.7vw;text-align:center;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;font-family:'brother-1816',sans-serif;font-weight:700;line-height:1;color:rgba(221,217,174,.7);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3}.case-study-wrapper .case-study-name {position:relative;list-style:none;margin:0;display:block;text-align:left;padding:0;font-size:22px;margin-top:10px;margin-bottom:10px;font-family:'brother-1816',sans-serif;font-weight:500;line-height:28px;letter-spacing:2px;color:#8e8d9a;-webkit-transition:all 300ms linear;transition:all 300ms linear}.case-study-wrapper .case-study-name a {color:#ddd9ae;float:right;display:inline-block;padding:0;margin:0;color:#ddd9ae;font-family:'brother-1816',sans-serif;font-size:14px;line-height:28px;font-weight:500;height:28px;font-style:italic;letter-spacing:2px;padding-right:35px;vertical-align:top;padding-bottom:5px;opacity:0;-webkit-transition:all 300ms linear;transition:all 300ms linear}.case-study-wrapper .case-study-name a:after {position:absolute;content:'';width:24px;height:24px;top:2px;right:8px;background-position:center right;background-size:17px 17px;background-repeat:no-repeat;background-image:url('/themes/keyscreative2024/assets/dist/images/arrow-right.svg');-webkit-transition:all 300ms linear;transition:all 300ms linear}.case-study-wrapper .case-study-name a:hover:after {right:0}.case-study-wrapper:hover .case-study-name:hover a {opacity:1}.case-study-wrapper .case-study-name.active a {opacity:1}.case-study-wrapper .case-study-name span {position:relative;display:inline-block}.case-study-wrapper .case-study-name span:before {position:absolute;content:'';bottom:0;left:0;width:0;height:4px;z-index:1;opacity:0;background-color:rgba(221,217,174,.3);-webkit-transition:all 300ms linear;transition:all 300ms linear}.case-study-wrapper:hover .case-study-name span:hover:before {opacity:1;width:70%}.case-study-wrapper .case-study-name.active span:before {opacity:1;width:70%}.case-study-wrapper:hover .case-study-name:hover {color:#ddd9ae}.case-study-wrapper .case-study-name.active {color:#ddd9ae}.case-study-images {position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:2}.case-study-images li {position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;list-style:none;-webkit-transition:all 300ms linear;transition:all 300ms linear}.case-study-images li .img-hero-background {position:absolute;width:70%;height:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat;top:0;left:30%;overflow:hidden;list-style:none;opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px);-webkit-transition:all 300ms linear;transition:all 300ms linear}.case-study-images li.show .img-hero-background {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.case-study-images li .case-study-title {position:absolute;bottom:50px;left:calc(30% + 60px);display:block;text-align:left;opacity:0;color:#ddd9ae;z-index:19;letter-spacing:1px;font-style:italic;font-size:13px;font-family:'brother-1816',sans-serif;font-weight:400;line-height:16px;color:#ddd9ae;padding:6px 14px;background-color:rgba(0,0,0,.95);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all 300ms linear;transition:all 300ms linear}.case-study-images li.show .case-study-title {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.case-study-images li .hero-number-back {position:absolute;bottom:-20px;left:10px;display:block;list-style:none;opacity:0;font-size:14vw;font-family:'brother-1816',sans-serif;font-weight:900;font-style:italic;line-height:1;color:rgba(221,217,174,.15);z-index:1;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all 300ms linear;transition:all 300ms linear}.case-study-images li .hero-number {position:absolute;bottom:60px;left:50px;width:20px;display:block;letter-spacing:2px;list-style:none;opacity:0;font-size:13px;font-family:'brother-1816',sans-serif;font-weight:300;line-height:1;color:#ddd9ae;z-index:6;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all 300ms linear;transition:all 300ms linear}.case-study-images li .hero-number-fixed {position:absolute;bottom:60px;left:140px;width:40px;display:block;letter-spacing:2px;list-style:none;font-size:13px;font-family:'brother-1816',sans-serif;font-weight:300;line-height:1;color:#ddd9ae;z-index:6}.case-study-images li .hero-number-fixed:before {position:absolute;content:'';top:50%;left:-55px;width:34px;height:1px;z-index:1;background-color:rgba(221,217,174,.4)}.case-study-images li.show .hero-number {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.case-study-images li.show .hero-number-back {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.dark-over-hero {position:absolute;width:100%;height:100%;top:0;left:0;z-index:5;background-color:#27262b;opacity:0.2}.social-wrap {position:absolute;display:block;bottom:53px;right:40px;color:#ddd9ae;line-height:20px;font-weight:400;font-size:13px;letter-spacing:2px;z-index:20;padding-right:45px;padding-top:10px;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.social-wrap:before {position:absolute;right:10px;top:10px;content:'\f1e0';font-family:'FontAwesome';font-weight:normal}.social-wrap ul {position:absolute;right:0;top:-135px;z-index:10;padding:0;margin:0;padding-bottom:20px;opacity:0;-webkit-transition:all 200ms linear;transition:all 200ms linear;-webkit-transform:translate3d(0,15px,0);transform:translate3d(0,15px,0)}.social-wrap:hover ul {opacity:1;-webkit-transform:translate3d(0,0px,0);-moz-transform:translate3d(0,0px,0);-o-transform:translate3d(0,0px,0);-ms-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}.social-wrap ul a {text-decoration:none;color:#ddd9ae;width:100%;height:40px;position:relative;width:40px;border-radius:50%;display:block;background-color:rgba(0,0,0,0.2);-webkit-transition:all 200ms linear;transition:all 200ms linear}.social-wrap ul a:hover {background-color:rgba(0,0,0,.8)}.social-wrap ul li {position:relative;display:block;line-height:40px;text-align:center;font-weight:400;padding:2px 0;font-size:13px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,0.07);transition:all 250ms linear}.social-wrap ul a:hover {} .btn-draw {cursor:pointer}.btn-draw,
.velo-slider__hint>span {font-size:0.8em;font-weight:500;text-transform:uppercase;letter-spacing:0.2em}.velo-slides a {text-decoration:none;background-color:transparent;outline:0}.btn-draw {position:relative;display:inline-block;vertical-align:middle;width:auto;margin:0;padding:0;background:transparent;border:0;text-decoration:none;text-align:center;cursor:pointer;-webkit-appearance:none;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.btn-draw {color:#ddd9ae;margin-left:2.3em;margin-top:2em}.btn-draw:after {content:'';top:0;right:0;height:2px;width:100%;background-color:#ddd9ae}.btn-draw:before {content:'';position:absolute;top:50%;left:-2.4em;height:1px;width:3em;background-color:#ddd9ae;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}.btn-draw .btn-draw__text {position:relative;display:block;padding:0.7555em 2.29em;cursor:pointer;line-height:1.5;-webkit-transition:-webkit-transform 0.5s ease;transition:-webkit-transform 0.5s ease;transition:transform 0.5s ease;transition:transform 0.5s ease,-webkit-transform 0.5s ease}.btn-draw .btn-draw__text span {cursor:pointer}.btn-draw .btn-draw__text:before,
.btn-draw .btn-draw__text:after {content:'';position:absolute;height:2px;width:0;background-color:#ddd9ae}.btn-draw .btn-draw__text:before {top:0;left:0;-webkit-transition:width 0.15s 0.45s cubic-bezier(0.77,0,0.175,1);transition:width 0.15s 0.45s cubic-bezier(0.77,0,0.175,1)}.btn-draw .btn-draw__text:after {bottom:0;right:0;-webkit-transition:width 0.15s 0.15s cubic-bezier(0.77,0,0.175,1);transition:width 0.15s 0.15s cubic-bezier(0.77,0,0.175,1)}.btn-draw .btn-draw__text>span:before,
.btn-draw .btn-draw__text>span:after {content:'';position:absolute;height:0;width:2px;background-color:#ddd9ae;-webkit-transition:all 0.2s cubic-bezier(0.2,0.3,0.25,0.9);transition:all 0.2s cubic-bezier(0.2,0.3,0.25,0.9)}.btn-draw .btn-draw__text>span:before {left:0;bottom:0;-webkit-transition:height 0.15s 0 cubic-bezier(0.77,0,0.175,1);transition:height 0.15s 0 cubic-bezier(0.77,0,0.175,1)}.btn-draw .btn-draw__text>span:after {right:0;top:0;-webkit-transition:height 0.15s 0.3s cubic-bezier(0.77,0,0.175,1);transition:height 0.15s 0.3s cubic-bezier(0.77,0,0.175,1)}@media (hover) {.btn-draw:hover,a:hover .btn-draw {cursor:pointer;color:#ddd9ae }.btn-draw:hover:before,a:hover .btn-draw:before {width:0;-webkit-transition:all 0.4s ease;transition:all 0.4s ease }.btn-draw:hover .btn-draw__text,a:hover .btn-draw .btn-draw__text {-webkit-transform:translateX(-2.2em);transform:translateX(-2.2em);-webkit-transition:width 1s ease,-webkit-transform 0.5s ease;transition:width 1s ease,-webkit-transform 0.5s ease;transition:transform 0.5s ease,width 1s ease;transition:transform 0.5s ease,width 1s ease,-webkit-transform 0.5s ease }.btn-draw:hover .btn-draw__text:before,a:hover .btn-draw .btn-draw__text:before {width:100%;max-width:100%;-webkit-transition:width 0.15s cubic-bezier(0.77,0,0.175,1);transition:width 0.15s cubic-bezier(0.77,0,0.175,1) }.btn-draw:hover .btn-draw__text:after,a:hover .btn-draw .btn-draw__text:after {width:100%;-webkit-transition:width 0.15s 0.3s cubic-bezier(0.77,0,0.175,1);transition:width 0.15s 0.3s cubic-bezier(0.77,0,0.175,1) }.btn-draw:hover .btn-draw__text>span:before,a:hover .btn-draw .btn-draw__text>span:before {left:0;height:100%;-webkit-transition:height 0.15s 0.45s cubic-bezier(0.77,0,0.175,1);transition:height 0.15s 0.45s cubic-bezier(0.77,0,0.175,1) }.btn-draw:hover .btn-draw__text>span:after,a:hover .btn-draw .btn-draw__text>span:after {right:0;height:100%;-webkit-transition:height 0.15s 0.15s cubic-bezier(0.77,0,0.175,1);transition:height 0.15s 0.15s cubic-bezier(0.77,0,0.175,1) }}.btn-draw.btn--white {color:#ddd9ae}.btn-draw.btn--white:before,
.btn-draw.btn--white:after,
.btn-draw.btn--white .btn-draw__text:before,
.btn-draw.btn--white .btn-draw__text:after,
.btn-draw.btn--white .btn-draw__text>span:before,
.btn-draw.btn--white .btn-draw__text>span:after {background-color:#ddd9ae}.btn-draw.btn--white:hover,
a:hover .btn-draw.btn--white {color:#ddd9ae}.velo-slides {z-index:8;position:relative;height:100vh;background-color:#111}.velo-slides[data-velo-slider="on"] {overflow:hidden}.velo-slide {height:100vh;z-index:4}[data-velo-slider="on"] .velo-slide {opacity:0;position:absolute;top:0;left:0;width:100%}.velo-slide.is-active {z-index:8}.velo-slide__bg {z-index:7;position:absolute;top:0;left:0;width:100%;height:100vh;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#101010;overflow:hidden}.velo-slide__bg:after {z-index:0;content:'';position:absolute;top:0;left:0;height:100%;width:100%;opacity:1;background:linear-gradient(45deg,rgba(21,21,21,.4),rgba(21,21,21,.7))}.velo-slide__figure {z-index:0;position:relative;height:100%;width:100%;top:0;left:0;overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.5s ease;transition:-webkit-transform 0.5s ease;transition:transform 0.5s ease;transition:transform 0.5s ease,-webkit-transform 0.5s ease}.is-hovering .velo-slide__figure {-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform 0.5s ease;transition:-webkit-transform 0.5s ease;transition:transform 0.5s ease;transition:transform 0.5s ease,-webkit-transform 0.5s ease}.velo-slide__vid-wrap {z-index:5;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.5s ease;transition:-webkit-transform 0.5s ease;transition:transform 0.5s ease;transition:transform 0.5s ease,-webkit-transform 0.5s ease}.velo-slide__vid-wrap:after {z-index:0;content:'';position:absolute;top:0;left:0;height:100%;width:100%;opacity:0.4;background:#111}.is-hovering .velo-slide__vid-wrap {-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform 0.5s ease;transition:-webkit-transform 0.5s ease;transition:transform 0.5s ease;transition:transform 0.5s ease,-webkit-transform 0.5s ease}.velo-slide__vid {z-index:-1;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;min-width:100%;max-width:none;height:auto;min-height:100%;-o-object-fit:cover;object-fit:cover}.velo-slide__header {z-index:9;position:relative;height:100%;width:calc(100% - 80px);margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:hidden}.velo-slide__pretitle {color:#ddd9ae;max-width:22em}@media (min-width:54em) {.velo-slide__pretitle {margin-left:7% }}.velo-slide__title {line-height:0.9;color:#ddd9ae;letter-spacing:0;font-size:8.5vw;font-weight:300}.velo-slide__text {max-width:35em;display:block;margin:1em 0 1.5em 1%;line-height:1.2;font-weight:400;font-size:17px;font-style:italic;letter-spacing:1px;color:#f9f9f9}.velo-slide__btn {opacity:0;cursor:pointer}@media (min-width:54em) {.velo-slide__btn {margin-left:1vw }}.is-active .velo-slide__btn {opacity:1}.velo-slide__btn>a>span {opacity:0;overflow-y:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.is-active .velo-slide__btn>a>span {opacity:1;z-index:9999;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:opacity 0.8s ease,-webkit-transform 0.4s ease;transition:opacity 0.8s ease,-webkit-transform 0.4s ease;transition:transform 0.4s ease,opacity 0.8s ease;transition:transform 0.4s ease,opacity 0.8s ease,-webkit-transform 0.4s ease}.velo-slides[data-velo-theme="light"] {background:transparent;border:none}.velo-slides[data-velo-theme="light"] .velo-slide {margin-top:0}.velo-slides[data-velo-theme="light"] .velo-slide__bg {color:#c5cac5}[data-velo-theme="dark"] {background:#111}[data-velo-theme="dark"] .velo-slides__bg {background-color:#111;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.oh {display:block;overflow-y:hidden;padding:0.02em 0}.oh span {display:inline-block;-webkit-transform:translate3d(0,140%,0);transform:translate3d(0,140%,0);opacity:0;-webkit-transition:opacity 0.8s ease,-webkit-transform 0.4s ease;transition:opacity 0.8s ease,-webkit-transform 0.4s ease;transition:transform 0.4s ease,opacity 0.8s ease;transition:transform 0.4s ease,opacity 0.8s ease,-webkit-transform 0.4s ease}.is-active .oh span {-webkit-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0);opacity:1;-webkit-transition:opacity 0.1s ease,-webkit-transform 0.6s cubic-bezier(0.77,0,0.175,1);transition:opacity 0.1s ease,-webkit-transform 0.6s cubic-bezier(0.77,0,0.175,1);transition:transform 0.6s cubic-bezier(0.77,0,0.175,1),opacity 0.1s ease;transition:transform 0.6s cubic-bezier(0.77,0,0.175,1),opacity 0.1s ease,-webkit-transform 0.6s cubic-bezier(0.77,0,0.175,1)}.is-active .oh:nth-of-type(2n) span {-webkit-transition-delay:0.2s;transition-delay:0.2s}.velo-slider__hint {z-index:99;position:fixed;top:0;left:0.5em;display:none;height:100vh;width:4em;font-size:0.9em;color:#ddd9ae}@media (min-width:54em) {.velo-slider__hint {display:block }}.velo-slider__hint>span {position:absolute;top:50%;left:50%;white-space:nowrap;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);overflow:hidden}.velo-slider__hint>span>span {display:inline-block;-webkit-transform:translateY(-110%);transform:translateY(-110%)}.is-active .velo-slider__hint>span>span {opacity:1;top:50%;-webkit-transition:1s cubic-bezier(0.19,1,0.22,1);transition:1s cubic-bezier(0.19,1,0.22,1);-webkit-transform:translateY(0%);transform:translateY(0%);-webkit-transition:0.4 ease;transition:0.4 ease}.velo-slides-nav {position:absolute;z-index:91;right:auto;bottom:30px;left:10px}@media (min-width:54em) {.velo-slides-nav {top:50%;right:40px;left:auto;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%) }}.velo-slides-nav__list {list-style:none}.velo-slides-nav li:first-child {margin-bottom:0.25em}.velo-slides-nav a {display:block;color:rgba(221,217,174,0.9);-webkit-transition:color 0.5s ease,text-shadow 0.5s ease;transition:color 0.5s ease,text-shadow 0.5s ease;cursor:pointer}.velo-slides-nav a:hover {color:#ddd9ae;-webkit-transition:color 0.5s ease,text-shadow 0.5s ease;transition:color 0.5s ease,text-shadow 0.5s ease}.velo-slides-nav a.inactive {visibility:hidden;opacity:0;-webkit-transition:opacity 0.2s 0s,visibility 0s 0.2s;transition:opacity 0.2s 0s,visibility 0s 0.2s}.velo-slides-nav i {font-size:2.2em;cursor:pointer}@media (min-width:54em) {.velo-slides-nav i {font-size:2em }}@font-face {font-family:'ssicons';src:url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");font-weight:normal;font-style:normal}[class^="icon-"],
[class*=" icon-"] {font-family:'ssicons' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-down-chev:before {content:"\e900"}.icon-right-chev:before {content:"\e901"}.icon-up-chev:before {content:"\e902"}.icon-left-chev:before {content:"\e903"}.icon-up-arrow:before {content:"\e904"}.icon-down-arrow:before {content:"\e905"}.icon-left-arrow:before {content:"\e906"}.icon-right-arrow:before {content:"\e907"} #projects-grid {position:relative;text-align:center;margin:0 auto;width:1400px;max-width:90%}#projects-grid:after {content:'';display:block;clear:both}.portfolio-box {position:relative;float:left;display:inline-block;box-sizing:border-box;overflow:hidden;width:calc(50% - 80px);margin:40px;margin-left:39px;-webkit-transform:translate3d(1px,0,0);transform:translate3d(1px,0,0);cursor:pointer;cursor:url('/themes/keyscreative2024/assets/dist/images/more.png') 17 17,pointer;-webkit-transition:all 300ms linear;transition:all 300ms linear}.portfolio-box p {position:absolute;bottom:15px;left:15px;color:#ebebeb;font-size:16px;line-height:16px;font-weight:300;font-style:italic;opacity:0;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;-webkit-transform:translateX(20px);transform:translateX(20px);cursor:pointer;letter-spacing:3px;margin:0;padding:0;z-index:3;cursor:url('/themes/keyscreative2024/assets/dist/images/more.png') 17 17,pointer;-webkit-transition:all 300ms linear;transition:all 300ms linear}.portfolio-box:hover p {opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.portfolio-box h4 {position:absolute;bottom:15px;right:15px;color:#ddd9ae;font-weight:300;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);cursor:pointer;margin:0;padding:0;z-index:4;letter-spacing:2px;cursor:url('/themes/keyscreative2024/assets/dist/images/more.png') 17 17,pointer;-webkit-transition:all 300ms linear;transition:all 300ms linear}.portfolio-box:hover h4 {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.portfolio-box .portfolio-mask {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(21,21,21,0);z-index:1;cursor:pointer;cursor:url('/themes/keyscreative2024/assets/dist/images/more.png') 17 17,pointer;-webkit-transition:all 200ms linear;transition:all 200ms linear}.portfolio-box:hover .portfolio-mask {background-color:rgba(21,21,21,0.7)}.portfolio-box img {width:100%;height:auto;display:block;-webkit-transition:all 300ms linear;transition:all 300ms linear}.portfolio-box:hover img {-webkit-transform:scale(1.02);transform:scale(1.02)}#portfolio-filter {position:relative;text-align:center;z-index:20;width:100%}#filter {position:relative;display:inline-block;text-align:center;padding:0;margin:0}#filter li {display:inline-block;margin-right:7px;margin-left:7px;padding:0}#filter:after {content:'';display:block;clear:both}#filter li a {position:relative;display:inline-block;letter-spacing:1px;box-sizing:border-box;outline:none;font-family:'brother-1816',sans-serif;color:#f9f9f9;font-weight:300;font-style:italic;font-size:15px;line-height:22px;text-decoration:none;-webkit-transition:all 300ms linear;transition:all 300ms linear}#filter li a:hover {color:#ddd9ae}#filter li a:before {position:absolute;width:100%;left:0;bottom:-9px;height:2px;content:'';z-index:-1;background-color:#ddd9ae;opacity:0;visibility:hidden;-webkit-transition:all 200ms linear;transition:all 200ms linear}#filter li a.current:before {bottom:-4px;opacity:1;visibility:visible}#filter li a.current {color:#ddd9ae}#filter li a:hover:before {bottom:-4px;opacity:1;visibility:visible}.isotope-item {z-index:2}.isotope-hidden.isotope-item {pointer-events:none;z-index:1}.isotope,
.isotope .isotope-item {-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;transition-duration:0.6s}.isotope {-webkit-transition-property:height,width;-moz-transition-property:height,width;transition-property:height,width}.isotope .isotope-item {-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:top,left,opacity;transition-property:transform,opacity} .cursor-more {cursor:pointer;cursor:url('/themes/keyscreative2024/assets/dist/images/more.png') 17 17,pointer}.project-link-wrap {position:relative;display:block;width:100%;text-align:center;margin:0 auto;cursor:pointer}.project-link-wrap p {font-size:100px;line-height:80px;color:#b7b491;font-family:'brother-1816',sans-serif;font-weight:700;text-align:center;margin:0 auto;cursor:pointer;opacity:0.35;-webkit-transition:all 200ms linear;transition:all 200ms linear}.project-link-wrap h4 {position:absolute;margin:0;padding:0;text-align:center;width:100%;top:50%;left:0;z-index:1;cursor:pointer;color:#ddd9ae;margin-top:-15px;opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all 200ms linear;transition:all 200ms linear}.project-link-wrap:hover h4 {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.project-link-wrap:hover p {opacity:0.15}.project-link-wrap.on-contact p {} .video-section {position:relative;width:100%;margin:0 auto}.video-wrapper,
figure.vimeo,
figure.youtube {margin:0;position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden}.video-wrapper iframe {position:absolute;top:0;left:0;width:100%;height:100%}figure.youtube a img,
figure.vimeo a img {position:absolute;top:0;left:0;width:auto;height:100%;max-width:none}figure.vimeo a:after,
figure.youtube a:after {content:"";width:60px;height:60px;background:#212121;z-index:9;position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;border-radius:50%;box-shadow:0 0 0 10px rgba(0,0,0,0.15);cursor:pointer;cursor:url('/themes/keyscreative2024/assets/dist/images/play.png') 6 8,pointer;-webkit-transition:all 300ms linear;transition:all 300ms linear}figure.vimeo:hover a:after,
figure.youtube:hover a:after {box-shadow:0 0 0 1000px rgba(0,0,0,0.1)}figure.vimeo:hover a:after,
figure.youtube:hover a:after {opacity:0}figure.vimeo a:before,
figure.youtube a:before {border-left:8px solid #b7b491}figure.vimeo a:before,
figure.youtube a:before {content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;z-index:10;position:absolute;top:50%;left:50%;margin-left:-3px;margin-top:-5px;display:block;cursor:pointer;cursor:url('/themes/keyscreative2024/assets/dist/images/play.png') 6 8,pointer;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear}figure.vimeo:hover a:before,
figure.youtube:hover a:before {border-color:transparent}figure.vimeo a:hover img,
figure.youtube a:hover img {-webkit-transition:all 0.4s;transition:all 0.4s}figure.vimeo a img,
figure.youtube a img {-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;a -webkit-transform:scale(1);transform:scale(1);cursor:pointer;cursor:url('/themes/keyscreative2024/assets/dist/images/play.png') 6 8,pointer} .parallax {background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;width:100%} .blog-post-box {position:relative;display:inline-block;cursor:pointer}.blog-post-box h5 {position:relative;text-transform:none;cursor:pointer;mix-blend-mode:difference;z-index:3;-webkit-transition:all 200ms linear;transition:all 200ms linear}.blog-post-box:hover h5 {}.blog-post-box p {position:relative;color:#b7b491;cursor:pointer;font-size:13px;display:inline-block;padding:6px 14px;background-color:rgba(21,21,21,0.9);z-index:4}.cursor.cursor-dot.active-blog-post-1,
.cursor.cursor-dot.active-blog-post-2,
.cursor.cursor-dot.active-blog-post-3,
.cursor.cursor-dot.active-blog-post-4,
.cursor.cursor-dot.active-blog-post-5,
.cursor.cursor-dot.active-blog-post-6,
.cursor.cursor-dot.active-blog-post-7 {opacity:0}.cursor-shadow.active-blog-post-1,
.cursor-shadow.active-blog-post-2,
.cursor-shadow.active-blog-post-3,
.cursor-shadow.active-blog-post-4,
.cursor-shadow.active-blog-post-5,
.cursor-shadow.active-blog-post-6,
.cursor-shadow.active-blog-post-7 {--size:160px;border-color:rgba(221,217,174,0);border-width:0;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:50%;z-index:1}.cursor-shadow.active-blog-post-1 {background-image:url('/themes/keyscreative2024/assets/dist/images/blog/1.jpg')}.cursor-shadow.active-blog-post-2 {background-image:url('/themes/keyscreative2024/assets/dist/images/blog/2.jpg')}.cursor-shadow.active-blog-post-3 {background-image:url('/themes/keyscreative2024/assets/dist/images/blog/3.jpg')}.cursor-shadow.active-blog-post-4 {background-image:url('/themes/keyscreative2024/assets/dist/images/blog/4.jpg')}.cursor-shadow.active-blog-post-5 {background-image:url('/themes/keyscreative2024/assets/dist/images/blog/5.jpg')}.cursor-shadow.active-blog-post-6 {background-image:url('/themes/keyscreative2024/assets/dist/images/blog/6.jpg')}.cursor-shadow.active-blog-post-7 {background-image:url('/themes/keyscreative2024/assets/dist/images/blog/7.jpg')} .post-box {position:relative;width:100%;display:block;padding:0;padding-bottom:2.5rem;border-radius:0.35rem}.drop-shadow {box-shadow:0 4px 15px 0 rgba(0,0,0,0.06)}.post-box img.blog-home-img {width:100%;height:auto;display:block;border-radius:0;margin-right:0}.post-box .padding-in {padding-left:2.5rem;padding-right:2.5rem}.blockquote {padding-top:1.4rem;padding-bottom:1.4rem;padding-left:1.4rem;padding-right:0}.blockquote-footer::before {padding-right:10px}.blockquote.blockquote-reverse {border-left:none;padding-right:1.4rem;padding-left:0}.blockquote-reverse .blockquote-footer::before {padding-right:0}.blockquote-reverse .blockquote-footer::after {padding-left:10px}.blockquote {border-left:0.4rem solid #999}.blockquote-reverse {border-right:0.4rem solid #999}.separator-wrap {width:100%;min-height:1px;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:no-wrap;webkit-box-align:center;align-items:center;margin-left:auto;margin-right:auto}.separator-wrap p {margin-bottom:0;padding-left:1rem;padding-right:1rem}.separator {position:relative;-webkit-box-flex:1;flex:1 1 auto;min-width:10%}.separator-line {position:relative;height:1px;display:block;top:1px;width:100%;border-top:1px solid #666}.opacity-40 {opacity:0.4}.separator-line.med {border-top-width:3px}.separator-line.big {border-top-width:8px;border-radius:2px}.separator-line.dashed {border-top-style:dashed;outline:none}.post-box .btn-primary {background-color:#333;cursor:pointer;border:none;outline:none}.post-box .btn-primary:focus,
.post-box .btn-primary:active {border:none;outline:none;box-shadow:none}.post-box .btn-primary span {position:relative;display:block;cursor:pointer;-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-o-transition:all 250ms linear;-ms-transition:all 250ms linear;transition:all 250ms linear}.post-box .btn-primary:hover {box-shadow:0 0 25px rgba(0,0,0,0.3)}.author-wrap {position:relative;width:100%;display:block}.author-wrap p {display:inline-block;font-size:0.84rem}.author-wrap p a {color:#ccc;-webkit-transition:all 200ms linear;transition:all 200ms linear}.author-wrap p a:hover {color:#ddd9ae}.author-wrap img {width:60px;height:60px;display:inline-block;border-radius:50%;margin-right:10px}.post-comm-box {position:relative;width:100%;display:block;padding:2.5rem}.post-comm-box img {width:40px;height:40px;display:inline-block;border-radius:50%;margin-right:20px}.post-comm-box h6 {display:inline-block}.post-comm-box h6 small {text-transform:none;font-family:'brother-1816',sans-serif;font-weight:400;font-size:.7rem;font-style:italic;margin-left:10px}.post-comm-box a {color:#ddd9ae;cursor:pointer;background-color:#333;border:none;outline:none;box-shadow:none;padding:7px 12px;-webkit-transition:all 200ms linear;transition:all 200ms linear}.post-comm-box a:focus,
.post-comm-box a:active {border:none;outline:none;box-shadow:none;background-color:#333}.post-comm-box a:hover {background-color:#444}.subscribe-box {position:relative;width:100%;display:block}.subscribe-box input {padding:20px}.form-control {position:relative;width:100%;padding:20px;font-weight:400;letter-spacing:1px;font-size:15px;line-height:1.7;height:auto;background-color:#27262b;color:#ddd9ae;border:none;text-align:left;cursor:text;-webkit-transition:all 250ms linear;transition:all 250ms linear}.form-control::-ms-expand {background-color:#27262b;color:#ddd9ae;border:none;outline:none;box-shadow:none}.form-control:active,
.form-control:focus {background-color:#27262b;color:#ddd9ae;border:none;outline:none;box-shadow:none}.form-control::-webkit-input-placeholder {font-size:15px;letter-spacing:1px;color:rgba( 255,255,255,0.6);font-weight:700}.form-control::-moz-placeholder {font-size:15px;letter-spacing:1px;color:rgba( 255,255,255,0.6);font-weight:700}.form-control:-ms-input-placeholder {font-size:15px;letter-spacing:1px;color:rgba( 255,255,255,0.6);font-weight:700}.form-control::placeholder {font-size:15px;letter-spacing:1px;color:rgba( 255,255,255,0.6);font-weight:700}.for-textarea {min-height:180px}.post-comm-box button {color:#ddd9ae;cursor:pointer;background-color:#333;border:none;outline:none;box-shadow:none;padding:7px 12px;-webkit-transition:all 200ms linear;transition:all 200ms linear}.post-comm-box button:focus,
.post-comm-box button:active {border:none;outline:none;box-shadow:none;background-color:#333}.subscribe-box .subscribe-1 {position:absolute;top:0;right:0;z-index:1}.subscribe-box .subscribe-1 {color:#ddd9ae;cursor:pointer;background-color:#333;border:none;outline:none;box-shadow:none;padding:20px 15px;font-weight:400;letter-spacing:1px;-webkit-transition:all 200ms linear;transition:all 200ms linear}.subscribe-box .subscribe-1 button:focus,
.subscribe-box .subscribe-1 button:active {border:none;outline:none;box-shadow:none;background-color:#333}.sidebar-box {position:relative;width:100%;display:block;padding:2.5rem}.sidebar-box h6 {}.list-style {margin:0;list-style:none}.list-style li {margin-top:0.5rem;margin-bottom:0.5rem;font-size:0.8rem;line-height:1.1rem}.list-style li:first-child {margin-top:0}.list-style li:last-child {margin-bottom:0}.list-style.square li:before,
.list-style.circle-o li:before,
.list-style.circle li:before {font-family:'FontAwesome';font-size:0.5rem;margin-right:15px;display:inline-block;line-height:1.1rem;height:1.1rem;vertical-align:middle;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.list-style.circle li:before {content:'\f111'}.list-style.circle-o li:before {content:'\f10c'}.list-style.square li:before {content:'\f0c8'}.list-style li i {font-size:0.8rem;line-height:1.1rem;height:1.1rem;width:20px;text-align:left;margin-right:10px}.list-style a.btn-link {background-color:transparent;color:#ddd9ae;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear}.list-style a.btn-link:hover {text-decoration:none;background-color:transparent;box-shadow:none}.tags-link {color:#ddd9ae;cursor:pointer;background-color:#333;border:none;outline:none;display:inline-block;box-shadow:none;padding:7px 12px;-webkit-transition:all 200ms linear;transition:all 200ms linear}.tags-link:hover {color:#ddd9ae;background-color:#555}.tags-link:focus,
.tags-link:active {border:none;outline:none;box-shadow:none;color:#ddd9ae;background-color:#333} .ajax-form input {position:relative;width:100%;padding:20px 20px;font-weight:400;letter-spacing:1px;font-size:15px;line-height:1.7;background-color:#27262b;color:#ddd9ae;border:none;text-align:center;cursor:text;-webkit-transition:all 250ms linear;transition:all 250ms linear}.ajax-form textarea {position:relative;width:100%;padding:20px 20px;font-weight:400;letter-spacing:1px;color:#ddd9ae;font-size:15px;line-height:1.7;text-align:center;background-color:#27262b;height:140px;border:none;cursor:text;-webkit-transition:all 250ms linear;transition:all 250ms linear}.ajax-form textarea:active,
.ajax-form input:active {color:#ccc}.ajax-form textarea:active,
.ajax-form input:hover {color:#ccc}.ajax-form textarea:focus,
.ajax-form input:focus {outline:none !important}.ajax-form input:-ms-input-placeholder {font-size:15px;letter-spacing:1px;color:rgba( 255,255,255,0.6);font-weight:700}.ajax-form input::-moz-placeholder {font-size:15px;letter-spacing:1px;color:rgba( 255,255,255,0.6);font-weight:700}.ajax-form input:-moz-placeholder {font-size:15px;letter-spacing:1px;color:rgba( 255,255,255,0.6);font-weight:700}.ajax-form input::-webkit-input-placeholder {font-size:15px;letter-spacing:1px;color:rgba( 255,255,255,0.6);font-weight:700}.ajax-form textarea:-ms-input-placeholder {font-size:15px;letter-spacing:1px;color:rgba( 255,255,255,0.6);font-weight:700}.ajax-form textarea::-moz-placeholder {font-size:15px;letter-spacing:1px;color:rgba( 255,255,255,0.6);font-weight:700}.ajax-form textarea:-moz-placeholder {font-size:15px;letter-spacing:1px;color:rgba( 255,255,255,0.6);font-weight:700}.ajax-form textarea::-webkit-input-placeholder {font-size:15px;letter-spacing:1px;color:rgba( 255,255,255,0.6);font-weight:700}.ajax-form button {color:#ddd9ae;cursor:pointer;font-size:13px;padding:12px 25px;text-transform:uppercase;letter-spacing:2px;background-color:#212121;border:none;outline:none;margin:0 auto;text-align:center;-webkit-transition:all 250ms linear;transition:all 250ms linear}.ajax-form button:focus,
.ajax-form button:active {border:none;outline:none}.ajax-form button span {position:relative;display:block;cursor:pointer;-webkit-transition:all 250ms linear;transition:all 250ms linear}.ajax-form button:hover {background-color:#313131}.list {margin:0 auto;padding:0;text-align:center}.list__item {margin:0 0 .5rem 0;padding:0;list-style:none}.list__item:last-child {margin:0}.label--checkbox {position:relative;line-height:135%;cursor:pointer;background:transparent;text-align:center}.checkbox {position:relative;top:-0.8rem;margin:0 2rem 0 0;cursor:pointer;background:transparent;width:0 !important;height:0 !important;-webkit-appearance:none;-moz-appearance:none;text-align:center}.checkbox:active,
.checkbox:focus {border:none;outline:none}.checkbox:before {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;content:"";position:absolute;left:0;z-index:1;width:1rem;height:1rem;border:2px solid rgba(221,217,174,.4);background:transparent}.checkbox:checked:before {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);height:.5rem;margin-top:2px;border-top-style:none;border-right-style:none;background:transparent}.checkbox:after {content:"";position:absolute;top:-0.125rem;left:0;width:1.1rem;height:1.1rem;background:transparent;cursor:pointer}.checkbox:checked:before {border-color:#ddd9ae}.contact-link {font-size:15px;line-height:1.7;letter-spacing:2px;font-weight:400;color:#b7b491;-webkit-transition:all 250ms linear;transition:all 250ms linear}.contact-link:hover {text-decoration:none;color:#ddd9ae} .social-wrap.on-footer {position:relative;bottom:auto;right:auto;padding-right:45px;padding-top:10px;display:inline-block;color:#b7b491;float:right;padding-top:0}.social-wrap.on-footer:before {top:0}.social-wrap ul {top:-145px}.social-wrap.on-footer ul a {background-color:rgba(32,32,32,32.8);box-shadow:0 5px 10px 0 rgba(0,0,0,0.8)}.social-wrap.on-footer ul a:hover {background-color:rgba(42,42,42,.8)}.footer p {margin:0;padding:0;line-height:20px;font-weight:400;font-size:13px;letter-spacing:2px}.footer a {color:#ebebeb;cursor:pionter}.footer a:hover {color:#ddd9ae} .tipper {height:1px;left:-99999px;position:absolute;pointer-events:none;top:-99999px;width:1px;z-index:100000}.tipper .tipper-content {background:transparent;font-weight:300;letter-spacing:1px;border-radius:3px;color:#ddd9ae;display:block;float:left;font-family:'brother-1816',sans-serif;font-size:2.2rem;line-height:1.7;margin:0;padding:10px 0;position:relative;white-space:nowrap}.tipper .tipper-caret {display:block;height:11px;position:absolute;width:100%}.tipper .tipper-content span {position:absolute;top:-7px;right:-20px;vertical-align:super;margin-left:-22px;font-size:14px;font-weight:400;color:#b7b491;font-family:'brother-1816',sans-serif;font-style:italic}.tipper .tipper-content em {padding:6px 12px;background-color:#212121;font-style:normal}.tipper.right .tipper-content {}.tipper.right .tipper-caret {background-position:left center;left:-5px;top:0}.tipper.left .tipper-content {}.tipper.left .tipper-caret {background-position:right center;right:-5px;top:0}.tipper.top .tipper-caret,
.tipper.bottom .tipper-caret {display:block;float:none;height:5px;width:12px;margin-left:-6px}.tipper.top .tipper-content {}.tipper.top .tipper-caret {background-position:center bottom;bottom:-5px;left:0;text-align:center}.tipper.bottom .tipper-content {}.tipper.bottom .tipper-caret {background-position:center top;top:-5px;left:0} @media (max-width:1500px) {}@media (max-width:1300px) {.case-study-wrapper .case-study-name {font-size:16px;margin-top:8px;margin-bottom:8px;line-height:24px;letter-spacing:1px }.case-study-wrapper .case-study-name a {font-size:12px;line-height:24px;height:24px;letter-spacing:1px;padding-right:35px;vertical-align:top;padding-bottom:5px }.case-study-wrapper .case-study-name a:after {top:0;background-size:14px 14px }.case-study-images li .hero-number-back {color:rgba(221,217,174,.1) }.section-title-wrap h1 {font-size:4rem }}@media (max-width:1199px) {.case-study-wrapper {width:calc(40% - 80px) }.case-study-name-title {left:calc(40% + 40px) }.case-study-images li .img-hero-background {width:60%;left:40% }.case-study-images li .case-study-title {left:calc(40% + 60px) }* {cursor:auto }.cursor {display:none }.portfolio-box {width:calc(50% - 50px);margin:25px;margin-left:24px;-webkit-transform:translate3d(1px,0,0);transform:translate3d(1px,0,0) }.portfolio-box p {font-size:15px;line-height:15px;letter-spacing:1px;left:10px;bottom:10px }.portfolio-box h4 {font-size:2rem }.scroll-to-top {background-color:#333;transform:translateY(0);top:auto;right:20px;bottom:20px;background-size:35px 35px;height:35px }.scroll-to-top:after {display:none }.project-link-wrap p {font-size:60px;line-height:40px }.project-link-wrap h4 {font-size:1.6rem }.project-link-wrap.on-contact p {font-size:40px;line-height:30px }}@media (max-width:991px) {.case-study-wrapper {width:calc(45% - 80px) }.case-study-images li .img-hero-background {width:100%;left:0 }.case-study-name-title {left:auto;right:40px }.dark-over-hero {opacity:0.7 }.case-study-images li .case-study-title {left:190px;bottom:55px }.case-study-images li .hero-number-back {color:rgba(221,217,174,.4);font-size:20vw;left:20px;bottom:0 }.portfolio-box h4 {font-size:1.3rem }.section-title-wrap h1 {font-size:3rem }.lead-q {font-size:1.4rem }.padding-page-top {padding-top:170px }}@media (max-width:767px) {.case-study-wrapper {width:calc(60% - 80px) }.case-study-images li .case-study-title {display:none }.case-study-images li .hero-number-back {font-size:30vw;left:20px;bottom:0 }.portfolio-box {width:100%;margin:0;margin-left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);margin-top:50px }.section-title-wrap h1 {font-size:2.5rem }.social-wrap.on-footer {float:none;margin:0 auto;text-align:center }.project-link-wrap.on-contact p {font-size:30px;line-height:20px }}@media (max-width:575px) {.case-study-wrapper {width:calc(100% - 80px) }.case-study-name-title {display:none }.project-link-wrap.on-contact p {font-size:20px;line-height:20px }}.min-height-50vh {min-height:50vh}