/*vendor */
/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */
*,
::before,
::after {
	background-repeat: no-repeat; /* 1 */
	-webkit-box-sizing: inherit;
	        box-sizing: inherit; /* 2 */
}
/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */
::before,
::after {
	text-decoration: inherit; /* 1 */
	vertical-align: inherit; /* 2 */
}
/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box; /* 1 */
	cursor: default; /* 2 */
	-ms-text-size-adjust: 100%; /* 3 */
	-webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
	display: block;
}
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
	margin: 0;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: .67em 0;
}
/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
	display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
	margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}
/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
	list-style: none;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}
/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
	background-color: transparent; /* 1 */
	-webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
	font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
	font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
	background-color: #ffff00;
	color: #000000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -.25em;
}
sup {
	top: -.5em;
}
/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */
::-moz-selection {
	background-color: #b3d4fc; /* 1 */
	color: #000000; /* 1 */
	text-shadow: none;
}
::selection {
	background-color: #b3d4fc; /* 1 */
	color: #000000; /* 1 */
	text-shadow: none;
}
/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
	display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
	border-style: none;
}
/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg {
	fill: currentColor;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
	overflow: hidden;
}
/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */
/**
 * Collapse border spacing
 */
table {
	border-collapse: collapse;
}
/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	margin: 0;
}
/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
	background-color: transparent;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
	overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
	text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}
/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
	overflow: auto; /* 1 */
	resize: vertical; /* 2 */
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}
/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, /* 1 */
menu {
	display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}
/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
	display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
	display: none;
}
/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */
/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
	-ms-touch-action: manipulation; /* 1 */
	touch-action: manipulation;
}
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
	display: none;
}
/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */
/**
 * Change the cursor on busy elements (opinionated).
 */
[aria-busy="true"] {
	cursor: progress;
}
/*
 * Change the cursor on control elements (opinionated).
 */
[aria-controls] {
	cursor: pointer;
}
/*
 * Change the display on visually hidden accessible elements (opinionated).
 */
[aria-hidden="false"][hidden]:not(:focus) {
	clip: rect(0, 0, 0, 0);
	display: inherit;
	position: absolute;
}
/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */
[aria-disabled] {
	cursor: default;
}
/* global */
/* Custom MQ's - Another other sizes should be called by their exact value */
/* Font Families */
@font-face {
  font-family: 'avenir-heavy';
  font-weight: 900;
  font-style: normal;
  src: url('./../fonts/3226D5_0_0.eot'),
       url('./../fonts/3226D5_0_0.eot?#iefix') format('embedded-opentype'),
       url('./../fonts/3226D5_0_0.woff') format('woff'),
       local('avenir-heavy'), url('./../fonts/3226D5_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'avenir-medium';
  font-weight: 500;
  font-style: normal;
  src: url('./../fonts/3226D5_1_0.eot'),
       url('./../fonts/3226D5_1_0.eot?#iefix') format('embedded-opentype'),
       url('./../fonts/3226D5_1_0.woff') format('woff'),
       local('avenir-medium'), url('./../fonts/3226D5_1_0-demi.ttf')  format('truetype');
}
@font-face {
  font-family: 'avenir-roman';
  font-weight: 300;
  font-style: normal;
  src: url('./../fonts/3226D5_2_0.eot'),
       url('./../fonts/3226D5_2_0.eot?#iefix') format('embedded-opentype'),
       url('./../fonts/3226D5_2_0.woff') format('woff'),
       local('avenir-roman'), url('./../fonts/3226D5_2_0.ttf')  format('truetype');
}
/* Main Styles */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'avenir-medium', 'Arial', sans-serif;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: .5em;
  line-height: 1.22em;
  letter-spacing: -0.02em;
}
h1 {
  font-size: 24px;
}
@media (min-width: 768px) {
	h1 {
		font-size: 32px;
	}
}
p {
  font-size: 16px;
  line-height: 1.4em;
}
.h1 {
  font-size: 24px;
}
@media (min-width: 768px) {
	.h1 {
		font-size: 38px;
	}
}
.h1-big {
  font-size: 32px;
}
@media (min-width: 768px) {
	.h1-big {
		font-size: 42px;
		font-weight: bold;
	}
}
header {
  position: relative;
  padding: 15px 6%;
  border-bottom: solid 1px #F6F6F6;
  background-color: #ffffff;
  z-index: 9999;
}
@media (min-width: 768px) {
	header {
		padding: 15px 35px;
	}
}
nav.main {
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
nav.main div.pages {
	width: 50%;
}
nav.main div.contact {
	width: 50%;
}
@media (min-width: 768px) {
	nav.main {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
ul.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
ul.nav li {
  display: inline-block;
  margin-left: 14px;
  margin-right: 14px;
}
ul.nav li a {
	position: relative;
	display: block;
	text-transform: uppercase;
	color: #000000;
	line-height: 1em;
	font-size: 11px;
	letter-spacing: .1em;
	padding-bottom: 1px;
}
ul.nav li a.btn {
	padding-bottom: 10px;
}
ul.nav li a.link:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 0;
	-webkit-transition: width 0s ease, background 350ms ease;
	transition: width 0s ease, background 350ms ease;
}
ul.nav li a.link:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	height: 1px;
	width: 0;
	background: #000000;
	-webkit-transition: width 350ms ease;
	transition: width 350ms ease;
}
ul.nav li a.link:hover:before {
	width: 100%;
	background: #000000;
	-webkit-transition: width 350ms ease;
	transition: width 350ms ease;
}
ul.nav li a.link:hover:after {
	width: 100%;
	background: transparent;
	-webkit-transition: all 0s ease;
	transition: all 0s ease;
}
ul.nav li img {
	width: 60px;
	height: 30px;
}
ul.nav li.logo {
  margin-left: 0;
  margin-right: 14px;
}
ul.nav li.logo a:after {
	background: transparent;
}
ul.nav li.logo a:before {
	background: transparent;
}
ul.nav.right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
ul.nav.right li a:not(.btn) {
	letter-spacing: 0;
}
ul.nav.left > li {
  padding: 10px 0;
}
ul.nav.left li.has-dropdown {
  position: relative;
}
ul.nav.left li.has-dropdown:hover ul {
	top: 100%;
	opacity: 1;
	visibility: visible;
	z-index: 5;
}
ul.nav.left li.has-dropdown ul {
	position: absolute;
	top: calc(100% + 10px);
	left: -23px;
	background: rgba(255, 255, 255, .95);
	-webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, .2);
	        box-shadow: 0 15px 25px rgba(0, 0, 0, .2);
	padding: 23px 23px 13px;
	opacity: 0;
	visibility: hidden;
	z-index: -5;
	-webkit-transition: 0.35s;
	transition: 0.35s;
}
ul.nav.left li.has-dropdown ul li {
	margin-left: 0;
	margin-right: 0;
}
ul.nav.left li.has-dropdown ul li a {
	font-size: 13px;
	text-transform: none;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
	white-space: nowrap;
}
/* Mobile */
nav.mobile {
  display: block;
  position: relative;
  height: 30px;
}
@media (min-width: 768px) {
	nav.mobile {
		display: none;
	}
}
.mobile-logo {
  display: inline-block;
}
.mobile-logo img {
	height: 30px;
	width: 60px;
}
.hamburger-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 30px;
}
.hamburger.is-active {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.hamburger.is-active::after {
	width: 0;
	-webkit-transition-delay: 0.5s;
	        transition-delay: 0.5s;
}
.hamburger.is-active::before {
	width: 0;
	-webkit-transition-delay: 0.5s;
	        transition-delay: 0.5s;
}
.hamburger.is-active span {
	width: 100%;
	-webkit-transition-delay: 800ms;
	        transition-delay: 800ms;
	left: inherit;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.hamburger {
  display: block;
  position: absolute;
  right: 0;
  width: 25px;
  height: 2px;
  background: #000000;
  margin-top: 14px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: -webkit-transform 850ms cubic-bezier(.77,0,.175,1);
  transition: -webkit-transform 850ms cubic-bezier(.77,0,.175,1);
  transition: transform 850ms cubic-bezier(.77,0,.175,1);
  transition: transform 850ms cubic-bezier(.77,0,.175,1), -webkit-transform 850ms cubic-bezier(.77,0,.175,1);
}
.hamburger::before {
	content: '';
	width: 19px;
	height: 2px;
	position: absolute;
	background-color: #000000;
	-webkit-transition: width 500ms ease 300ms;
	transition: width 500ms ease 300ms;
	top: -6px;
	left: 0;
}
.hamburger::after {
	content: '';
	width: 16px;
	height: 2px;
	position: absolute;
	background-color: #000000;
	-webkit-transition: width 500ms ease 300ms;
	transition: width 500ms ease 300ms;
	top: 6px;
	left: 0;
}
.hamburger span {
	width: 0;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	-webkit-backface-visibility: hidden;
	-webkit-transition: width 500ms ease;
	transition: width 500ms ease;
}
.menu-wrap {
  position: fixed;
  top: 0;
  right: calc(6% + 40px);
  margin-top: 45px;
  min-width: 184px;

  background: rgba(255, 255, 255, .95);
  border: 1px solid #DDDDDD;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 33.6585px 44.878px rgba(0, 0, 0, .25);
          box-shadow: 0px 33.6585px 44.878px rgba(0, 0, 0, .25);

  overflow: hidden;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
@media (min-width: 768px) {
	.menu-wrap {
		display: none;
	}
}
.menu-wrap li {
	border-bottom: 1px solid #DDDDDD;
}
.menu-wrap li:last-child {
	border-bottom: none;
}
.menu-wrap ul {
	padding: 0;
	margin: 0;
}
.menu-wrap a {
	color: #000000;
	font-size: 16px;
	padding: 15px 22px;
	white-space: nowrap;
	display: block;
	font-weight: 500;
}
.menu-wrap a:hover {
	background-color: #ffffff;
	color: #000000;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.menu-wrap a span {
	opacity: 0;
	top: 10px;
	position: relative;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	-webkit-transition-delay: 0.35s;
	        transition-delay: 0.35s;
}
.menu-wrap.is-active {
	opacity: 1;
	z-index: 99999;
	visibility: visible;
	-webkit-transform: scale(1);
	        transform: scale(1);
}
.menu-wrap.is-active li a span {
	opacity: 1;
	top: 0;
}
.btn {
  position: relative;
  padding: 10px 20px;
  border: solid 1px #16161d;
  text-transform: uppercase;
  -webkit-transform: perspective(1px) translateZ(0);
          transform: perspective(1px) translateZ(0);
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
  line-height: 1em;
  font-size: 11px;
  letter-spacing: .1em;
}
.btn:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 0;
	z-index: -1;
	-webkit-transition: width 0s ease, background 350ms ease;
	transition: width 0s ease, background 350ms ease;
}
.btn:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 0;
	background: #16161d;
	-webkit-transition: width 350ms ease;
	transition: width 350ms ease;
}
.btn:hover:before {
	width: 100%;
	background: #16161d;
	-webkit-transition: width 350ms ease;
	transition: width 350ms ease;
}
.btn:hover:after {
	width: 100%;
	background: transparent;
	-webkit-transition: all 0s ease;
	transition: all 0s ease;
}
.btn.white {
	color: #fff;
	border-color: #fff;
}
.btn.white:after {
	background: #fff;
}
.btn.white:hover {
	color: #16161d;
}
.btn.white:hover:after {
	background: transparent;
}
.btn.white:hover:before {
	background: #fff;
}
.btn:hover {
  color: #fff;
  z-index: 3;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
.btn.black {
  background-color: #16161d;
  color: #fff;
  border: solid 1px transparent;
}
.btn.black:hover {
  background-color: #fff;
  color: #16161d;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #16161d;
  cursor: pointer;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
.btn.green {
  background-color: #7FBD00;
  color: #fff;
  border: solid 1px transparent;
}
.btn.green:hover {
  background-color: #fff;
  color: #7FBD00;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #7FBD00;
  cursor: pointer;
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease;
}
body {
  background-color: #f6f6f6;
}
body.is-overflow {
	overflow: hidden !important;
	position: fixed !important;
}
.max-container {
  max-width: 1600px;
  margin: 0 auto;
}
.container {
  max-width: 1600px;
  margin: 0 auto;
  background-color: #ffffff;
}
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
figure {
  margin: 0;
}
a {
  text-decoration: none;
  color: #000000;
  outline: none;
}
p a {
  position: relative;
  color: #000000;
  font-weight: 600;
}
p a:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 100%;
	background: #000000;
	-webkit-transition: width 350ms ease;
	transition: width 350ms ease;
}
p a:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	height: 1px;
	width: 100%;
	background: transparent;
	-webkit-transition: all 0s ease;
	transition: all 0s ease;
}
p a:hover:before {
	width: 0;
	-webkit-transition: width 0s ease, background 350ms ease;
	transition: width 0s ease, background 350ms ease;
}
p a:hover:after {
	width: 0;
	background: #000000;
	-webkit-transition: width 350ms ease;
	transition: width 350ms ease;
}
p a.white:before {
	background: #ffffff;
}
p a.white:hover:after {
	background: #ffffff;
}
footer {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 40px 6% 80px;
  background-color: #000000;
  color: #ffffff;
}
@media (min-width: 768px) {
	footer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding: 30px 5%;
	}
}
.footer-left {
  width: 100%;
}
@media (min-width: 768px) {
	.footer-left {
		width: 50%;
	}
}
.footer-left address {
	font-style: normal;
	font-size: 14px;
}
.footer-left a {
	position: relative;
	color: #ffffff;
	font-family: 'avenir-medium', 'Arial', sans-serif;
	font-weight: 600;
	font-size: 15px;
}
.footer-left a:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 0;
	-webkit-transition: width 0s ease, background 500ms ease;
	transition: width 0s ease, background 500ms ease;
}
.footer-left a:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	height: 1px;
	width: 0;
	background: #ffffff;
	-webkit-transition: width 500ms ease;
	transition: width 500ms ease;
}
.footer-left a:hover:before {
	width: 100%;
	background: #ffffff;
	-webkit-transition: width 500ms ease;
	transition: width 500ms ease;
}
.footer-left a:hover:after {
	width: 100%;
	background: transparent;
	-webkit-transition: all 0s ease;
	transition: all 0s ease;
}
.footer-left .copyright {
	opacity: .35;
	font-size: 14px;
	margin-bottom: 0;
}
.footer-right {
  width: 100%;
  margin-top: 50px;
}
@media (min-width: 768px) {
	.footer-right {
		width: 50%;
		margin-top: 0;
	}
}
.footer-right ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@media (min-width: 768px) {
	.footer-right ul {
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
}
.footer-right li {
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.footer-right li:last-child {
	margin-right: 0;
}
.footer-right a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	height: 100%;
}
.footer-right a:after {
	content: '';
	position: absolute;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	border-radius: 9999px;
	background-color: #ffffff;
	opacity: .15;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.footer-right a:hover:after {
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	width: 80px;
	height: 80px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.footer-right img {
	width: 22px;
	height: 22px;
}
.footer-center {
  position: absolute;
  top: 30px;
  right: 6%;
  left: inherit;
  height: 60px;
  width: 60px;
}
@media (min-width: 768px) {
	.footer-center {
		left: calc(50% - 30px);
		top: calc(50% - 30px);
		right: inherit;
	}
}
.footer-center a {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
}
.footer-center a:after {
	content: '';
	position: absolute;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	height: 60px;
	width: 60px;
	background-color: #ffffff;
	border-radius: 9999px;
	opacity: .15;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.footer-center a:hover:after {
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	width: 80px;
	height: 80px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.footer-center img {
	position: absolute;
	left: calc(50% - 13px);
	top: calc(50% - 13px);
	height: 26px;
	width: 26px;
}
:root {
  /* KNI Colors */

  /* UI */

  /* Project colors */
}
body.project .max-container {
	background-color: #fff;
}
body.project main {
	max-width: 1600px;
	margin: 0 auto;
	padding-top: 8px;
}
body.project img {
	width: 100%;
}
body.project .mobile-logo img {
	width: 60px;
}
body.project .work-inner-content img {
	width: 40px;
}
body.project .footer-center img {
	width: 26px;
}
div.project-container {
  margin: 0 auto;
  overflow: hidden;
}
div.project-info {
  padding: 28px 6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
div.project-info h1, div.project-info p {
	color: #16161d;
}
div.project-info h1 {
	font-size: 32px;
	font-weight: 600;
	margin: 0 0 10px;
	line-height: 1em;
}
@media (min-width: 768px) {
	div.project-info h1 {
		font-size: 46px;
	}
}
div.project-info li {
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0 19px 0 0;
}
div.project-info li:first-child {
	border-right: solid 1px rgba(0, 0, 0, .2);
}
div.project-info p {
	font-size: 14px;
	margin: 0;
	/*font-style: italic */
	color: rgba(0, 0, 0, .5);
}
div.project-info a {
	font-size: 14px;
	color: rgba(0, 0, 0, .5);
}
div.project-info a:hover {
	color: #000;
}
@media (min-width: 768px) {
	div.project-info {
		padding: 48px 6%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	div.project-info div:first-child {
		width: 70%;
	}
	div.project-info div:last-child {
		width: 30%;
	}
}
div.project-pagination {
  display: none;
  visibility: hidden;
  text-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
	div.project-pagination {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		visibility: visible;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
}
div.project-pagination a {
	position: relative;
	display: block;
	height: 50px;
	width: 50px;
	border: solid 1px #242424;
	border-radius: 999px;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
@media (min-width: 768px) {
	div.project-pagination a {
		height: 65px;
		width: 65px;
	}
}
div.project-pagination a:hover {
	background-color: #16161d;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
div.project-pagination a:hover p {
	opacity: 0;
}
@media (min-width: 768px) {
	div.project-pagination a:hover p {
		opacity: 1;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		-webkit-transition: all 350ms ease;
		transition: all 350ms ease;
	}
}
div.project-pagination a:hover svg polyline, div.project-pagination a:hover svg line {
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	stroke: #fff;
}
div.project-pagination svg {
	position: absolute;
	top: calc(50% - 15px);
	left: calc(50% - 15px);
	width: 30px;
	height: 30px;
}
div.project-pagination p {
	position: absolute;
	left: 50%;
	bottom: calc(100% + 7px);
	-webkit-transform: translateX(-50%) translateY(10px);
	        transform: translateX(-50%) translateY(10px);
	width: 125px;
	color: #16161d;
	opacity: 0;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
div.project-pagination figure.prev {
	margin-right: 10px;
}
div.project-pagination figure.prev svg {
	-webkit-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}
div.project-pagination figure.next svg {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}
div.project-meta figure {
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.project-meta figure:before {
	content: '';
	display: block;
	height: 0;
	padding-top: 62.25%;
}
div.pad {
  background-color: #fff;
  padding: 0;
}
div.pad .img-2-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding: 0;
}
@media (min-width: 768px) {
	div.pad .img-2-col {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
}
div.pad .img-2-col div {
	width: 100%;
}
@media (min-width: 768px) {
	div.pad .img-2-col div {
		width: 47%;
		height: auto;
	}
}
div.pad article {
	padding: 7%;
}
@media (min-width: 768px) {
	div.pad article {
		padding: 7% 60px;
		max-width: 880px;
		margin: 0 auto;
	}
}
div.pad p {
	font-family: 'avenir-medium';
	margin: 0;
	font-size: 16px;
	line-height: 1.8em;
}
@media (min-width: 768px) {
	div.pad p {
		font-size: 20px;
		line-height: 1.6em;
	}
}
div.pad img {
	display: block;
	position: relative;
	width: 86%;
	margin: 0 auto;
	margin-bottom: 20px;
	border: solid 1px #ebebeb;
}
div.pad img.none {
	border: none;
}
div.pad img.full {
	width: 100%;
}
div.pad img.no-space {
	margin-bottom: 0;
}
div.pad img.gif {
	border: none;
}
div.pad img.border {
	border: solid 1px #ebebeb;
}
div.pad img.more-space {
	margin-bottom: 60px;
}
div.more-wrap {
  padding: 50px 0 0;
  border-top: solid 2px #f6f6f6;
}
div.more-wrap h2 {
	font-size: 26px;
	font-weight: 600;
	padding: 0 7%;
	margin-bottom: 50px;
}
div.more-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 10px;
}
@media (min-width: 415px) {
	div.more-inner {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
}
div.more-inner figure {
	width: 100%;
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}
@media (min-width: 415px) {
	div.more-inner figure {
		width: 33.3333%;
		margin-bottom: 0;
	}
}
div.more-inner figure:before {
	content: '';
	display: inline-block;
	height: 0;
	padding-top: 70.25%;
}
@media (min-width: 415px) {
	div.more-inner figure {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
}
div.more-inner h3 {
	font-size: 18px;
}
figure.project-hero.video {
  background-color: #333;
  width: 100%;
  padding: 0;
  margin: 0;
}
figure.project-hero.video video {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: 100%;
}
/* View More Bar per Project */
/* Project Background Color */
/* ==================================================== */
/* *** Moovit */
div.work-inner-content.moovit:after,
body.moovit main {
  background-color: #3c373b;
}
/* *** Lyve */
div.work-inner-content.lyve:after,
body.lyve main {
  background-color: #ddd;
}
/* *** Highfive */
div.work-inner-content.highfive:after,
body.highfive main {
  background-color: #4948c0;
}
/* *** Dreamstudio */
div.work-inner-content.dreamstudio:after,
body.dreamstudio main {
  background-color: #6e583c;
}
/* *** Stipple */
div.work-inner-content.stipple:after,
body.stipple main {
  background-color: #292929;
}
/* *** Cove */
div.work-inner-content.cove:after,
body.cove main {
  background-color: #154b8a;
}
/* *** Sot */
div.work-inner-content.sot:after,
body.sot main {
  background-color: #94847a;
}
/* *** Adoll */
div.work-inner-content.adroll:after,
body.adroll main {
  background-color: #1a2e45;
}
/* *** Nest */
div.work-inner-content.nest:after,
body.nest main {
  background-color: #f95d1a;
}
/* *** Proxy */
div.work-inner-content.proxy:after,
body.proxy main {
  background-color: #023deb;
}
/* *** Caissa */
div.work-inner-content.caissa:after,
body.caissa main {
  background-color: #1C3045;
}
/* *** Harrison */
div.work-inner-content.harrison:after,
body.harrison main {
  background-color: #1B2022;
}
/* *** Nod */
div.work-inner-content.nod:after,
body.nod main {
  background-color: #111;
}
/* *** Juicero */
div.work-inner-content.juicero:after,
body.juicero main {
  background-color: #d7c9af;
}
/* *** PMV */
div.work-inner-content.pmv:after,
body.pmv main {
  background-color: #618011;
}
/* *** Poof */
div.work-inner-content.poof:after,
body.poof main {
  background-color: #c3d4db;
}
/* *** BOS */
div.work-inner-content.bos:after,
body.bos main {
  background-color: #C4AB73;
}
/* *** Twistlock */
div.work-inner-content.twistlock:after,
body.twistlock main {
  background-color: #001746;
}
/* *** Arrive Marin */
div.work-inner-content.arrivemarin:after,
body.arrivemarin main {
  background-color: #3094A9;
}
/* *** Fenix */
div.work-inner-content.fenix:after,
body.fenix main {
  background-color: #008BC6;
}
/* *** Scaled Inference */
div.work-inner-content.scaled-inference:after,
body.scaled-inference main {
  background-color: #ff9436;
}
/* *** Moist Likely to */
div.work-inner-content.mostlikelyto:after,
body.mostlikelyto main {
  background-color: #61286b;
}
/* *** Icon */
div.work-inner-content.icon:after,
body.icon main {
  background-color: #349EAE;
}
/* *** CYW */
div.work-inner-content.cyw:after,
body.cyw main {
  background-color: #631DA1;
}
/* *** Stress Health */
div.work-inner-content.stress-health:after,
body.stress-health main {
  background-color: #34C183;
}
/* *** Toyota Ventures */
div.work-inner-content.toyota-ventures:after,
body.toyota-ventures main {
  background-color: #C93736;
}
/* *** Dolby */
div.work-inner-content.dolby:after,
body.dolby main {
  background-color: #03ABEB;
}
/* *** TCI */
div.work-inner-content.tci:after,
body.tci main {
  background-color: #89796F;
}
/* *** Juniper Square */
div.work-inner-content.juniper-square:after,
body.juniper-square main {
  background-color: #3BAB69;
}
/* *** CZI */
div.work-inner-content.czi:after,
body.czi main {
  background-color: #FF414B;
}
/* *** Mercer */
div.work-inner-content.mercer:after,
body.mercer main {
  background-color: #3CDBC0;
}
/* *** PoAi */
div.work-inner-content.poai:after,
body.poai main {
  background-color: #0084FF;
}
/* *** Makewonder */
div.work-inner-content.makewonder:after,
body.makewonder main {
  background-color: #FF8A00;
}
/* *** Kuri */
div.work-inner-content.kuri:after,
body.kuri main {
  background-color: #1D98FC;
}
/* *** NGUX */
div.work-inner-content.ngux:after,
body.ngux main {
  background-color: #FFDB14;
}
/* *** N-Labs */
body.nlabs main {
  background-color: #FF5019;
}
div.work-inner-content.nlabs:after {
  background-color: #3E0263;
}
/* Washington Spirit */
body.washington-spirit .video-mask, body.bolt .video-mask, a#feature-block-6 .video-mask, .project-meta .video-mask {
	border-radius: 8px;
	margin: 0 5vw;
	overflow: hidden;
	-webkit-box-shadow: 0px 100px 80px rgba(0, 0, 0, .07), 0px 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, .035), 0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, .0196802);
	        box-shadow: 0px 100px 80px rgba(0, 0, 0, .07), 0px 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, .035), 0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, .0196802);
}
body.washington-spirit video, body.bolt video, a#feature-block-6 video, .project-meta video {
	width: 100%;
	height: auto;
}
/* to do : cleanup all the vars */
div.work-inner-content.washington-spirit:after {
  background-color: #E52D37    ;
}
div.work-inner-content.bolt:after {
  background-color: #E1FF00   ;
}
div.work-inner-content.rippling:after {
  background-color: #ffb81c;
}
div.work-inner-content.kargo:after {
  background-color: #ff4600;
}
div.work-inner-content.ordergroove:after {
  background-color: #00ff85;
}
div.work-inner-content.summitry:after {
  background-color: #C2652F;
}
#feature-block-6 figure:after {
	background: linear-gradient(11.85deg, #000000 -19.54%, rgba(0, 0, 0, 0) 24.03%);
}
#feature-block-6 figure video {
	width: 150%;
	-webkit-transform: translateX(-20%);
	        transform: translateX(-20%);
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	bottom: 0;
	left: 0;
}
img.no-border, div.pad img.no-border {
  border: none;
}
.rippling figure.project-hero.video video, .summitry figure.project-hero.video video, .ordergroove figure.project-hero.video video, .kargo video, .ordergroove video {
  width: 100%;
  height: auto;
}
.ordergroove div.project-meta figure:before {
  padding-top: 60.8%;
}
.summitry div.project-meta figure:before {
  padding-top: 55.6%;
}
.rippling div.project-meta figure:before {
  padding-top: 56.5%;
}
@-webkit-keyframes radiate {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
	}

  40% {
    opacity: 1;
	}

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
	}
}
@keyframes radiate {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
	}

  40% {
    opacity: 1;
	}

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
	}
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(0);
            transform: rotate(0deg) scale(0);
	}

  10% {
    -webkit-transform: rotate(108deg) scale(1);
            transform: rotate(108deg) scale(1);
	}

  90% {
    -webkit-transform: rotate(970deg) scale(1);
            transform: rotate(970deg) scale(1);
	}

  100% {
    -webkit-transform: rotate(1080deg) scale(0);
            transform: rotate(1080deg) scale(0);
	}
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(0);
            transform: rotate(0deg) scale(0);
	}

  10% {
    -webkit-transform: rotate(108deg) scale(1);
            transform: rotate(108deg) scale(1);
	}

  90% {
    -webkit-transform: rotate(970deg) scale(1);
            transform: rotate(970deg) scale(1);
	}

  100% {
    -webkit-transform: rotate(1080deg) scale(0);
            transform: rotate(1080deg) scale(0);
	}
}
div.blog-detail-container {
  max-width: 880px;
}
section.blog-detail-header {
  padding: 40px 5%;
}
@media (min-width: 768px) {
	section.blog-detail-header {
		padding: 70px 5% 50px;
	}
}
section.blog-detail-header h1 {
	position: relative;
	font-size: 42px;
	margin-bottom: 34px;
	padding-bottom: 34px;
}
section.blog-detail-header h1:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 70px;
	height: 2px;
	background-color: #979797;
}
div.detail-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
div.detail-author figure {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 65px;
	width: 65px;
	border-radius: 999px;
	margin-right: 10px;
}
@media (min-width: 768px) {
	div.detail-author figure {
		height: 50px;
		width: 50px;
	}
}
div.detail-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-top: 20px;
}
@media (min-width: 768px) {
	div.detail-info {
		margin-top: 0;
		margin-left: 20px;
	}
}
div.detail-info p {
	width: 100%;
	line-height: 1em;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 13px;
	font-weight: 600;
	color: #525252;
}
div.detail-info p.names {
	margin-bottom: 5px;
}
div.detail-info p.date {
	color: #B6B6B6;
	font-weight: 500;
}
section.blog-detail-hero {
  padding: 0 5%;
}
section.blog-detail-hero div.quote {
	margin: 60px 0;
	padding: 22px 0 22px 25px;
	border-left: solid 8px #000000;
}
section.blog-detail-hero div.quote h6 {
	font-size: 32px;
	margin: 0;
	line-height: 1.2em;
	color: #464646;
}
section.blog-detail-hero div.quote p.quote-author {
	position: relative;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 0;
	font-weight: 600;
	opacity: .5;
	padding-left: 12px;
}
section.blog-detail-hero div.quote p.quote-author:after {
	content: '';
	position: absolute;
	left: 0;
	top: calc(51% - 1px);
	width: 8px;
	height: 2px;
	background-color: #000000;
	opacity: .7;
}
figure.detail-hero {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 55px;
}
figure.detail-hero:before {
	content: '';
	display: block;
	height: 0;
	padding-top: 55.25%;
}
section.blog-detail-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 90%;
  margin: 50px auto 0;
  padding: 30px 0 50px;
  border-top: solid 1px #EBEBEB;
}
@media (min-width: 768px) {
	section.blog-detail-share {
		margin: 100px auto 0;
	}
}
section.blog-detail-share div.share-social {
	width: 100%;
}
@media (min-width: 768px) {
	section.blog-detail-share div.share-social {
		width: 30%;
	}
}
section.blog-detail-share div.recent-articles {
	width: 100%;
	margin-top: 30px;
}
@media (min-width: 768px) {
	section.blog-detail-share div.recent-articles {
		width: 65%;
		margin-top: 0;
	}
}
section.blog-detail-share h6 {
	font-weight: 600;
	opacity: .5;
	font-size: 14px;
	margin-bottom: 5px;
}
div.share-social div.icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
div.share-social div.icons a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 35px;
	height: 35px;
	margin-right: 4px;
	padding: 5px;
	border: solid 1px #E3E3E3;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
div.share-social div.icons a:hover {
	background-color: #000000;
	border-color: #000000;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
div.share-social div.icons a:hover svg path {
	fill: #ffffff;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
div.share-social div.icons svg {
	height: 20px;
	width: 20px;
}
div.share-social div.icons svg path {
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
div.recent-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
div.recent-links a {
	padding: 9px 25px;
	margin-right: 4px;
	margin-bottom: 4px;
}
div.recent-links a:hover p {
	opacity: 1;
	color: #ffffff;
}
div.recent-links p {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	opacity: .6;
}
/* modules */
/* Slider */
.slick-loading .slick-list {
  /*background: #fff url('./ajax-loader.gif') center center no-repeat */
}
/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('./../fonts/slick.eot');
  src: url('./../fonts/slick.eot?#iefix') format('embedded-opentype'), url('./../fonts/slick.woff') format('woff'), url('./../fonts/slick.ttf') format('truetype'), url('./../fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: '←';
}
[dir='rtl'] .slick-prev:before {
  content: '→';
}
.slick-next {
  right: -25px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: '→';
}
[dir='rtl'] .slick-next:before {
  content: '←';
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.home-intro {
  padding: 40px 6% 0;
  background-color: #ffffff;
}
.home-intro h1 {
	margin-bottom: 54px;
}
@media (min-width: 768px) {
	.home-intro {
		padding: 88px 10% 5%;
	}
}
.featured-wrap {
  display: block;
}
.featured-wrap a {
	display: block;
}
@media (min-width: 768px) {
	.featured-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
.feature-col {
  width: 100%;
  overflow: hidden;
}
.feature-col.feature-first-col a.feature-block {
	padding: 0 0 12px 0;
}
@media (min-width: 768px) {
	.feature-col.feature-first-col a.feature-block {
		padding: 0px 12px 24px 70px;
	}
}
.feature-col.feature-last-col a.feature-block {
	padding: 0 0 12px 0;
}
@media (min-width: 768px) {
	.feature-col.feature-last-col a.feature-block {
		padding: 0px 70px 24px 12px;
	}
}
@media (min-width: 768px) {
	.feature-col {
		width: 50%;
	}
}
.feature-block {
  display: block;
  outline: none;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  opacity: 0;
}
.feature-block.is-active figure {
	opacity: 1;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.feature-block.intro {
	padding: 0;
	position: relative;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
	padding: 30px 0;
}
@media (min-width: 768px) {
	.feature-block.intro {
		padding: 0;
	}
}
.feature-block.intro:before {
	content: '';
	display: block;
	height: 0;
	padding-top: 18.125%;
}
@media (min-width: 768px) {
	.feature-block.intro:before {
		padding-top: 34.125%;
	}
}
.feature-block.intro h4 {
	position: absolute;
	top: 59%;
	left: 6%;
	margin: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 0.05em;
}
@media (min-width: 768px) {
	.feature-block.intro h4 {
		left: 20%;
	}
}
.feature-block.intro:after {
	content: '';
	position: absolute;
	top: 19%;
	left: 6%;
	height: 1px;
	width: 120px;
	background-color: #D7D7D7;
}
@media (min-width: 768px) {
	.feature-block.intro:after {
		top: 18%;
		left: 20%;
	}
}
.feature-block figure {
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	opacity: 1;
	-webkit-transform: scale(1.015);
	        transform: scale(1.015);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.feature-block figure:before {
	content: '';
	display: block;
	height: 0;
	padding-top: 72.25%;
}
.feature-block figure:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
	background: linear-gradient(11deg, rgba(0, 0, 0, .9) 0%,rgba(0, 0, 0, 0) 70%);
}
.featured-wrap.is-active #feature-block-2 {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition-delay: 400ms;
	        transition-delay: 400ms;
	overflow: hidden;
}
.featured-wrap.is-active #feature-block-2 .feature-text:after {
	background-color: #E52D37;
}
.featured-wrap.is-active

 {
	/*Summitry */
}
.featured-wrap.is-active #feature-block-3 {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition-delay: 800ms;
	        transition-delay: 800ms;
}
.featured-wrap.is-active #feature-block-3 .feature-text:after {
	background-color: #C2652F;
}
.featured-wrap.is-active #feature-block-3 figure:after {
	display: none;
}
.featured-wrap.is-active

 {
	/*Kargo */
}
.featured-wrap.is-active #feature-block-4 {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition-delay: 1200ms;
	        transition-delay: 1200ms;
}
.featured-wrap.is-active #feature-block-4 .feature-text:after {
	background-color: #ff4600;
}
.featured-wrap.is-active

 {
	/*Bolt */
}
.featured-wrap.is-active #feature-block-5 {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition-delay: 200ms;
	        transition-delay: 200ms;
}
.featured-wrap.is-active #feature-block-5 .feature-text h2, .featured-wrap.is-active #feature-block-5 .feature-text p, .featured-wrap.is-active #feature-block-5 .feature-text span {
	color: #333;
}
.featured-wrap.is-active #feature-block-5 figure:after {
	display: none;
}
.featured-wrap.is-active #feature-block-5 .feature-text:after {
	background-color: #E6FF00;
}
.featured-wrap.is-active

 {
	/*Rippling */
}
.featured-wrap.is-active .rippling {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition-delay: 600ms;
	        transition-delay: 600ms;
}
.featured-wrap.is-active .rippling .feature-text:after {
	background-color: #ffb81c;
}
.featured-wrap.is-active .rippling .feature-text {
	bottom: 14%;
}
.featured-wrap.is-active

 {
	/*Ordergroove */
}
.featured-wrap.is-active #feature-block-7 {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition-delay: 1000ms;
	        transition-delay: 1000ms;
}
.featured-wrap.is-active #feature-block-7 .feature-text:after {
	background-color: #00ff85;
}
.featured-wrap.is-active #feature-block-8 {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition-delay: 1400ms;
	        transition-delay: 1400ms;
}
.featured-wrap.is-active .feature-block {
	opacity: 1;
}
.feature-text {
  position: absolute;
  bottom: 10%;
  left: 6%;
  width: 90%;
  z-index: 1;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media (min-width: 768px) {
	.feature-text {
		left: 7%;
	}
}
.feature-text h2 {
	position: relative;
	display: inline-block;
	color: #ffffff;
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 5px;
	line-height: 1em;
	padding-right: 70px;
}
@media (min-width: 768px) {
	.feature-text h2 {
		font-size: 32px;
	}
}
.feature-text h2 img {
	position: absolute;
	right: 35px;
	top: 5px;
	-webkit-transform: translateX(0);
	        transform: translateX(0);
	height: 30px;
	width: 50px;
	opacity: 0;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
@media (max-width: 767px) {
	.feature-text h2 img {
		top: -5px;
	}
}
.feature-text p {
	color: #ffffff;
	margin: 0;
	font-size: 14px;
	opacity: .8;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.feature-text span {
	position: absolute;
	bottom: 0;
	left: -26px;
	color: #ffffff;
	margin: 0;
	font-size: 14px;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.feature-text:after {
	content: '';
	position: absolute;
	left: -24px;
	top: -13%;
	height: 126%;
	width: 7px;
	background-color: #7FBD00;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
/* Hover */
.feature-block:hover .feature-text {
	left: 11%;
}
.feature-block:hover .feature-text:after {
	opacity: 1;
}
.feature-block:hover p.blank {
	opacity: 0;
	left: 0;
}
.feature-block:hover span {
	opacity: .8;
	left: 0;
}
.feature-block:hover h2 img {
	opacity: 1;
	-webkit-transform: translateX(19px);
	        transform: translateX(19px);
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
.outro-wrap {
  padding: 50px 6%;
  border-bottom: solid 1px #EBEBEB;
}
@media (min-width: 768px) {
	.outro-wrap {
		padding: 9.5% 0 0 13%;
		border-bottom: none;
	}
}
.outro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.outro img {
	width: 100%;
	height: auto;
}
@media (min-width: 768px) {
	.outro img {
		width: 150px;
		height: 95px;
		margin-right: 35px;
	}
}
.outro p {
	width: 100%;
}
@media (min-width: 768px) {
	.outro p {
		width: inherit;
	}
}
.outro a {
	display: inline;
}
/* Home Grid */
section.create {
  padding: 50px 6%;
}
@media (min-width: 768px) {
	section.create {
		padding: 100px 6% 80px;
	}
}
.client-icon-grid {
  margin-top: 50px;
}
.client-icon-grid ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.client-icon-grid li {
	position: relative;
	width: 31.3333%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-right: solid 1px #EBEBEB;
	border-bottom: solid 1px #EBEBEB;
}
.client-icon-grid li:nth-child(3n) {
	border-right: none;
}
.client-icon-grid li:nth-child(n+10) {
	border-bottom: none;
}
.client-icon-grid li:nth-child(n+13) {
	display: none;
}
@media (min-width: 768px) {
	.client-icon-grid li {
		width: 14.1%;
	}
	.client-icon-grid li:nth-child(3n) {
		border-right: solid 1px #EBEBEB;
	}
	.client-icon-grid li:nth-child(n+10) {
		border-bottom: solid 1px #EBEBEB;
	}
	.client-icon-grid li:nth-child(n+13) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.client-icon-grid li:nth-child(7n) {
		border-right: none;
	}
	.client-icon-grid li:nth-child(n+22) {
		border-bottom: none;
	}
}
.client-icon-grid img {
	width: calc(100% - 20px);
	height: auto;
	-o-object-fit: scale-down;
	   object-fit: scale-down;
	padding: 1.3vw;
	opacity: 0.25;
	-webkit-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}
.client-icon-grid.is-active li:nth-child(2) img {
	-webkit-transition-delay: 25ms;
	        transition-delay: 25ms;
}
.client-icon-grid.is-active li:nth-child(3) img {
	-webkit-transition-delay: 50ms;
	        transition-delay: 50ms;
}
.client-icon-grid.is-active li:nth-child(4) img {
	-webkit-transition-delay: 75ms;
	        transition-delay: 75ms;
}
.client-icon-grid.is-active li:nth-child(5) img {
	-webkit-transition-delay: 100ms;
	        transition-delay: 100ms;
}
.client-icon-grid.is-active li:nth-child(6) img {
	-webkit-transition-delay: 125ms;
	        transition-delay: 125ms;
}
.client-icon-grid.is-active li:nth-child(7) img {
	-webkit-transition-delay: 150ms;
	        transition-delay: 150ms;
}
.client-icon-grid.is-active li:nth-child(8) img {
	-webkit-transition-delay: 175ms;
	        transition-delay: 175ms;
}
.client-icon-grid.is-active li:nth-child(9) img {
	-webkit-transition-delay: 200ms;
	        transition-delay: 200ms;
}
.client-icon-grid.is-active li:nth-child(10) img {
	-webkit-transition-delay: 225ms;
	        transition-delay: 225ms;
}
.client-icon-grid.is-active li:nth-child(11) img {
	-webkit-transition-delay: 250ms;
	        transition-delay: 250ms;
}
.client-icon-grid.is-active li:nth-child(12) img {
	-webkit-transition-delay: 275ms;
	        transition-delay: 275ms;
}
.client-icon-grid.is-active li:nth-child(13) img {
	-webkit-transition-delay: 300ms;
	        transition-delay: 300ms;
}
.client-icon-grid.is-active li:nth-child(14) img {
	-webkit-transition-delay: 325ms;
	        transition-delay: 325ms;
}
.client-icon-grid.is-active li:nth-child(15) img {
	-webkit-transition-delay: 350ms;
	        transition-delay: 350ms;
}
.client-icon-grid.is-active li:nth-child(16) img {
	-webkit-transition-delay: 375ms;
	        transition-delay: 375ms;
}
.client-icon-grid.is-active li:nth-child(17) img {
	-webkit-transition-delay: 400ms;
	        transition-delay: 400ms;
}
.client-icon-grid.is-active li:nth-child(18) img {
	-webkit-transition-delay: 425ms;
	        transition-delay: 425ms;
}
.client-icon-grid.is-active li:nth-child(19) img {
	-webkit-transition-delay: 450ms;
	        transition-delay: 450ms;
}
.client-icon-grid.is-active li:nth-child(20) img {
	-webkit-transition-delay: 475ms;
	        transition-delay: 475ms;
}
.client-icon-grid.is-active li:nth-child(21) img {
	-webkit-transition-delay: 500ms;
	        transition-delay: 500ms;
}
.client-icon-grid.is-active li:nth-child(22) img {
	-webkit-transition-delay: 525ms;
	        transition-delay: 525ms;
}
.client-icon-grid.is-active li:nth-child(23) img {
	-webkit-transition-delay: 550ms;
	        transition-delay: 550ms;
}
.client-icon-grid.is-active li:nth-child(24) img {
	-webkit-transition-delay: 575ms;
	        transition-delay: 575ms;
}
.client-icon-grid.is-active li:nth-child(25) img {
	-webkit-transition-delay: 600ms;
	        transition-delay: 600ms;
}
.client-icon-grid.is-active li:nth-child(26) img {
	-webkit-transition-delay: 625ms;
	        transition-delay: 625ms;
}
.client-icon-grid.is-active li:nth-child(27) img {
	-webkit-transition-delay: 650ms;
	        transition-delay: 650ms;
}
.client-icon-grid.is-active li:nth-child(28) img {
	-webkit-transition-delay: 675ms;
	        transition-delay: 675ms;
}
.client-icon-grid.is-active li img {
	opacity: 1;
}
body.contact .contact-wrap {
	min-height: 90vh;
}
.contact-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-top: solid 1px #d7d7d7;
}
@media (min-width: 768px) {
	.contact-wrap {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
}
@media (max-width: 767px) {
	.contact-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
}
.contact-map {
  background-color: #EBEBEB;
  z-index: 1;
}
@media (min-width: 768px) {
	.contact-map {
		width: 35%;
		min-height: 350px;
	}
}
@media (max-width: 767px) {
	.contact-map {
		width: 100%;
		height: 350px;
	}
}
.contact-map #g-map {
	height: 100%;
}
div.form-radio {
  width: 100%;
}
div.form-radio-reach {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
div.form-radio-reach p {
	margin: 0;
}
div.form-radio-reach div.radio {
	padding: 1px 0 0 15px;
	margin: 0;
}
@media only screen and (max-width: 1000px) {
	div.form-radio-reach div.radio {
		padding: 10px 0 0;
		width: 100%;
	}
}
div.form-radio-reach label {
	margin: 0;
}
div.form-radio-reach div.radio article {
	width: inherit;
}
@media only screen and (max-width: 1000px) {
	div.form-radio-reach div.radio article {
		width: auto;
	}
}
@media only screen and (max-width: 400px) {
	div.form-radio-reach div.radio article {
		width: 50%;
		margin: 0;
	}
}
div.top-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
div.top-main .input-wrap {
	width: calc(50% - 4px);
}
@media only screen and (max-width: 500px) {
	div.top-main .input-wrap {
		width: 100%;
	}
}
.contact-form-wrap {
  padding: 40px 6%;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
	.contact-form-wrap {
		width: 65%;
		padding: 60px 6% 100px;
	}
}
.title {
  position: relative;
}
.title h2 {
	font-size: 46px;
	font-weight: 600;
}
.title a {
	display: block;
	font-weight: 600;
	font-size: 13px;
	color: #4C4C4C;
	z-index: 1;
	position: relative;
	padding: 10px 0;
}
@media (min-width: 768px) {
	.title a {
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		padding: 0;
	}
	.title a:after {
		content: '';
		position: absolute;
		left: -25%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		width: 4px;
		height: 36px;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		background-color: #d7d7d7;
		z-index: -1;
	}
}
.title a:hover:after {
	width: 150%;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.gm-style-iw.gm-style-iw-c {
  padding: 0 !important;
}
.gm-style-iw.gm-style-iw-c .gm-style-iw-d {
	padding: 10px 20px;
}
div.form-wrap {
  background: #ffffff;
  margin-top: 26px;
  @extend .animated, .fade-in-up;
  animation-delay 1s {}
}
form.contact-form {
  padding: 0;
  width: 100%;
}
form.contact-form div.half {
	width: 100%;
}
@media only screen and (min-width: 1200px) {
	form.contact-form div.half {
		width: calc(50% - 4px);
	}
}
form.contact-form div.top {
	position: relative;
}
@media only screen and (min-width: 1200px) {
	form.contact-form div.top {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
}
form.contact-form div.top-right .input-wrap:last-child {
	margin-bottom: 8px;
}
@media only screen and (min-width: 1200px) {
	form.contact-form div.top-right .input-wrap:last-child {
		margin-bottom: 0;
	}
}
form.contact-form input, form.contact-form textarea, form.contact-form input:focus, form.contact-form textarea:focus {
	outline: none;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	font-size: 15px;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0, .2);
	        box-shadow: inset 0 0 0 1px rgba(0,0,0, .2);
	autofill(#767d84, #fff)



    &::-webkit-input-placeholder {
      -webkit-transition: color 300ms;
      transition: color 300ms;
      color: rgba(0,0,0, .5);
	}
}
form.contact-form input::-moz-placeholder, form.contact-form textarea::-moz-placeholder, form.contact-form input:focus::-moz-placeholder, form.contact-form textarea:focus::-moz-placeholder {
	-webkit-transition: color 300ms;
	transition: color 300ms;
	color: rgba(0,0,0, .5);
}
form.contact-form input:-moz-placeholder, form.contact-form textarea:-moz-placeholder, form.contact-form input:focus:-moz-placeholder, form.contact-form textarea:focus:-moz-placeholder {
	-webkit-transition: color 300ms;
	transition: color 300ms;
	color: rgba(0,0,0, .5);
}
form.contact-form input:-ms-input-placeholder, form.contact-form textarea:-ms-input-placeholder, form.contact-form input:focus:-ms-input-placeholder, form.contact-form textarea:focus:-ms-input-placeholder {
	-webkit-transition: color 300ms;
	transition: color 300ms;
	color: rgba(0,0,0, .5);
}
form.contact-form input:hover, form.contact-form textarea:hover, form.contact-form input:focus:hover, form.contact-form textarea:focus:hover {
	-webkit-box-shadow: inset 0 0 0 1px #000000;
	        box-shadow: inset 0 0 0 1px #000000;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}
form.contact-form input {
	position: relative;
	padding: 11px 15px;
	width: 100%;
}
form.contact-form input::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 3px solid rgba(0,0,0,0);
	pointer-events: none;
	-webkit-transition: border 300ms;
	transition: border 300ms;
}
form.contact-form input.btn {
	width: auto;
	padding: 10px 20px;
	font-size: 11px;
}
form.contact-form textarea {
	width: 100%;
	height: 160px;
	padding: 11px 15px;
	resize: none;
	-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0, .2);
	        box-shadow: inset 0 0 0 1px rgba(0,0,0, .2);
}
div.input-wrap {
  position: relative;
  margin-bottom: 8px;
}
div.input-wrap label {
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 6px;
	font-size: 9px;
	color: rgba(255,255,255, 0);
	font-weight: 900;
	text-transform: uppercase;
	z-index: 2;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
	width: auto;
}
div.input-wrap label::before {
	content: attr(data-content);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 3px;
	right: -6px;
	color: #ffffff;
	z-index: 1;
	opacity: 0;
	-webkit-transform: translateY(-10px);
	        transform: translateY(-10px);
	-webkit-transition: opacity 300ms ease 75ms, -webkit-transform 300ms ease 75ms;
	transition: opacity 300ms ease 75ms, -webkit-transform 300ms ease 75ms;
	transition: opacity 300ms ease 75ms, transform 300ms ease 75ms;
	transition: opacity 300ms ease 75ms, transform 300ms ease 75ms, -webkit-transform 300ms ease 75ms;
}
div.input-wrap label::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	background: #000000;
	opacity: 0;
	-webkit-transform: scale(.25);
	        transform: scale(.25);
	-webkit-transform-origin: top right;
	        transform-origin: top right;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}
div.input-wrap.is-active input, div.input-wrap.is-active textarea {
	-webkit-box-shadow: inset 0 0 0 3px rgba(0,0,0, 1);
	        box-shadow: inset 0 0 0 3px rgba(0,0,0, 1);
}
div.input-wrap.is-active::after {
	border: 3px solid #000000;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
div.input-wrap.is-active.has-label label {
	opacity: 1;
}
div.input-wrap.is-active.has-label label::before {
	opacity: 1;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}
div.input-wrap.is-active.has-label label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
	background: #000000;
}
div.input-wrap.invalid input, div.input-wrap.invalid textarea {
	-webkit-box-shadow: inset 0 0 0 3px rgba(0,0,0, 1);
	        box-shadow: inset 0 0 0 3px rgba(0,0,0, 1);
}
div.input-wrap.invalid::after {
	border: 3px solid #000000;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
div.input-wrap.invalid.has-label label {
	opacity: 1;
}
div.input-wrap.invalid.has-label label::before {
	opacity: 1;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}
div.input-wrap.invalid.has-label label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
	background: #000000;
}
div.input-wrap.has-label.invalid:hover input, div.input-wrap.has-label.invalid:hover textarea {
	-webkit-box-shadow: inset 0 0 0 3px rgba(0,0,0, 1);
	        box-shadow: inset 0 0 0 3px rgba(0,0,0, 1);
}
div.input-wrap.has-label.invalid:hover.has-label label {
	opacity: 1;
}
div.input-wrap.has-label.invalid:hover.has-label label::before {
	opacity: 1;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}
div.input-wrap.has-label.invalid:hover.has-label label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	background: #000000;
}
div.radio {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  padding: 19px 0 0;
  margin-bottom: 8px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  /* &:after */
  /*  content: '*' */
  /*  position: absolute */
  /*  top: 8px */
  /*  right: 8px */

  &.invalid
  & label:before {
    border-color: #000000;
    border-width: 2px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	}
}
div.radio article {
	width: inherit;
	margin-right: 20px;
}
@media only screen and (max-width: 1000px) {
	div.radio article {
		width: 100%;
	}
}
/* div.radio.invalid:hover */
/*  border: solid 1px #000000 */
/*  box-shadow: inset 0 0 0 2px rgba(#000000, 1) */
div.form-bottom {
  margin-top: 20px;
}
div.form-bottom p {
	float: right;
	margin: 0;
	opacity: 1;
	font-size: 14px;
	font-style: italic;
	color: #000000;
	letter-spacing: .02em;
}
input[type='radio'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  display: none;
}
input[type='radio'] + label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: block;
  padding-left: 30px;
  cursor: pointer;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.3em;
  margin-bottom: 8px;
}
input[type='radio'] + label:hover:before {
  border: 1px solid #000000;
}
input[type='radio'] + label:before {
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: '';
  -webkit-transition: border .2s ease;
  transition: border .2s ease;
  border: 1px solid rgb(214, 216, 218);
  background: transparent;
}
input[type='radio'] + label:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  content: '';
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000000;
  -webkit-transform: scale(0);
          transform: scale(0);
}
input[type='radio']:checked + label:before {
  border: 1px solid #000000;
}
input[type='radio']:checked + label:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
input[type='radio'][disabled], input[type='radio'][disabled] + label {
  cursor: not-allowed;
}
input[type='radio'][disabled]:hover, input[type='radio'][disabled]:before, input[type='radio'][disabled]:after, input[type='radio'][disabled] + label:hover, input[type='radio'][disabled] + label:before, input[type='radio'][disabled] + label:after {
  cursor: not-allowed;
}
input[type='radio']:checked[disabled] + label:before {
  border: 1px solid rgb(102, 172, 232);
}
input[type='radio']:checked[disabled] + label:after {
  background: rgb(102, 172, 232);
}
label {
  display: block;
  text-align: left;
  min-width: auto;
  max-width: auto;
  width: 100%;
}
.gm-style-iw, .gm-style-iw {
  text-align: center !important;
  color: #000000;
  font-weight: bold !important;
}
.gm-style-iw div, .gm-style-iw div {
	overflow: hidden !important;
}
section.work-hero {
  padding: 40px 6%;
}
@media (min-width: 768px) {
	section.work-hero {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 70px 6%;
	}
}
section.work-hero h1 {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 0.03em;
	margin-bottom: 0;
}
@media (min-width: 768px) {
	section.work-hero h1 {
		font-size: 38px;
	}
}
section.work-hero .subnav li {
	position: relative;
	display: none;
}
@media (min-width: 768px) {
	section.work-hero .subnav li {
		display: inline;
		padding: 0 7px;
	}
	section.work-hero .subnav li:after {
		content: '';
		position: absolute;
		right: 1px;
		top: 5px;
		height: 14px;
		width: 1px;
		background-color: #000000;
	}
}
section.work-hero .subnav a {
	font-size: 14px;
	letter-spacing: 0.07em;
}
section.work-hero .subnav a.is-active {
	font-weight: 700;
	text-decoration: underline;
}
section.work-hero .subnav a:hover {
	text-decoration: underline;
}
.work-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1fr);
  gap: 1vw;
  margin: 0 5vw;
}
@media (min-width: 768px) {
	.work-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
.work-grid .col-large {
	width: 100%;
}
@media (min-width: 768px) {
	.work-grid .col-large {
		width: 66.66666666666666%;
	}
}
.work-grid .col-large h3 {
	font-size: 26px;
	line-height: 1em;
	margin-bottom: .1em;
	display: inline;
	font-weight: 500;
}
@media (min-width: 768px) {
	.work-grid .col-large h3 {
		font-size: 36px;
	}
}
.work-grid .col-small {
	width: 100%;
}
.work-grid figure {
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	-webkit-transition: opacity 350ms;
	transition: opacity 350ms;
}
@media screen and (max-width: 540px) {
	.work-grid figure {
		width: 100%;
	}
}
@media screen and (max-width: 540px) and (min-width: 768px) {
	.work-grid figure {
		display: block;
		width: calc(33.33333% - 1.33333vw);
	}
}
.work-grid figure:before {
	content: '';
	display: block;
	height: 0;
	padding-top: 70.25%;
}
.work-grid figure:after {
	content: '';
	display: table;
	clear: both;
}
.work-grid figure.intro:before {
	padding-top: 61.795%;
}
.work-grid figure a {
	opacity: 0;
	-webkit-transform: translateY(80px);
	        transform: translateY(80px);
}
div.feature-grid {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
div.feature-grid .col-large figure {
	width: 100%;
	display: block;
}
div.feature-grid .col-small figure {
	width: 100%;
	display: block;
}
@media (max-width: 767px) {
	div.feature-grid .col-small {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	div.feature-grid .col-small figure {
		width: 50%;
	}
}
@media screen and (max-width: 540px) {
	div.feature-grid .col-small figure {
		width: 100%;
	}
}
.work-grid.is-active .col-large figure:nth-child(1) a {
	-webkit-transition-delay: 0ms;
	        transition-delay: 0ms;
}
.work-grid.is-active .col-small figure:nth-child(1) a {
	-webkit-transition-delay: 50ms;
	        transition-delay: 50ms;
}
.work-grid.is-active .col-small figure:nth-child(2) a {
	-webkit-transition-delay: 100ms;
	        transition-delay: 100ms;
}
.work-grid.is-active figure.is-active a {
	opacity: 0.35;
}
.work-grid.is-active figure a {
	opacity: 1;
	-webkit-transform: translateY(0) scale(1.025);
	        transform: translateY(0) scale(1.025);
	-webkit-transition: opacity 500ms, -webkit-transform 500ms ease;
	transition: opacity 500ms, -webkit-transform 500ms ease;
	transition: opacity 500ms, transform 500ms ease;
	transition: opacity 500ms, transform 500ms ease, -webkit-transform 500ms ease;
}
.work-grid.is-active figure:nth-child(1) a {
	-webkit-transition-delay: 150ms;
	        transition-delay: 150ms;
}
.work-grid.is-active figure:nth-child(2) a {
	-webkit-transition-delay: 150ms;
	        transition-delay: 150ms;
}
.work-grid.is-active figure:nth-child(3) a {
	-webkit-transition-delay: 200ms;
	        transition-delay: 200ms;
}
.work-grid.is-active figure:nth-child(4) a {
	-webkit-transition-delay: 250ms;
	        transition-delay: 250ms;
}
.work-grid.is-active figure:nth-child(5) a {
	-webkit-transition-delay: 300ms;
	        transition-delay: 300ms;
}
.work-grid.is-active figure:nth-child(6) a {
	-webkit-transition-delay: 350ms;
	        transition-delay: 350ms;
}
.work-grid.is-active figure:nth-child(7) a {
	-webkit-transition-delay: 400ms;
	        transition-delay: 400ms;
}
.work-grid.is-active figure:nth-child(8) a {
	-webkit-transition-delay: 450ms;
	        transition-delay: 450ms;
}
.work-grid.is-active figure:nth-child(9) a {
	-webkit-transition-delay: 500ms;
	        transition-delay: 500ms;
}
.work-grid.is-active figure:nth-child(10) a {
	-webkit-transition-delay: 550ms;
	        transition-delay: 550ms;
}
.work-grid.is-active figure:nth-child(11) a {
	-webkit-transition-delay: 600ms;
	        transition-delay: 600ms;
}
.work-grid.is-active figure:nth-child(12) a {
	-webkit-transition-delay: 650ms;
	        transition-delay: 650ms;
}
.work-grid.is-active figure:nth-child(13) a {
	-webkit-transition-delay: 700ms;
	        transition-delay: 700ms;
}
.work-grid.is-active figure:nth-child(14) a {
	-webkit-transition-delay: 750ms;
	        transition-delay: 750ms;
}
.work-grid.is-active figure:nth-child(15) a {
	-webkit-transition-delay: 800ms;
	        transition-delay: 800ms;
}
.work-grid.is-active figure:nth-child(16) a {
	-webkit-transition-delay: 850ms;
	        transition-delay: 850ms;
}
.work-grid.is-active figure:nth-child(17) a {
	-webkit-transition-delay: 900ms;
	        transition-delay: 900ms;
}
.work-grid.is-active figure:nth-child(18) a {
	-webkit-transition-delay: 950ms;
	        transition-delay: 950ms;
}
.work-grid.is-active figure:nth-child(19) a {
	-webkit-transition-delay: 1000ms;
	        transition-delay: 1000ms;
}
.work-grid.is-active figure:nth-child(20) a {
	-webkit-transition-delay: 1050ms;
	        transition-delay: 1050ms;
}
a.project {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
a.project.no-gradient:after {
	content: none;
}
a.project.black-text .work-inner-content h3 {
	color: #000000;
}
a.project:hover img {
	opacity: 1;
	-webkit-transform: translateX(0);
	        transform: translateX(0);
	-webkit-transition-delay: 250ms;
	        transition-delay: 250ms;
}
a.project:hover .work-inner-content {
	-webkit-transform: translateX(20px);
	        transform: translateX(20px);
}
a.project:hover .work-inner-content:after {
	opacity: 1;
}
a.project:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 67%;
	width: 100%;
	z-index: 0;
	/*background: linear-gradient(11deg, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 70%) */
	background: linear-gradient(12.9deg, #000000 -11.77%, rgba(0, 0, 0, 0) 32.28%);
}
.last-project {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #40484A;
}
.last-project .last-content {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: inherit;
}
.last-project img.project-gif {
	position: absolute;
	height: 100px;
	width: 200px;
	left: calc(50% - 100px);
	top: calc(50% - 80px);
	right: inherit;
	-webkit-transform: none;
	        transform: none;
}
.last-project p {
	text-align: center;
	position: absolute;
	bottom: 14%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	color: #fff;
	font-size: 13px;
}
.last-project a {
	color: #fff;
}
.last-project a:before {
	background-color: #fff;
}
.work-inner-content {
  position: absolute;
  left: 8%;
  bottom: 10%;
  z-index: 3;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.work-inner-content h3 {
	color: #fff;
	font-size: 18px;
	margin-bottom: 0;
	font-weight: 500;
	position: relative;
}
.work-inner-content p {
	margin: 0;
	color: #fff;
	font-size: 19px;
	opacity: .7;
}
.work-inner-content img {
	position: absolute;
	top: calc(50% - 10px);
	right: -40px;
	height: 20px;
	width: 40px;
	opacity: 0;
	-webkit-transform: translateX(-20px);
	        transform: translateX(-20px);
	-webkit-transition: opacity 500ms, -webkit-transform 500ms ease;
	transition: opacity 500ms, -webkit-transform 500ms ease;
	transition: opacity 500ms, transform 500ms ease;
	transition: opacity 500ms, transform 500ms ease, -webkit-transform 500ms ease;
}
.work-inner-content:after {
	content: '';
	position: absolute;
	left: -22px;
	top: -20%;
	height: 140%;
	width: 4px;
	background-color: #B2AD5B;
	opacity: 0;
	-webkit-transition: opacity 500ms;
	transition: opacity 500ms;
}
section.work-next {
  padding: 60px 10%;
}
section.work-next article {
	display: block;
}
@media (min-width: 768px) {
	section.work-next article {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}
section.work-next div.headshot {
	position: relative;
	height: 120px;
	width: 120px;
	margin: 0 auto 20px;
}
section.work-next div.headshot figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 120px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 999px;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: scale(0);
	        transform: scale(0);
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
section.work-next div.headshot figure.is-active {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
@media (min-width: 768px) {
	section.work-next div.headshot {
		margin: 0 40px 0 0;
	}
}
section.work-next div.info p {
	margin: 0;
	line-height: 1em;
	font-size: 18px;
	position: relative;
}
@media (max-width: 767px) {
	section.work-next div.info p {
		text-align: center;
	}
}
section.work-next div.info p:first-child {
	margin-bottom: 5px;
	font-size: 11px;
}
section.work-next div.info a {
	margin-left: 5px;
}
section.work-next div.info img {
	position: absolute;
	height: 16px;
	width: 16px;
	top: 2px;
	right: -30px;
}
@media (max-width: 767px) {
	section.work-next div.info img {
		display: none;
	}
}
/* certain projects get fixed backgrounds */
/* .kuri div.project-meta figure
  background-attachment: fixed */
body.about header {
	position: absolute;
	width: 100%;
	border-bottom: none;
	background-color: transparent;
	max-width: 1600px;
}
body.about header ul.nav li a {
	color: #fff;
}
body.about header ul.nav.left li.has-dropdown ul li a {
	color: black;
}
body.about header ul.nav.left li.has-dropdown ul {
	background: rgba(255, 255, 255, .85);
}
body.about header .btn {
	border-color: #fff;
}
body.about header .btn:after {
	background: #fff;
}
body.about header .btn:hover {
	color: #000000;
}
body.about header .btn:hover:after {
	background: transparent;
}
body.about header .btn:hover:before {
	background: #fff;
}
body.about .hamburger {
	background: #fff;
}
body.about .hamburger:before {
	background: #fff;
}
body.about .hamburger:after {
	background: #fff;
}
body.about .hamburger span {
	background: #fff;
}
body.about ul.nav li a.link:hover:before {
	background: white;
}
body.about ul.nav li a.link:after {
	background: white;
}
body.about ul.nav li a.link:hover:after {
	background: transparent;
}
section.about-hero {
  position: relative;
  background-color: #000000;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 600px;
  padding: 100px 6% 70px;
}
@media (min-width: 768px) {
	section.about-hero {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 0;
	}
}
@media (min-width: 1024px) {
	section.about-hero {
		background-attachment: fixed;
		background-size: 123%;
		background-position: top center;
		min-height: 510px;
	}
}
@media (min-width: 768px) {
	section.about-hero div.hero-text {
		padding: 8% 7% 0;
	}
}
section.about-hero div.hero-text h1 {
	position: relative;
	color: #fff;
	font-size: 30px;
	line-height: 1.1em;
	margin-bottom: 50px;
}
section.about-hero div.hero-text h1:after {
	content: '';
	position: absolute;
	bottom: -25px;
	left: 0;
	height: 2px;
	width: 80px;
	background-color: #EBEBEB;
	opacity: .5;
}
@media (min-width: 768px) {
	section.about-hero div.hero-text h1 {
		font-size: 38px;
		margin-bottom: 0;
	}
	section.about-hero div.hero-text h1:after {
		bottom: -50px;
	}
}
section.about-hero div.hero-text p {
	color: #fff;
}
@media (min-width: 768px) {
	section.about-hero div.hero-text p {
		margin-top: 140px;
		width: 45%;
	}
}
section.about-hero div.hero-text p a {
	color: #fff;
}
section.about-hero.is-active div.hero-statement {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
div.hero-statement {
  position: relative;
  z-index: 10;
  background-color: #fff;
  padding: 3% 6%;
  margin-top: 50px;
}
div.hero-statement:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 8px;
	height: 100%;
	background-color: #7FBD00;
}
div.hero-statement p {
	line-height: 1.5em;
}
@media (min-width: 768px) {
	div.hero-statement {
		position: absolute;
		right: 0;
		top: calc(50% + 70px);
		width: 50%;
		padding: 3% 6%;
		-webkit-box-shadow: 0px 22px 60px -10px rgba(0, 0, 0, .19);
		        box-shadow: 0px 22px 60px -10px rgba(0, 0, 0, .19);
		-webkit-transform: translateY(50px);
		        transform: translateY(50px);
		margin-top: 0;
		opacity: 0;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
	}
}
/* Team Section */
section.team {
  position: relative;
  padding: 50px 6%;
  border-bottom: solid 1px #EBEBEB;
}
@media (min-width: 768px) {
	section.team {
		padding: 6% 6% 4%;
	}
}
div.team-text {
  width: 100%;
}
@media (min-width: 768px) {
	div.team-text {
		width: 45%;
	}
}
div.team-text p {
	line-height: 1.4em;
	opacity: .7;
	color: #000000;
}
div.team-headshots {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px 0 0;
}
@media (min-width: 768px) {
	div.team-headshots {
		padding: 50px 0 0;
	}
}
div.team-headshots div.member {
	position: relative;
	width: 25%;
	text-align: center;
	margin-bottom: 30px;
}
div.team-headshots div.member figure {
	position: relative;
	margin: 0 auto;
	width: 120px;
	height: 120px;
	border-radius: 999px;
	background-color: #EBEBEB;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
@media (min-width: 768px) {
	div.team-headshots div.member figure {
		width: 130px;
		height: 130px;
	}
}
@media screen and (min-width: 1280px) {
	div.team-headshots div.member figure {
		width: 160px;
		height: 160px;
	}
}
div.team-headshots div.member h6 {
	font-size: 18px;
	margin: 12px 0 0;
}
div.team-headshots div.member p {
	color: #cac6c3;
	font-size: 13.5px;
	margin-top: 2px;
}
@media (min-width: 1024px) {
	div.team-headshots div.member {
		width: 20%;
	}
}
@media screen and (max-width: 680px) {
	div.team-headshots div.member {
		width: 50%;
	}
}
div.team-headshots div.member-map {
	width: 50%;
}
@media (min-width: 1024px) {
	div.team-headshots div.member-map {
		width: 32%;
	}
}
@media screen and (max-width: 680px) {
	div.team-headshots div.member-map {
		width: 100%;
	}
}
div.team-headshots.is-active div.radiate {
	opacity: 1;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit-transition-delay: 250ms;
	        transition-delay: 250ms;
}
div.team-headshots.is-active div.team-map svg g {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
div.team-headshots.is-active div.team-map svg g:nth-child(2) {
	-webkit-transition-delay: 25ms;
	        transition-delay: 25ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(3) {
	-webkit-transition-delay: 50ms;
	        transition-delay: 50ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(4) {
	-webkit-transition-delay: 75ms;
	        transition-delay: 75ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(5) {
	-webkit-transition-delay: 100ms;
	        transition-delay: 100ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(6) {
	-webkit-transition-delay: 125ms;
	        transition-delay: 125ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(7) {
	-webkit-transition-delay: 150ms;
	        transition-delay: 150ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(8) {
	-webkit-transition-delay: 175ms;
	        transition-delay: 175ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(9) {
	-webkit-transition-delay: 200ms;
	        transition-delay: 200ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(10) {
	-webkit-transition-delay: 225ms;
	        transition-delay: 225ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(11) {
	-webkit-transition-delay: 250ms;
	        transition-delay: 250ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(12) {
	-webkit-transition-delay: 275ms;
	        transition-delay: 275ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(13) {
	-webkit-transition-delay: 300ms;
	        transition-delay: 300ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(14) {
	-webkit-transition-delay: 325ms;
	        transition-delay: 325ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(15) {
	-webkit-transition-delay: 350ms;
	        transition-delay: 350ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(16) {
	-webkit-transition-delay: 375ms;
	        transition-delay: 375ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(17) {
	-webkit-transition-delay: 400ms;
	        transition-delay: 400ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(18) {
	-webkit-transition-delay: 425ms;
	        transition-delay: 425ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(19) {
	-webkit-transition-delay: 450ms;
	        transition-delay: 450ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(20) {
	-webkit-transition-delay: 475ms;
	        transition-delay: 475ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(21) {
	-webkit-transition-delay: 500ms;
	        transition-delay: 500ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(22) {
	-webkit-transition-delay: 525ms;
	        transition-delay: 525ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(23) {
	-webkit-transition-delay: 550ms;
	        transition-delay: 550ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(24) {
	-webkit-transition-delay: 575ms;
	        transition-delay: 575ms;
}
div.team-headshots.is-active div.team-map svg g:nth-child(25) {
	-webkit-transition-delay: 600ms;
	        transition-delay: 600ms;
}
div.member-map {
  position: relative;
  width: 100% !important;
}
div.team-map svg {
	max-height: 220px;
}
div.team-map svg g {
	opacity: 0;
	-webkit-transform: translateY(20px);
	        transform: translateY(20px);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
div.team-headshots div.member.career-team a {
	display: block;
}
div.team-headshots div.member.career-team figure {
	background-image: none !important;
	background-color: #fff;
	border: solid 8px #A4A4A4;
	opacity: .4;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
div.team-headshots div.member.career-team figure:after {
	content: 'You?';
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	font-size: 18px;
	color: #A4A4A4;
	font-weight: 600;
}
div.team-headshots div.member.career-team:hover figure {
	opacity: .8;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
div.team-map {
  position: relative;
  max-width: 385px;
  margin: 0 auto;
}
.radiate {
  position: absolute;
  top: 0;
  left: 0;
  height: 23%;
  width: 13%;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.radiate:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: block;
	-webkit-animation-name: radiate;
	        animation-name: radiate;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
.radiate:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: block;
	-webkit-animation-name: radiate;
	        animation-name: radiate;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
.radiate.green {
	top: 30.65%;
	left: 2.5%;
}
.radiate.green:after, .radiate.green:before {
	background: rgba(129,188,65,.5);
}
.radiate.green:before {
	-webkit-animation-delay: .5s;
	        animation-delay: .5s;
}
.radiate.blue {
	top: 46.4%;
	left: 62.3%;
}
.radiate.blue:after, .radiate.blue:before {
	background: rgba(40,194,238,.5);
}
.radiate.blue:after {
	-webkit-animation-delay: 1s;
	        animation-delay: 1s;
}
.radiate.blue:before {
	-webkit-animation-delay: 1.5s;
	        animation-delay: 1.5s;
}
.radiate.purple {
	top: 33.65%;
	left: 75.25%;
}
.radiate.purple:after, .radiate.purple:before {
	background: rgba(166,81,159,.5);
}
.radiate.purple:after {
	-webkit-animation-delay: 1.75s;
	        animation-delay: 1.75s;
}
.radiate.purple:before {
	-webkit-animation-delay: 2.25s;
	        animation-delay: 2.25s;
}
.radiate.purple2 {
	top: 65%;
	left: 42.25%;
}
.radiate.purple2:after, .radiate.purple2:before {
	background: rgba(166,81,159,.5);
}
.radiate.purple2:after {
	-webkit-animation-delay: 1.75s;
	        animation-delay: 1.75s;
}
.radiate.purple2:before {
	-webkit-animation-delay: 2.25s;
	        animation-delay: 2.25s;
}
.radiate.orange {
	top: 27.45%;
	left: 67.98%;
}
.radiate.orange:after, .radiate.orange:before {
	background: rgba(255,136,62,.5);
}
.radiate.orange:after {
	-webkit-animation-delay: 1.25s;
	        animation-delay: 1.25s;
}
.radiate.orange:before {
	-webkit-animation-delay: 1.75s;
	        animation-delay: 1.75s;
}
.radiate.blue2 {
	top: 27.1%;
	left: 20.5%;
}
.radiate.blue2:after, .radiate.blue2:before {
	background: rgba(40,194,238,.5);
}
.radiate.blue2:after {
	-webkit-animation-delay: 1.25s;
	        animation-delay: 1.25s;
}
.radiate.blue2:before {
	-webkit-animation-delay: 1.75s;
	        animation-delay: 1.75s;
}
.radiate.orange2 {
	top: 8.5%;
	left: 6%;
}
.radiate.orange2:after, .radiate.orange2:before {
	background: rgba(255,136,62,.5);
}
.radiate.orange2:after {
	-webkit-animation-delay: 2.25s;
	        animation-delay: 2.25s;
}
.radiate.orange2:before {
	-webkit-animation-delay: 2.75s;
	        animation-delay: 2.75s;
}
.radiate.orange3 {
	top: 14.5%;
	left: 82.25%;
}
.radiate.orange3:after, .radiate.orange3:before {
	background: rgba(255,136,62,.5);
}
.radiate.orange3:after {
	-webkit-animation-delay: 2.25s;
	        animation-delay: 2.25s;
}
.radiate.orange3:before {
	-webkit-animation-delay: 2.75s;
	        animation-delay: 2.75s;
}
.radiate.aqua2 {
	top: 30.5%;
	left: 57%;
}
.radiate.aqua2:after, .radiate.aqua2:before {
	background: rgba(67,65,255,.5);
}
.radiate.aqua2:after {
	-webkit-animation-delay: .5s;
	        animation-delay: .5s;
}
.radiate.aqua2:before {
	-webkit-animation-delay: 1s;
	        animation-delay: 1s;
}
.radiate.aqua3 {
	top: 43.25%;
	left: 76.75%;
}
.radiate.aqua3:after, .radiate.aqua3:before {
	background: rgba(67,65,255,.5);
}
.radiate.aqua3:after {
	-webkit-animation-delay: .5s;
	        animation-delay: .5s;
}
.radiate.aqua3:before {
	-webkit-animation-delay: 1s;
	        animation-delay: 1s;
}
.radiate.green2 {
	top: 33.5%;
	left: 53.3%;
}
.radiate.green2:after, .radiate.green2:before {
	background: rgba(129,188,65,.5);
}
.radiate.green2:after {
	-webkit-animation-delay: 2.5s;
	        animation-delay: 2.5s;
}
.radiate.green2:before {
	-webkit-animation-delay: 3s;
	        animation-delay: 3s;
}
.radiate.green3 {
	top: 8.4%;
	left: 84.1%;
}
.radiate.green3:after, .radiate.green3:before {
	background: rgba(129,188,65,.5);
}
.radiate.green3:after {
	-webkit-animation-delay: 2s;
	        animation-delay: 2s;
}
.radiate.green3:before {
	-webkit-animation-delay: 2.5s;
	        animation-delay: 2.5s;
}
.radiate.aqua {
	top: 49.5%;
	left: 8%;
}
.radiate.aqua:after, .radiate.aqua:before {
	background: rgba(67,65,255,.5);
}
.radiate.aqua:after {
	-webkit-animation-delay: 1s;
	        animation-delay: 1s;
}
.radiate.aqua:before {
	-webkit-animation-delay: 1.5s;
	        animation-delay: 1.5s;
}
/* Stack */
section.stack {
  padding: 100px 6% 50px;
  border-bottom: solid 1px #EBEBEB;
}
@media (min-width: 768px) {
	section.stack {
		padding: 6%;
	}
}
section.stack h4 {
	text-transform: uppercase;
	font-size: 19px;
	margin: 0 0 30px;
}
section.stack div.stack-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
}
@media (min-width: 768px) {
	section.stack div.stack-top {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	section.stack div.stack-top div.stack-col {
		width: 48%;
	}
}
section.stack div.stack-icons {
	padding: 50px 20px 0;
}
@media (min-width: 768px) {
	section.stack div.stack-icons {
		padding: 100px 20px 0;
	}
}
section.stack div.stack-icons ul.stack {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
section.stack div.stack-icons ul.stack li {
	position: relative;
	width: 33%;
	padding: 0 50px 12px 0;
	font-size: 13px;
	font-weight: 600;
}
@media (min-width: 768px) {
	section.stack div.stack-icons ul.stack li {
		width: 20%;
	}
}
@media screen and (max-width: 650px) {
	section.stack div.stack-icons ul.stack li {
		width: 50%;
	}
}
section.stack div.stack-icons ul.stack li img {
	position: absolute;
	top: 1px;
	left: -22px;
	width: 14px;
	height: 14px;
}
section.stack div.stack-icons ul.stack p {
	margin: 0;
	font-size: 13px;
	line-height: 1.2em;
}
div.stack-img-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 430px;
  margin: 0 auto;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}
@media (min-width: 1024px) {
	div.stack-img-wrap {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}
@media (max-width: 767px) {
	div.stack-img-wrap {
		-webkit-transform: translateY(50px);
		        transform: translateY(50px);
		min-height: 350px;
	}
}
div.stack-img-wrap img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
div.stack-img-wrap img:nth-child(1) {
	top: -100px;
	z-index: 10;
	-webkit-transform: translateY(80px);
	        transform: translateY(80px);
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
}
div.stack-img-wrap img:nth-child(2) {
	top: -60px;
	z-index: 9;
	-webkit-transform: translateY(40px);
	        transform: translateY(40px);
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
}
div.stack-img-wrap img:nth-child(3) {
	top: 0;
	z-index: 8;
	-webkit-transform: translateY(10px);
	        transform: translateY(10px);
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
}
div.stack-img-wrap img:nth-child(4) {
	top: 30px;
	z-index: 7;
	-webkit-transform: translateY(-20px);
	        transform: translateY(-20px);
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
}
div.stack-img-wrap img:nth-child(5) {
	top: 60px;
	z-index: 6;
	-webkit-transform: translateY(-50px);
	        transform: translateY(-50px);
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
}
div.stack-img-wrap img:nth-child(6) {
	top: 80px;
	z-index: 5;
	-webkit-transform: translateY(-70px);
	        transform: translateY(-70px);
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
}
div.stack-img-wrap.is-active img {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}
div.stack-img-wrap.is-active img:nth-child(1) {
	-webkit-transition-delay: 50ms;
	        transition-delay: 50ms;
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
}
div.stack-img-wrap.is-active img:nth-child(2) {
	-webkit-transition-delay: 100ms;
	        transition-delay: 100ms;
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
}
div.stack-img-wrap.is-active img:nth-child(3) {
	-webkit-transition-delay: 150ms;
	        transition-delay: 150ms;
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
}
div.stack-img-wrap.is-active img:nth-child(4) {
	-webkit-transition-delay: 150ms;
	        transition-delay: 150ms;
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
}
div.stack-img-wrap.is-active img:nth-child(5) {
	-webkit-transition-delay: 100ms;
	        transition-delay: 100ms;
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
}
div.stack-img-wrap.is-active img:nth-child(6) {
	-webkit-transition-delay: 50ms;
	        transition-delay: 50ms;
	-webkit-transition: all 750ms ease;
	transition: all 750ms ease;
}
section.clients {
  padding: 6%;
}
@media (min-width: 768px) {
	section.quotes {
		padding: 0 0 6%;
	}
}
section.quotes.is-active div.quote-col {
	opacity: 1;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
section.quotes.is-active div.quote-col:first-child {
	-webkit-transition-delay: 250ms;
	        transition-delay: 250ms;
}
@media (min-width: 768px) {
	div.quote-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	div.quote-wrap div.quote-col {
		width: 50%;
	}
}
div.quote-col {
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
div.quote-col.left div.quote-block:nth-child(n+2) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	min-height: 400px;
}
div.quote-col.left div.quote-block div {
	-webkit-transition-delay: 150ms;
	        transition-delay: 150ms;
}
div.quote-col.right div.quote-block:nth-child(1) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	min-height: 400px;
}
@media (min-width: 768px) {
	div.quote-col.right div.quote-block:nth-child(1) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		min-height: 400px;
	}
	div.quote-col.right div.quote-block:nth-child(1) div.quote-slide:nth-child(1) {
		min-height: 460px;
	}
}
div.quote-block {
  position: relative;
}
div.quote-block.intro {
	padding: 9% 6% 12%;
}
@media (min-width: 768px) {
	div.quote-block.intro {
		padding: 9% 12% 12%;
	}
}
div.quote-block.intro p {
	margin: 0;
	opacity: .8;
}
div.quote-slide {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media (min-width: 768px) {
	div.quote-slide {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		-webkit-transform: translateY(50px);
		        transform: translateY(50px);
	}
}
div.quote-slide.normal {
	padding: 40px 6%;
}
@media (min-width: 768px) {
	div.quote-slide.normal {
		padding: 12%;
	}
}
div.quote-slide.normal h5 {
	font-size: 24px;
	margin-bottom: 34px;
	line-height: 1.2em;
}
div.quote-slide.is-active {
	opacity: 1;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
div.quote-slide.blue h5,
    div.quote-slide.blue div.author-normal p {
	color: white;
}
div.quote-slide.background {
	padding: 12% 6%;
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
}
@media (min-width: 768px) {
	div.quote-slide.background {
		padding: 17% 18% 10% 10%;
	}
}
div.quote-slide.background h5 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 20px;
}
div.author-normal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateX(-4%);
          transform: translateX(-4%);
}
div.author-normal figure {
	height: 100px;
	width: 100px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 999px;
}
@media (max-width: 767px) {
	div.author-normal figure {
		height: 80px;
		width: 80px;
	}
}
div.author-normal p.name {
	line-height: .8em;
	font-size: 17px;
	width: 100%;
	margin-bottom: 2px;
	font-style: normal;
}
@media (max-width: 767px) {
	div.author-normal p.name {
		font-size: 16px;
		margin-bottom: 4px;
	}
}
div.author-normal p {
	font-style: italic;
	font-size: 14px;
	width: 100%;
	margin: 0;
}
@media (max-width: 767px) {
	div.author-normal p {
		font-size: 13px;
	}
}
div.author-normal .name-title {
	margin-left: 12px;
}
@media (max-width: 767px) {
	div.author-normal .name-title {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
}
@media (min-width: 768px) {
	div.author-shift {
		padding-left: 25%;
	}
}
div.author-shift p {
	margin: 0;
	color: #fff;
	font-size: 15px;
}
div.author-shift p:last-child {
	font-size: 14px;
	font-style: italic;
}
div.quote-pagination {
  padding: 15% 10% 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
	div.quote-pagination {
		display: none;
	}
}
div.quote-pagination div.quote-arrow {
	position: relative;
	width: 80px;
	height: 80px;
	border: solid 2px #000000;
	border-radius: 999px;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
div.quote-pagination div.quote-arrow.prev {
	-webkit-transform: rotate(-90deg);
	        transform: rotate(-90deg);
	margin-right: 12px;
}
div.quote-pagination div.quote-arrow.next {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}
div.quote-pagination div.quote-arrow svg {
	position: absolute;
	left: calc(50% - 20px);
	top: calc(50% - 20px);
	height: 40px;
	width: 40px;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
div.quote-pagination div.quote-arrow:hover {
	background-color: #000000;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	cursor: pointer;
}
div.quote-pagination div.quote-arrow:hover svg polyline {
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	stroke: #fff;
}
div.quote-pagination div.quote-arrow:hover svg line {
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	stroke: #fff;
}
section.services {
  position: relative;
  padding: 5% 7%;
}
div.work-slider {
  position: relative;
}
div.work-slider::after {
	content: '';
	position: absolute;
	bottom: -25px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #EBEBEB;
	z-index: 2;
}
div.work-slider h2 {
	font-size: 42px;
}
div.work-slider:first-child {
	margin-bottom: 70px;
}
div.work-slider.interactive {
	padding-top: 60px;
}
div.work-slider .slick-dots {
	display: none !important;
}
div.slick-dotted.slick-slider {
  margin-bottom: 50px;
}
div.slide:focus {
  outline: none;
}
div.service-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
	div.service-nav {
		margin-bottom: 36px;
	}
}
div.service-nav h2 {
	line-height: 1em;
	font-size: 30px;
}
@media (min-width: 1024px) {
	div.service-nav h2 {
		font-size: 42px;
	}
}
div.service-nav-col {
  display: none;
}
div.service-nav-col h6 {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 600;
	margin-bottom: 20px;
	width: 100%;
}
div.service-nav-col:nth-child(2) {
	width: 23.666666%;
}
div.service-nav-col:nth-child(3) {
	width: 35.666666%;
}
div.service-nav-col:nth-child(4) {
	width: 12.9999%;
}
div.service-nav-col:nth-child(4) h6 {
	margin-bottom: 0;
}
div.service-nav-col:nth-child(4) ul.services div {
	width: 100%;
}
@media (min-width: 1024px) {
	div.service-nav-col {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
}
ul.services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 20px;
  width: 100%;
}
ul.services div {
	width: 50%;
}
ul.services li {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	color: #000000;
	cursor: pointer;
	opacity: .4;
	margin-bottom: 5px;
	padding-right: 10px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	letter-spacing: -0.025em;
}
ul.services li:hover {
	opacity: 1;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
div.work-img {
  position: relative;
  overflow: visible;
}
div.work-img::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 48.9%;
	border: 1px solid #b5b5b5;
	pointer-events: none;
}
div.work-img.interactive figure:nth-child(1) {
	background-image: url('../img/about/interactive/1.jpg');
}
div.work-img.interactive figure:nth-child(2) {
	background-image: url('../img/about/interactive/2.jpg');
}
div.work-img figure {
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	border-radius: 3px;
	-webkit-transition: opacity 350ms;
	transition: opacity 350ms;
	background-size: cover;
	background-repeat: no-repeat;
}
div.work-img figure:before {
	content: '';
	display: block;
	height: 0;
	padding-top: 49%;
}
div.work-img figure p {
	padding-left: 20px;
}
div.work-img figure.active {
	opacity: 1;
}
div.work-img figure video {
	position: absolute;
	top: -9%;
	left: -9%;
	width: 118%;
	height: 118%;
}
div.slick-active div.work-slider-info span {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 325ms;
          transition-delay: 325ms;
}
div.slick-active div.work-slider-info span:nth-of-type(2) {
	-webkit-transition-delay: 450ms;
	        transition-delay: 450ms;
}
div.slick-active div.work-slider-info span:nth-of-type(3) {
	-webkit-transition-delay: 525ms;
	        transition-delay: 525ms;
}
div.slick-active div.work-slider-info span:nth-of-type(4) {
	-webkit-transition-delay: 650ms;
	        transition-delay: 650ms;
}
div.work-slider-info {
  padding-top: 15px;
}
div.work-slider-info a {
	position: relative;
	padding-right: 10px;
}
div.work-slider-info a:hover svg {
	opacity: 0.75;
}
div.work-slider-info a svg {
	position: absolute;
	top: 0;
	right: -18px;
	width: 20px;
	height: 20px;
	opacity: 0.25;
	-webkit-transition: opacity 250ms;
	transition: opacity 250ms;
}
div.work-slider-info span {
	display: block;
	padding-bottom: 3px;
	opacity: 0;
	font-size: 11px;
	text-transform: uppercase;
	color: rgba(0, 0, 0, .75);
	-webkit-transform: translateY(-7px);
	        transform: translateY(-7px);
	-webkit-transition: opacity 250ms, -webkit-transform 500ms ease;
	transition: opacity 250ms, -webkit-transform 500ms ease;
	transition: opacity 250ms, transform 500ms ease;
	transition: opacity 250ms, transform 500ms ease, -webkit-transform 500ms ease;
}
div.slider-pagination {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 51%;
  pointer-events: none;
}
div.slider-pagination::before {
	content: '';
	position: absolute;
	bottom: -146px;
	right: 0;
	width: 90%;
	height: 200px;
	background: -webkit-gradient(linear, right top, left top, color-stop(50%, white), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%);
	z-index: 1;
}
div.slider-pagination h3 {
	text-transform: uppercase;
	font-size: 16px;
	margin: 0;
}
div.slider-pagination h3 span {
	opacity: .2;
}
@media (max-width: 767px) {
	div.slider-pagination h3 {
		width: 100%;
	}
	div.slider-pagination div.service-arrow-wrap {
		padding-bottom: 20px;
	}
}
div.service-arrow-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  pointer-events: auto;
}
div.service-arrow-wrap span {
	font-size: 14px;
	font-weight: 600;
	color: #A4A4A4;
}
div.service-arrow-wrap span:last-child {
	margin-right: 20px;
}
div.counter {
  display: none;
}
@media (min-width: 768px) {
	div.counter {
		display: block;
	}
}
div.service-arrow {
  width: 42px;
  height: 42px;
  -webkit-box-shadow: inset 0 0 0 1px #d7d7d7;
          box-shadow: inset 0 0 0 1px #d7d7d7;
  border-radius: 51%;
  -webkit-transition: -webkit-box-shadow 350ms;
  transition: -webkit-box-shadow 350ms;
  transition: box-shadow 350ms;
  transition: box-shadow 350ms, -webkit-box-shadow 350ms;
  cursor: pointer;
}
div.service-arrow:hover {
	-webkit-box-shadow: inset 0 0 0 3px dodgerblue;
	        box-shadow: inset 0 0 0 3px dodgerblue;
}
div.service-arrow:hover svg polygon {
	fill: dodgerblue;
}
div.service-arrow svg {
	position: relative;
	top: 11px;
	left: 12px;
	width: 40%;
	height: 40%;
}
div.service-arrow svg polygon {
	fill: #d7d7d7;
	-webkit-transition: fill 350ms;
	transition: fill 350ms;
}
div.service-arrow.prev-img {
	margin-right: 8px;
	margin-left: 8px;
}
div.service-arrow.prev-img svg {
	-webkit-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}
div.service-arrow.next-img svg {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}
div.service-dots {
  display: none;
  visibility: hidden;
}
section.slacktivity-wrap {
  padding: 80px 30px 80px 80px;
  min-height: 70vh;
}
@media (max-width: 1023px) {
	section.slacktivity-wrap {
		padding: 50px 0 50px 50px;
	}
}
section.slacktivity-wrap.is-active div.slacktivity-loader {
	/*transform: scale(0) */
	display: none;
}
section.slacktivity-wrap.is-active div.slack-content {
	height: auto;
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 350ms;
	        transition-delay: 350ms;
}
section.slacktivity-wrap.is-active a.slack-load-more {
	opacity: 1;
}
div.slacktivity-top {
  margin-right: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #d0d0d0;
}
@media (min-width: 1024px) {
	div.slacktivity-top {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}
div.slacktivity-top h1 {
	display: inline-block;
	margin: 0;
}
div.slacktivity-top p {
	margin: 0;
}
div.slacktivity-top a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
div.slacktivity-top a:first-child {
	border-right: 2px solid black;
	padding-right: 7px;
	margin-right: 2px;
}
div.top-cta {
  position: relative;
  top: 3px;
}
@media (max-width: 1023px) {
	div.top-cta {
		padding-top: 15px;
	}
}
div.slack-content {
  padding: 50px 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 350ms;
  transition: opacity 350ms;
}
div.slack-content img.slack-img {
	width: 100%;
	margin-bottom: 20px;
}
div.slack-content p {
	margin-bottom: 20px;
}
div.slack-content span {
	display: block;
	cursor: pointer;
}
div.slack-content h3 {
	font-size: 28px;
	line-height: 1.1em;
}
div.slack-content h3 svg {
	position: relative;
	top: -2px;
	left: 10px;
	width: 15px;
	height: 15px;
}
div.slack-content a:hover {
	text-decoration: underline;
}
.slack-item {
  width: calc(33.333% - 50px);
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E1E5E5;
}
@media (max-width: 1023px) {
	.slack-item {
		width: calc(50% - 50px);
	}
}
@media (max-width: 767px) {
	.slack-item {
		width: calc(100% - 50px);
	}
}
div.author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
div.author img {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	border-radius: 50%;
	background: #ccc;
	cursor: pointer;
}
div.author span {
	font-size: 12px;
}
div.author span:last-of-type {
	color: #d8d8d8;
}
span.category {
  position: absolute;
  bottom: 30px;
  right: 0;
  background: #f4f4f4;
  padding: 5px 10px;
  font-size: 10px;
  color: #7d7d7d;
  text-transform: uppercase;
}
div.slacktivity-loader {
  /* position: fixed */
  /* top: calc(50% - 150px) */
  /* left: calc(50% - 150px) */
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  width: 300px;
  height: 300px;
  -webkit-transition: -webkit-transform 350ms;
  transition: -webkit-transform 350ms;
  transition: transform 350ms;
  transition: transform 350ms, -webkit-transform 350ms;
}
div.slacktivity-loader img {
	width: 100%;
}
div.slacktivity-modal {
  position: fixed;
  width: 500px;
  height: 500px;
  padding: 50px;
  background: #fff;
  left: calc(50% - 250px);
  top: calc(50% - 250px);
  -webkit-box-shadow: 0px 19px 56px -5px rgba(0, 0, 0, .5);
          box-shadow: 0px 19px 56px -5px rgba(0, 0, 0, .5);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  z-index: 100;
  -webkit-transition: opacity 350ms, visibility 350ms, -webkit-transform 500ms ease;
  transition: opacity 350ms, visibility 350ms, -webkit-transform 500ms ease;
  transition: opacity 350ms, visibility 350ms, transform 500ms ease;
  transition: opacity 350ms, visibility 350ms, transform 500ms ease, -webkit-transform 500ms ease;
}
@media (max-width: 767px) {
	div.slacktivity-modal {
		width: calc(100% - 100px);
		left: 50px;
	}
}
div.slacktivity-modal.is-active {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition-delay: 350ms;
	        transition-delay: 350ms;
}
a.slack-load-more {
  position: relative;
  right: 20px;
  display: block;
  margin: 0 auto;
  width: 225px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  opacity: 0;
}
a.slack-load-more.is-active span {
	opacity: 1;
	-webkit-animation: rotate 3s linear infinite;
	        animation: rotate 3s linear infinite;
}
a.slack-load-more:hover span {
	border-color: #fff;
}
a.slack-load-more:hover span::after {
	background: #fff;
	border-color: #16161d;
}
a.slack-load-more span {
	position: absolute;
	top: 11px;
	right: 30px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #16161d;
	opacity: 0;
	z-index: 10;
	-webkit-transition: opacity 250ms, border-color 150ms ease 150ms;
	transition: opacity 250ms, border-color 150ms ease 150ms;
}
a.slack-load-more span::after {
	content: '';
	position: absolute;
	top: -4px;
	left: 1px;
	width: 7px;
	height: 7px;
	background: #16161d;
	border: 2px solid #fff;
	border-radius: 50%;
	-webkit-transition: background 150ms, border-color 150ms;
	transition: background 150ms, border-color 150ms;
	-webkit-transition-delay: 150ms;
	        transition-delay: 150ms;
}
img[data-action="zoom"] {
  cursor: pointer;
}
.zoom-img,
.zoom-img-wrap {
  position: relative;
  z-index: 666;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}
img.zoom-img {
  cursor: pointer;
}
.zoom-overlay {
  z-index: 50;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 300ms, visibility 300ms;
  transition: opacity 300ms, visibility 300ms;
}
.zoom-overlay.is-active {
	opacity: 0.9;
	visibility: visible;
}
.zoom-overlay-open .zoom-overlay {
	opacity: 0.7;
	visibility: visible;
}
.zoom-overlay-open,
.zoom-overlay-transitioning {
  cursor: default;
}
div.project-visual {
  /*  ======================================
              KNI
  ====================================== */
}
div.project-visual.kni-theme div.project-visual-nav a.is-active:before {
	background-color: #000;
}
div.project-visual.kni-theme div.project-visual-nav a.is-active {
	color: #000;
}
div.project-visual.kni-theme ul.project-carousel {
	border-bottom-color: #000;
}
div.project-visual.kni-theme .project-carousel-arrows .arrow {
	border-color: #000;
}
div.project-visual.kni-theme .project-carousel-arrows svg * {
	stroke: #000;
}
div.project-visual.kni-theme .project-carousel-arrows .arrow:hover {
	background: #000;
	border-color: #000;
}
div.project-visual.kni-theme ul.project-carousel li.demo-slide .btn {
	background: #000;
}
div.project-visual {
	/*======================================
              PMV
  ====================================== */
}
div.project-visual.pmv-theme div.project-visual-nav a.is-active:before {
	background-color: #618011;
}
div.project-visual.pmv-theme div.project-visual-nav a.is-active {
	color: #618011;
}
div.project-visual.pmv-theme ul.project-carousel {
	border-bottom-color: #618011;
}
div.project-visual.pmv-theme .project-carousel-arrows .arrow {
	border-color: #618011;
}
div.project-visual.pmv-theme .project-carousel-arrows svg * {
	stroke: #618011;
}
div.project-visual.pmv-theme .project-carousel-arrows .arrow:hover {
	background: #618011;
	border-color: #618011;
}
div.project-visual.pmv-theme ul.project-carousel li.demo-slide .btn {
	background: #618011;
}
div.project-visual {
	/*======================================
              moovit
  ====================================== */
}
div.project-visual.moovit-theme div.project-visual-nav a.is-active:before {
	background-color: #3c373b;
}
div.project-visual.moovit-theme div.project-visual-nav a.is-active {
	color: #3c373b;
}
div.project-visual.moovit-theme ul.project-carousel {
	border-bottom-color: #3c373b;
}
div.project-visual.moovit-theme .project-carousel-arrows .arrow {
	border-color: #3c373b;
}
div.project-visual.moovit-theme .project-carousel-arrows svg * {
	stroke: #3c373b;
}
div.project-visual.moovit-theme .project-carousel-arrows .arrow:hover {
	background: #3c373b;
	border-color: #3c373b;
}
div.project-visual.moovit-theme ul.project-carousel li.demo-slide .btn {
	background: #3c373b;
}
div.project-visual {
	/*======================================
              Harrison
  ====================================== */
}
div.project-visual.harrison-theme div.project-visual-nav a.is-active:before {
	background-color: #f1bc50;
}
div.project-visual.harrison-theme div.project-visual-nav a.is-active {
	color: #f1bc50;
}
div.project-visual.harrison-theme ul.project-carousel {
	border-bottom-color: #f1bc50;
}
div.project-visual.harrison-theme .project-carousel-arrows .arrow {
	border-color: #f1bc50;
}
div.project-visual.harrison-theme .project-carousel-arrows svg * {
	stroke: #f1bc50;
}
div.project-visual.harrison-theme .project-carousel-arrows .arrow:hover {
	background: #f1bc50;
	border-color: #f1bc50;
}
div.project-visual.harrison-theme ul.project-carousel li.demo-slide .btn {
	background: #f1bc50;
}
div.project-visual {
	/*======================================
              highfive
  ====================================== */
}
div.project-visual.highfive-theme div.project-visual-nav a.is-active:before {
	background-color: #4948c0;
}
div.project-visual.highfive-theme div.project-visual-nav a.is-active {
	color: #4948c0;
}
div.project-visual.highfive-theme ul.project-carousel {
	border-bottom-color: #4948c0;
}
div.project-visual.highfive-theme .project-carousel-arrows .arrow {
	border-color: #4948c0;
}
div.project-visual.highfive-theme .project-carousel-arrows svg * {
	stroke: #4948c0;
}
div.project-visual.highfive-theme .project-carousel-arrows .arrow:hover {
	background: #4948c0;
	border-color: #4948c0;
}
div.project-visual.highfive-theme ul.project-carousel li.demo-slide .btn {
	background: #4948c0;
}
div.project-visual {
	/*======================================
              Lyve
  ====================================== */
}
div.project-visual.lyve-theme div.project-visual-nav a.is-active:before {
	background-color: #862577;
}
div.project-visual.lyve-theme div.project-visual-nav a.is-active {
	color: #862577;
}
div.project-visual.lyve-theme ul.project-carousel {
	border-bottom-color: #862577;
}
div.project-visual.lyve-theme .project-carousel-arrows .arrow {
	border-color: #862577;
}
div.project-visual.lyve-theme .project-carousel-arrows svg * {
	stroke: #862577;
}
div.project-visual.lyve-theme .project-carousel-arrows .arrow:hover {
	background: #862577;
	border-color: #862577;
}
div.project-visual.lyve-theme ul.project-carousel li.demo-slide .btn {
	background: #862577;
}
div.project-visual {
	/*======================================
              Dremastudio
  ====================================== */
}
div.project-visual.dreamstudio-theme div.project-visual-nav a.is-active:before {
	background-color: #6e583c;
}
div.project-visual.dreamstudio-theme div.project-visual-nav a.is-active {
	color: #6e583c;
}
div.project-visual.dreamstudio-theme ul.project-carousel {
	border-bottom-color: #6e583c;
}
div.project-visual.dreamstudio-theme .project-carousel-arrows .arrow {
	border-color: #6e583c;
}
div.project-visual.dreamstudio-theme .project-carousel-arrows svg * {
	stroke: #6e583c;
}
div.project-visual.dreamstudio-theme .project-carousel-arrows .arrow:hover {
	background: #6e583c;
	border-color: #6e583c;
}
div.project-visual.dreamstudio-theme ul.project-carousel li.demo-slide .btn {
	background: #6e583c;
}
div.project-visual {
	/*======================================
              Stipple
  ====================================== */
}
div.project-visual.stipple-theme div.project-visual-nav a.is-active:before {
	background-color: #267fda;
}
div.project-visual.stipple-theme div.project-visual-nav a.is-active {
	color: #267fda;
}
div.project-visual.stipple-theme ul.project-carousel {
	border-bottom-color: #267fda;
}
div.project-visual.stipple-theme .project-carousel-arrows .arrow {
	border-color: #267fda;
}
div.project-visual.stipple-theme .project-carousel-arrows svg * {
	stroke: #267fda;
}
div.project-visual.stipple-theme .project-carousel-arrows .arrow:hover {
	background: #267fda;
	border-color: #267fda;
}
div.project-visual.stipple-theme ul.project-carousel li.demo-slide .btn {
	background: #267fda;
}
div.project-visual {
	/*======================================
              Cove
  ====================================== */
}
div.project-visual.cove-theme div.project-visual-nav a.is-active:before {
	background-color: #154b8a;
}
div.project-visual.cove-theme div.project-visual-nav a.is-active {
	color: #154b8a;
}
div.project-visual.cove-theme ul.project-carousel {
	border-bottom-color: #154b8a;
}
div.project-visual.cove-theme .project-carousel-arrows .arrow {
	border-color: #154b8a;
}
div.project-visual.cove-theme .project-carousel-arrows svg * {
	stroke: #154b8a;
}
div.project-visual.cove-theme .project-carousel-arrows .arrow:hover {
	background: #154b8a;
	border-color: #154b8a;
}
div.project-visual.cove-theme ul.project-carousel li.demo-slide .btn {
	background: #154b8a;
}
div.project-visual {
	/*======================================
              Sot
  ====================================== */
}
div.project-visual.sot-theme div.project-visual-nav a.is-active:before {
	background-color: #94847a;
}
div.project-visual.sot-theme div.project-visual-nav a.is-active {
	color: #94847a;
}
div.project-visual.sot-theme ul.project-carousel {
	border-bottom-color: #94847a;
}
div.project-visual.sot-theme .project-carousel-arrows .arrow {
	border-color: #94847a;
}
div.project-visual.sot-theme .project-carousel-arrows svg * {
	stroke: #94847a;
}
div.project-visual.sot-theme .project-carousel-arrows .arrow:hover {
	background: #94847a;
	border-color: #94847a;
}
div.project-visual.sot-theme ul.project-carousel li.demo-slide .btn {
	background: #94847a;
}
div.project-visual {
	/*======================================
              AdRoll
  ====================================== */
}
div.project-visual.adroll-theme div.project-visual-nav a.is-active:before {
	background-color: #00adef;
}
div.project-visual.adroll-theme div.project-visual-nav a.is-active {
	color: #00adef;
}
div.project-visual.adroll-theme ul.project-carousel {
	border-bottom-color: #00adef;
}
div.project-visual.adroll-theme .project-carousel-arrows .arrow {
	border-color: #00adef;
}
div.project-visual.adroll-theme .project-carousel-arrows svg * {
	stroke: #00adef;
}
div.project-visual.adroll-theme .project-carousel-arrows .arrow:hover {
	background: #00adef;
	border-color: #00adef;
}
div.project-visual.adroll-theme ul.project-carousel li.demo-slide .btn {
	background: #00adef;
}
div.project-visual {
	/*======================================
              Nest
  ====================================== */
}
div.project-visual.nest-theme div.project-visual-nav a.is-active:before {
	background-color: #ffffff;
}
div.project-visual.nest-theme div.project-visual-nav a.is-active {
	color: #ffffff;
}
div.project-visual.nest-theme ul.project-carousel {
	border-bottom-color: #ffffff;
}
div.project-visual.nest-theme .project-carousel-arrows .arrow {
	border-color: #ffffff;
}
div.project-visual.nest-theme .project-carousel-arrows svg * {
	stroke: #ffffff;
}
div.project-visual.nest-theme .project-carousel-arrows .arrow:hover {
	background: #ffffff;
	border-color: #ffffff;
}
div.project-visual.nest-theme ul.project-carousel li.demo-slide .btn {
	background: #ffffff;
}
div.project-visual {
	/*======================================
              Proxy
  ====================================== */
}
div.project-visual.proxy-theme div.project-visual-nav a.is-active:before {
	background-color: #023deb;
}
div.project-visual.proxy-theme div.project-visual-nav a.is-active {
	color: #023deb;
}
div.project-visual.proxy-theme ul.project-carousel {
	border-bottom-color: #023deb;
}
div.project-visual.proxy-theme .project-carousel-arrows .arrow {
	border-color: #023deb;
}
div.project-visual.proxy-theme .project-carousel-arrows svg * {
	stroke: #023deb;
}
div.project-visual.proxy-theme .project-carousel-arrows .arrow:hover {
	background: #023deb;
	border-color: #023deb;
}
div.project-visual.proxy-theme ul.project-carousel li.demo-slide .btn {
	background: #023deb;
}
div.project-visual {
	/*======================================
              Caissa
  ====================================== */
}
div.project-visual.caissa-theme div.project-visual-nav a.is-active:before {
	background-color: #239ACC;
}
div.project-visual.caissa-theme div.project-visual-nav a.is-active {
	color: #239ACC;
}
div.project-visual.caissa-theme ul.project-carousel {
	border-bottom-color: #239ACC;
}
div.project-visual.caissa-theme .project-carousel-arrows .arrow {
	border-color: #239ACC;
}
div.project-visual.caissa-theme .project-carousel-arrows svg * {
	stroke: #239ACC;
}
div.project-visual.caissa-theme .project-carousel-arrows .arrow:hover {
	background: #239ACC;
	border-color: #239ACC;
}
div.project-visual.caissa-theme ul.project-carousel li.demo-slide .btn {
	background: #239ACC;
}
div.project-visual {
	/*======================================
              Nod
  ====================================== */
}
div.project-visual.nod-theme div.project-visual-nav a.is-active:before {
	background-color: #D13E3F;
}
div.project-visual.nod-theme div.project-visual-nav a.is-active {
	color: #D13E3F;
}
div.project-visual.nod-theme ul.project-carousel {
	border-bottom-color: #D13E3F;
}
div.project-visual.nod-theme .project-carousel-arrows .arrow {
	border-color: #D13E3F;
}
div.project-visual.nod-theme .project-carousel-arrows svg * {
	stroke: #D13E3F;
}
div.project-visual.nod-theme .project-carousel-arrows .arrow:hover {
	background: #D13E3F;
	border-color: #D13E3F;
}
div.project-visual.nod-theme ul.project-carousel li.demo-slide .btn {
	background: #D13E3F;
}
div.project-visual {
	/*======================================
              Juicero
  ====================================== */
}
div.project-visual.juicero-theme div.project-visual-nav a.is-active:before {
	background-color: #81bb00;
}
div.project-visual.juicero-theme div.project-visual-nav a.is-active {
	color: #81bb00;
}
div.project-visual.juicero-theme ul.project-carousel {
	border-bottom-color: #81bb00;
}
div.project-visual.juicero-theme .project-carousel-arrows .arrow {
	border-color: #81bb00;
}
div.project-visual.juicero-theme .project-carousel-arrows svg * {
	stroke: #81bb00;
}
div.project-visual.juicero-theme .project-carousel-arrows .arrow:hover {
	background: #81bb00;
	border-color: #81bb00;
}
div.project-visual.juicero-theme ul.project-carousel li.demo-slide .btn {
	background: #81bb00;
}
div.project-visual {
	/*======================================
              Poof
  ====================================== */
}
div.project-visual.poof-theme div.project-visual-nav a.is-active:before {
	background-color: #3cb4e2;
}
div.project-visual.poof-theme div.project-visual-nav a.is-active {
	color: #3cb4e2;
}
div.project-visual.poof-theme ul.project-carousel {
	border-bottom-color: #3cb4e2;
}
div.project-visual.poof-theme .project-carousel-arrows .arrow {
	border-color: #3cb4e2;
}
div.project-visual.poof-theme .project-carousel-arrows svg * {
	stroke: #3cb4e2;
}
div.project-visual.poof-theme .project-carousel-arrows .arrow:hover {
	background: #3cb4e2;
	border-color: #3cb4e2;
}
div.project-visual.poof-theme ul.project-carousel li.demo-slide .btn {
	background: #3cb4e2;
}
div.project-visual {
	/*======================================
              BOS
  ====================================== */
}
div.project-visual.bos-theme div.project-visual-nav a.is-active:before {
	background-color: #C4AB73;
}
div.project-visual.bos-theme div.project-visual-nav a.is-active {
	color: #C4AB73;
}
div.project-visual.bos-theme ul.project-carousel {
	border-bottom-color: #C4AB73;
}
div.project-visual.bos-theme .project-carousel-arrows .arrow {
	border-color: #C4AB73;
}
div.project-visual.bos-theme .project-carousel-arrows svg * {
	stroke: #C4AB73;
}
div.project-visual.bos-theme .project-carousel-arrows .arrow:hover {
	background: #C4AB73;
	border-color: #C4AB73;
}
div.project-visual.bos-theme ul.project-carousel li.demo-slide .btn {
	background: #C4AB73;
}
div.project-visual {
	/*======================================
              Twistlock
  ====================================== */
}
div.project-visual.twistlock-theme div.project-visual-nav a.is-active:before {
	background-color: #6118FF;
}
div.project-visual.twistlock-theme div.project-visual-nav a.is-active {
	color: #6118FF;
}
div.project-visual.twistlock-theme ul.project-carousel {
	border-bottom-color: #6118FF;
}
div.project-visual.twistlock-theme .project-carousel-arrows .arrow {
	border-color: #6118FF;
}
div.project-visual.twistlock-theme .project-carousel-arrows svg * {
	stroke: #6118FF;
}
div.project-visual.twistlock-theme .project-carousel-arrows .arrow:hover {
	background: #6118FF;
	border-color: #6118FF;
}
div.project-visual.twistlock-theme ul.project-carousel li.demo-slide .btn {
	background: #6118FF;
}
div.project-visual {
	/*======================================
              Arrive Marin
  ====================================== */
}
div.project-visual.arrivemarin-theme div.project-visual-nav a.is-active:before {
	background-color: #3094A9;
}
div.project-visual.arrivemarin-theme div.project-visual-nav a.is-active {
	color: #3094A9;
}
div.project-visual.arrivemarin-theme ul.project-carousel {
	border-bottom-color: #3094A9;
}
div.project-visual.arrivemarin-theme .project-carousel-arrows .arrow {
	border-color: #3094A9;
}
div.project-visual.arrivemarin-theme .project-carousel-arrows svg * {
	stroke: #3094A9;
}
div.project-visual.arrivemarin-theme .project-carousel-arrows .arrow:hover {
	background: #3094A9;
	border-color: #3094A9;
}
div.project-visual.arrivemarin-theme ul.project-carousel li.demo-slide .btn {
	background: #3094A9;
}
div.project-visual {
	/*======================================
              Fenix
  ====================================== */
}
div.project-visual.fenix-theme div.project-visual-nav a.is-active:before {
	background-color: #008BC6;
}
div.project-visual.fenix-theme div.project-visual-nav a.is-active {
	color: #008BC6;
}
div.project-visual.fenix-theme ul.project-carousel {
	border-bottom-color: #008BC6;
}
div.project-visual.fenix-theme .project-carousel-arrows .arrow {
	border-color: #008BC6;
}
div.project-visual.fenix-theme .project-carousel-arrows svg * {
	stroke: #008BC6;
}
div.project-visual.fenix-theme .project-carousel-arrows .arrow:hover {
	background: #008BC6;
	border-color: #008BC6;
}
div.project-visual.fenix-theme ul.project-carousel li.demo-slide .btn {
	background: #008BC6;
}
div.project-visual {
	/*======================================
              Scaled Inference
  ====================================== */
}
div.project-visual.scaled-inference-theme div.project-visual-nav a.is-active:before {
	background-color: #ff9436;
}
div.project-visual.scaled-inference-theme div.project-visual-nav a.is-active {
	color: #ff9436;
}
div.project-visual.scaled-inference-theme ul.project-carousel {
	border-bottom-color: #ff9436;
}
div.project-visual.scaled-inference-theme .project-carousel-arrows .arrow {
	border-color: #ff9436;
}
div.project-visual.scaled-inference-theme .project-carousel-arrows svg * {
	stroke: #ff9436;
}
div.project-visual.scaled-inference-theme .project-carousel-arrows .arrow:hover {
	background: #ff9436;
	border-color: #ff9436;
}
div.project-visual.scaled-inference-theme ul.project-carousel li.demo-slide .btn {
	background: #ff9436;
}
div.project-visual {
	/*======================================
              Most Likely To
  ====================================== */
}
div.project-visual.mostlikelyto-theme div.project-visual-nav a.is-active:before {
	background-color: #61286b;
}
div.project-visual.mostlikelyto-theme div.project-visual-nav a.is-active {
	color: #61286b;
}
div.project-visual.mostlikelyto-theme ul.project-carousel {
	border-bottom-color: #61286b;
}
div.project-visual.mostlikelyto-theme .project-carousel-arrows .arrow {
	border-color: #61286b;
}
div.project-visual.mostlikelyto-theme .project-carousel-arrows svg * {
	stroke: #61286b;
}
div.project-visual.mostlikelyto-theme .project-carousel-arrows .arrow:hover {
	background: #61286b;
	border-color: #61286b;
}
div.project-visual.mostlikelyto-theme ul.project-carousel li.demo-slide .btn {
	background: #61286b;
}
div.project-visual {
	/*======================================
              Narpp
  ====================================== */
}
div.project-visual.narpp-theme div.project-visual-nav a.is-active:before {
	background-color: #349EAE;
}
div.project-visual.narpp-theme div.project-visual-nav a.is-active {
	color: #349EAE;
}
div.project-visual.narpp-theme ul.project-carousel {
	border-bottom-color: #349EAE;
}
div.project-visual.narpp-theme .project-carousel-arrows .arrow {
	border-color: #349EAE;
}
div.project-visual.narpp-theme .project-carousel-arrows svg * {
	stroke: #349EAE;
}
div.project-visual.narpp-theme .project-carousel-arrows .arrow:hover {
	background: #349EAE;
	border-color: #349EAE;
}
div.project-visual.narpp-theme ul.project-carousel li.demo-slide .btn {
	background: #349EAE;
}
div.project-visual {
	/*======================================
              Icon
  ====================================== */
}
div.project-visual.icon-theme div.project-visual-nav a.is-active:before {
	background-color: #349EAE;
}
div.project-visual.icon-theme div.project-visual-nav a.is-active {
	color: #349EAE;
}
div.project-visual.icon-theme ul.project-carousel {
	border-bottom-color: #349EAE;
}
div.project-visual.icon-theme .project-carousel-arrows .arrow {
	border-color: #349EAE;
}
div.project-visual.icon-theme .project-carousel-arrows svg * {
	stroke: #349EAE;
}
div.project-visual.icon-theme .project-carousel-arrows .arrow:hover {
	background: #349EAE;
	border-color: #349EAE;
}
div.project-visual.icon-theme ul.project-carousel li.demo-slide .btn {
	background: #349EAE;
}
div.project-visual {
	/*======================================
              TCI
  ====================================== */
}
div.project-visual.tci-theme div.project-visual-nav a.is-active:before {
	background-color: #72C1C8;
}
div.project-visual.tci-theme div.project-visual-nav a.is-active {
	color: #72C1C8;
}
div.project-visual.tci-theme ul.project-carousel {
	border-bottom-color: #72C1C8;
}
div.project-visual.tci-theme .project-carousel-arrows .arrow {
	border-color: #72C1C8;
}
div.project-visual.tci-theme .project-carousel-arrows svg * {
	stroke: #72C1C8;
}
div.project-visual.tci-theme .project-carousel-arrows .arrow:hover {
	background: #72C1C8;
	border-color: #72C1C8;
}
div.project-visual.tci-theme ul.project-carousel li.demo-slide .btn {
	background: #72C1C8;
}
div.project-visual {
	/*======================================
              CYW
  ====================================== */
}
div.project-visual.cyw-theme div.project-visual-nav a.is-active:before {
	background-color: #631DA1;
}
div.project-visual.cyw-theme div.project-visual-nav a.is-active {
	color: #631DA1;
}
div.project-visual.cyw-theme ul.project-carousel {
	border-bottom-color: #631DA1;
}
div.project-visual.cyw-theme .project-carousel-arrows .arrow {
	border-color: #631DA1;
}
div.project-visual.cyw-theme .project-carousel-arrows svg * {
	stroke: #631DA1;
}
div.project-visual.cyw-theme .project-carousel-arrows .arrow:hover {
	background: #631DA1;
	border-color: #631DA1;
}
div.project-visual.cyw-theme ul.project-carousel li.demo-slide .btn {
	background: #631DA1;
}
div.project-visual {
	/*======================================
              Stress Health
  ====================================== */
}
div.project-visual.stress-health-theme div.project-visual-nav a.is-active:before {
	background-color: #585379;
}
div.project-visual.stress-health-theme div.project-visual-nav a.is-active {
	color: #585379;
}
div.project-visual.stress-health-theme ul.project-carousel {
	border-bottom-color: #585379;
}
div.project-visual.stress-health-theme .project-carousel-arrows .arrow {
	border-color: #585379;
}
div.project-visual.stress-health-theme .project-carousel-arrows svg * {
	stroke: #585379;
}
div.project-visual.stress-health-theme .project-carousel-arrows .arrow:hover {
	background: #585379;
	border-color: #585379;
}
div.project-visual.stress-health-theme ul.project-carousel li.demo-slide .btn {
	background: #585379;
}
div.project-visual {
	/*======================================
              Toyota
  ====================================== */
}
div.project-visual.toyota-ventures-theme div.project-visual-nav a.is-active:before {
	background-color: #C93736;
}
div.project-visual.toyota-ventures-theme div.project-visual-nav a.is-active {
	color: #C93736;
}
div.project-visual.toyota-ventures-theme ul.project-carousel {
	border-bottom-color: #C93736;
}
div.project-visual.toyota-ventures-theme .project-carousel-arrows .arrow {
	border-color: #C93736;
}
div.project-visual.toyota-ventures-theme .project-carousel-arrows svg * {
	stroke: #C93736;
}
div.project-visual.toyota-ventures-theme .project-carousel-arrows .arrow:hover {
	background: #C93736;
	border-color: #C93736;
}
div.project-visual.toyota-ventures-theme ul.project-carousel li.demo-slide .btn {
	background: #C93736;
}
div.project-visual {
	/*======================================
              Dolby
  ====================================== */
}
div.project-visual.dolby-theme div.project-visual-nav a.is-active:before {
	background-color: #03ABEB;
}
div.project-visual.dolby-theme div.project-visual-nav a.is-active {
	color: #03ABEB;
}
div.project-visual.dolby-theme ul.project-carousel {
	border-bottom-color: #03ABEB;
}
div.project-visual.dolby-theme .project-carousel-arrows .arrow {
	border-color: #03ABEB;
}
div.project-visual.dolby-theme .project-carousel-arrows svg * {
	stroke: #03ABEB;
}
div.project-visual.dolby-theme .project-carousel-arrows .arrow:hover {
	background: #03ABEB;
	border-color: #03ABEB;
}
div.project-visual.dolby-theme ul.project-carousel li.demo-slide .btn {
	background: #03ABEB;
}
div.project-visual {
	/*======================================
              Juniper
  ====================================== */
}
div.project-visual.juniper-theme div.project-visual-nav a.is-active:before {
	background-color: #3BAB69;
}
div.project-visual.juniper-theme div.project-visual-nav a.is-active {
	color: #3BAB69;
}
div.project-visual.juniper-theme ul.project-carousel {
	border-bottom-color: #3BAB69;
}
div.project-visual.juniper-theme .project-carousel-arrows .arrow {
	border-color: #3BAB69;
}
div.project-visual.juniper-theme .project-carousel-arrows svg * {
	stroke: #3BAB69;
}
div.project-visual.juniper-theme .project-carousel-arrows .arrow:hover {
	background: #3BAB69;
	border-color: #3BAB69;
}
div.project-visual.juniper-theme ul.project-carousel li.demo-slide .btn {
	background: #3BAB69;
}
div.project-visual {
	/*======================================
              CZI
  ====================================== */
}
div.project-visual.czi-theme div.project-visual-nav a.is-active:before {
	background-color: #FF414B;
}
div.project-visual.czi-theme div.project-visual-nav a.is-active {
	color: #FF414B;
}
div.project-visual.czi-theme ul.project-carousel {
	border-bottom-color: #FF414B;
}
div.project-visual.czi-theme .project-carousel-arrows .arrow {
	border-color: #FF414B;
}
div.project-visual.czi-theme .project-carousel-arrows svg * {
	stroke: #FF414B;
}
div.project-visual.czi-theme .project-carousel-arrows .arrow:hover {
	background: #FF414B;
	border-color: #FF414B;
}
div.project-visual.czi-theme ul.project-carousel li.demo-slide .btn {
	background: #FF414B;
}
div.project-visual {
	/*======================================
              mercer
  ====================================== */
}
div.project-visual.mercer-theme div.project-visual-nav a.is-active:before {
	background-color: #3CDBC0;
}
div.project-visual.mercer-theme div.project-visual-nav a.is-active {
	color: #3CDBC0;
}
div.project-visual.mercer-theme ul.project-carousel {
	border-bottom-color: #3CDBC0;
}
div.project-visual.mercer-theme .project-carousel-arrows .arrow {
	border-color: #3CDBC0;
}
div.project-visual.mercer-theme .project-carousel-arrows svg * {
	stroke: #3CDBC0;
}
div.project-visual.mercer-theme .project-carousel-arrows .arrow:hover {
	background: #3CDBC0;
	border-color: #3CDBC0;
}
div.project-visual.mercer-theme ul.project-carousel li.demo-slide .btn {
	background: #3CDBC0;
}
div.project-visual {
	/*======================================
              Poai
  ====================================== */
}
div.project-visual.poai-theme div.project-visual-nav a.is-active:before {
	background-color: #0084FF;
}
div.project-visual.poai-theme div.project-visual-nav a.is-active {
	color: #0084FF;
}
div.project-visual.poai-theme ul.project-carousel {
	border-bottom-color: #0084FF;
}
div.project-visual.poai-theme .project-carousel-arrows .arrow {
	border-color: #0084FF;
}
div.project-visual.poai-theme .project-carousel-arrows svg * {
	stroke: #0084FF;
}
div.project-visual.poai-theme .project-carousel-arrows .arrow:hover {
	background: #0084FF;
	border-color: #0084FF;
}
div.project-visual.poai-theme ul.project-carousel li.demo-slide .btn {
	background: #0084FF;
}
div.project-visual {
	/*======================================
              make wonder
  ====================================== */
}
div.project-visual.wonder-theme div.project-visual-nav a.is-active:before {
	background-color: #FF8A00;
}
div.project-visual.wonder-theme div.project-visual-nav a.is-active {
	color: #FF8A00;
}
div.project-visual.wonder-theme ul.project-carousel {
	border-bottom-color: #FF8A00;
}
div.project-visual.wonder-theme .project-carousel-arrows .arrow {
	border-color: #FF8A00;
}
div.project-visual.wonder-theme .project-carousel-arrows svg * {
	stroke: #FF8A00;
}
div.project-visual.wonder-theme .project-carousel-arrows .arrow:hover {
	background: #FF8A00;
	border-color: #FF8A00;
}
div.project-visual.wonder-theme ul.project-carousel li.demo-slide .btn {
	background: #FF8A00;
}
div.project-visual {
	/*======================================
              washington spirit
  ====================================== */
}
div.project-visual.washington-spirit-theme div.project-visual-nav a.is-active:before {
	background-color: #9D0911;
}
div.project-visual.washington-spirit-theme div.project-visual-nav a.is-active {
	color: #9D0911;
}
div.project-visual.washington-spirit-theme ul.project-carousel {
	border-bottom-color: #9D0911;
}
div.project-visual.washington-spirit-theme .project-carousel-arrows .arrow {
	border-color: #9D0911;
}
div.project-visual.washington-spirit-theme .project-carousel-arrows svg * {
	stroke: #9D0911;
}
div.project-visual.washington-spirit-theme .project-carousel-arrows .arrow:hover {
	background: #9D0911;
	border-color: #9D0911;
}
div.project-visual.washington-spirit-theme ul.project-carousel li.demo-slide .btn {
	background: #9D0911;
}
div.project-visual {
	/*======================================
              Kuri
  ====================================== */
}
div.project-visual.kuri-theme div.project-visual-nav a.is-active:before {
	background-color: #1D98FC;
}
div.project-visual.kuri-theme div.project-visual-nav a.is-active {
	color: #1D98FC;
}
div.project-visual.kuri-theme ul.project-carousel {
	border-bottom-color: #1D98FC;
}
div.project-visual.kuri-theme .project-carousel-arrows .arrow {
	border-color: #1D98FC;
}
div.project-visual.kuri-theme .project-carousel-arrows svg * {
	stroke: #1D98FC;
}
div.project-visual.kuri-theme .project-carousel-arrows .arrow:hover {
	background: #1D98FC;
	border-color: #1D98FC;
}
div.project-visual.kuri-theme ul.project-carousel li.demo-slide .btn {
	background: #1D98FC;
}
div.project-visual {
	/*======================================
              NGUX
  ====================================== */
}
div.project-visual.ngux-theme div.project-visual-nav a.is-active:before {
	background-color: #FFDB14;
}
div.project-visual.ngux-theme div.project-visual-nav a.is-active {
	color: #FFDB14;
}
div.project-visual.ngux-theme ul.project-carousel {
	border-bottom-color: #FFDB14;
}
div.project-visual.ngux-theme .project-carousel-arrows .arrow {
	border-color: #FFDB14;
}
div.project-visual.ngux-theme .project-carousel-arrows svg * {
	stroke: #FFDB14;
}
div.project-visual.ngux-theme .project-carousel-arrows .arrow:hover {
	background: #FFDB14;
	border-color: #FFDB14;
}
div.project-visual.ngux-theme ul.project-carousel li.demo-slide .btn {
	background: #FFDB14;
}
div.project-visual {
	/*======================================
              N-labs
  ====================================== */
}
div.project-visual.nlabs-theme div.project-visual-nav a.is-active:before {
	background-color: #FF5019;
}
div.project-visual.nlabs-theme div.project-visual-nav a.is-active {
	color: #FF5019;
}
div.project-visual.nlabs-theme ul.project-carousel {
	border-bottom-color: #FF5019;
}
div.project-visual.nlabs-theme .project-carousel-arrows .arrow {
	border-color: #FF5019;
}
div.project-visual.nlabs-theme .project-carousel-arrows svg * {
	stroke: #FF5019;
}
div.project-visual.nlabs-theme .project-carousel-arrows .arrow:hover {
	background: #FF5019;
	border-color: #FF5019;
}
div.project-visual.nlabs-theme ul.project-carousel li.demo-slide .btn {
	background: #FF5019;
}
div.project-visual {
	/*======================================
              washington spirit
  ====================================== */
}
div.project-visual.washington-spirit-theme div.project-visual-nav a.is-active:before {
	background-color: #333;
}
div.project-visual.washington-spirit-theme div.project-visual-nav a.is-active {
	color: #333;
}
div.project-visual.washington-spirit-theme ul.project-carousel {
	border-bottom-color: #333;
}
div.project-visual.washington-spirit-theme .project-carousel-arrows .arrow {
	border-color: #333;
}
div.project-visual.washington-spirit-theme .project-carousel-arrows svg * {
	stroke: #333;
}
div.project-visual.washington-spirit-theme .project-carousel-arrows .arrow:hover {
	background: #333;
	border-color: #333;
}
div.project-visual.washington-spirit-theme ul.project-carousel li.demo-slide .btn {
	background: #333;
}
.ordergroove figure.project-hero.video {
  background-color: #F1EFF9;
}
div.project-visual {
  padding: 40px 0;
  background: #f6f6f6;
  overflow: hidden;
}
div.project-visual .carousel-wrap {
	-webkit-backface-visibility: hidden;
}
/*  ======================================
            Nav
====================================== */
div.project-visual-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 45px;
}
div.project-visual-nav a {
	color: #000000;
	font-size: 20px;
	font-family: 'avenir-medium', 'Arial', sans-serif;
	display: inline-block;
	position: relative;
}
div.project-visual-nav a:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
}
div.project-visual-nav a:not(:last-child) {
	margin-right: 15px;
}
div.project-visual-nav a.is-active {
	pointer-events: none;
	font-weight: 600;
}
/*  ======================================
        Carousel Container
====================================== */
.carousel-container {
  position: relative;
}
.carousel-container .flickity-viewport {
	left: 100%;
	-webkit-transition: 1s cubic-bezier(.215,.61,.355,1);
	transition: 1s cubic-bezier(.215,.61,.355,1);
}
.carousel-container.is-slideout .flickity-viewport {
	left: 0;
}
/*  ======================================
        Carousel Arrow Nav
====================================== */
.project-carousel-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 35px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  width: 100%;
  top: 50px;
  z-index: -1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.project-carousel-arrows.is-active {
	position: relative;
	top: 0;
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 0.4s;
	        transition-delay: 0.4s;
	z-index: 2;
}
.project-carousel-arrows .arrow {
	width: 50px;
	height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 50%;
	border: 1px solid #ababab;
	cursor: pointer;
	-webkit-transition: 0.35s;
	transition: 0.35s;
}
.project-carousel-arrows .arrow:hover {
	background: #618011;
	border-color: #618011;
}
.project-carousel-arrows .arrow:hover svg * {
	stroke: white !important;
}
.project-carousel-arrows svg {
	width: 22px;
	height: 16px;
}
.project-carousel-arrows svg * {
	stroke: #ababab;
	stroke-width: 5px;
}
.project-carousel-arrows .arrow-prev {
	margin-right: 10px;
}
.project-carousel-arrows .arrow-prev svg {
	-webkit-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}
.project-carousel-arrows .arrow-next svg {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}
/*  ======================================
            Carousel
====================================== */
ul.project-carousel {
  padding: 0 3%;
  height: 400px;
  border-bottom: 8px solid #618011;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  pointer-events: none;
}
ul.project-carousel.is-active {
	top: 0;
	opacity: 1;
	visibility: visible;
	position: relative;
	pointer-events: auto;
}
ul.project-carousel:not(.flickity-enabled) {
	opacity: 0;
	visibility: hidden;
	z-index: -10;
}
ul.project-carousel div.flickity-viewport {
	overflow: visible;
}
ul.project-carousel li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
	margin: 0 20px;
}
ul.project-carousel li img,
    ul.project-carousel li figure {
	-webkit-transition: -webkit-box-shadow 350ms, -webkit-transform 350ms ease;
	transition: -webkit-box-shadow 350ms, -webkit-transform 350ms ease;
	transition: box-shadow 350ms, transform 350ms ease;
	transition: box-shadow 350ms, transform 350ms ease, -webkit-box-shadow 350ms, -webkit-transform 350ms ease;
}
@media (min-width: 768px) {
	ul.project-carousel li img:hover, ul.project-carousel li figure:hover {
		-webkit-box-shadow: 0 40px 60px rgba(0, 0, 0, .1), 0 15px 12px rgba(0, 0, 0, .1);
		        box-shadow: 0 40px 60px rgba(0, 0, 0, .1), 0 15px 12px rgba(0, 0, 0, .1);
	}
}
ul.project-carousel {
	/*Demo Slide
  ====================================== */
}
ul.project-carousel li.demo-slide {
	position: relative;
}
ul.project-carousel.collateral li.demo-slide figure,
  ul.project-carousel.collateral li.demo-slide a {
	width: 250px;
	height: 300px;
	display: block;
}
ul.project-carousel li.demo-slide a {
	width: 216px;
	height: 300px;
	text-align: center;
	padding: 30px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #E5E5E5;
}
ul.project-carousel li.demo-slide h4 {
	font-size: 20px;
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 10px;
}
ul.project-carousel li.demo-slide p {
	font-size: 14px;
}
ul.project-carousel li.demo-slide .btn {
	border: none;
	color: #ffffff;
	text-transform: none;
	font-weight: 500;
	width: 100%;
	text-align: center;
	font-size: 14px;
	letter-spacing: 0;
	display: block;
}
ul.project-carousel li.demo-slide .btn:before,
  ul.project-carousel li.demo-slide .btn:after {
	content: none;
}
ul.project-carousel li.demo-slide div.persona {
	width: 90px !important;
	height: 90px !important;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #F8F8F8;
	border: 1px solid #EBEBEB;
	display: inline-block;
	margin-bottom: 13px;
}
ul.project-carousel.web li.demo-slide figure {
	background: #ffffff;
}
ul.project-carousel.web li.demo-slide a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
ul.project-carousel {
	/*Carousel Collateral
  ====================================== */
}
ul.project-carousel.collateral li img {
	width: auto;
	height: 300px;
}
@media (min-width: 768px) {
	ul.project-carousel.collateral li img:hover {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
}
ul.project-carousel {
	/*Carousel Collateral with caption
  ====================================== */
}
ul.project-carousel.collateral.has-caption {
	overflow: initial;
	z-index: 5;
}
ul.project-carousel.collateral.has-caption li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
ul.project-carousel.collateral.has-caption li a {
	display: block;
}
ul.project-carousel.collateral.has-caption .fig-wrap {
	position: relative;
}
ul.project-carousel.collateral.has-caption ~ .project-carousel-arrows {
	padding-top: 55px;
}
ul.project-carousel.collateral figcaption {
	width: 100%;
	text-align: center;
	font-size: 13px;
	font-weight: 300;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-top: 20px;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
ul.project-carousel.collateral figcaption span {
	display: inline-block;
	position: relative;
}
ul.project-carousel.collateral figcaption svg {
	fill: none;
	position: absolute;
	top: 3px;
	left: calc(100% + 5px);
	-webkit-transition: 0.35s;
	transition: 0.35s;
}
ul.project-carousel.collateral li:hover figcaption {
	font-weight: 600;
	-webkit-transform: translateY(10px);
	        transform: translateY(10px);
}
ul.project-carousel.collateral li:hover figcaption svg {
	left: calc(100% + 10px);
}
ul.project-carousel {
	/*Carousel Web
  ====================================== */
}
ul.project-carousel.web {
	overflow: hidden;
}
ul.project-carousel.web li figure {
	width: 250px;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-transform: translateY(50px);
	        transform: translateY(50px);
}
ul.project-carousel.web li figure:before {
	content: '';
	height: 0;
	display: block;
	padding-top: 160%;
}
@media (min-width: 768px) {
	ul.project-carousel.web li:hover figure {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}
ul.project-carousel {
	/*Carousel Web with caption
  ====================================== */
}
ul.project-carousel.web.has-caption {
	overflow: initial;
	z-index: 5;
}
ul.project-carousel.web.has-caption li a {
	display: block;
	width: 250px;
	height: 460px;
	-webkit-transform: translateY(30px);
	        transform: translateY(30px);
}
ul.project-carousel.web.has-caption .fig-wrap {
	overflow: hidden;
	width: 250px;
	height: 400px;
	position: relative;
}
ul.project-carousel.web.has-caption ~ .project-carousel-arrows {
	padding-top: 55px;
}
ul.project-carousel.web figcaption {
	width: 100%;
	text-align: center;
	font-size: 13px;
	font-weight: 300;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-top: 20px;
}
ul.project-carousel.web figcaption span {
	display: inline-block;
	position: relative;
}
ul.project-carousel.web figcaption svg {
	fill: none;
	position: absolute;
	top: 3px;
	left: calc(100% + 5px);
	-webkit-transition: 0.35s;
	transition: 0.35s;
}
ul.project-carousel.web li:hover figcaption {
	font-weight: 600;
}
ul.project-carousel.web li:hover figcaption svg {
	left: calc(100% + 10px);
}
/*  ======================================
            Body
====================================== */
body.is-static {
  position: relative;
  overflow: hidden;
}
/*  ======================================
        Carousel Full
====================================== */
ul.project-carousel-full {
  max-width: 820px;
  margin: 0 auto;
}
@media (max-width: 979px) {
	ul.project-carousel-full {
		max-width: 95%;
	}
}
/*  ======================================
            Carousel Modal
====================================== */
div.project-carousel-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, .9);
  overflow: auto;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 350ms;
  transition: opacity 350ms;
  z-index: -100;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 979px) {
	div.project-carousel-modal {
		background: black;
	}
}
div.project-carousel-modal.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	z-index: 10000;
}
div.project-carousel-modal.is-active div.flickity-viewport {
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 150ms;
	        transition-delay: 150ms;
}
div.project-carousel-modal.is-active div.carousel-close {
	-webkit-transform: scale(1);
	        transform: scale(1);
	-webkit-transition-delay: 1000ms;
	        transition-delay: 1000ms;
}
div.project-carousel-modal.is-active div.carousel-swipe {
	opacity: 1;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition-delay: 350ms;
	        transition-delay: 350ms;
}
div.project-carousel-modal.is-active div.carousel-swipe g {
	opacity: 1;
	-webkit-transition-delay: 750ms;
	        transition-delay: 750ms;
}
div.project-carousel-modal.is-active div.carousel-swipe g.swipe-left-arrow,
        div.project-carousel-modal.is-active div.carousel-swipe g.swipe-right-arrow {
	-webkit-transform: translateX(0);
	        transform: translateX(0);
}
div.project-carousel-modal.is-active div.carousel-arrow {
	opacity: 1;
	-webkit-transform: translateX(0);
	        transform: translateX(0);
	-webkit-transition-delay: 500ms;
	        transition-delay: 500ms;
}
div.project-carousel-modal div.flickity-viewport {
	opacity: 0;
	-webkit-transition: opacity 350ms, height 250ms;
	transition: opacity 350ms, height 250ms;
	-webkit-transform-origin: center;
	        transform-origin: center;
}
div.project-carousel-modal li {
	opacity: 0;
	width: 100%;
	min-height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 115px 0 115px;
	-webkit-transition: opacity 250ms;
	transition: opacity 250ms;
	position: relative;
	-webkit-backface-visibility: hidden;
	/*imgage Loader icon */
}
div.project-carousel-modal li:before {
	content: '';
	background : url(../img/loader.svg) no-repeat;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 50vh;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 75px;
	height: 75px;
	display: none;
}
div.project-carousel-modal li.is-selected {
	opacity: 1;
}
div.project-carousel-modal img {
	width: 100%;
	z-index: 2;
}
/*  ======================================
            Carousel CTA
====================================== */
div.carousel-ctas {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 820px;
  height: 100vh;
  margin: 0 auto;
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 979px) {
	div.carousel-ctas {
		max-width: none;
		padding: 0 20px;
	}
}
/*  ======================================
            Carousel Arrow
====================================== */
div.carousel-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 979px) {
	div.carousel-arrows {
		display: none;
	}
}
div.carousel-arrow {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
  opacity: 0;
  -webkit-transition: opacity 250ms, -webkit-transform 500ms ease;
  transition: opacity 250ms, -webkit-transform 500ms ease;
  transition: opacity 250ms, transform 500ms ease;
  transition: opacity 250ms, transform 500ms ease, -webkit-transform 500ms ease;
}
div.carousel-arrow.is-hidden {
	opacity: 0 !important;
	visibility: hidden !important;
}
div.carousel-arrow:hover::before {
	background: white;
}
div.carousel-arrow:hover svg line,
    div.carousel-arrow:hover svg polyline {
	stroke: black;
}
div.carousel-arrow::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0);
	border: 1px solid white;
	border-radius: 50%;
	-webkit-transition: background 250ms;
	transition: background 250ms;
}
div.carousel-arrow.prev {
	left: -136px;
	-webkit-transform: translateX(50px);
	        transform: translateX(50px);
}
@media (max-width: 1164px) {
	div.carousel-arrow.prev {
		left: -65px;
	}
}
div.carousel-arrow.prev svg {
	-webkit-transform: rotate(90deg) scaleY(-1);
	        transform: rotate(90deg) scaleY(-1);
}
div.carousel-arrow.next {
	right: -136px;
	-webkit-transform: translateX(-50px);
	        transform: translateX(-50px);
}
@media (max-width: 1164px) {
	div.carousel-arrow.next {
		right: -65px;
	}
}
div.carousel-arrow svg {
	width: 22px;
	height: 22px;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}
div.carousel-arrow svg line,
    div.carousel-arrow svg polyline {
	stroke: white;
	-webkit-transition: stroke 250ms;
	transition: stroke 250ms;
}
/*  ======================================
            Carousel Close
====================================== */
div.carousel-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 40px;
  right: -140px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  pointer-events: auto;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  background:;
}
@media (max-width: 1164px) {
	div.carousel-close {
		right: -69px;
	}
}
@media (max-width: 979px) {
	div.carousel-close {
		right: calc(5% - 10px);
		background: black;
	}
}
div.carousel-close:hover svg {
	-webkit-transform: scale(0.8);
	        transform: scale(0.8);
}
div.carousel-close svg {
	width: 30px;
	height: 30px;
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}
div.carousel-close svg path {
	fill: white;
}
div.carousel-swipe {
  display: none;
  position: fixed;
  top: 34px;
  right: 0;
  left: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  pointer-events: none;
  -webkit-transition: opacity 250ms, -webkit-transform 500ms ease;
  transition: opacity 250ms, -webkit-transform 500ms ease;
  transition: opacity 250ms, transform 500ms ease;
  transition: opacity 250ms, transform 500ms ease, -webkit-transform 500ms ease;
}
div.carousel-swipe g {
	opacity: 0;
	-webkit-transition: opacity 500ms, -webkit-transform 750ms ease;
	transition: opacity 500ms, -webkit-transform 750ms ease;
	transition: opacity 500ms, transform 750ms ease;
	transition: opacity 500ms, transform 750ms ease, -webkit-transform 750ms ease;
}
div.carousel-swipe g.swipe-left-arrow {
	-webkit-transform: translateX(5px);
	        transform: translateX(5px);
}
div.carousel-swipe g.swipe-right-arrow {
	-webkit-transform: translateX(-5px);
	        transform: translateX(-5px);
}
@media (max-width: 979px) {
	div.carousel-swipe {
		display: inline-block;
	}
}
div.carousel-swipe svg {
	width: 50px;
	height: 50px;
}
.process-hero {
  padding: 100px 6%;
}
@media (max-width: 767px) {
	.process-hero {
		padding: 50px 6%;
	}
}
.process-hero h1 {
	font-size: 65px;
	font-weight: 800;
}
@media (max-width: 1023px) {
	.process-hero h1 {
		font-size: 55px;
	}
}
@media (max-width: 767px) {
	.process-hero h1 {
		font-size: 45px;
	}
}
.process-hero h1,
  .process-hero p {
	max-width: 686px;
}
.process-body {
  overflow: hidden;
}
.process-body .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 6%;
	margin-bottom: 150px;
}
@media (max-width: 1023px) {
	.process-body .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
@media (max-width: 767px) {
	.process-body .row {
		margin-bottom: 100px;
	}
}
.process-body .col-l {
	width: 45%;
	padding-right: 8%;
}
.process-body .col-l .cta-link {
	color: #1ABCFE;
	display: inline-block;
	margin-top: 15px;
	font-size: 16px;
	border-bottom: 1px solid transparent;
	-webkit-transition: 0.35s;
	transition: 0.35s;
}
.process-body .col-l .cta-link:hover {
	border-bottom-color: #1ABCFE;
}
@media (max-width: 1023px) {
	.process-body .col-l {
		width: 100%;
		margin-bottom: 30px;
	}
}
.process-body .col-r {
	width: 55%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
@media (max-width: 1023px) {
	.process-body .col-r {
		width: 100%;
	}
}
@media (max-width: 1023px) {
	.process-body .col-r > div {
		width: 80%;
	}
}
@media (max-width: 767px) {
	.process-body .col-r > div {
		width: 100%;
	}
}
.process-body .col-r img {
	width: 100%;
	-webkit-box-shadow: 0px 20px 50px rgba(125, 125, 125, .25);
	        box-shadow: 0px 20px 50px rgba(125, 125, 125, .25);
	position: relative;
	right: -1px;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}
.process-body h3 {
	font-size: 30px;
	font-weight: 900;
	margin-bottom: 30px;
}
.process-body p {
	font-size: 15px;
	line-height: 1.7em;
}
.process-body .icon-box {
	position: relative;
	width: 63px;
	height: 65px;
	border-radius: 7px;
	background: #E9E9E9;
	margin-top: 50px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 3px 11px 0 rgba(91, 91, 91, .30);
	        box-shadow: 0 3px 11px 0 rgba(91, 91, 91, .30);
}
.process-body .icon-wrap {
	position: relative;
	width: 63px;
	height: 60px;
	border-radius: 7px;
	background: #fff;
}
.process-body .icon-wrap img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	display: block;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.process-body ul.two-col-bullet {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 40px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
@media (max-width: 767px) {
	.process-body ul.two-col-bullet {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
.process-body ul.two-col-bullet li {
	width: 47%;
	margin-bottom: 20px;
	color: #3D3D3D;
	font-size: 16px;
	padding-left: 25px;
	position: relative;
}
@media (max-width: 767px) {
	.process-body ul.two-col-bullet li {
		width: 100%;
	}
}
.process-body ul.two-col-bullet li:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #C4C4C4;
}
.process-body ul.two-col-bullet li a {
	color: #1ABCFE;
	border-bottom: 1px solid transparent;
	-webkit-transition: 0.35s;
	transition: 0.35s;
}
.process-body ul.two-col-bullet li a:hover {
	color: #1ABCFE;
	border-bottom-color: #1ABCFE;
}
.process-next-up {
  padding-left: 6%;
  margin-bottom: 80px;
}
.process-next-up .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.process-next-up .col-l {
	margin-right: 30px;
}
.process-next-up .icon-box {
	position: relative;
	width: 63px;
	height: 65px;
	border-radius: 7px;
	background: #E9E9E9;
	-webkit-box-shadow: 0 3px 11px 0 rgba(91, 91, 91, .30);
	        box-shadow: 0 3px 11px 0 rgba(91, 91, 91, .30);
}
.process-next-up .icon-wrap {
	position: relative;
	width: 63px;
	height: 60px;
	border-radius: 7px;
	background: #fff;
}
.process-next-up .icon-wrap img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	display: block;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.process-next-up .col-r {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.process-next-up small {
	font-size: 12px;
	display: inline-block;
	margin-bottom: 3px;
}
.process-next-up .text-wrap p {
	margin: 0;
	font-size: 18px;
	padding-right: 40px;
	position: relative;
}
.process-next-up .text-wrap p a {
	font-weight: 700;
	position: relative;
	white-space: nowrap;
}
.process-next-up .text-wrap p a:hover svg {
	left: calc(100% + 12px);
}
.process-next-up .text-wrap p svg {
	position: absolute;
	top: 50%;
	left: calc(100% + 7px);
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 20px;
	height: 20px;
	-webkit-transition: 0.35s;
	transition: 0.35s;
}
.thkyou-wrap {
  min-height: calc(100vh - 228px);
  padding: 80px 7%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.thkyou-wrap .text-wrap {
	text-align: center;
}
.thkyou-wrap p {
	max-width: 600px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.5em;
}
.thkyou-wrap .btn {
	margin-top: 50px;
	display: inline-block;
	font-weight: 700;
}
.career-wrap {
  padding: 100px 6%;
}
.career-wrap section {
	margin-bottom: 120px;
}
.career-intro .title {
  max-width: 720px;
}
.career-intro .title h1 {
	font-size: 65px;
	font-weight: bold;
}
.career-intro .title p {
	font-size: 16px;
	line-height: 1.6em;
	color: #3D3D3D;
}
.title-bottomline h2 {
  position: relative;
  text-align: center;
  font-size: 30px;
  font-weight: 900;
  font-family: 'avenir-heavy';
}
.title-bottomline h2:before {
	content: '';
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 61px;
	height: 6px;
	background: #7FBD00;
}
.position-accoridon {
  margin-top: 100px;
}
.position-accoridon .row {
  border-bottom: 1px solid #C4C4C4;
}
.position-accoridon .title-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 25px 70px 25px 0;
  position: relative;
  cursor: pointer;
}
@media (max-width: 979px) {
	.position-accoridon .title-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
.position-accoridon .title-box .side-info,
  .position-accoridon .title-box .info-cell {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media (max-width: 979px) {
	.position-accoridon .title-box .side-info {
		margin-top: 10px;
	}
}
.position-accoridon .title-box .info-cell {
	margin: 0 30px;
	position: relative;
}
.position-accoridon .title-box .info-cell img,
  .position-accoridon .title-box .info-cell svg {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 3px;
	left: -25px;
}
.position-accoridon .title-box p, .position-accoridon .title-box h3 {
	margin: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.position-accoridon .title-box h3 {
	font-size: 24px;
}
.position-accoridon .title-box p {
	color: #C4C4C4;
	font-size: 16px;
}
.position-accoridon .title-box .circle-btn {
	position: absolute;
	top: 30px;
	right: 35px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.position-accoridon .title-box .circle {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid #7FBD00;
}
.position-accoridon .title-box .circle span {
	background: #7FBD00;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.position-accoridon .title-box .circle span:nth-of-type(1) {
	width: 6px;
	height: 1px;
}
.position-accoridon .title-box .circle span:nth-of-type(2) {
	width: 1px;
	height: 6px;
}
.position-accoridon .content-box {
  max-width: 618px;
  width: 100%;
  padding-bottom: 70px;
  display: none;
}
.position-accoridon .content-box h4 {
	font-size: 18px;
	margin-top: 40px;
	font-weight: 900;
}
.position-accoridon .content-box h4:first-of-type {
	margin-top: 20px;
}
.position-accoridon .content-box p, .position-accoridon .content-box li {
	line-height: 1.6em;
	color: #3D3D3D;
	font-size: 16px;
}
.position-accoridon .content-box ul {
	margin-top: 20px;
}
.position-accoridon .content-box li {
	padding-left: 25px;
	position: relative;
	margin-bottom: 10px;
}
.position-accoridon .content-box li:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #C4C4C4;
}
.position-accoridon .content-box .apply-btn {
	background: #7FBD00;
	color: white;
	text-align: center;
	padding: 10px 30px;
	display: table;
	font-size: 14px;
	margin-top: 40px;
	cursor: pointer;
}
.position-accoridon .row.is-active .title-box .circle-btn {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.position-accoridon .row.is-active .title-box .circle-btn span:nth-of-type(2) {
  opacity: 0;
}
.position-accoridon .row.is-active .title-box .info-cell svg * {
  stroke: #000000 !important;
}
.position-accoridon .row.is-active .title-box .info-cell p {
  color: #000000;
}
.career-application {
  margin-bottom: 0;
}
.career-application .cols-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 979px) {
	.career-application .cols-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
.career-application .cols-wrap .col-l {
	width: 40%;
	position: relative;
}
@media (max-width: 979px) {
	.career-application .cols-wrap .col-l {
		width: 100%;
	}
}
.career-application .cols-wrap .col-r {
	width: 55%;
}
@media (max-width: 979px) {
	.career-application .cols-wrap .col-r {
		width: 100%;
		margin-top: 40px;
	}
}
.career-application .cols-wrap .position-overview {
	width: 100%;
}
.career-application .cols-wrap h4 {
	font-size: 24px;
	padding-right: 100px;
}
.career-application .cols-wrap .col-l p.location {
	color: #A3A3A3;
	font-size: 16px;
	position: relative;
	padding-left: 25px;
	margin-bottom: 25px;
}
.career-application .cols-wrap .col-l p.location svg {
	position: absolute;
	left: 0;
	top: 3px;
	width: 18px;
	height: 18px;
}
.career-application .cols-wrap .col-l p {
	color: #3D3D3D;
}
.career-application .cols-wrap .position-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	background: white;
}
.career-application .cols-wrap .position-nav span {
	cursor: pointer;
	margin-right: 10px;
}
.career-application .cols-wrap .position-nav svg {
	width: 30px;
	height: 30px;
}
.application-form input {
	-webkit-box-shadow: none;
	        box-shadow: none;
	-webkit-appearance: none;
	border: 1px solid #C4C4C4;
	width: 100%;
	padding: 11px 15px;
	outline: none;
}
.application-form input#application-form-submit {
	width: auto;
	padding: 11px 30px;
	font-size: 14px;
}
.application-form .input-wrap.input-upload {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 11px 0;
}
.application-form .input-wrap.input-upload input[type='file'] {
	border: none;
	cursor: pointer;
	padding: 0;
}
.application-form .input-wrap.input-upload.invalid p.label {
	color: #e86363;
}
.application-form .input-wrap.input-upload p.label {
	width: 190px;
	color: #A3A3A3;
	font-size: 16px;
	margin: 0;
}
.application-form .input-wrap.input-upload .du-wrap {
	width: calc(100% - 190px) !important;
}
.application-form .custom-upload-input {
	height: 0;
	left: -10000px;
	overflow: hidden;
	position: absolute;
}
.application-form label.custom-upload-button {
	background-color: transparent;
	color: #A3A3A3;
	-webkit-transition: background-color .3s ease, color .3s ease;
	transition: background-color .3s ease, color .3s ease;
	position: static;
	pointer-events: initial;
	opacity: 1;
	font-size: 16px;
	text-transform: none;
	font-weight: normal;
}
.application-form label.custom-upload-button:before,
    .application-form label.custom-upload-button:after {
	content: none;
}
.application-form label.custom-upload-button:hover {
	cursor: pointer;
	color: #7FBD00;
}
.du-wrap {
  min-height: initial !important;
  height: initial !important;
}
.du-wrap .loader-icon {
	width: 30px;
	height: 30px;
	display: none;
}
.du-dropzone {
  border: none !important;
  padding: 0 !important;
}
.du-dropzone-inner {
  position: relative;
}
.du-dropzone-inner:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
}
.du-dropzone-inner > * {
  display: none !important;
}
.du-dropzone-inner > .du-choosebtn.btn {
  display: block !important;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  color: #A3A3A3 !important;
  font-size: 16px !important;
  padding: 4px 0 0 0 !important;
  text-transform: none !important;
  font-weight: normal !important;
  font-family: 'avenir-medium' !important;
  -webkit-transition: color 0.35s;
  transition: color 0.35s;
  cursor: pointer;
}
.du-dropzone-inner > .du-choosebtn.btn:hover {
	color: #3D3D3D !important;
}
.du-dropzone-inner > .du-choosebtn.btn:before,
  .du-dropzone-inner > .du-choosebtn.btn:after {
	content: none;
}
.du-info {
  padding: 5px 0 0 0 !important;
}
.du-infobox {
  display: none !important;
}
.du-progressbar-bg {
  display: none !important;
}
.du-progressbar, {
  background: #7FBD00 !important;
}
.du-wrap {
  text-align: left !important;
  font-family: 'avenir-medium' !important;
  color: #A3A3A3 !important;
}