Skip to content

Instantly share code, notes, and snippets.

@TrueSlu

TrueSlu/header-color-change-scroll.markdown

Created August 24, 2018 19:22
Show Gist options
  • Save TrueSlu/0fe1ee13a98bfaf07eff2696a4a6f134 to your computer and use it in GitHub Desktop.
Save TrueSlu/0fe1ee13a98bfaf07eff2696a4a6f134 to your computer and use it in GitHub Desktop.
Download ZIP
header color change scroll
Raw
index.html
<body class="one-page-slider" data-ix="load-animation">
<div class="page-wrapper">
<div class="page-content">
<header class="navigation-menu" id="navbar">
<div class="container">
<nav class="navigation-link-menu"><a class="menu-link-logo" href="/"></a>
<div class="menu-links"><a class="menu-link" href="/work">Work</a><a class="menu-link" href="/about">About</a><a class="menu-link" href="/blog">Blog</a><a class="menu-link-last" href="/contact">Contact</a></div>
</nav>
</div>
</header>
<div class="main-content">
<div class="section-item" id="intro">
<div class="content-wrapper intro">
<div class="index-jumbo">
<h1 class="jumbo-title">I create applications &amp;&nbsp;solve design problems creating&nbsp;<span class="green-block-highlight">meaningful</span>&nbsp;user&nbsp;<span class="green-block-highlight">experiences</span>.</h1></div>
<p class="jumbo-body-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo
cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
<div class="scroll-indicator" data-ix="title-animation-3">
<div class="scroll-wheel" data-ix="scroll-indicator-animation"></div>
</div>
</div>
</div>
<div class="section-item work" data-midnight="black" id="work">
<div class="content-wrapper"></div>
</div>
<div class="about section-item" data-midnight="white" id="about">
<div class="content-wrapper"></div>
</div>
<div class="blog section-item" id="about">
<div class="content-wrapper"></div>
</div>
<div class="contact section-item" id="about">
<div class="content-wrapper"></div>
</div>
</div>
</div>
</div>
<script>
</script>
</body>
Raw
script.js
var sectionBlock = $(".section-item");
var getCurrentSlideAttr = 0;
function toggleHeaderColor(getCurrentSlideAttr) {
if (getCurrentSlideAttr == 0) {
$(".menu-link, .menu-link-logo, .menu-link-last").removeClass("dark");
}
if (getCurrentSlideAttr == 1) {
$(".menu-link, .menu-link-logo, .menu-link-last").addClass("dark");
}
if (getCurrentSlideAttr == 2) {
$(".menu-link, .menu-link-logo, .menu-link-last").removeClass("dark");
}
if (getCurrentSlideAttr == 3) {
$(".menu-link, .menu-link-logo, .menu-link-last").removeClass("dark");
}
if (getCurrentSlideAttr == 4) {
$(".menu-link, .menu-link-logo, .menu-link-last").addClass("dark");
}
}
var ticking = false;
var isFirefox = /Firefox/i.test(navigator.userAgent);
var isIe =
/MSIE/i.test(navigator.userAgent) ||
/Trident.*rv\:11\./i.test(navigator.userAgent);
var scrollSensitivitySetting = 30;
var slideDurationSetting = 800;
var currentSlideNumber = 0;
var totalSlideNumber = $(".section-item").length;
function parallaxScroll(evt) {
if (isFirefox) {
delta = evt.detail * -120;
} else if (isIe) {
delta = -evt.deltaY;
} else {
delta = evt.wheelDelta;
}
if (ticking != true) {
if (delta <= -scrollSensitivitySetting) {
ticking = true;
if (currentSlideNumber !== totalSlideNumber - 1) {
currentSlideNumber++;
nextItem();
}
slideDurationTimeout(slideDurationSetting);
}
if (delta >= scrollSensitivitySetting) {
ticking = true;
if (currentSlideNumber !== 0) {
currentSlideNumber--;
}
previousItem();
slideDurationTimeout(slideDurationSetting);
}
}
}
function slideDurationTimeout(slideDuration) {
setTimeout(function() {
ticking = false;
}, slideDuration);
}
var mousewheelEvent = isFirefox ? "DOMMouseScroll" : "wheel";
window.addEventListener(mousewheelEvent, _.throttle(parallaxScroll, 60), false);
function nextItem() {
getCurrentSlideAttr = currentSlideNumber;
toggleHeaderColor(getCurrentSlideAttr);
var $previousSlide = $(".section-item").eq(currentSlideNumber - 1);
$previousSlide
.css("transform", "translate3d(0,-130vh,0)")
.find(".content-wrapper")
.css("transform", "translateY(40vh)");
currentSlideTransition();
}
function previousItem() {
//console.log($(".section-item").eq(currentSlideNumber).attr('id'))
getCurrentSlideAttr = currentSlideNumber;
toggleHeaderColor(getCurrentSlideAttr);
var $previousSlide = $(".section-item").eq(currentSlideNumber + 1);
$previousSlide
.css("transform", "translate3d(0,30vh,0)")
.find(".content-wrapper")
.css("transform", "translateY(30vh)");
currentSlideTransition();
}
function currentSlideTransition() {
var $currentSlide = $(".section-item").eq(currentSlideNumber);
$currentSlide
.css("transform", "translate3d(0,-15vh,0)")
.find(".content-wrapper")
.css("transform", "translateY(15vh)");
}
Raw
scripts
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://daks2k3a4ib2z.cloudfront.net/58dfe0b3ae9dd36872cca106/js/webflow.dc2781a0b.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js"></script>
Raw
style.css
.w-lightbox-item,hr{box-sizing:content-box}legend,td,th{padding:0}.w-checkbox:after,.w-clearfix:after,.w-container:after,.w-embed:after,.w-radio:after,.w-row:after,.w-slider{clear:both}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%}body{margin:0;min-height:100%}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}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:middle;display:inline-block}svg:not(:root){overflow:hidden}hr{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[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}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:webflow-icons;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');font-weight:400;font-style:normal}[class*=" w-icon-"],[class^=w-icon-]{font-family:webflow-icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-icon-slider-right:before{content:"\e600"}.w-icon-slider-left:before{content:"\e601"}.w-icon-nav-menu:before{content:"\e602"}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:"\e603"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html.w-mod-touch *{background-attachment:scroll!important}.w-block{display:block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:after,.w-clearfix:before{content:" ";display:table}.w-hidden{display:none}.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:#fff;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}input.w-button{-webkit-appearance:button}html[data-w-dynpage] [data-w-cloak]{color:transparent!important}.w-webflow-badge,.w-webflow-badge *{position:static;left:auto;top:auto;right:auto;bottom:auto;z-index:auto;display:block;visibility:visible;overflow:visible;overflow-x:visible;overflow-y:visible;box-sizing:border-box;width:auto;height:auto;max-height:none;max-width:none;min-height:0;min-width:0;margin:0;padding:0;float:none;clear:none;border:0 transparent;border-radius:0;background:0 0;background-size:auto auto;background-origin:padding-box;background-clip:border-box;box-shadow:none;opacity:1;transform:none;transition:none;direction:ltr;font-family:inherit;font-weight:inherit;color:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-variant:inherit;text-align:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:0;text-transform:inherit;list-style-type:disc;text-shadow:none;font-smoothing:auto;vertical-align:baseline;cursor:inherit;white-space:inherit;word-break:normal;word-spacing:normal;word-wrap:normal}.w-webflow-badge,.w-webflow-badge>img{display:inline-block!important;visibility:visible!important;opacity:1!important}h1,h2,h3,h4,h5,h6,label{font-weight:700}.blog-timestamp,.field-label,.header-label,.submit-button,.text-block-49,a{text-transform:none}.w-webflow-badge{position:fixed!important;z-index:2147483647!important;top:auto!important;right:12px!important;bottom:12px!important;left:auto!important;color:#AAADB0!important;background-color:#fff!important;border-radius:3px!important;padding:6px 8px 6px 6px!important;font-size:12px!important;line-height:14px!important;text-decoration:none!important;transform:none!important;margin:0!important;width:auto!important;height:auto!important;overflow:visible!important;white-space:nowrap;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.1)}h4,h5,h6{margin-top:10px}ol,p,ul{margin-top:0}h1,h2,h3,h4,h5,h6,ol,p,ul{margin-bottom:10px}.w-background-video,.w-slider-mask,.w-widget-gplus,.w-widget-map .gm-style-iw,.w-widget-twitter{overflow:hidden}.w-webflow-badge>img{vertical-align:middle!important}h2,h3{margin-top:20px}h6{font-size:12px;line-height:18px}blockquote,figure{margin:0 0 10px}ol,ul{padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:after,.w-embed:before{content:" ";display:table}.w-video{width:100%;position:relative;padding:0}.w-video embed,.w-video iframe,.w-video object{position:absolute;top:0;left:0;width:100%;height:100%}fieldset{padding:0;margin:0;border:0}button,html input[type=button],input[type=reset]{border:0;cursor:pointer;-webkit-appearance:button}.w-form{margin:0 0 15px}.w-form-done{display:none;padding:20px;text-align:center;background-color:#ddd}.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}label{display:block;margin-bottom:5px}.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333;vertical-align:middle;background-color:#fff;border:1px solid #ccc}.w-select[multiple],textarea.w-input,textarea.w-select{height:auto}.w-input:-moz-placeholder,.w-select:-moz-placeholder{color:#999}.w-input::-moz-placeholder,.w-select::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898EC;outline:0}.w-input[disabled],.w-input[readonly],.w-select[disabled],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed;background-color:#eee}.w-select{background-image:-webkit-linear-gradient(white 0,#f3f3f3 100%);background-image:linear-gradient(white 0,#f3f3f3 100%)}.w-form-label{display:inline-block;cursor:pointer;font-weight:400;margin-bottom:0}.w-checkbox,.w-radio{display:block;margin-bottom:5px;padding-left:20px}.w-checkbox:after,.w-checkbox:before,.w-container:after,.w-container:before,.w-radio:after,.w-radio:before,.w-row:after,.w-row:before{display:table;content:" "}.w-checkbox-input,.w-radio-input{margin:4px 0 0 -20px;margin-top:1px\9;line-height:normal;float:left}.w-radio-input{margin-top:3px}.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row .w-row{margin-left:0;margin-right:0}.w-col{position:relative;float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333333%}.w-col-2{width:16.66666667%}.w-col-3{width:25%}.w-col-4{width:33.33333333%}.w-col-5{width:41.66666667%}.w-col-6{width:50%}.w-col-7{width:58.33333333%}.w-col-8{width:66.66666667%}.w-col-9{width:75%}.w-col-10{width:83.33333333%}.w-col-11{width:91.66666667%}.w-col-12{width:100%}.w-hidden-main{display:none!important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit!important}.w-hidden-medium{display:none!important}.w-col-medium-1{width:8.33333333%}.w-col-medium-2{width:16.66666667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.33333333%}.w-col-medium-5{width:41.66666667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.33333333%}.w-col-medium-8{width:66.66666667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.33333333%}.w-col-medium-11{width:91.66666667%}.w-col-medium-12{width:100%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main,.w-hidden-medium{display:inherit!important}.w-hidden-small{display:none!important}.w-container .w-row,.w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-small-1{width:8.33333333%}.w-col-small-2{width:16.66666667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.33333333%}.w-col-small-5{width:41.66666667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.33333333%}.w-col-small-8{width:66.66666667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.33333333%}.w-col-small-11{width:91.66666667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main,.w-hidden-medium,.w-hidden-small{display:inherit!important}.w-hidden-tiny{display:none!important}.w-col{width:100%}.w-col-tiny-1{width:8.33333333%}.w-col-tiny-2{width:16.66666667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.33333333%}.w-col-tiny-5{width:41.66666667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.33333333%}.w-col-tiny-8{width:66.66666667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.33333333%}.w-col-tiny-11{width:91.66666667%}.w-col-tiny-12{width:100%}}.w-widget{position:relative}.w-widget-map{width:100%;height:400px}.w-widget-map label{width:auto;display:inline}.w-widget-map img{max-width:inherit}.w-widget-map .gm-style-iw{width:90%!important;height:auto!important;top:7px!important;left:6%!important;display:inline;text-align:center}.w-widget-map .gm-style-iw+div{display:none}.w-widget-twitter-count-shim{display:inline-block;vertical-align:top;position:relative;width:28px;height:20px;text-align:center;background:#fff;border:1px solid #758696;border-radius:3px}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{position:relative;font-size:15px;line-height:12px;text-align:center;color:#999;font-family:serif}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{position:relative;display:block}.w-widget-twitter-count-shim.w--large{width:36px;height:28px;margin-left:7px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):after,.w-widget-twitter-count-shim:not(.w--vertical):before{top:50%;left:0;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim:not(.w--vertical):before{border-color:rgba(117,134,150,0);border-right-color:#5d6c7b;border-width:4px;margin-left:-9px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-left:-10px;margin-top:-5px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:4px;margin-left:-8px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-left:-9px;margin-top:-5px}.w-widget-twitter-count-shim.w--vertical{width:61px;height:33px;margin-bottom:8px}.w-widget-twitter-count-shim.w--vertical:after,.w-widget-twitter-count-shim.w--vertical:before{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim.w--vertical:before{border-color:rgba(117,134,150,0);border-top-color:#5d6c7b;border-width:5px;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:4px;margin-left:-4px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px;line-height:22px}.w-widget-twitter-count-shim.w--vertical.w--large{width:76px}.w-background-video{position:relative;height:500px;color:#fff}.w-background-video>video{background-size:cover;background-position:50% 50%;position:absolute;right:-100%;bottom:-100%;top:-100%;left:-100%;margin:auto;min-width:100%;min-height:100%;z-index:-100}.w-slider{position:relative;height:300px;text-align:center;background:#ddd;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.w-slide,.w-slider-mask{position:relative;height:100%}.w-slider-mask{display:block;z-index:1;left:0;right:0;white-space:nowrap}.w-dropdown,.w-dropdown-toggle,.w-slide,.w-slider-dot{display:inline-block}.w-slide{vertical-align:top;width:100%;white-space:normal;text-align:left}.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{width:auto;height:auto;padding:.2em .5em;font-size:inherit;line-height:inherit}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px rgba(51,51,51,.4)}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:rgba(34,34,34,.4)}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{position:relative;width:1em;height:1em;background-color:rgba(255,255,255,.4);cursor:pointer;margin:0 3px .5em;transition:background-color .1s,color .1s}.w-slider-dot.w-active{background-color:#fff}.w-slider-arrow-left,.w-slider-arrow-right{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;overflow:hidden;color:#fff;font-size:40px;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-slider-arrow-left [class*=" w-icon-"],.w-slider-arrow-left [class^=w-icon-],.w-slider-arrow-right [class*=" w-icon-"],.w-slider-arrow-right [class^=w-icon-]{position:absolute}.w-dropdown,.w-dropdown-btn,.w-dropdown-link,.w-dropdown-toggle{position:relative;text-align:left;margin-left:auto;margin-right:auto}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em}.w-dropdown{z-index:900}.w-dropdown-btn,.w-dropdown-link,.w-dropdown-toggle{vertical-align:top;text-decoration:none;color:#222;padding:20px;white-space:nowrap}.w-dropdown-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding-right:40px}.w-lightbox-backdrop,.w-nav-button{-webkit-tap-highlight-color:transparent;-moz-user-select:none;-ms-user-select:none}.w-icon-dropdown-toggle{position:absolute;top:0;right:0;bottom:0;margin:auto 20px auto auto;width:1em;height:1em}.w-dropdown-list{position:absolute;background:#ddd;display:none;min-width:100%}.w-dropdown-list.w--open,.w-nav[data-collapse=all] .w-dropdown,.w-nav[data-collapse=all] .w-dropdown-toggle{display:block}.w-dropdown-link{padding:10px 20px;display:block;color:#222}.w-dropdown-link.w--current{color:#0082f3}.w-nav[data-collapse=all] .w-dropdown-list{position:static}@media screen and (max-width:991px){.w-nav[data-collapse=medium] .w-dropdown,.w-nav[data-collapse=medium] .w-dropdown-toggle{display:block}.w-nav[data-collapse=medium] .w-dropdown-list{position:static}}@media screen and (max-width:767px){.w-nav[data-collapse=small] .w-dropdown,.w-nav[data-collapse=small] .w-dropdown-toggle{display:block}.w-nav[data-collapse=small] .w-dropdown-list{position:static}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse=tiny] .w-dropdown,.w-nav[data-collapse=tiny] .w-dropdown-toggle{display:block}.w-nav[data-collapse=tiny] .w-dropdown-list{position:static}}.w-lightbox-backdrop{cursor:auto;font-style:normal;font-variant:normal;letter-spacing:normal;list-style:disc;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;font-family:"Helvetica Neue",Helvetica,Ubuntu,"Segoe UI",Verdana,sans-serif;font-size:17px;line-height:1.2;font-weight:300;text-align:center;background:rgba(0,0,0,.9);z-index:2000;outline:0;opacity:0;-webkit-user-select:none;-webkit-transform:translate(0,0)}.w-lightbox-backdrop,.w-lightbox-container{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.w-lightbox-content{position:relative;height:100vh;overflow:hidden}.w-lightbox-view{position:absolute;width:100vw;height:100vh;opacity:0}.w-lightbox-view:before{content:"";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{display:inline-block;vertical-align:middle}.w-nav-link,.w-tab-link{vertical-align:top;text-decoration:none}.w-lightbox-figure{position:relative;margin:0}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;height:auto;max-width:none}.w-lightbox-image{display:block;float:none;max-width:100vw;max-height:100vh}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{position:absolute;right:0;bottom:0;left:0;padding:.5em 1em;background:rgba(0,0,0,.4);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-lightbox-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.w-lightbox-control{position:absolute;top:0;width:4em;background-size:24px;background-repeat:no-repeat;background-position:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.w-lightbox-left{display:none;bottom:0;left:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==)}.w-lightbox-right{display:none;right:0;bottom:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+)}.w-lightbox-close{right:0;height:2.6em;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);background-size:18px}.w-lightbox-strip{padding:0 1vh;line-height:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden}body,h5{line-height:20px}h4,p{line-height:24px}.w-lightbox-noscroll,.w-richtext ol,.w-richtext ul{overflow:hidden}.w-lightbox-item{display:inline-block;width:10vh;padding:2vh 1vh;cursor:pointer;-webkit-transform:translate3d(0,0,0)}.w-lightbox-active{opacity:.3}.w-lightbox-thumbnail{position:relative;height:10vh;background:#222;overflow:hidden}.w-lightbox-thumbnail-image{position:absolute;top:0;left:0}.w-lightbox-thumbnail .w-lightbox-tall{top:50%;width:100%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.w-lightbox-thumbnail .w-lightbox-wide{left:50%;height:100%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.w-lightbox-spinner{position:absolute;top:50%;left:50%;box-sizing:border-box;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border:5px solid rgba(0,0,0,.4);border-radius:50%;-webkit-animation:spin .8s infinite linear;animation:spin .8s infinite linear}.w-richtext figure.w-richtext-align-center,.w-richtext figure.w-richtext-align-fullwidth{clear:both;margin-right:auto;margin-left:auto}.w-lightbox-spinner:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid transparent;border-bottom-color:#fff;border-radius:50%}.nav-link,.nav-link.nav-link-last{border-right-width:1px;margin-left:10px}.w-lightbox-hide{display:none}@media (min-width:768px){.w-lightbox-content{height:96vh;margin-top:2vh}.w-lightbox-view,.w-lightbox-view:before{height:96vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:84vh}.w-lightbox-image{max-width:96vw;max-height:96vh}.w-lightbox-group .w-lightbox-image{max-width:82.3vw;max-height:84vh}.w-lightbox-left,.w-lightbox-right{display:block;opacity:.5}.w-lightbox-close{opacity:.8}.w-lightbox-control:hover{opacity:1}}.w-lightbox-inactive,.w-lightbox-inactive:hover{opacity:0}.w-richtext:after,.w-richtext:before{content:" ";display:table}.w-richtext:after{clear:both}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:before,.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:before,.w-richtext .w-richtext-figure-selected[data-rt-type=image] div{outline:#2895f7 solid 2px}.w-richtext figure.w-richtext-figure-type-video>div:before,.w-richtext figure[data-rt-type=video]>div:before{content:'';position:absolute;display:none;left:0;top:0;right:0;bottom:0;z-index:1}.w-richtext figure{position:relative;max-width:60%}.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div,img{max-width:100%}.w-richtext figure>div:before{cursor:default!important}.w-richtext figure img{width:100%}.w-richtext figure figcaption.w-richtext-figcaption-placeholder{opacity:.6}.w-richtext figure div{font-size:0;color:transparent}.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type=image]{display:table}.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type=image]>div{display:inline-block}.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type=image]>figcaption{display:table-caption;caption-side:bottom}.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type=video]{width:60%;height:0}.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type=video] iframe{position:absolute;top:0;left:0;width:100%;height:100%}.w-nav,.w-nav-brand,.w-nav-link,.w-nav-menu{position:relative}.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type=video]>div{width:100%}.w-richtext figure.w-richtext-align-normal{clear:both}.w-richtext figure.w-richtext-align-fullwidth{width:100%;max-width:100%;text-align:center;display:block}.w-richtext figure.w-richtext-align-fullwidth>div{display:inline-block;padding-bottom:inherit}.w-richtext figure.w-richtext-align-fullwidth>figcaption{display:block}.w-richtext figure.w-richtext-align-floatleft{float:left;margin-right:15px;clear:none}.w-richtext figure.w-richtext-align-floatright{float:right;margin-left:15px;clear:none}.w-nav:after,.w-tabs:after{clear:both}.w-nav{background:#ddd;z-index:1000}.w-nav:after,.w-nav:before{content:" ";display:table}.w-nav-brand{float:left;text-decoration:none;color:#333}.w-nav-link{display:inline-block;color:#222;padding:20px;text-align:left;margin-left:auto;margin-right:auto}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{float:right}.w--nav-menu-open{display:block!important;position:absolute;top:100%;left:0;right:0;background:#C8C8C8;text-align:center;overflow:visible;min-width:200px}.blog-banner,.dynamic-item-9{background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png)}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{position:absolute;overflow:hidden;display:none;top:100%;left:0;right:0;width:100%}.w-nav-button,.w-tab-content,.w-tab-link,.w-tab-menu,.w-tab-pane,.w-tabs{position:relative}.w-nav[data-animation=over-left] .w-nav-overlay,.w-nav[data-animation=over-right] .w-nav-overlay{width:auto}.w-nav-overlay .w--nav-menu-open{top:0}.w-nav[data-animation=over-left] .w--nav-menu-open,.w-nav[data-animation=over-left] .w-nav-overlay{right:auto;z-index:1;top:0}.w-nav[data-animation=over-right] .w--nav-menu-open,.w-nav[data-animation=over-right] .w-nav-overlay{left:auto;z-index:1;top:0}.w-nav-button{float:right;padding:18px;font-size:24px;display:none;cursor:pointer;tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.w-nav-button.w--open{background-color:#C8C8C8;color:#fff}.w-nav[data-collapse=all] .w-nav-menu{display:none}.w-nav[data-collapse=all] .w-nav-button{display:block}@media screen and (max-width:991px){.w-nav[data-collapse=medium] .w-nav-menu{display:none}.w-nav[data-collapse=medium] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse=small] .w-nav-menu{display:none}.w-nav[data-collapse=small] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse=tiny] .w-nav-menu{display:none}.w-nav[data-collapse=tiny] .w-nav-button{display:block}}.w-tabs:after,.w-tabs:before{content:" ";display:table}.w-tab-link{display:inline-block;padding:9px 30px;text-align:left;cursor:pointer;color:#222;background-color:#ddd}.w-tab-link.w--current{background-color:#C8C8C8}.w-tab-content{display:block;overflow:hidden}.w-tab-pane{display:none}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:""}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.w-dyn-empty{padding:10px;background-color:#ddd}.w-condition-invisible,.w-dyn-bind-empty{display:none!important}body{overflow:hidden;background-color:#fff;font-family:SF-UID,sans-serif;color:#333;font-size:14px}.navbar,.navbar-container{background-color:transparent}h1{margin-top:0;margin-bottom:18px;font-family:Circular-std,sans-serif;color:#0f1113;font-size:38px;line-height:46px;font-weight:700}h2,h3{font-family:Circular-std,sans-serif;color:#000;font-weight:500}h2{margin-bottom:0;font-size:34px;line-height:36px}h3{margin-bottom:10px;font-size:24px;line-height:30px}h4,h5{font-weight:700;color:#000;margin-bottom:10px;font-family:Circular-std,sans-serif}h4{font-size:18px}h5{font-size:14px}a,p{font-size:16px}p{color:#565656}a{font-family:Circular-std,sans-serif;color:#25cb82;text-decoration:none}a:hover{color:#000}img{margin-top:24px;margin-bottom:16px}blockquote{margin-bottom:10px;padding:10px 20px;border-left:5px solid #e2e2e2;font-size:18px;line-height:22px}figure{margin-bottom:10px}figcaption{margin-top:5px;margin-bottom:22px;color:#717c86;font-size:15px;text-align:center}.navbar{position:static;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:120px;margin:0 auto;-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;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;border-bottom:1px none #ececec;box-shadow:none}.navbar.case-navbar{position:absolute;left:0;top:0;right:0;z-index:99}.nav-link,.navbar-container{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.navbar-container{display:flex;height:80px;max-width:80%;margin-right:auto;margin-left:auto;-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;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.nav-link,.nav-link.w--current{margin-right:10px;border-radius:50px}.nav-link{top:0;right:0;bottom:0;display:flex;padding:10px 30px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-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;border-style:none;border-right-color:#000;border-left-width:0;border-left-color:#ececec;font-family:Circular-std,sans-serif;color:#565656;font-size:15px;font-weight:500;text-decoration:none}.nav-items,.nav-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.nav-link.w--current,.nav-link:hover{border-bottom:4px none #25cb82;background-color:#25cb82;color:#fff}.nav-link:hover{padding:10px 30px;line-height:20px}.case-study-content,.footer{padding-top:0;padding-bottom:0}.nav-link.w--current{margin-left:10px;padding-right:30px;padding-left:30px}.nav-link.case-nav-link{color:hsla(0,0%,100%,.6)}.nav-link.case-nav-link:hover{color:#fff}.nav-link.nav-link-last{margin-right:14px;border-style:none;border-right-color:#ececec}.footer,.footer-container{margin-right:auto;margin-left:auto}.nav-link.nav-link-last:hover{border-bottom-style:none}.nav-link.nav-link-last.w--current{padding-right:30px;border-bottom:4px none #25cb82}.nav-brand{-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.body.index{background-color:#0f1113}.body.blog-body,.body.case-study-body{background-color:#fff}.nav-items{display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.nav-links{display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.footer,.utility-page-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.footer{position:static;left:0;right:0;bottom:0;display:flex;margin-top:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#0f1113}.footer-container{height:120px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.case-study-content{width:100%;min-height:100vh;margin-top:30px;margin-bottom:55px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.case-study-content p{margin-top:0;margin-bottom:10px;color:rgba(0,0,0,.65);font-size:18px;line-height:26px}.case-study-content img{margin-top:16px;margin-bottom:16px;box-shadow:0 1px 50px -7px rgba(0,0,0,.09)}.case-study-content h2,.case-study-content h3{margin-top:24px;margin-bottom:16px}.case-study-content figcaption{font-size:15px;font-weight:400}.case-study-content h3{color:#000;font-size:26px;font-weight:400}.case-study-content a{border-bottom:1px solid #25cb82;color:#25cb82;text-decoration:none}.case-study-content a:hover{border-bottom-color:#000;color:#000}.utility-page-wrap{display:flex;width:100vw;height:100vh;max-height:100%;max-width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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}.utility-page-content,.utility-page-form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal}.utility-page-content{display:flex;width:260px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center}.utility-page-form{display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.footer-links,.page-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.body{font-family:Graphik;background-color:#fafafa}.footer-links{display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:right}.footer-brand{display:block;margin-right:0;margin-left:0;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;line-height:1px;text-align:center}.footer-brand.w--current{opacity:.8}.footer-brand.w--current:hover{opacity:1}.footer-social-link{margin-right:15px;margin-left:15px;-webkit-transition:all .2s ease;transition:all .2s ease;font-family:madebyjordan-icons,sans-serif;color:#565656;font-size:22px;text-decoration:none}.footer-social-link:hover{color:#25cb82}.footer-social-link.link-last{margin-right:0}.footer-social-link.footer-link-last{margin-right:0;font-size:22px}.footer-social-link.footer-link-first{margin-left:0;font-family:madebyjordan-icons,sans-serif;color:#565656;font-size:22px;font-weight:500}.page-wrapper{display:flex;min-height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;text-align:left}.text-block-20{color:#565656;font-size:15px}.overlay-navbar{position:static;z-index:9999;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:120px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.dynamic-item-9,.index-work-panel,.work-panel-info{-webkit-box-orient:vertical;-webkit-box-direction:normal}.blog-nav-container{display:block;max-width:85%;margin-right:auto;margin-left:auto;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.blog-nav-items{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;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.blog-nav-link{margin-right:14px;margin-left:14px;color:hsla(0,0%,100%,.5);font-size:14px;font-weight:500;text-decoration:none}.blog-nav-link:hover{color:#fff}.blog-nav-link.blog-link-last{margin-right:0}.container{display:block;width:85%;margin-right:auto;margin-left:auto;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.container.article-container{position:relative;z-index:99;margin-top:34px;margin-bottom:34px;padding:34px 0;border-radius:2px;background-color:transparent}.container.cat-container{margin-bottom:54px}.jumbo-body-text,.jumbo-title{margin-bottom:0;margin-left:0;text-align:center}.container.padding{width:82%}.jumbo-title{margin-top:0;-webkit-perspective-origin:100% 100%;perspective-origin:100% 100%;color:#fff;font-size:4em;line-height:64px}.jumbo-title.work-jumbo-title{margin-left:0;color:#000;font-size:38px;line-height:56px}.jumbo-body-text{max-width:90%;margin-top:26px;font-family:SF-UID,sans-serif;color:#61686e;font-size:19px;line-height:28px}.dynamic-list-wrapper-4{width:100%;margin-top:20px;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.dynamic-item-9{display:block;height:160px;padding-right:0;padding-left:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;background-position:50% 50%;background-size:cover;background-repeat:no-repeat}.footer-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:80%;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.image-15{display:block;margin-right:auto;margin-left:auto;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;text-align:center}.work-panel-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%;padding-left:42px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;background-color:rgba(0,0,0,.9);opacity:0;text-decoration:none}.contact-form-field,.submit-button{margin-left:0;background-color:transparent}.heading-23{margin-top:10px;margin-bottom:2px;color:#fff;font-size:24px;line-height:24px;font-weight:500;text-decoration:none}.text-block-31{color:hsla(0,0%,96%,.8);text-decoration:none}.footer-copyright{display:inline-block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-family:SF-UID,sans-serif;color:#565656;font-size:15px}.field-label,.header-label,.header-label.category-name{font-family:Circular-std,sans-serif}.index-work-panel{display:none;width:100%;margin-top:22px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.blog-header,.footer-items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;width:100%}.footer-items{display:flex;-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}.blog-header{position:relative;left:0;top:0;right:0;display:flex;margin-top:24px;margin-bottom:0;padding-top:28px;padding-bottom:55px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;text-align:left}.blog-article-header,.index-jumbo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.blog-article-header,.form-item,.main-contact-form{-webkit-box-orient:vertical;-webkit-box-direction:normal}.header-label{margin-bottom:24px;color:#717c86;font-size:18px;line-height:22px;font-weight:500;text-align:left;letter-spacing:1px}.header-label.featured-work-label{margin-bottom:0}.header-label.category-name{margin-bottom:22px;margin-left:0;color:#000;font-size:54px;line-height:44px;text-align:left}.blog-article-header,.heading-25,.index-jumbo{margin-top:0;margin-bottom:0}.index-jumbo{display:flex;width:100%;-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-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.heading-25{max-width:80%;line-height:46px}.blog-article-header{position:relative;z-index:999;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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}.field-label,.form-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.contact-header{margin-top:58px}.contact-form{width:100%;margin-top:96px;margin-bottom:96px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.form-item{display:flex;width:50%;margin-right:16px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.form-item.form-item-full-w{position:relative;width:100%}.field-label{display:flex;width:auto;margin-bottom:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#717c86;font-size:15px;font-weight:500}.form-item-block,.main-contact-form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.contact-form-field{margin-top:4px;margin-bottom:0;padding:0 0 4px;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;border-style:none none solid;border-bottom-width:2px;border-bottom-color:#b9b9b9;background-image:-webkit-linear-gradient(270deg,transparent,transparent);background-image:linear-gradient(180deg,transparent,transparent);font-family:SF-UID,sans-serif;font-size:18px}.submit-button,.text-block-56{font-family:Circular-std,sans-serif}.contact-form-field:focus{border-bottom-color:#25cb82}.contact-form-field.contact-form-select{margin-top:0;color:#565656}.main-contact-form{display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.form-item-block{display:flex;width:75%;margin-top:18px;margin-bottom:18px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.form-item-block-header,.overlay-navbar-items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.submit-button{width:50%;margin-top:18px;margin-right:16px;padding:14px 28px;border:2px solid #25cb82;border-radius:3px;color:#25cb82;font-size:18px;font-weight:700;text-align:center}.link-7,.text-block-36{font-family:SF-UID,sans-serif;font-size:18px}.submit-button:hover{background-color:#25cb82;color:#fff}.text-block-36{margin-bottom:16px;color:#565656}.link-7{color:#25cb82;font-weight:500;text-decoration:none}.form-item-block-header{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-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.work-grid{width:100%;margin-top:60px;margin-bottom:60px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.overlay-navbar-items{display:flex;-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}.case-study-banner,.overlay-navbar-brand{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.overlay-navbar-brand{display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-decoration:none}.overlay-navbar-link{margin-right:14px;margin-left:14px;color:#fff;font-size:14px;font-weight:500;text-decoration:none}.text-block-42,.text-block-43{margin-left:0;font-family:SF-UID,sans-serif}.overlay-navbar-link:hover{color:#fff}.overlay-navbar-link.no-margin-right{margin-right:0}.case-study-banner{position:static;left:0;top:0;right:0;display:flex;width:100%;height:45vh;-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-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.case-study-details p{margin-top:24px;margin-bottom:24px;font-family:SF-UID,sans-serif}.case-study-details img{box-shadow:1px 1px 3px 0 transparent}.case-study-banner-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:45vh;max-width:80%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center}.heading-29{margin-top:25px;margin-bottom:2px;color:#fff;font-size:54px}.text-block-42{display:block;max-width:80%;margin-right:auto;color:#fff;font-size:20px;line-height:28px;font-weight:500;text-align:left}.blog-share,.case-study-banner-meta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.link-8,.text-block-43{margin-right:10px;color:#fff}.case-study-banner-details{margin-top:14px;margin-bottom:14px}.text-block-43{margin-top:0;font-size:17px}.case-study-banner-meta{display:flex;margin-top:18px;margin-bottom:18px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.link-8{margin-left:10px;border-bottom:1px solid #fff;font-size:16px;text-decoration:none}.blog-share,.nav-link-label{border-style:none;left:0;top:0;bottom:0}.link-8:hover{border-bottom-color:#000;color:#000}.nav-link-label{position:absolute;right:0;color:#25cb82;text-align:center}.blog-share,.blog-share-item{position:static;margin-top:0;background-color:transparent}.blog-share{z-index:9999;display:flex;width:100%;height:40px;margin-bottom:38px;padding-right:0;padding-left:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:left}.blog-share-item,.style-guide-section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.blog-share-item,.blog-share-item.twitter-share{-webkit-flex-direction:column;-webkit-box-direction:normal}.blog-share-item{display:flex;overflow:visible;height:38px;margin-right:5px;margin-left:5px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-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-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;font-family:Fontawesome;color:transparent;font-size:20px;text-align:center;text-decoration:none}.body-4,.link-block,.one-page-slider{overflow:hidden}.blog-share-item.twitter-share,.blog-share-item.twitter-share:hover{background-color:transparent;color:#1da1f2}.blog-share-item.facebook-share,.blog-share-item.google-plus-share,.blog-share-item.reddit-share,.blog-share-item.twitter-share{height:38px;padding-right:0;padding-left:0;font-family:'Nucleo glyph';font-size:22px}.blog-share-item.twitter-share{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;text-align:center}.blog-share-item.facebook-share,.blog-share-item.facebook-share:hover{background-color:transparent;color:#3b5998}.blog-share-item.facebook-share{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;text-align:center;text-decoration:none}.blog-share-item.google-plus-share,.blog-share-item.google-plus-share:hover{background-color:transparent;color:#dd4b39}.blog-share-item.google-plus-share{margin-right:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.blog-share-item.reddit-share,.blog-share-item.reddit-share:hover{background-color:transparent;color:#ff4500}.blog-share-item.reddit-share{margin-right:5px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.facebook-share,.twitter-share{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.text-block-44{margin-right:14px;color:#000}.blog-banner{position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;display:block;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;background-position:50% 53%;background-size:cover;background-repeat:no-repeat;-webkit-filter:brightness(30%);filter:brightness(30%)}.blog-article-thumbnail,.work-item{background-position:50% 50%;background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png);background-repeat:no-repeat}.feedback-content{padding-top:60px;padding-bottom:60px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.feedback-intro{margin-bottom:56px}.feedback-text-block{margin-bottom:16px;font-size:18px;line-height:26px}.feedback-block{margin-top:24px;margin-bottom:24px;padding:22px 30px;border:1px solid #e2e2e2;border-radius:3px;background-color:#f1f1f1}.feedback-label{display:inline-block;margin-top:11px;margin-bottom:11px;padding:8px 12px;border-radius:3px;background-color:#45b349;color:#fff;font-size:20px;font-weight:500}.feedback-label.label-2{background-color:#cf3e3e;color:#fff}.feedback-item{margin-top:70px;margin-bottom:70px}.blog-article-title{color:#fff;text-align:center}.blog-banner-dim{position:relative;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.75)}.blog-article-date{color:#fff;font-size:15px;font-weight:500;text-align:center}.blog-article-body{position:relative;margin-bottom:0;background-color:#fff}.blog-jumbo{margin-top:79px;margin-bottom:79px}.blog-jumbo.categories.category-page{margin-bottom:24px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.style-guide-wrapper{display:block;width:80%;min-height:100vh;margin-right:auto;margin-left:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.style-guide-section{display:flex;margin-top:42px;margin-bottom:42px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.blog-article-details,.blog-article-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.body-2{font-family:Graphik}.sg-typography,.style-guide-headings{width:50%;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.blog-articles{padding-top:32px;padding-bottom:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;border-bottom:1px solid #171b1f;background-color:#0f1113}.blog-article-item{display:flex;margin-top:10px;padding:24px 10px 24px 0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;background-color:transparent}._404-header,.blog-article-details,.blog-article-item-details,.working-on-block{-webkit-box-orient:vertical;-webkit-box-direction:normal}.blog-article-item:hover{box-shadow:none}.blog-article-details{display:flex;padding:30px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.blog-article-metadata,.working-on-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.blog-article-metadata{display:flex;margin-top:auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.text-block-45{margin-right:14px;font-size:16px}.paragraph{max-width:75%;font-size:18px;line-height:28px}.text-block-46{font-size:16px}.blog-article-thumbnail{width:38%;height:100%;margin-top:0;margin-right:24px;margin-bottom:0;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;border-radius:2px;background-color:transparent;background-size:cover}.blog-article-meta-divider{width:1px;height:32px;margin-right:24px;margin-left:24px;background-color:#bebebe}.blog-article-view-btn{padding:8px 12px;border:2px solid #25cb82;border-radius:4px}.blog-article-view-btn:hover{background-color:#25cb82;color:#fff}.blog-post-body{padding:0 0 20px}.blog-post-body p{margin-top:12px;font-family:SF-UID,sans-serif;font-size:18px;line-height:28px}.blog-post-body h3{margin-top:28px}.blog-post-body h2{margin-top:34px;font-size:30px}.blog-post-body figcaption{margin-bottom:28px}.blog-post-body a{font-size:18px}.work-jumbo{margin-bottom:32px}.what-im-working-on{display:block;padding-top:54px;padding-bottom:54px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;background-color:#303030}.working-on-block{display:flex;margin-top:38px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.working-on-item,.working-on-items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.working-on-title{margin-bottom:12px;color:#fff;font-size:26px}.working-on-item{display:flex;margin-top:14px;margin-bottom:14px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.working-on-item-name{font-family:SF-UID,sans-serif;color:#bebebe;font-size:16px}.working-on-items{display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.working-on-item-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:14px;margin-bottom:14px;padding-bottom:4px;border-bottom:1px none #bebebe;text-decoration:none}.working-on-item-link:hover{color:#fff}.working-on-link-icon{margin-right:8px;font-family:'Nucleo glyph';color:#fff}.work-items{display:block;-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}.work-item,.work-items-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.work-item{display:flex;height:50vh;margin:0;padding-right:0;padding-left:0;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;background-color:transparent;background-size:contain}.work-items-list{display:flex;width:80%;margin-right:auto;margin-left:auto;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.link-block,.recent-articles{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.link-block{display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.case-studies{margin-bottom:16px;padding-bottom:24px;border-bottom:1px solid #3f3f3f}.heading-31{color:#fff;font-size:26px;line-height:46px}.case-study-item{width:30%;margin-top:10px;margin-bottom:10px;padding-left:0;color:#bebebe}.link-block-3{color:#bebebe}.link-block-3:hover{color:#fff}.body-3{background-color:#08090a}.recent-articles{display:flex;padding-top:58px;padding-bottom:58px;background-color:#fff}.blog-article-item-details,.blog-article-item-metadata{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.recent-articles-header{margin-top:0;padding-bottom:15px;border-bottom:1px solid #ebebeb;font-size:26px}.blog-article-item-details{display:flex;height:100%;padding-top:0;padding-bottom:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;border-style:none;border-right-width:1px;border-right-color:#565656}.heading-32{margin-top:22px;margin-bottom:12px;color:#fff;line-height:42px;font-weight:500}.heading-32.index{max-width:90%;color:#000}.heading-32.category-title{color:#000}.blog-article-item-metadata{display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.blog-category.index,.div-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;padding:8px 18px;border-radius:50px}.text-block-49{font-family:SF-UID,sans-serif;color:#717c86;font-size:15px}.div-block{display:flex;margin-left:12px;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.text-block-50{margin-right:4px;font-family:'Nucleo glyph';color:#fff;font-size:18px}.blog-category,.text-block-51{font-family:SF-UID,sans-serif}.blog-category{margin-left:4px;color:#fff;font-size:15px;letter-spacing:0}.blog-category.index{display:flex;margin-left:12px;-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;color:#fff}.text-block-51{max-width:80%;color:#565656;font-size:18px;line-height:26px}.view-article-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:24px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.view-article-link:hover{color:#fff}.view-article-link.category:hover,.view-article-link.index:hover{color:#000}.arrow-right-icon{margin-left:10px;font-family:'Nucleo glyph';font-size:22px}.text-block-53{font-size:18px}.blog-post-header{position:relative;z-index:999;display:block;width:80%;margin-right:auto;margin-left:auto;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.blog-post-category,.blog-post-metadata{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.blog-post-title{margin-top:20px;color:#25cb82;font-size:54px}.blog-post-metadata{display:flex;margin-top:26px;margin-bottom:0;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.blog-timestamp{font-family:SF-UID,sans-serif;color:#565656;font-size:16px}.blog-timestamp.category{margin-left:16px}.blog-post-category{display:flex;margin-left:16px;padding:8px 18px;border-radius:50px;color:#fff}.greetings-bubble,.index-greeting{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.text-block-55{font-family:'Nucleo glyph';color:#fff;font-size:20px}.text-block-56{margin-left:8px;font-size:17px}.greeting-header,.greeting-text{font-family:Circular-std,sans-serif;font-size:2.8em;font-weight:700}.greetings-bubble{position:relative;z-index:0;display:flex;width:84px;height:84px;-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;border-radius:50px;background-color:#25cb82}.greeting-text{position:relative;left:0;top:0;right:0;bottom:0;z-index:99;color:#fff}.index-greeting{display:flex;margin-bottom:34px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}._404-header,.nav-social-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.greeting-header{margin-left:18px;color:#000}.category-post-icon,.field-required-icon,.nav-social-link{font-family:'Nucleo glyph'}.green-block-highlight{padding-right:3px;padding-left:3px;background-color:rgba(37,203,130,.17);-webkit-perspective-origin:100% 0;perspective-origin:100% 0;color:#25cb82}.text-span-2{color:#25cb82}.greeting-bubble-tail{position:absolute;right:0;bottom:0;width:40px;height:40px;background-color:#25cb82;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}._404-header{display:flex;height:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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}.heading-33{font-size:3.5em}.text-block-57{margin-bottom:12px;color:#717c86;font-weight:400;text-transform:uppercase}.text-block-58{color:#565656;font-size:1.2em}._404-button{margin-top:36px;padding:14px 26px;border-radius:4px;background-color:#25cb82;font-size:1.2em;font-weight:500}.image-18{margin-top:42px}.nav-social-links{display:flex;height:42px;margin-left:20px;padding-left:36px;border-left:1px solid #e7e7e7}.categories,.nav-social-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.nav-social-link{display:flex;width:38px;height:38px;margin-right:14px;margin-left:14px;-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;border-radius:50px;background-color:transparent;color:#565656;font-size:18px}.nav-social-link:hover{background-color:#25cb82;color:#fff}.nav-social-link.twitter{margin-left:0;background-color:#ececec}.nav-social-link.twitter:hover{background-color:#1da1f2}.nav-social-link.behance{background-color:#ececec}.nav-social-link.behance:hover{background-color:#1769ff}.nav-social-link.dribbble{margin-right:0;background-color:#ececec}.nav-social-link.dribbble:hover{background-color:#ea4c89}.field-required-icon{margin-left:8px;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);color:#cf3e3e;font-size:10px}.blog-background-blur{position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;display:block;width:80%;margin:34px auto;background-color:transparent;background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png);background-position:0 0;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;-webkit-filter:blur(14px);filter:blur(14px)}.category-post-icon{margin-right:6px;margin-left:0;color:#fff;font-size:17px}.category-name{margin-left:4px;font-family:SF-UID,sans-serif;color:#fff;font-size:16px}.blog-category-item{display:block;width:45%;height:30vh;margin:0 8px 8px 0;padding:0;-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-flex:49%;-webkit-flex:49%;-ms-flex:49%;flex:49%;background-color:#fff}.blog-category-title,.heading-34{margin-bottom:0;color:#fff}.categories,.menu-link{-webkit-box-pack:start}.empty-state,.empty-state-2{background-color:#cf3e3e}.categories{display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.link-block-4,.no-content-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.link-block-4{display:flex;height:100%;-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-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.category-description{font-family:SF-UID,sans-serif;font-size:18px}.empty-state{display:block;padding:28px 16px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-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;border-radius:2px}.text-block-59{font-family:'Nucleo glyph';font-size:20px}.no-content-label{display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-family:SF-UID,sans-serif;color:#fff;font-size:20px}.blog-article-category,.blog-category-page-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.sad-emoji{margin-left:10px;font-family:'Nucleo glyph';color:#fff;font-size:22px}.blog-page-articles.category-page{margin-top:20px;padding-top:20px;border-top:1px solid #ececec}.text-block-60{background-color:transparent;font-family:SF-UID,sans-serif;color:#fff;font-size:15px}.blog-article-category{display:flex;margin-left:12px;padding:8px 18px;-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;border-radius:50px}.blog-category-page-header{display:flex;margin-bottom:24px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.about-hero,.about-services{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.category-page-name{margin-bottom:0;margin-left:14px}.category-page-icon{margin-top:0;margin-bottom:0;margin-left:0}.category-icon-container{width:42px;height:42px;margin-right:0;margin-left:0;background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png);background-position:0 50%;background-size:contain;background-repeat:no-repeat}.nav-link-icon{margin-right:10px;font-family:'Nucleo glyph';font-size:16px}.about-hero{display:flex;padding-top:70px;padding-bottom:70px;-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-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;background-color:#25cb82}.about-hero-title{margin-bottom:16px;font-size:62px;line-height:60px}.about-hero-title.last-title{margin-bottom:24px}.white-highlight{color:#fff}.about-hero-brief{max-width:60%;margin-top:40px;margin-bottom:0;color:#fff;font-size:18px;line-height:28px}.about-section-block{margin-top:45px;margin-bottom:45px;padding-top:0;padding-bottom:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.about-section-block.process{display:none}.about-section-bg-title{position:absolute;left:-36px;top:-23px;right:0;z-index:0;color:rgba(37,203,130,.28);font-size:60px;font-weight:500}.about-section-info-block{position:relative}.about-section-text-block{position:relative;top:8px;margin-top:24px;margin-bottom:0;font-size:18px;line-height:28px}.about-services{display:flex;margin-top:40px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.about-service-block,.work-item-overlay{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal}.about-service-block{display:flex;width:32.5%;padding:22px 23px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;border:1px solid #ebebeb;border-radius:2px;box-shadow:0 2px 4px -3px rgba(0,0,0,.5)}.about-service-title{margin-bottom:10px;color:#25cb82;font-size:20px;line-height:24px;text-align:center}.about-service-description{font-size:15px;text-align:center}.work-item-overlay{position:relative;display:flex;width:100%;height:100%;padding:18px 26px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;background-color:rgba(0,0,0,.6);opacity:0}.featured-project-item,.google-translator{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.work-item-overlay-title{margin-bottom:6px;-webkit-transform:translate(0,135px);-ms-transform:translate(0,135px);transform:translate(0,135px);color:#fff}.work-item-overlay-description{max-width:75%;margin-top:10px;-webkit-transform:translate(0,110px);-ms-transform:translate(0,110px);transform:translate(0,110px);font-family:SF-UID,sans-serif;color:#fff;font-size:18px;line-height:26px}.work-item-overlay-type{position:absolute;top:16px;right:16px;padding:6px 14px;border-radius:2px;background-color:hsla(0,0%,100%,.15);font-family:SF-UID,sans-serif;color:hsla(0,0%,100%,.8);font-size:16px}.image-19,.primary-button{border-radius:4px}.featured-projects{padding-top:58px;padding-bottom:58px}.featured-projects-title{margin-top:0;padding-bottom:15px;padding-left:0;border-bottom:1px solid #f5f5f5;font-size:26px}.dynamic-list-wrapper-5{margin-top:10px}.google-translator{display:flex;margin-right:20px;-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;font-family:'Nucleo glyph'}.paragraph-2{max-width:80%;font-size:18px}.heading-35{margin-bottom:6px}.primary-button{background-color:#25cb82}.primary-button:hover{background-color:#21b674;color:#fff}.primary-button.case-button{margin-top:auto}.featured-project-item{display:flex;margin-top:10px;padding-top:24px;padding-bottom:24px;padding-left:0}.featured-project-info,.page-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.featured-project-info{display:flex;min-height:225px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.featured-project-thumbnail{position:relative;width:100%;margin-right:18px;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;border-radius:4px;background-image:url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png);background-position:50% 50%;background-size:cover;background-repeat:no-repeat}.main-content,.page-content{-webkit-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal}.working-on-status,.working-on-status-final,.working-on-status-planned{margin-left:10px;padding:5px 6px;border-radius:3px;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase}.working-on-status{background-color:#25cb82}.working-on-status-planned{background-color:#df8137}.working-on-status-final{background-color:#257bcb}.body-4{background-color:#000}.page-content{display:flex;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.navigation-link-menu,.navigation-menu{display:-webkit-box;display:-ms-flexbox;padding-bottom:0}.navigation-menu{position:fixed;z-index:99999;display:-webkit-flex;display:flex;width:100%;height:90px;margin-bottom:0;margin-left:0;padding-top:0;padding-left:0;-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;background-color:transparent}.navigation-menu.js-clippy.dark{color:#000}.main-content{position:static;display:block;width:100%;min-height:100vh;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.menu-link,.navigation-link-menu{display:-webkit-flex;margin-top:0;margin-bottom:0;background-color:transparent}.sidebar-brand{width:100%;height:60px;background-image:url(https://daks2k3a4ib2z.cloudfront.net/58dfe0b3ae9dd36872cca106/58e63a24dc548c10207cf8dd_brand-white.svg);background-position:0 50%;background-size:60px;background-repeat:no-repeat}.navigation-link-menu{display:flex;height:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:1px #1b1b1b;border-radius:3px;color:transparent}.menu-link{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-right:20px;padding-left:0;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease;transition:all .2s ease;color:#fff;font-size:18px;line-height:18px;font-weight:500}.section-background,.work{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.menu-link:hover{background-color:transparent;color:#fff}.menu-link.w--current{color:#fff;font-size:36px}.menu-link.logo,.menu-link.logo.w--current{margin-bottom:auto;font-family:madebyjordan-icons,sans-serif;color:#fff;font-size:64px;line-height:64px}.menu-link.dark{color:#000}.section-background{position:static;display:flex;overflow:hidden;width:100%;padding-top:0;padding-bottom:0;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#cf3e3e}.section-background:hover{color:#fff}.section-background.about{background-color:#25cb82}.section-background.work{height:auto;padding-top:0;padding-bottom:0;background-color:#6a65e6}.introduction-title{color:#fff;font-size:54px;line-height:60px;text-align:center}.work{display:flex;height:100vh;padding-top:25px;padding-bottom:25px;-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;background-color:#fff}.menu-link-logo,.work-section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-box-pack:start}.introduction-label{margin-bottom:16px;color:#565656;font-size:18px;text-align:center;letter-spacing:3px;text-transform:uppercase}.menu-link-logo,.sidebar-logo{font-size:64px;font-family:madebyjordan-icons,sans-serif;color:#fff}.work-section{display:flex;width:100%;height:100vh;padding-top:0;padding-bottom:0;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#25cb82}.menu-link-logo,.menu-link-logo:hover,.sidebar-dark{background-color:transparent}.sidebar-logo{margin-bottom:24px}.sidebar-logo:hover{color:#fff}.sidebar-logo.w--current{margin-bottom:auto}.sidebar-dark{position:fixed;width:15%;height:100%;margin-bottom:0;margin-left:0;padding-top:25px;padding-bottom:25px;padding-left:45px}.menu-link-logo{display:flex;width:100%;margin-top:14px;margin-bottom:auto;padding-left:0;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease;transition:all .2s ease;line-height:64px;font-weight:500}.about-section,.blog-section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-box-pack:start;width:100%;height:100vh;padding-bottom:0;padding-top:0}.menu-link-logo:hover{color:#fff}.menu-link-logo.w--current{margin-top:0;margin-bottom:0;font-family:madebyjordan-icons,sans-serif;color:#fff;font-size:48px;line-height:48px}.menu-link-logo.logo,.menu-link-logo.logo.w--current{margin-bottom:auto;font-family:madebyjordan-icons,sans-serif;color:#fff;font-size:64px;line-height:64px}.about-section{display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#cf3e3e}.blog-section{display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#0f1113}.contact-section,.sidebar-dark-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-box-pack:start}.contact-section{display:flex;width:100%;height:100vh;padding-top:0;padding-bottom:0;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff}.content-wrapper,.sidebar-link-menu-dark{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal}.sidebar-link-menu-dark{display:none;margin-top:0;margin-bottom:0;padding-bottom:10px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;border:1px #1b1b1b;border-radius:3px;background-color:transparent}.sidebar-dark-link,.sidebar-dark-logo-link{width:100%;margin-top:14px;-webkit-transition:all .2s ease;background-color:transparent;padding-left:0;font-weight:500}.sidebar-dark-link{display:flex;margin-bottom:14px;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;transition:all .2s ease;color:rgba(0,0,0,.48);font-size:36px;line-height:20px}.content-wrapper.intro,.sidebar-dark-logo-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.sidebar-dark-link:hover{background-color:transparent;color:#fff}.sidebar-dark-link.w--current{color:#000;font-size:36px}.sidebar-dark-link.logo,.sidebar-dark-link.logo.w--current,.sidebar-dark-logo-link,.sidebar-dark-logo-link.logo,.sidebar-dark-logo-link.logo.w--current,.sidebar-dark-logo-link.w--current{margin-bottom:auto;font-size:64px;line-height:64px;font-family:madebyjordan-icons,sans-serif}.sidebar-dark-link.logo,.sidebar-dark-link.logo.w--current{color:#fff}.sidebar-dark-logo-link{display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;transition:all .2s ease;color:#000}.sidebar-dark-logo-link:hover{background-color:transparent;color:#fff}.sidebar-dark-logo-link.w--current{color:#000}.sidebar-dark-logo-link.logo,.sidebar-dark-logo-link.logo.w--current{color:#fff}.content-wrapper{display:block;width:85%;margin-right:auto;margin-left:auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;background-color:transparent}.content-wrapper.about{background-color:transparent}.content-wrapper.intro{position:relative;display:flex}.menu-link-last,.menu-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;margin-right:0}.page-slider{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.content-section{height:100vh}.content-section.work{background-color:#44bee4}.content-section.about{background-color:#25cb82}.content-section.blog{background-color:#cf3e3e}.section-item{height:100vh;background-color:#0f1113}.section-item.work{padding-top:0;padding-bottom:0;background-color:#ebebeb}.section-item.about{background-color:#25cb82}.section-item.contact{background-color:#fff}.menu-link-last,.menu-link-last:hover,.scroll-indicator{background-color:transparent}.menu-links{display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.menu-link-last{display:flex;width:100%;margin-top:0;margin-bottom:0;padding-left:0;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease;transition:all .2s ease;color:#fff;font-size:18px;line-height:18px;font-weight:500}.menu-link-last:hover{color:#fff}.menu-link-last.w--current{color:#fff;font-size:36px}.menu-link-last.logo,.menu-link-last.logo.w--current{margin-bottom:auto;font-family:madebyjordan-icons,sans-serif;color:#fff;font-size:64px;line-height:64px}.scroll-indicator{position:absolute;left:50%;right:0;bottom:100px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:24px;height:44px;margin-top:0;margin-bottom:0;padding-top:8px;padding-bottom:8px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;border:2px solid #fff;border-radius:50px}.scroll-wheel{width:4px;height:12px;border-radius:50px;background-color:#fff}html.w-mod-js [data-ix=title-animation],html.w-mod-js [data-ix=title-animation-2]{opacity:0;-webkit-transform:translate(0,39px);-ms-transform:translate(0,39px);transform:translate(0,39px)}html.w-mod-js [data-ix=title-animation-3]{opacity:0;-webkit-transform:translate(0,45px);-ms-transform:translate(0,45px);transform:translate(0,45px)}html.w-mod-js [data-ix=index-greeting]{opacity:0;-webkit-transform:translate(0,18px);-ms-transform:translate(0,18px);transform:translate(0,18px)}@media (max-width:991px){.blog-header,.contact-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;text-align:center}.blog-post-body,.blog-share,.nav-link,.nav-link.w--current,.nav-link:hover{padding-right:24px;padding-left:24px}.blog-header,.case-study-item,.contact-header,.dynamic-list-4,.header-label,.heading-31,.heading-33,.index-jumbo,.jumbo-title.work-jumbo-title,.text-block-36,.text-block-48,.text-block-58,.working-on-items{text-align:center}.blog-article-body,.blog-background-blur{background-position:50% 50%}a{font-size:18px;font-weight:500}.navbar-container{max-width:90%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.nav-link.w--current,.nav-link:hover{border-radius:50px}.nav-link.nav-link-last{margin-right:0}.nav-items{max-width:100%}.footer-container{max-width:90%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.footer-social-link{margin-right:10px;margin-left:10px}.blog-nav-container{max-width:90%}.jumbo-body-text,.jumbo-title{max-width:100%;margin-left:0}.container{width:92.5%}.container.article-container{width:90%}.jumbo-title{font-size:34px;line-height:40px}.dynamic-list-wrapper-4{margin-top:20px}.dynamic-item-9{height:12vh;background-size:cover}.text-block-31{max-width:80%}.blog-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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}.blog-article-item,.contact-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.heading-25{max-width:100%;font-size:32px;line-height:42px}.text-block-36,.text-block-45{font-size:16px}.contact-header{display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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}.contact-form{margin-bottom:34px}.form-item,.form-item-block{width:100%}.text-block-36{line-height:22px}.work-grid{margin-top:15px}.blog-article-item{display:flex;width:100%;margin-top:40px;padding-top:0;padding-bottom:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.case-studies,.dynamic-list-wrapper-5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.case-studies,.dynamic-list-5,.dynamic-list-6,.dynamic-list-wrapper-6,.working-on-items{-webkit-box-orient:vertical;-webkit-box-direction:normal}.paragraph{max-width:95%}.blog-article-thumbnail{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;border-radius:4px;background-size:cover}.blog-article-view-btn{padding-top:5px;padding-bottom:5px;font-size:16px;text-align:center}.blog-post-body h1{margin-top:14px;margin-bottom:22px;line-height:48px}.blog-post-body p{margin-top:10px;font-size:18px;line-height:28px}.blog-post-body h3{margin-top:26px;margin-bottom:14px;font-weight:400}.blog-post-body h2{margin-top:24px;margin-bottom:14px;font-size:32px}.what-im-working-on{padding-top:0;padding-bottom:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.working-on-block{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.working-on-items{padding-top:44px;padding-bottom:44px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.work-item{height:30vh;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.case-studies{display:flex;margin-top:38px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-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}.case-study-item{position:static;width:50%;padding-right:0}.dynamic-list-4{display:block;width:100%}.blog-article-item-details{padding-top:0;padding-bottom:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.heading-32{font-size:34px}.text-block-51{max-width:100%;font-size:18px}.view-article-link{margin-top:auto}.view-article-link.index{margin-top:20px}.index-greeting{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}._404-header{width:80%}.blog-background-blur{width:90%}.about-hero-brief{max-width:80%}.about-services{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.about-service-block{width:49.5%;padding:26px 4px;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.about-service-block.brand{width:100%;margin-top:8px;-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}.dynamic-list-wrapper-5{display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.featured-project-item{width:100%;float:none}.featured-project-info{width:80%;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.featured-project-thumbnail{width:100%;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.dynamic-list-5,.dynamic-list-6,.dynamic-list-wrapper-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}@media (max-width:767px){.nav-brand.w--current,.navbar{margin-bottom:16px}.blog-article-view-btn,.text-block-36{margin-left:auto}.navbar-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.nav-link.w--current{font-size:14px}.nav-links{margin-top:28px}.footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-top:14px;padding-bottom:14px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.footer-container,.footer-items{-webkit-box-orient:vertical;-webkit-box-direction:normal}.footer-links{width:100%;margin-top:12px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.footer-brand{margin-top:0;margin-bottom:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.image-13{margin-top:12px;margin-bottom:12px}.container{width:90%}.jumbo-title{font-size:28px;line-height:38px}.jumbo-body-text{font-size:16px;line-height:24px}.dynamic-item-9{height:12vh;float:left;background-size:cover}.footer-container{padding-top:18px;padding-bottom:18px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.footer-copyright{width:100%;margin-top:6px;text-align:center}.footer-items{padding-top:0;padding-bottom:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.heading-25{font-size:28px;line-height:38px;text-align:center}.blog-article-header{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:left}.featured-projects-title,.recent-articles-header{text-align:center}.text-block-36{display:block;max-width:80%;margin-right:auto;line-height:22px}.blog-share{padding-right:0;padding-left:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.text-block-44{-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.blog-jumbo{margin-top:78px;margin-bottom:78px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.blog-article-item{height:30vh;margin-top:24px;margin-bottom:24px;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;border-radius:4px}.blog-article-metadata{width:100%;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.text-block-45{margin-right:14px}.paragraph{margin-bottom:25px}.blog-article-thumbnail{width:100%;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;border-radius:4px}.about-services,.blog-article-item-details{-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal}.blog-post-body{padding-right:24px;padding-left:24px}.blog-article-item-details{padding-top:16px;padding-bottom:16px;-ms-flex-direction:column;flex-direction:column}.greetings-bubble{width:54px;height:54px}.greeting-header,.greeting-text{font-size:2em}.heading-33{line-height:58px}.about-services{-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.about-service-block{width:100%;margin-top:8px}.work-item-overlay{opacity:1}.work-item-overlay-title{-webkit-transform:none;-ms-transform:none;transform:none;font-size:34px;line-height:40px}.work-item-overlay-description{max-width:85%;margin-top:0;-webkit-transform:none;-ms-transform:none;transform:none;font-size:16px;line-height:24px}.featured-project-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.featured-project-thumbnail{width:100%;height:15vh;margin-bottom:20px}}@media (max-width:479px){.nav-items,.navbar-container{-webkit-box-orient:vertical;-webkit-box-direction:normal}.nav-items,.nav-links,.navbar-container{-webkit-box-direction:normal}.form-item,.nav-link.nav-link-last,.submit-button,.text-block-46{margin-right:0}.navbar{height:140px;max-width:100%;min-height:80px}.navbar-container{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.nav-link{position:static;padding:0;font-size:14px}.nav-link:hover{border-bottom-style:none;background-color:transparent;color:#000}.nav-link.w--current{position:static;margin-left:0;padding:0;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto;border-bottom:3px none #25cb82;background-color:transparent;color:#25cb82}.nav-link.nav-link-last:hover{border-bottom-style:none;border-bottom-width:0}.nav-brand.w--current{margin-bottom:0}.nav-items{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.nav-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:100%;margin-top:20px;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:12px;text-align:center}.footer{height:160px;padding-top:0;padding-bottom:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.footer-container,.form-item-block{-webkit-flex-direction:column;-webkit-box-direction:normal;-webkit-box-orient:vertical}.footer-container{-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.footer-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100px;margin-top:6px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.footer-brand{margin-top:20px;margin-bottom:24px}.footer-social-link.footer-link-last{font-size:21px}.jumbo-title{font-size:28px}.dynamic-item-9{height:10vh;background-size:cover}.footer-container{height:100%}.image-15{margin-top:0;margin-bottom:0}.work-panel-info{padding-left:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.heading-23{margin-bottom:2px;font-size:22px;text-align:center}.text-block-31{max-width:85%;text-align:center}.heading-25,.text-block-36{max-width:100%}.footer-items{height:100%;margin-bottom:8px;-webkit-box-flex:0;-webkit-flex:0 auto;-ms-flex:0 auto;flex:0 auto}.blog-header{height:45vh}.header-label{font-size:14px}.heading-25{font-size:28px;line-height:38px}.form-item{margin-top:19px;margin-bottom:19px}.form-item-block{margin-top:0;margin-bottom:0;-ms-flex-direction:column;flex-direction:column}.submit-button{width:100%}.overlay-navbar-items{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.heading-29{margin-top:95px}.text-block-42{max-width:95%;font-size:16px;line-height:22px}.paragraph,.text-block-45,.text-block-46{font-size:14px}.nav-link-label:hover{border-style:none;border-bottom-width:1px;border-bottom-color:#000}.madebyjordan-logo{margin-top:0}.blog-banner{padding-top:18px;padding-bottom:18px;-webkit-filter:brightness(40%);filter:brightness(40%)}.blog-article-item{display:block;height:auto;margin-top:24px;margin-bottom:24px;padding-top:12px;padding-bottom:12px;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.blog-article-details{padding:16px 20px}.blog-article-metadata{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.paragraph{max-width:100%;margin-bottom:0;line-height:24px}.blog-article-view-btn{padding:8px;font-size:14px}.heading-30{font-size:23px}.working-on-title{font-size:22px}.working-on-item-link{-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}.work-item{height:30vh}.blog-article-item-details{padding-top:0;padding-bottom:0;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.heading-32{font-size:28px;line-height:38px}.text-block-51{max-width:100%;margin-bottom:18px}.view-article-link{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.view-article-link.index{margin-top:28px}.blog-post-title{font-size:46px;line-height:48px}.heading-33{font-size:3em}.about-hero-title{font-size:36px;line-height:30px}.about-hero-brief{max-width:95%}}
@font-face {
font-family: 'SF-UID';
src: url('https://daks2k3a4ib2z.cloudfront.net/58dfe0b3ae9dd36872cca106/594282a8fe536204a1cc5965_SF-UI-Display-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'SF-UID';
src: url('https://daks2k3a4ib2z.cloudfront.net/58dfe0b3ae9dd36872cca106/594282a8cabb8d04b11a5ea0_SF-UI-Display-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'SF-UID';
src: url('https://daks2k3a4ib2z.cloudfront.net/58dfe0b3ae9dd36872cca106/594282a8ebecce1453b2fa87_SF-UI-Display-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'SF-UID';
src: url('https://daks2k3a4ib2z.cloudfront.net/58dfe0b3ae9dd36872cca106/594282a80335374f67efd6e5_SF-UI-Display-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'madebyjordan-icons';
src: url('https://daks2k3a4ib2z.cloudfront.net/58dfe0b3ae9dd36872cca106/597e340a251f4800017cde7b_madebyjordan.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Circular-std';
src: url('https://daks2k3a4ib2z.cloudfront.net/58dfe0b3ae9dd36872cca106/592c2b96e7a6b9430e502db0_CircularStd-Black.otf') format('opentype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Circular-std';
src: url('https://daks2k3a4ib2z.cloudfront.net/58dfe0b3ae9dd36872cca106/592c2b9677d1db4322b653c2_CircularStd-Book.otf') format('opentype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Circular-std';
src: url('https://daks2k3a4ib2z.cloudfront.net/58dfe0b3ae9dd36872cca106/592c2b973cebc01093fd8908_CircularStd-Medium.otf') format('opentype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Circular-std';
src: url('https://daks2k3a4ib2z.cloudfront.net/58dfe0b3ae9dd36872cca106/592c2b96318fb11080a26490_CircularStd-Bold.otf') format('opentype');
font-weight: 700;
font-style: normal;
}
.section-item {
overflow: hidden;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 130vh;
position: fixed;
width: 100%;
-webkit-transform: translateY(20vh);
-ms-transform: translateY(20vh);
transform: translateY(20vh);
-webkit-transition: all 1.4s cubic-bezier(0.22, 0.44, 0, 1);
transition: all 1.4s cubic-bezier(0.22, 0.44, 0, 1);
}
.section-item:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.section-item:first-child {
-webkit-transform: translateY(-10vh);
-ms-transform: translateY(-10vh);
transform: translateY(-10vh);
}
.section-item:first-child .content-wrapper {
-webkit-transform: translateY(10vh);
-ms-transform: translateY(10vh);
transform: translateY(10vh);
}
/* Set stacking context of slides */
.section-item:nth-child(1) {
z-index: 5;
}
.section-item:nth-child(2) {
z-index: 4;
}
.section-item:nth-child(3) {
z-index: 3;
}
.section-item:nth-child(4) {
z-index: 2;
}
.section-item:nth-child(5) {
z-index: 1;
}
.content-wrapper {
height: 100vh;
/*-webkit-transform: translateY(40vh);
-ms-transform: translateY(40vh);
transform: translateY(40vh);*/
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 1.9s cubic-bezier(0.22, 0.44, 0, 1);
transition: all 1.9s cubic-bezier(0.22, 0.44, 0, 1);
}
.menu-link-last.dark,
.menu-link-logo.dark {
color: #000;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment