/* Reset.less
 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html,
body {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
/**
 * Modified clearfix (don't need something so heavy)
 */
/* Large fonts */
/* Medium fonts */
/* Small fonts */
/* Core */
/* Binary */
/* Greyscale */
/* Social */
/* Misc */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  /* For some Androids */
}
html,
button,
input,
textarea,
select {
  font-family: 'DINWeb', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-size: 16px;
  line-height: 1.75;
  font-family: 'DINWeb', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #333;
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Default type layout */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'DINWeb', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 36px;
  line-height: 1.8;
}
h2 {
  font-size: 28px;
  line-height: 1.8;
}
h3 {
  font-size: 24px;
  line-height: 1.8;
}
h4 {
  font-size: 20px;
  line-height: 1.8;
}
h5 {
  font-size: 14px;
  line-height: 1.75;
  font-family: 'DINBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #ccc;
  text-transform: uppercase;
}
h6 {
  color: #808080;
}
p {
  font-size: 16px;
  line-height: 1.75;
}
sub,
sup {
  font-size: .8em;
}
sub {
  bottom: -0.2em;
}
sup {
  top: -0.2em;
}
b {
  font-family: 'DINBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
em {
  font-family: 'DINWeb', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
}
hr {
  border: none;
  border-top: 1px solid #ccc;
  margin: .5em 0;
}
code,
pre {
  font-size: 13px;
  line-height: 1.75;
  font-family: "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, monospace;
  font-weight: 400;
  background: #ffffff;
  box-shadow: #f8f8f8 0 0 0 1px inset;
  border-radius: 2px;
}
code {
  color: #2ca699;
  display: inline-block;
  vertical-align: baseline;
  padding-left: 2px;
  padding-right: 2px;
}
pre {
  color: #666;
  padding: 1em 1.25em;
  white-space: pre-wrap;
}
figure {
  margin: 0;
}
figure figcaption {
  margin-top: .25em;
  text-indent: .75em;
}
[class^="btn-"],
[class*=" btn-"] {
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  font-family: 'DINBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  /* Sizing */
  font-size: 14px;
  line-height: 1.75;
  line-height: 20px !important;
  padding: .6em 1.25em .54em;
  display: inline-block;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  vertical-align: middle;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  [class^="btn-"],
  [class*=" btn-"] {
    font-size: 16px;
    line-height: 1.75;
    line-height: 20px !important;
    padding: .975em 1.25em .775em;
  }
}
[class^="btn-"].caps,
[class*=" btn-"].caps {
  letter-spacing: .3em;
  text-transform: uppercase;
  color: white;
  text-indent: .3em;
}
[class^="btn-"].caps [class^="icon-"],
[class*=" btn-"].caps [class^="icon-"],
[class^="btn-"].caps [class*=" icon-"],
[class*=" btn-"].caps [class*=" icon-"] {
  text-indent: 0;
}
[class^="btn-"].upload,
[class*=" btn-"].upload {
  position: relative;
}
[class^="btn-"].upload input[type="file"],
[class*=" btn-"].upload input[type="file"] {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
}
[class^="btn-"][class*="small"],
[class*=" btn-"][class*="small"] {
  padding: .35em 1em;
}
[class^="btn-"][class*="primary"],
[class*=" btn-"][class*="primary"] {
  background-color: #c44524;
  color: white;
}
[class^="btn-"][class*="primary"]:hover,
[class*=" btn-"][class*="primary"]:hover {
  background-color: #ae3d20;
}
[class^="btn-"][class*="primary"]:active,
[class*=" btn-"][class*="primary"]:active {
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 0 inset;
}
[class^="btn-"][class*="secondary"],
[class*=" btn-"][class*="secondary"] {
  background: #e6e6e6;
  color: #333;
}
[class^="btn-"][class*="secondary"]:hover,
[class*=" btn-"][class*="secondary"]:hover {
  background-color: #e1e1e1;
}
[class^="btn-"][class*="secondary"]:active,
[class*=" btn-"][class*="secondary"]:active {
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 0 inset;
}
[class^="btn-"][class*="tertiary"],
[class*=" btn-"][class*="tertiary"] {
  background-color: #e1e1e1;
  color: #333;
}
[class^="btn-"][class*="tertiary"]:hover,
[class*=" btn-"][class*="tertiary"]:hover {
  background-color: #d5d5d5;
}
[class^="btn-"][class*="tertiary"]:active,
[class*=" btn-"][class*="tertiary"]:active {
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 0 inset;
}
[class^="btn-"][class*="pagination"],
[class*=" btn-"][class*="pagination"] {
  color: #555;
  padding: .65em 1em;
}
[class^="btn-"][class*="pagination"]:first-of-type,
[class*=" btn-"][class*="pagination"]:first-of-type {
  border-radius: 3px 0 0 3px;
  background: #EEE;
}
[class^="btn-"][class*="pagination"]:last-of-type,
[class*=" btn-"][class*="pagination"]:last-of-type {
  border-radius: 0 3px 3px 0;
  background: #ccc;
}
[class^="btn-"][class*="pagination"]:hover,
[class*=" btn-"][class*="pagination"]:hover {
  background-color: #b3b3b3 !important;
}
[class^="btn-"][class*="pagination"]:hover > [class^="icon-"],
[class*=" btn-"][class*="pagination"]:hover > [class^="icon-"],
[class^="btn-"][class*="pagination"]:hover > [class*=" icon-"],
[class*=" btn-"][class*="pagination"]:hover > [class*=" icon-"] {
  color: #333;
}
[class^="btn-"][class*="pagination"]:active,
[class*=" btn-"][class*="pagination"]:active {
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 0 inset;
}
[class^="btn-"][class*="pagination"] > [class^="icon-"],
[class*=" btn-"][class*="pagination"] > [class^="icon-"],
[class^="btn-"][class*="pagination"] > [class*=" icon-"],
[class*=" btn-"][class*="pagination"] > [class*=" icon-"] {
  color: #555;
  font-size: 1rem;
  margin-right: 0;
}
[class^="btn-"][class*="toggle"],
[class*=" btn-"][class*="toggle"] {
  font-family: 'DINWeb', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  -webkit-transition: all 100ms ease-in-out, color 300ms ease-in;
  -moz-transition: all 100ms ease-in-out, color 300ms ease-in;
  -o-transition: all 100ms ease-in-out, color 300ms ease-in;
  transition: all 100ms ease-in-out, color 300ms ease-in;
  background: rgba(255, 255, 255, 0.5);
  color: #808080;
}
[class^="btn-"][class*="toggle"]:hover,
[class*=" btn-"][class*="toggle"]:hover {
  color: #c44524;
}
[class^="btn-"][class*="toggle"]:active,
[class*=" btn-"][class*="toggle"]:active {
  font-family: 'DINSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  background: white;
  color: #c44524;
}
[class^="btn-"][class*="wire"],
[class*=" btn-"][class*="wire"] {
  background-color: transparent;
  box-shadow: rgba(255, 255, 255, 0.95) 0 0 0 2px inset;
  color: white;
}
[class^="btn-"][class*="wire"][class*="inverse"],
[class*=" btn-"][class*="wire"][class*="inverse"] {
  box-shadow: #555 0 0 0 2px inset;
  color: #333;
}
[class^="btn-"][disabled],
[class*=" btn-"][disabled] {
  cursor: not-allowed;
  opacity: .5;
}
[class^="btn-"] > [class^="icon-"],
[class*=" btn-"] > [class^="icon-"],
[class^="btn-"] > [class*=" icon-"],
[class*=" btn-"] > [class*=" icon-"] {
  display: inline-block;
  font-size: 1em;
  line-height: inherit;
  margin-right: .5em;
  vertical-align: top;
  width: 1em;
}
.btns-group {
  max-width: 400px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .btns-group {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.btns-group [class*="btn-toggle"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  float: left;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .btns-group [class*="btn-toggle"] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.btns-group [class*="btn-toggle"]:not(:first-of-type) {
  margin-top: 2px;
}
@media screen and (min-width: 768px) {
  .btns-group [class*="btn-toggle"]:not(:first-of-type) {
    margin-left: 2px;
    margin-top: 0;
  }
}
.btns-group input[type="radio"],
.btns-group input[type="checkbox"] {
  display: none;
}
.btns-group input[type="radio"]:checked + label,
.btns-group input[type="checkbox"]:checked + label {
  font-family: 'DINSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  background: white;
  color: #c44524;
}
@font-face {
  font-family: 'DINWeb';
  src: url('/fonts/DINWeb.eot');
  /* IE9 Compat Modes */
  src: url('/fonts/DINWeb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/DINWeb.woff') format('woff'), /* Modern Browsers */ url('/fonts/DINComp.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 400;
  font-weight: normal;
}
@font-face {
  font-family: 'DINWeb';
  src: url('/fonts/DINWeb-Ita.eot');
  /* IE9 Compat Modes */
  src: url('/fonts/DINWeb-Ita.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/DINWeb-Ita.woff') format('woff'), /* Modern Browsers */ url('/fonts/DINComp-Ita.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: italic;
  font-weight: 400;
  font-weight: normal;
}
@font-face {
  font-family: 'DINLight';
  src: url('/fonts/DINWeb-Light.eot');
  /* IE9 Compat Modes */
  src: url('/fonts/DINWeb-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/DINWeb-Light.woff') format('woff'), /* Modern Browsers */ url('/fonts/DINComp-Light.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 300;
  font-weight: lighter;
}
@font-face {
  font-family: 'DINSemibold';
  src: url('/fonts/DINWeb-Medium.eot');
  /* IE9 Compat Modes */
  src: url('/fonts/DINWeb-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/DINWeb-Medium.woff') format('woff'), /* Modern Browsers */ url('/fonts/DINComp-Medium.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'DINBold';
  src: url('/fonts/DINWeb-Bold.eot');
  /* IE9 Compat Modes */
  src: url('/fonts/DINWeb-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/DINWeb-Bold.woff') format('woff'), /* Modern Browsers */ url('/fonts/DINComp-Bold.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 700;
  font-weight: bold;
}
/* Generic Spacing */
/* Wrap in <fieldset> or add class .fieldset */
fieldset,
.fieldset {
  *zoom: 1;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
fieldset:after,
.fieldset:after {
  clear: both;
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
fieldset + fieldset,
.fieldset + fieldset,
fieldset + .fieldset,
.fieldset + .fieldset {
  border-top: 1px solid #ccc;
}
fieldset > input:not([type="checkbox"]):not([type="radio"]),
.fieldset > input:not([type="checkbox"]):not([type="radio"]),
fieldset > textarea,
.fieldset > textarea,
fieldset > label.checkbox,
.fieldset > label.checkbox,
fieldset > label.checkbox-sliding-wrapper,
.fieldset > label.checkbox-sliding-wrapper,
fieldset > label.radio,
.fieldset > label.radio,
fieldset > .a-select,
.fieldset > .a-select,
fieldset > .input-symbol,
.fieldset > .input-symbol {
  display: block;
  margin-bottom: .5rem;
  width: 100%;
}
fieldset > input:not([type="checkbox"]):not([type="radio"]):last-child,
.fieldset > input:not([type="checkbox"]):not([type="radio"]):last-child,
fieldset > textarea:last-child,
.fieldset > textarea:last-child,
fieldset > label.checkbox:last-child,
.fieldset > label.checkbox:last-child,
fieldset > label.checkbox-sliding-wrapper:last-child,
.fieldset > label.checkbox-sliding-wrapper:last-child,
fieldset > label.radio:last-child,
.fieldset > label.radio:last-child,
fieldset > .a-select:last-child,
.fieldset > .a-select:last-child,
fieldset > .input-symbol:last-child,
.fieldset > .input-symbol:last-child {
  margin-bottom: 0;
}
fieldset textarea,
.fieldset textarea {
  min-height: 7em;
}
fieldset [class^="btn-"],
.fieldset [class^="btn-"],
fieldset [class*=" btn-"],
.fieldset [class*=" btn-"],
fieldset .a-select,
.fieldset .a-select,
fieldset .a-select select,
.fieldset .a-select select {
  width: 100%;
}
fieldset label:not(.checkbox):not(.radio),
.fieldset label:not(.checkbox):not(.radio) {
  font-family: 'DINSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
fieldset .checkbox,
.fieldset .checkbox {
  font-size: 13px;
  line-height: 1.75;
  margin-bottom: 1rem;
}
fieldset .fieldset-group,
.fieldset .fieldset-group {
  margin-bottom: 1rem;
}
fieldset .checkbox-sliding-wrapper,
.fieldset .checkbox-sliding-wrapper {
  *zoom: 1;
  margin-bottom: 1rem;
}
fieldset .checkbox-sliding-wrapper:after,
.fieldset .checkbox-sliding-wrapper:after {
  clear: both;
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
fieldset .checkbox-sliding-wrapper + .checkbox-sliding-wrapper,
.fieldset .checkbox-sliding-wrapper + .checkbox-sliding-wrapper {
  margin-top: 1em;
}
fieldset .checkbox-sliding-wrapper .checkbox-sliding,
.fieldset .checkbox-sliding-wrapper .checkbox-sliding {
  float: right;
  margin-left: 1em;
}
/* Generic */
legend {
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: .3em;
  text-indent: .3em;
  text-transform: uppercase;
  color: #555;
  float: left;
  margin-bottom: 1em;
  width: 100%;
}
input[type="checkbox"],
input[type="radio"] {
  font-size: 1em;
  margin-right: .25em;
  visibility: hidden;
}
input[type="checkbox"] + span:before,
input[type="radio"] + span:before {
  position: absolute;
  top: 0.3em;
  right: auto;
  bottom: auto;
  left: 0;
  width: 0.85em;
  height: 0.85em;
  content: '';
  display: block;
  background: #ccc;
}
input[type="checkbox"]:checked + span:before,
input[type="radio"]:checked + span:before {
  background: #3fb34f;
}
input[type="radio"] + span:before {
  border-radius: 1em;
}
label {
  font-size: 14px;
  line-height: 1.75;
  clear: both;
  display: block;
  margin-bottom: .5em;
}
label.checkbox,
label.radio {
  cursor: pointer;
  min-height: 1em;
  position: relative;
}
label.checkbox + button,
label.radio + button {
  /* accounts for 4px margin bottom to = 16px */
  margin-top: 12px;
}
label.checkbox.empty {
  display: inline-block;
  line-height: 1.3em;
}
label > .alert,
label > .error {
  font-family: 'DINWeb', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #ff4800;
}
label > .alert:before,
label > .error:before {
  content: ' ';
}
/* Input styles */
input:not([type="checkbox"]):not([type="radio"]) {
  padding: .375em .75em;
  line-height: 1.5em !important;
}
@media screen and (min-width: 40em) {
  input:not([type="checkbox"]):not([type="radio"]) {
    padding: .375em 1em;
  }
}
input:not([type="checkbox"]):not([type="radio"]),
textarea {
  font-size: 14px;
  line-height: 1.75;
  padding: .75em 0;
  background: transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0 0 inset;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: #333;
  outline: none;
  -webkit-appearance: none;
}
input:not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #808080;
}
input:not([type="checkbox"]):not([type="radio"]):-moz-placeholder,
textarea:-moz-placeholder {
  color: #808080;
}
input:not([type="checkbox"]):not([type="radio"])::-moz-placeholder,
textarea::-moz-placeholder {
  color: #808080;
}
input:not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #808080;
}
@media screen and (min-width: 40em) {
  input:not([type="checkbox"]):not([type="radio"]),
  textarea {
    font-size: 16px;
    line-height: 1.75;
  }
}
input:not([type="checkbox"]):not([type="radio"])[disabled],
textarea[disabled] {
  background: rgba(255, 255, 255, 0.5);
}
input:not([type="checkbox"]):not([type="radio"]):active,
textarea:active,
input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus {
  box-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0 0 inset;
}
input:not([type="checkbox"]):not([type="radio"]).alert,
textarea.alert {
  box-shadow: #ff4800 0 -1px 0 0 inset;
}
input:not([type="checkbox"]):not([type="radio"]).inverse,
textarea.inverse {
  background-color: #333;
  box-shadow: none;
  color: white;
}
input:not([type="checkbox"]):not([type="radio"]).inverse::-webkit-input-placeholder,
textarea.inverse::-webkit-input-placeholder {
  color: #808080;
}
input:not([type="checkbox"]):not([type="radio"]).inverse:-moz-placeholder,
textarea.inverse:-moz-placeholder {
  color: #808080;
}
input:not([type="checkbox"]):not([type="radio"]).inverse::-moz-placeholder,
textarea.inverse::-moz-placeholder {
  color: #808080;
}
input:not([type="checkbox"]):not([type="radio"]).inverse:-ms-input-placeholder,
textarea.inverse:-ms-input-placeholder {
  color: #808080;
}
textarea {
  margin-bottom: 2rem;
}
.input-symbol {
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 1.75;
}
@media screen and (min-width: 40em) {
  .input-symbol {
    font-size: 16px;
    line-height: 1.75;
  }
}
.input-symbol.left > [class^="icon-"],
.input-symbol.left > [class*=" icon-"] {
  left: -1.5em;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 200ms cubic-bezier(0.175, 0.885, 0.335, 1.05);
  -moz-transition: all 200ms cubic-bezier(0.175, 0.885, 0.335, 1.05);
  -o-transition: all 200ms cubic-bezier(0.175, 0.885, 0.335, 1.05);
  transition: all 200ms cubic-bezier(0.175, 0.885, 0.335, 1.05);
}
.input-symbol.left > input:focus + [class*="icon-"] {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}
.input-symbol.right > [class^="icon-"],
.input-symbol.right > [class*=" icon-"] {
  right: 0.7em;
}
.input-symbol.right > input,
.input-symbol.right > .pseudo-input {
  padding-right: 2.5em  !important;
}
.input-symbol > input,
.input-symbol > button,
.input-symbol > .pseudo-input {
  width: 100%;
  /* highlight submit button when input focussed */
}
.input-symbol > input:focus + button[class^="icon-"],
.input-symbol > button:focus + button[class^="icon-"],
.input-symbol > .pseudo-input:focus + button[class^="icon-"],
.input-symbol > input:focus + button[class*=" icon-"],
.input-symbol > button:focus + button[class*=" icon-"],
.input-symbol > .pseudo-input:focus + button[class*=" icon-"] {
  color: #c44524;
}
.input-symbol > [class^="icon-"],
.input-symbol > [class*=" icon-"] {
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  background: transparent;
  color: #808080;
  font-size: 1.125em;
  height: 1em;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  width: 1em;
}
.input-symbol > [class^="icon-"].inverse,
.input-symbol > [class*=" icon-"].inverse {
  color: #ccc;
}
.input-upload {
  display: inline-block;
  position: relative;
}
.input-upload.alert > [class^="icon-"],
.input-upload.alert > [class*=" icon-"] {
  color: #808080;
}
.input-upload.alert > .pseudo-input {
  box-shadow: #ff4800 0 0 0 1px inset;
}
.input-upload.right > [class^="icon-"],
.input-upload.right > [class*=" icon-"] {
  right: .75em;
}
.input-upload.right > .pseudo-input {
  padding-right: 3.5em !important;
}
.input-upload > .pseudo-input {
  box-shadow: #ccc 0 0 0 1px inset;
  border-radius: 3px;
  display: block;
  width: 100%;
  font-size: 13px;
  line-height: 1.75;
  padding: .65em 1.25em;
  line-height: 20px !important;
  text-align: left;
}
.input-upload > [class^="icon-"],
.input-upload > [class*=" icon-"] {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  font-size: 14px;
  background: transparent;
  bottom: 0;
  color: #ccc;
  cursor: pointer;
  line-height: 1em !important;
  position: absolute;
  top: 50%;
  width: 1em;
  height: 1em;
}
.input-upload > [class^="icon-"]:hover,
.input-upload > [class*=" icon-"]:hover {
  color: #c44524;
}
.input-upload > [class^="icon-"]:hover:after,
.input-upload > [class*=" icon-"]:hover:after {
  font-size: 13px;
  line-height: 1.75;
  font-family: 'DINWeb', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  color: white;
  content: attr(data-title);
  left: 50%;
  padding: .25em .75em;
  position: absolute;
  top: 2em;
  white-space: nowrap;
  z-index: 98;
}
.input-upload + .confirm-upload {
  font-size: 13px;
  line-height: 1.75;
  color: #808080;
  margin-left: 1em;
}
.input-upload + .confirm-upload > [class^="icon-"],
.input-upload + .confirm-upload > [class*=" icon-"] {
  margin-right: .25em;
}
.input-upload + .confirm-upload .icon-check {
  color: #3fb34f;
}
.input-upload + .confirm-upload .icon-alert {
  color: #ff4800;
}
input[type="text"].nochrome,
input[type="search"].nochrome,
input[type="email"].nochrome,
textarea.nochrome {
  padding: 0;
  border: none;
  box-shadow: none;
  background: none;
  outline: none;
}
input[type="text"].nochrome:focus,
input[type="search"].nochrome:focus,
input[type="email"].nochrome:focus,
textarea.nochrome:focus,
input[type="text"].nochrome:active,
input[type="search"].nochrome:active,
input[type="email"].nochrome:active,
textarea.nochrome:active,
input[type="text"].nochrome:hover,
input[type="search"].nochrome:hover,
input[type="email"].nochrome:hover,
textarea.nochrome:hover {
  box-shadow: none;
}
.formatting {
  /* Tables based on Github Markdown */
}
.formatting h1,
.formatting h2,
.formatting h3,
.formatting h4,
.formatting h5 {
  line-height: 1em;
  padding: .5em 0;
}
.formatting h1 + *:not(hr),
.formatting h2 + *:not(hr),
.formatting h3 + *:not(hr),
.formatting h4 + *:not(hr),
.formatting h5 + *:not(hr) {
  margin-top: 0 !important;
}
.formatting p + h1,
.formatting p + h2 {
  padding-top: 2em;
}
.formatting hr + * {
  margin-top: 0 !important;
}
.formatting h1 {
  margin-bottom: 1rem;
  border-bottom: 1px solid #EEE;
}
.formatting h2 {
  font-size: 24px;
  line-height: 1.8;
  font-family: 'DINSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.formatting h3 {
  margin-bottom: .25rem;
}
.formatting h4 {
  margin-bottom: .125rem;
}
.formatting a:not([class*="btn"]) {
  text-decoration: none;
  color: #666;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjNjY2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxOCUiIHN0b3AtY29sb3I9IiM2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(bottom, transparent 11%, #666 11%, #666 18%, transparent 18%);
  background-image: -moz-linear-gradient(bottom, transparent 11%, #666 11%, #666 18%, transparent 18%);
  background-image: -o-linear-gradient(bottom, transparent 11%, #666 11%, #666 18%, transparent 18%);
  background-image: linear-gradient(to top, transparent 11%, #666 11%, #666 18%, transparent 18%);
  font-family: 'DINSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.formatting a:not([class*="btn"]):hover {
  color: #c44524;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjYzQ0NTI0IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxOCUiIHN0b3AtY29sb3I9IiNjNDQ1MjQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(bottom, transparent 11%, #c44524 11%, #c44524 18%, transparent 18%);
  background-image: -moz-linear-gradient(bottom, transparent 11%, #c44524 11%, #c44524 18%, transparent 18%);
  background-image: -o-linear-gradient(bottom, transparent 11%, #c44524 11%, #c44524 18%, transparent 18%);
  background-image: linear-gradient(to top, transparent 11%, #c44524 11%, #c44524 18%, transparent 18%);
}
.formatting a:not([class*="btn"]):active {
  color: #555;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjNTU1IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxOCUiIHN0b3AtY29sb3I9IiM1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(bottom, transparent 11%, #555 11%, #555 18%, transparent 18%);
  background-image: -moz-linear-gradient(bottom, transparent 11%, #555 11%, #555 18%, transparent 18%);
  background-image: -o-linear-gradient(bottom, transparent 11%, #555 11%, #555 18%, transparent 18%);
  background-image: linear-gradient(to top, transparent 11%, #555 11%, #555 18%, transparent 18%);
}
.formatting p {
  margin-bottom: 1rem;
  margin-top: 1rem;
  position: relative;
}
.formatting .note {
  background: #ffffe4;
  padding: 1.25em;
  border-radius: 3px;
}
.formatting .note {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.formatting .note:first-child {
  margin-top: 0;
}
.formatting .note:last-child {
  margin-bottom: 0;
}
.formatting figure {
  clear: both;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.formatting figure figcaption {
  font-size: 13px;
  line-height: 1.75;
  color: #808080;
}
.formatting img {
  display: inline-block;
  padding: 0 1.25em;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}
.formatting img.alignright {
  float: right;
  margin-right: 0;
}
.formatting img.alignleft {
  float: left;
  margin-left: 0;
}
.formatting img.aligncenter {
  display: block;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}
.formatting blockquote {
  font-size: 16px;
  line-height: 1.75;
  font-family: 'DINLight', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  border-left: 3px solid #c44524;
  color: #808080;
  margin-bottom: 1rem;
  margin-top: 1rem;
  padding: .75em 1.25em .75em 1.5em;
}
.formatting blockquote p:only-of-type {
  margin: 0;
}
.formatting ol,
.formatting ul {
  list-style-position: outside;
  margin-bottom: 1rem;
  margin-top: 1rem;
  padding-left: 2rem;
}
.formatting ol li,
.formatting ul li {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: .75rem;
}
.formatting ol li:last-child,
.formatting ul li:last-child {
  margin-bottom: 0;
}
.formatting ol {
  list-style-type: decimal;
}
.formatting ul {
  list-style-type: disc;
}
.formatting pre {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.formatting pre code {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  box-shadow: none;
  color: #666;
  margin: 0;
  max-width: 100%;
  padding: 0;
}
.formatting .highlight pre {
  overflow: auto;
  padding: .5rem .75rem;
}
.formatting table {
  font-size: 14px;
  line-height: 1.75;
  padding: 0;
}
.formatting table tr {
  border-top: 1px solid #EEE;
  background-color: white;
  margin: 0;
  padding: 0;
}
.formatting table tr:nth-child(2n) {
  background-color: #f8f8f8;
}
.formatting table tr th {
  font-weight: bold;
  border: 1px solid #ddd;
  border-radius: 3px 3px 0 0;
  text-align: left;
  margin: 0;
  padding: .5rem .75rem;
}
.formatting table tr td {
  border: 1px solid #ddd;
  text-align: left;
  margin: 0;
  padding: .5rem 1rem;
}
.formatting table tr th :first-child,
.formatting table tr td :first-child {
  margin-top: 0;
}
.formatting table tr th :last-child,
.formatting table tr td :last-child {
  margin-bottom: 0;
}
.collage {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: white;
  clear: both;
  height: 50%;
  min-height: 600px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .collage.responsive {
    height: 25%;
    min-height: 280px;
  }
}
.collage.mini {
  height: 25%;
  min-height: 150px;
}
@media screen and (min-width: 768px) {
  .collage.mini {
    min-height: 300px;
  }
}
.collage.short {
  height: 25%;
  min-height: 300px;
}
.collage.medium {
  height: 42%;
  min-height: 450px;
}
[class*="grid"] {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  float: left;
  position: relative;
}
[class*="grid"][class*="-collapse"] {
  height: auto !important;
}
[class*="grid-1"] {
  height: 100%;
}
[class*="grid-2"] {
  height: 50%;
  min-height: 0;
}
[class*="grid-2"][class*="square"] {
  height: 100%;
}
@media only screen and (max-width: 767px) {
  [class*="grid-2"]:not([class*="bg-image"]),
  [class*="grid-2"]:not([class*="bg-image"]) + [class*="grid-2"][class*="bg-image"] {
    width: 100%;
  }
  [class*="grid-2"]:not([class*="bg-image"]) {
    height: auto;
  }
}
.grid-2-square.item-project.bg-image:last-child:nth-child(even),
.grid-5.logo:last-child {
  overflow: visible;
}
.grid-2-square.item-project.bg-image:last-child:nth-child(even):after,
.grid-5.logo:last-child:after {
  background: white;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  right: -100%;
  position: absolute;
  z-index: -1;
}
.grid-3-square {
  height: 100%;
}
.grid-4-square {
  height: 50%;
}
[class*="grid-1"],
[class*="grid-2"],
[class*="grid-3"] {
  width: 100%;
}
[class*="grid-4"],
[class*="grid-5"] {
  width: 50%;
}
@media screen and (min-width: 768px) {
  [class*="grid-2"] {
    width: 50%;
  }
  [class*="grid-3"] {
    width: 33.3%;
  }
  [class*="grid-4"] {
    width: 25%;
  }
  [class*="grid-5"] {
    width: 20%;
  }
}
@font-face {
  font-family: 'percolate';
  src: url('/icons/percolate.eot?-cv8c2x');
  src: url('/icons/percolate.eot?#iefix-cv8c2x') format('embedded-opentype'), url('/icons/percolate.woff?-cv8c2x') format('woff'), url('/icons/percolate.ttf?-cv8c2x') format('truetype'), url('/icons/percolate.svg?-cv8c2x#percolate') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'percolate';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-location:before {
  content: "\e65e";
}
.icon-google:before {
  content: "\e65d";
}
.icon-basket:before {
  content: "\e65b";
}
.icon-info:before {
  content: "\e65c";
}
.icon-bookmark:before {
  content: "\e600";
}
.icon-bookmark-hollow:before {
  content: "\e601";
}
.icon-photo:before {
  content: "\e602";
}
.icon-unlock:before {
  content: "\e603";
}
.icon-wrench:before {
  content: "\e604";
}
.icon-admin:before {
  content: "\e605";
}
.icon-category:before {
  content: "\e606";
}
.icon-commit:before {
  content: "\e607";
}
.icon-compass:before {
  content: "\e608";
}
.icon-document:before {
  content: "\e609";
}
.icon-gdrive:before {
  content: "\e60a";
}
.icon-speaker:before {
  content: "\e60b";
}
.icon-youtube:before {
  content: "\e60c";
}
.icon-camera:before {
  content: "\e60d";
}
.icon-facebook:before {
  content: "\e60e";
}
.icon-github:before {
  content: "\e60f";
}
.icon-twitter:before {
  content: "\e610";
}
.icon-link:before {
  content: "\e611";
}
.icon-play:before {
  content: "\e612";
}
.icon-video:before {
  content: "\e613";
}
.icon-expand:before {
  content: "\e614";
}
.icon-flag:before {
  content: "\e615";
}
.icon-hourglass:before {
  content: "\e616";
}
.icon-pin:before {
  content: "\e617";
}
.icon-face-neutral:before {
  content: "\e618";
}
.icon-face-sad:before {
  content: "\e619";
}
.icon-globe:before {
  content: "\e61a";
}
.icon-thumbs-up:before {
  content: "\e61b";
}
.icon-book:before {
  content: "\e61c";
}
.icon-credit:before {
  content: "\e61d";
}
.icon-face-happy:before {
  content: "\e61e";
}
.icon-profile:before {
  content: "\e61f";
}
.icon-beaker:before {
  content: "\e620";
}
.icon-box:before {
  content: "\e621";
}
.icon-dashboard:before {
  content: "\e622";
}
.icon-structure:before {
  content: "\e623";
}
.icon-graph-bar:before {
  content: "\e624";
}
.icon-graph-line:before {
  content: "\e625";
}
.icon-list-unordered:before {
  content: "\e626";
}
.icon-shield:before {
  content: "\e627";
}
.icon-doc-chart:before {
  content: "\e628";
}
.icon-doc-list:before {
  content: "\e629";
}
.icon-heart-hollow:before {
  content: "\e62a";
}
.icon-heart:before {
  content: "\e62b";
}
.icon-circle-hollow:before {
  content: "\e62c";
}
.icon-star-hollow:before {
  content: "\e62d";
}
.icon-star:before {
  content: "\e62e";
}
.icon-arrow-left-alt:before {
  content: "\e62f";
}
.icon-arrow-right-alt:before {
  content: "\e630";
}
.icon-circle:before {
  content: "\e631";
}
.icon-ellipsis:before {
  content: "\e632";
}
.icon-arrow-left:before {
  content: "\e633";
}
.icon-arrow-right:before {
  content: "\e634";
}
.icon-arrow-up:before {
  content: "\e635";
}
.icon-chevron-down:before {
  content: "\e636";
}
.icon-arrow-down:before,
.a-select.nochrome:after,
.a-select:after {
  content: "\e637";
}
.icon-download:before {
  content: "\e638";
}
.icon-proceed:before {
  content: "\e639";
}
.icon-timer:before {
  content: "\e63a";
}
.icon-menu:before {
  content: "\e63b";
}
.icon-print:before {
  content: "\e63c";
}
.icon-rss:before {
  content: "\e63d";
}
.icon-time:before {
  content: "\e63e";
}
.icon-email:before {
  content: "\e63f";
}
.icon-outbox:before {
  content: "\e640";
}
.icon-reply:before {
  content: "\e641";
}
.icon-share:before {
  content: "\e642";
}
.icon-alert:before {
  content: "\e643";
}
.icon-comment:before {
  content: "\e644";
}
.icon-paperclip:before {
  content: "\e645";
}
.icon-question:before {
  content: "\e646";
}
.icon-check:before {
  content: "\e647";
}
.icon-key:before {
  content: "\e648";
}
.icon-lock:before {
  content: "\e649";
}
.icon-power:before {
  content: "\e64a";
}
.icon-close:before {
  content: "\e64b";
}
.icon-cross:before {
  content: "\e64c";
}
.icon-search:before {
  content: "\e64d";
}
.icon-sync:before {
  content: "\e64e";
}
.icon-add:before {
  content: "\e64f";
}
.icon-copy:before {
  content: "\e650";
}
.icon-plus:before {
  content: "\e651";
}
.icon-cog:before {
  content: "\e652";
}
.icon-edit:before {
  content: "\e653";
}
.icon-home:before {
  content: "\e654";
}
.icon-trash:before {
  content: "\e655";
}
.icon-user-add:before {
  content: "\e656";
}
.icon-user-alt:before {
  content: "\e657";
}
.icon-user:before {
  content: "\e658";
}
.icon-users:before {
  content: "\e659";
}
.icon-percolate:before {
  content: "\e65a";
}
.item-project .subtitle-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 16px;
  line-height: 1.75;
  font-family: 'DINBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: .3em;
  text-indent: .3em;
  text-transform: uppercase;
  color: #555;
  line-height: 1 !important;
  text-indent: 0;
}
@media screen and (min-width: 768px) {
  .item-project .subtitle-item {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .item-project .subtitle-item {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .item-project .subtitle-item {
    font-size: 20px;
    line-height: 1.8;
  }
}
.item-project {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
  -webkit-tap-highlight-color: black;
  /* For some Androids */
}
.layout.menu-open .overlay-screen-menu,
.layout.contact-open .overlay-screen-contact {
  opacity: 1;
  z-index: 9;
}
.layout.menu-open .page,
.layout.contact-open .page {
  opacity: 1;
  -webkit-transform: scale3d(0.85, 0.85, 1);
  -moz-transform: scale3d(0.85, 0.85, 1);
  -ms-transform: scale3d(0.85, 0.85, 1);
  -o-transform: scale3d(0.85, 0.85, 1);
  transform: scale3d(0.85, 0.85, 1);
  -webkit-transition: all 800ms ease-out;
  -moz-transition: all 800ms ease-out;
  -o-transition: all 800ms ease-out;
  transition: all 800ms ease-out;
}
.overlay-screen-menu,
.overlay-screen-contact {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 0;
  z-index: -1;
  -webkit-overflow-scrolling: touch;
}
.page {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  background: #f8f8f8;
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
body {
  background: #333;
}
a,
.pseudo-link {
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  color: #c44524;
  cursor: pointer;
  outline: none !important;
  text-decoration: none;
}
a:hover,
.pseudo-link:hover {
  color: #99361c;
  text-decoration: underline;
}
a:active,
.pseudo-link:active {
  color: #555;
}
a.nochrome,
.pseudo-link.nochrome {
  color: #555;
}
a.monochrome,
.pseudo-link.monochrome {
  color: #808080;
}
a.inverse {
  color: white;
}
a.inverse:hover {
  color: #EEE;
}
a.inverse:active {
  color: #ccc;
}
[class^="overlay-screen"] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  background: rgba(237, 243, 245, 0.98);
  opacity: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: -1;
  -webkit-overflow-scrolling: touch;
  padding-top: 1.75em;
  padding-bottom: 1.75em;
}
@media screen and (min-width: 30em) {
  [class^="overlay-screen"] {
    padding-top: 2em;
    padding-bottom: 2em;
  }
}
@media screen and (min-width: 40em) {
  [class^="overlay-screen"] {
    padding-top: 4em;
    padding-bottom: 4em;
  }
}
@media screen and (min-width: 50em) {
  [class^="overlay-screen"] {
    padding-top: 6em;
    padding-bottom: 6em;
  }
}
[class^="overlay-screen"] > .overlay-close {
  position: absolute;
  top: 0.75em;
  right: 0.75em;
  bottom: auto;
  left: auto;
  width: 3em;
  height: 3em;
  padding-top: .75em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}
[class^="overlay-screen"] > .overlay-close .icon-cross {
  font-size: 16px;
  line-height: 1.75;
  color: #666;
  line-height: 36px;
}
@media screen and (min-width: 40em) {
  [class^="overlay-screen"] > .overlay-close .icon-cross {
    font-size: 24px;
    line-height: 1.8;
  }
}
.a-select {
  display: inline-block;
}
.a-select select {
  font-size: 14px;
  line-height: 1.75;
  border: none;
  color: #333;
  margin: 0;
  outline: none;
}
.a-select select[disabled] {
  opacity: .5;
}
/* standard colors */
.a-select:before {
  background-color: white;
}
.a-select select {
  background-color: white;
}
/* inverse colors */
.a-select.inverse:after {
  color: white;
}
.a-select.inverse:before {
  background-color: #555;
}
.a-select.inverse select {
  background-color: #333;
  color: white !important;
}
/* size */
.a-select.small {
  height: 36px;
}
.a-select.small:before {
  width: 1.5em;
}
.a-select.small:after {
  right: 8px;
}
.a-select.small select {
  font-size: 12px !important;
  padding: 8px 2.5em 8px 8px;
}
/* FF styling/hack */
@-moz-document url-prefix() {
  .a-select.small select {
    padding-right: .75em;
    padding-top: 9px;
    /* off by 1px */
  }
}
.a-select.nochrome:after {
  border: none;
  font-size: .75em;
  margin-top: -0.5em;
  /* Icon for nochrome, taken straight from icon.lessimport */
  font-family: 'percolate';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Down arrow */
}
.a-select.nochrome:before {
  content: none;
}
.a-select.nochrome select {
  font-family: 'DINSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  background-color: transparent;
  text-decoration: none;
}
/* FF styling/hack for nochrome */
@-moz-document url-prefix() {
  .a-select.nochrome select {
    -moz-appearance: none;
    padding-right: .75em;
    padding-top: 9px;
    /* off by 1px */
    text-indent: 0.01px;
    text-overflow: '';
  }
  .a-select.nochrome select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
}
.a-select {
  display: inline-block;
  height: 40px;
  line-height: normal;
  overflow: hidden;
  position: relative;
}
.a-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 3px;
  padding: 10px 3em 10px 8px;
  position: relative;
  outline: none;
}
.a-select:before,
.a-select:after {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.a-select:after {
  font-size: .75em;
  height: 5px;
  margin-top: -0.5em;
  right: 12px;
  top: 50%;
  /* Icon for nochrome, taken straight from icon.lessimport */
  font-family: 'percolate';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Down arrow */
}
.a-select:before {
  content: "";
  border-radius: 0 3px 3px 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 2em;
}
/* FF styling/hack */
@-moz-document url-prefix() {
  .a-select select {
    padding-right: 1.25em;
    padding-top: 10px;
    /* off by 1px */
  }
  .a-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
}
.page.job .header {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  background: white;
  height: 85%;
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 1;
}
@media screen and (min-width: 110em) {
  .page.job .header {
    margin: 0 11.1111%;
    max-width: 1600px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .page.job .header {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .page.job .header {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.page.job .wrapper-hero {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: 0;
  width: auto;
  height: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page.job .hero {
  margin-bottom: 1.5rem;
  width: 96px;
}
@media screen and (min-width: 768px) {
  .page.job .hero {
    margin-bottom: 3rem;
    width: 192px;
  }
}
.page.job .title-page {
  font-size: 28px;
  line-height: 1.8;
  margin-bottom: .5em;
  line-height: 1em !important;
}
@media screen and (min-width: 768px) {
  .page.job .title-page {
    font-size: 48px;
    line-height: 1.8;
  }
}
.page.job .description-page {
  font-size: 16px;
  line-height: 1.75;
  margin: 0 auto 1.5rem;
  max-width: 640px;
  width: 75%;
}
@media screen and (min-width: 768px) {
  .page.job .description-page {
    font-size: 24px;
    line-height: 1.8;
    margin: 0 auto 3rem;
  }
}
.page.job .section-about {
  background: #f3f3f3;
}
.page.job .section-about:nth-child(even) {
  background: white;
}
.page.job .description-about {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 1.5em;
  margin-top: -1em;
}
@media screen and (min-width: 768px) {
  .page.job .description-about {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .page.job .description-about {
    font-size: 20px;
    line-height: 1.8;
  }
}
.page.job .details-about {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .page.job .details-about {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .page.job .details-about {
    margin-bottom: 3rem;
  }
}
.page.job ol {
  font-size: 0;
  counter-reset: ol-counter;
  list-style-type: none;
  overflow: hidden;
}
.page.job ol > * {
  font-size: 16px;
  line-height: 1.75;
}
.page.job ol li {
  font-size: 16px;
  line-height: 1.75;
  display: inline-block;
  float: none !important;
  margin-bottom: 1em;
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  .page.job ol li {
    font-size: 20px;
    line-height: 1.8;
  }
}
.page.job ol li:before {
  font-size: 13px;
  line-height: 1.75;
  font-family: 'DINBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  background: #ccc;
  border-radius: 3em;
  color: white;
  content: counter(ol-counter);
  counter-increment: ol-counter;
  display: inline-block;
  text-align: center;
  float: left;
  width: 1rem;
  height: 1rem;
  line-height: 1.125rem;
  margin-right: .75rem;
  margin-top: 6px;
}
@media screen and (min-width: 768px) {
  .page.job ol li:nth-child(even) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (min-width: 768px) and screen and (min-width: 768px) {
  .page.job ol li:nth-child(even) {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.page.job ol li .meta {
  display: block;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .page.job ol li .meta {
    padding-right: 1.25rem;
  }
}
.page.job .section-button {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page.job .section-button {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .page.job .section-button {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 110em) {
  .page.job .section-button {
    margin: 0 11.1111%;
    max-width: 1600px;
    width: auto;
  }
}
[class^="bg-image"],
[class*=" bg-image"] {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}
[class^="bg-image"][class*="what"],
[class*=" bg-image"][class*="what"] {
  background: #f3f3f3;
}
[class^="bg-image"][class*="what"]:before,
[class*=" bg-image"][class*="what"]:before {
  font-family: 'DINSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  position: absolute;
  top: -5%;
  right: auto;
  bottom: auto;
  left: -5%;
  width: auto;
  height: auto;
  word-wrap: break-word;
  word-break: break-all;
  -ms-word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  content: 'WorkCraftObservePlayExperimentReconstructPushDiscoverDeconstructChallengeEnjoyTestIterate';
  color: #f8f8f8;
  font-size: 775%;
  line-height: .80em;
  z-index: 0;
  letter-spacing: -0.05em;
}
footer {
  color: white;
  padding: 2em;
  text-align: center;
}
footer .copyright {
  font-size: 13px;
  line-height: 1.75;
  letter-spacing: .3em;
  text-indent: .3em;
  text-transform: uppercase;
  color: #666;
  display: block;
  margin: .75em 0;
}
footer a {
  color: #666;
  text-decoration: none;
}
footer a:hover {
  color: white;
}
footer a:active {
  color: #555;
}
@media only screen and (max-width: 767px) {
  header.collage {
    height: auto !important;
    min-height: 0 !important;
  }
}
header .title-page {
  font-size: 48px;
  line-height: 1.8;
  font-family: 'DINLight', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  letter-spacing: -0.05em;
  line-height: 1 !important;
}
@media screen and (min-width: 768px) {
  header .title-page {
    font-size: 56px;
    line-height: 64px;
  }
}
@media screen and (min-width: 768px) {
  header .title-page {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  header .title-page {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
header .description-page {
  font-size: 20px;
  line-height: 1.8;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: #555;
}
@media screen and (min-width: 768px) {
  header .description-page {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  header .description-page {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  header .description-page {
    font-size: 24px;
    line-height: 1.8;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
  }
}
nav {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: #333;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 110em) {
  nav {
    margin: 0 11.1111%;
    max-width: 1600px;
    width: auto;
  }
}
nav .logo {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 1200ms cubic-bezier(0.175, 0.885, 0.335, 1.05);
  -moz-transition: all 1200ms cubic-bezier(0.175, 0.885, 0.335, 1.05);
  -o-transition: all 1200ms cubic-bezier(0.175, 0.885, 0.335, 1.05);
  transition: all 1200ms cubic-bezier(0.175, 0.885, 0.335, 1.05);
  display: block;
  height: 36px;
  margin: 0 auto;
  padding-top: 8px;
  text-align: center;
  width: 36px;
}
@media screen and (min-width: 768px) {
  nav .logo {
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    transform: rotate(720deg);
  }
}
nav .logo img {
  display: inline-block;
  height: 20px;
  width: 20px;
}
nav .nav-group {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  left: 1.25em;
}
@media screen and (min-width: 768px) {
  nav .nav-group {
    left: 2em;
  }
}
nav .nav-group.right {
  left: auto;
  right: 1.25em;
}
@media screen and (min-width: 768px) {
  nav .nav-group.right {
    right: 2em;
  }
}
nav .nav-group a {
  font-size: 13px;
  line-height: 1.75;
  font-family: 'DINSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #808080;
  display: inline-block;
  letter-spacing: .3em;
  line-height: 38px;
  outline: none;
  text-indent: .3em;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: top;
}
nav .nav-group a:hover,
nav .nav-group a.active {
  color: white;
}
nav .nav-group a:active {
  color: #555;
}
nav .nav-group a + a {
  margin-left: 2.5em;
}
nav .nav-group a:not(.menu-link):not(.contact-link) {
  display: none;
}
nav .nav-group a.menu-link {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  nav .nav-group a:not(.menu-link):not(.contact-link) {
    display: inline-block;
  }
  nav .nav-group a.menu-link {
    display: none;
  }
}
[class^="section-"],
[class*=" section-"] {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: white;
  clear: both;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 110em) {
  [class^="section-"],
  [class*=" section-"] {
    margin: 0 11.1111%;
    max-width: 1600px;
    width: auto;
  }
}
[class^="section-"] .title-section,
[class*=" section-"] .title-section {
  margin: 0;
}
[class^="section-"] .subtitle-section,
[class*=" section-"] .subtitle-section {
  font-size: 24px;
  line-height: 1.8;
  font-family: 'DINSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
[class^="section-"] .subtitle-section + p,
[class*=" section-"] .subtitle-section + p {
  font-size: 20px;
  line-height: 1.8;
  color: #666;
}
[class^="section-"][class*="openings"] .openings,
[class*=" section-"][class*="openings"] .openings {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  [class^="section-"][class*="openings"] .openings,
  [class*=" section-"][class*="openings"] .openings {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  [class^="section-"][class*="openings"] .openings,
  [class*=" section-"][class*="openings"] .openings {
    margin-bottom: 4.5em;
  }
}
[class^="section-"][class*="openings"] .openings .subtitle-openings,
[class*=" section-"][class*="openings"] .openings .subtitle-openings {
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  [class^="section-"][class*="openings"] .openings .subtitle-openings,
  [class*=" section-"][class*="openings"] .openings .subtitle-openings {
    margin-bottom: 2rem;
  }
}
[class^="section-"][class*="openings"] .openings .opening,
[class*=" section-"][class*="openings"] .openings .opening {
  margin-bottom: 1.5rem;
}
[class^="section-"][class*="openings"] .openings .opening .title-opening,
[class*=" section-"][class*="openings"] .openings .opening .title-opening {
  font-family: 'DINBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
[class^="section-"][class*="openings"] .openings .opening .location-opening,
[class*=" section-"][class*="openings"] .openings .opening .location-opening {
  color: #808080;
}
.title-section {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  letter-spacing: .3em;
  text-indent: .3em;
  text-transform: uppercase;
  font-family: 'DINBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.75;
  clear: both;
  color: #555;
  display: block;
  line-height: 1em !important;
  position: relative;
  text-decoration: none;
  text-indent: 0;
  z-index: 1;
}
@media screen and (min-width: 110em) {
  .title-section {
    margin: 0 11.1111%;
    max-width: 1600px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .title-section {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .title-section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .title-section {
    font-size: 20px;
    line-height: 1.8;
  }
}
.grid-5.logo {
  background: white;
  height: 150px;
}
@media screen and (min-width: 768px) {
  .grid-5.logo {
    height: 100%;
  }
}
.grid-5.logo img {
  position: absolute;
  top: 48%;
  right: auto;
  bottom: auto;
  left: 50%;
  width: auto;
  height: 48px;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  max-width: 80%;
}
@media screen and (min-width: 768px) {
  .grid-5.logo img {
    height: 20%;
  }
}
.page.styleguide-base .bg-image-styleguide {
  background-image: url('/img/styleguide/styleguide-head-600x450.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .page.styleguide-base .bg-image-styleguide {
    background-image: url("/img/styleguide/styleguide-head-600x450@2x.jpg");
  }
}
.page.styleguide-base .subtitle {
  font-size: 20px;
  line-height: 1.8;
  letter-spacing: .3em;
  text-indent: .3em;
  text-transform: uppercase;
  color: #555;
  text-decoration: none;
  margin-bottom: 2.5em;
}
.page.styleguide-base hr {
  margin: 1.5em 0;
}
.page.styleguide-base .module {
  padding: 2.5em 2.5em 4em;
}
.page.styleguide-base .module:nth-child(odd) {
  background: #f3f3f3;
}
.page.styleguide-base .module .two-up {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (min-width: 40em) {
  .page.styleguide-base .module .two-up {
    width: 50%;
  }
  .page.styleguide-base .module .two-up + .two-up {
    margin-left: -6px;
  }
}
.page.styleguide-base #links .links-wrapper {
  background: #EEE;
  padding: 1.5em;
}
.page.styleguide-base #typography .font-l3 {
  font-size: 56px;
  line-height: 64px;
}
.page.styleguide-base #typography .font-l2 {
  font-size: 48px;
  line-height: 1.8;
}
.page.styleguide-base #typography .font-l1 {
  font-size: 36px;
  line-height: 1.8;
}
.page.styleguide-base #typography .font-m3 {
  font-size: 28px;
  line-height: 1.8;
}
.page.styleguide-base #typography .font-m2 {
  font-size: 24px;
  line-height: 1.8;
}
.page.styleguide-base #typography .font-m1 {
  font-size: 20px;
  line-height: 1.8;
}
.page.styleguide-base #typography .font-s3 {
  font-size: 16px;
  line-height: 1.75;
}
.page.styleguide-base #typography .font-s2 {
  font-size: 14px;
  line-height: 1.75;
}
.page.styleguide-base #typography .font-s1 {
  font-size: 13px;
  line-height: 1.75;
}
.page.styleguide-base #typography ul.horiz li {
  display: inline-block;
  vertical-align: top;
  margin-right: 24px;
}
.page.styleguide-base #typography ul li {
  margin-bottom: .75em;
}
.page.styleguide-base #typography h6 {
  clear: both;
  display: inline-block;
  font-size: 11px;
  margin-right: 40px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: baseline;
  width: 60px;
}
.page.styleguide-base #typography [class^="font-"] {
  display: inline-block;
  vertical-align: baseline;
}
.page.styleguide-base #typography .light {
  font-family: 'DINLight', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.page.styleguide-base #typography .regular {
  font-family: 'DINWeb', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.page.styleguide-base #typography .italic {
  font-family: 'DINWeb', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
}
.page.styleguide-base #typography .semibold {
  font-family: 'DINSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.page.styleguide-base #typography .bold {
  font-family: 'DINBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.page.styleguide-base #typography p {
  margin-bottom: 24px;
}
.page.styleguide-base #typography p.body {
  font-size: 16px;
  line-height: 1.75;
}
.page.styleguide-base #typography p.subtext {
  font-size: 14px;
  line-height: 1.75;
}
.page.styleguide-base #typography p.fineprint {
  font-size: 13px;
  line-height: 1.75;
}
.page.styleguide-base #colors [class^="color-"] {
  font-size: 14px;
  line-height: 1.75;
  line-height: 24px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.page.styleguide-base #colors [class^="color-"]:before {
  content: attr(class);
  display: inline-block;
  text-transform: none;
  white-space: nowrap;
  width: 180px;
}
.page.styleguide-base #colors [class^="color-"]:after {
  content: '';
  border-radius: 100%;
  display: block;
  float: left;
  height: 24px;
  margin-right: 16px;
  width: 24px;
}
.page.styleguide-base #colors .color-primary:after {
  background: #c44524;
}
.page.styleguide-base #colors .color-secondary:after {
  background: #f55050;
}
.page.styleguide-base #colors .color-tertiary:after {
  background: #2ca699;
}
.page.styleguide-base #colors .color-complementary:after {
  background: #edfafa;
}
.page.styleguide-base #colors .color-positive:after {
  background: #3fb34f;
}
.page.styleguide-base #colors .color-negative:after {
  background: #ff4800;
}
.page.styleguide-base #colors .color-neutral:after {
  background: #dbad1f;
}
.page.styleguide-base #colors .color-note:after {
  background: #ffffe4;
}
.page.styleguide-base #colors .color-empty:after {
  background: white;
  box-shadow: #EEE 0 0 0 1px inset;
}
.page.styleguide-base #colors .color-raw:after {
  background: #f8f8f8;
}
.page.styleguide-base #colors .color-raw-alt:after {
  background: #f3f3f3;
}
.page.styleguide-base #colors .color-rare:after {
  background: #EEE;
}
.page.styleguide-base #colors .color-medium-rare:after {
  background: #ccc;
}
.page.styleguide-base #colors .color-medium:after {
  background: #808080;
}
.page.styleguide-base #colors .color-medium-well:after {
  background: #666;
}
.page.styleguide-base #colors .color-well:after {
  background: #555;
}
.page.styleguide-base #colors .color-full:after {
  background: #333;
}
.page.styleguide-base #colors .color-facebook:after {
  background: #3b5998;
}
.page.styleguide-base #colors .color-google:after {
  background: #58586d;
}
.page.styleguide-base #colors .color-yahoo:after {
  background: #9238AB;
}
.page.styleguide-base #colors .color-twitter:after {
  background: #46c8f5;
}
.page.styleguide-base #colors .color-stumble:after {
  background: #e2451c;
}
.page.styleguide-base #colors .color-pinterest:after {
  background: #cc2127;
}
.page.styleguide-base #colors .color-youtube:after {
  background: #da4337;
}
.page.styleguide-base #forms fieldset {
  margin-right: 2.5em;
}
.page.styleguide-base #icons [class^="icon-"] {
  background: #EEE;
  border-radius: 3px;
  display: inline-block;
  font-size: 28px;
  line-height: 48px;
  margin: 0 4px 4px 0;
  position: relative;
  text-align: center;
  height: 48px;
  width: 48px;
  cursor: help;
}
.page.styleguide-base #icons [class^="icon-"]:hover:after {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  font-size: 13px;
  line-height: 1.75;
  top: 36px;
  color: white;
  content: attr(class);
  left: 0;
  -webkit-transform: translateX(-25%);
  -moz-transform: translateX(-25%);
  -ms-transform: translateX(-25%);
  -o-transform: translateX(-25%);
  transform: translateX(-25%);
  padding: 7px 16px;
  position: absolute;
  z-index: 98;
  white-space: nowrap;
}
.page.styleguide-base #backgrounds .backgrounds-wrapper {
  font-size: 0;
}
.page.styleguide-base #backgrounds .backgrounds-wrapper > * {
  font-size: 16px;
  line-height: 1.75;
}
.page.styleguide-base #backgrounds .backgrounds-wrapper > div {
  display: inline-block;
  height: 400px;
  position: relative;
  vertical-align: top;
  width: 50%;
}
.page.product .bg-image-case-study-hero,
.page.styleguide-case-study .bg-image-case-study-hero {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
  height: auto;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  height: 40%;
  min-height: 20em;
  max-height: 65em;
  z-index: 1;
}
@media screen and (min-width: 110em) {
  .page.product .bg-image-case-study-hero,
  .page.styleguide-case-study .bg-image-case-study-hero {
    margin: 0 11.1111%;
    max-width: 1600px;
    width: auto;
  }
}
@media only screen and (min-width: 768px) {
  .page.product .bg-image-case-study-hero,
  .page.styleguide-case-study .bg-image-case-study-hero {
    height: 80%;
  }
}
.page.product .wrapper-content,
.page.styleguide-case-study .wrapper-content {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  background: white;
  clear: both;
  overflow: hidden;
}
@media screen and (min-width: 110em) {
  .page.product .wrapper-content,
  .page.styleguide-case-study .wrapper-content {
    margin: 0 11.1111%;
    max-width: 1600px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .page.product .wrapper-content,
  .page.styleguide-case-study .wrapper-content {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .page.product .wrapper-content,
  .page.styleguide-case-study .wrapper-content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.page.product header,
.page.styleguide-case-study header {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigyNTUsIDI1NSwgMjU1KSIgc3RvcC1vcGFjaXR5PSIwLjkiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), #ffffff 15%, white 100%);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), #ffffff 15%, white 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), #ffffff 15%, white 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), #ffffff 15%, white 100%);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .page.product header,
  .page.styleguide-case-study header {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .page.product header,
  .page.styleguide-case-study header {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 110em) {
  .page.product header,
  .page.styleguide-case-study header {
    margin: 0 11.1111%;
    max-width: 1600px;
    width: auto;
  }
}
.page.product .subtitle-case-study,
.page.styleguide-case-study .subtitle-case-study {
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: .3em;
  text-indent: .3em;
  text-transform: uppercase;
  font-family: 'DINBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #c44524;
  text-indent: 0;
}
@media only screen and (min-width: 768px) {
  .page.product .subtitle-case-study,
  .page.styleguide-case-study .subtitle-case-study {
    font-size: 20px;
    line-height: 1.8;
  }
}
.page.product .title-case-study,
.page.styleguide-case-study .title-case-study {
  font-size: 28px;
  line-height: 1.8;
  padding: .30em 0 0;
  font-family: 'DINLight', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 1.20em !important;
}
@media only screen and (min-width: 768px) {
  .page.product .title-case-study,
  .page.styleguide-case-study .title-case-study {
    font-size: 48px;
    line-height: 1.8;
    padding: .4em 0 .3em;
  }
}
.page.product .bg-image-case-study-full,
.page.styleguide-case-study .bg-image-case-study-full {
  position: relative;
  height: 50%;
  min-height: 400px;
  width: 100%;
}
.page.product .full-up,
.page.styleguide-case-study .full-up {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .page.product .full-up,
  .page.styleguide-case-study .full-up {
    margin-left: 6.25%;
    max-width: 640px;
    width: 75%;
  }
}
.page.product .center-up,
.page.styleguide-case-study .center-up {
  margin: 0 auto;
  max-width: 640px;
  width: 75%;
}
.page.product .center-up p:first-child,
.page.styleguide-case-study .center-up p:first-child {
  margin-top: 0;
}
.page.product .caption,
.page.styleguide-case-study .caption {
  font-size: 14px;
  line-height: 1.75;
  color: #666;
  display: block;
  line-height: 1.5;
}
.page.product .caption .title-caption,
.page.styleguide-case-study .caption .title-caption {
  letter-spacing: .3em;
  text-indent: .3em;
  text-transform: uppercase;
  font-family: 'DINBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-indent: 0;
}
.page.product .media-inline-rightalign,
.page.styleguide-case-study .media-inline-rightalign {
  background: #f8f8f8;
  margin: 0 auto 1em;
  width: 100%;
  padding: 1em;
}
@media only screen and (min-width: 768px) {
  .page.product .media-inline-rightalign,
  .page.styleguide-case-study .media-inline-rightalign {
    background: transparent;
    float: right;
    max-width: 480px;
    margin: 0 -40% 0 3em;
    padding: 0;
    width: 40%;
  }
}
.page.product .media-inline-rightalign + p,
.page.styleguide-case-study .media-inline-rightalign + p {
  margin-top: 0;
}
.page.product .media-inline-rightalign img,
.page.styleguide-case-study .media-inline-rightalign img {
  display: block;
  margin: 0 auto;
  width: 40%;
}
@media only screen and (min-width: 768px) {
  .page.product .media-inline-rightalign img,
  .page.styleguide-case-study .media-inline-rightalign img {
    margin-bottom: 1em;
    padding: 0;
    width: 100%;
  }
}
.page.product .media-centeralign,
.page.styleguide-case-study .media-centeralign {
  background: white;
  margin-bottom: 2em;
}
.page.product .media-centeralign img,
.page.styleguide-case-study .media-centeralign img {
  display: block;
  padding: 0;
  width: 100%;
}
.page.product .media-centeralign .caption,
.page.styleguide-case-study .media-centeralign .caption {
  max-width: 640px;
  margin: 0 auto;
}
.page.product > .media-centeralign,
.page.styleguide-case-study > .media-centeralign {
  margin-bottom: 0;
}
@media screen and (min-width: 110em) {
  .page.product > .media-centeralign,
  .page.styleguide-case-study > .media-centeralign {
    margin: 0 11.1111%;
    max-width: 1600px;
    width: auto;
  }
}
.page.product > .media-centeralign .caption,
.page.styleguide-case-study > .media-centeralign .caption {
  text-align: center;
}
.page.product .media-leftalign,
.page.styleguide-case-study .media-leftalign {
  background: white;
  overflow: auto;
}
@media screen and (min-width: 110em) {
  .page.product .media-leftalign,
  .page.styleguide-case-study .media-leftalign {
    margin: 0 11.1111%;
    max-width: 1600px;
    width: auto;
  }
}
.page.product .media-leftalign img,
.page.styleguide-case-study .media-leftalign img {
  float: left;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .page.product .media-leftalign img,
  .page.styleguide-case-study .media-leftalign img {
    width: 75%;
  }
}
.page.product .media-leftalign .caption,
.page.styleguide-case-study .media-leftalign .caption {
  float: left;
  padding: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .page.product .media-leftalign .caption,
  .page.styleguide-case-study .media-leftalign .caption {
    width: 20%;
  }
}
.page.product p,
.page.styleguide-case-study p {
  line-height: 1.9em;
}
.page.product p + p,
.page.styleguide-case-study p + p {
  margin-top: 2em;
}
.page.product p:last-child,
.page.styleguide-case-study p:last-child {
  margin-bottom: 2em;
}
.page.product .collage-text p:last-child,
.page.styleguide-case-study .collage-text p:last-child {
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
  .page.product .collage-text [class*="grid-2"],
  .page.styleguide-case-study .collage-text [class*="grid-2"] {
    padding-right: 4%;
  }
  .page.product .collage-text [class*="grid-2"] + [class*="grid-2"],
  .page.styleguide-case-study .collage-text [class*="grid-2"] + [class*="grid-2"] {
    padding-right: 0;
    padding-left: 4%;
  }
}
.page.product .pullquote,
.page.styleguide-case-study .pullquote {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background: white;
  overflow: hidden;
  text-align: center;
}
@media screen and (min-width: 110em) {
  .page.product .pullquote,
  .page.styleguide-case-study .pullquote {
    margin: 0 11.1111%;
    max-width: 1600px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .page.product .pullquote,
  .page.styleguide-case-study .pullquote {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .page.product .pullquote,
  .page.styleguide-case-study .pullquote {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.page.product .pullquote .title-quote,
.page.styleguide-case-study .pullquote .title-quote {
  font-size: 28px;
  line-height: 1.8;
  font-family: 'DINLight', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #c44524;
  line-height: 1.3 !important;
  margin: 0 auto .5em;
  padding-top: 1rem;
  padding-bottom: .5em;
  position: relative;
  width: 75%;
}
@media only screen and (min-width: 768px) {
  .page.product .pullquote .title-quote,
  .page.styleguide-case-study .pullquote .title-quote {
    font-size: 36px;
    line-height: 1.8;
  }
}
.page.product .pullquote .title-quote:after,
.page.styleguide-case-study .pullquote .title-quote:after {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  width: 10%;
  height: 2px;
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  content: '';
  background: #EEE;
}
.page.product .pullquote .attribution,
.page.styleguide-case-study .pullquote .attribution {
  margin-bottom: 1em;
}
.page.product .pullquote .attribution .author,
.page.styleguide-case-study .pullquote .attribution .author {
  font-size: 20px;
  line-height: 1.8;
}
@media only screen and (min-width: 768px) {
  .page.product .pullquote .attribution .author,
  .page.styleguide-case-study .pullquote .attribution .author {
    font-size: 24px;
    line-height: 1.8;
  }
}
.page.product .pullquote .attribution .metadata,
.page.styleguide-case-study .pullquote .attribution .metadata {
  font-size: 13px;
  line-height: 1.75;
  letter-spacing: .3em;
  text-indent: .3em;
  text-transform: uppercase;
  font-family: 'DINBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #ccc;
}
@media only screen and (min-width: 768px) {
  .page.product .pullquote .attribution .metadata,
  .page.styleguide-case-study .pullquote .attribution .metadata {
    font-size: 14px;
    line-height: 1.75;
  }
}
.page.product .quote-collage:nth-of-type(odd),
.page.styleguide-case-study .quote-collage:nth-of-type(odd) {
  background: #ab4430;
}
.page.product [class*="ss-"],
.page.styleguide-case-study [class*="ss-"] {
  background-repeat: no-repeat;
  background-size: contain;
}
.page.product .ss-home,
.page.styleguide-case-study .ss-home {
  background-image: url('/img/styleguide/ss-home-278x493.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .page.product .ss-home,
  .page.styleguide-case-study .ss-home {
    background-image: url("/img/styleguide/ss-home-278x493@2x.jpg");
  }
}
.page.product .ss-categories,
.page.styleguide-case-study .ss-categories {
  background-image: url('/img/styleguide/ss-categories-278x493.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .page.product .ss-categories,
  .page.styleguide-case-study .ss-categories {
    background-image: url("/img/styleguide/ss-categories-278x493@2x.jpg");
  }
}
.page.product .ss-recipe,
.page.styleguide-case-study .ss-recipe {
  background-image: url('/img/styleguide/ss-recipe-278x493.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .page.product .ss-recipe,
  .page.styleguide-case-study .ss-recipe {
    background-image: url("/img/styleguide/ss-recipe-278x493@2x.jpg");
  }
}
.page.product .ss-summer,
.page.styleguide-case-study .ss-summer {
  background-image: url('/img/styleguide/ss-summer-278x493.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .page.product .ss-summer,
  .page.styleguide-case-study .ss-summer {
    background-image: url("/img/styleguide/ss-summer-278x493@2x.jpg");
  }
}
.page.product .ss-fall,
.page.styleguide-case-study .ss-fall {
  background-image: url('/img/styleguide/ss-fall-278x493.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .page.product .ss-fall,
  .page.styleguide-case-study .ss-fall {
    background-image: url("/img/styleguide/ss-fall-278x493@2x.jpg");
  }
}
.page.product .ss-winter,
.page.styleguide-case-study .ss-winter {
  background-image: url('/img/styleguide/ss-winter-278x493.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .page.product .ss-winter,
  .page.styleguide-case-study .ss-winter {
    background-image: url("/img/styleguide/ss-winter-278x493@2x.jpg");
  }
}
.page.product .bg-iphone5s,
.page.styleguide-case-study .bg-iphone5s {
  background-image: url('/img/styleguide/ss-iphone5s-chrome-334x697.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .page.product .bg-iphone5s,
  .page.styleguide-case-study .bg-iphone5s {
    background-image: url("/img/styleguide/ss-iphone5s-chrome-334x697@2x.png");
  }
}
.page.product .bg-iphone5s,
.page.styleguide-case-study .bg-iphone5s {
  display: inline-block;
  position: relative;
  height: 522.75px;
  width: 250.5px;
}
@media screen and (min-width: 768px) {
  .page.product .bg-iphone5s,
  .page.styleguide-case-study .bg-iphone5s {
    height: 697px;
    width: 334px;
  }
}
.page.product .bg-iphone5s [class*="ss-"],
.page.styleguide-case-study .bg-iphone5s [class*="ss-"] {
  position: absolute;
  top: 50%;
  right: 50%;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  -webkit-transform: translate3d(50%, -50%, 0);
  -moz-transform: translate3d(50%, -50%, 0);
  -ms-transform: translate3d(50%, -50%, 0);
  -o-transform: translate3d(50%, -50%, 0);
  transform: translate3d(50%, -50%, 0);
  width: 208.49115px;
  height: 369.741075px;
}
@media screen and (min-width: 768px) {
  .page.product .bg-iphone5s [class*="ss-"],
  .page.styleguide-case-study .bg-iphone5s [class*="ss-"] {
    width: 277.9882px;
    height: 492.9881px;
  }
}
.page.product .carousel,
.page.styleguide-case-study .carousel {
  font-size: 0;
  left: -12.5%;
  overflow: hidden;
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
  white-space: nowrap;
  width: 125%;
}
.page.product .carousel > *,
.page.styleguide-case-study .carousel > * {
  font-size: 16px;
  line-height: 1.75;
}
.page.product .carousel > .wrapper,
.page.styleguide-case-study .carousel > .wrapper {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 20%;
}
.page.product .carousel > .wrapper:nth-child(1),
.page.styleguide-case-study .carousel > .wrapper:nth-child(1) {
  opacity: .8;
}
.page.product .carousel > .wrapper:nth-child(2),
.page.styleguide-case-study .carousel > .wrapper:nth-child(2) {
  z-index: 1;
}
.page.product .carousel > .wrapper:nth-child(3),
.page.styleguide-case-study .carousel > .wrapper:nth-child(3) {
  z-index: 2;
}
.page.product .carousel > .wrapper:nth-child(4),
.page.styleguide-case-study .carousel > .wrapper:nth-child(4) {
  z-index: 1;
}
.page.product .carousel > .wrapper:nth-child(5),
.page.styleguide-case-study .carousel > .wrapper:nth-child(5) {
  opacity: .8;
}
.page.product .carousel > .wrapper:nth-child(-n+2) [class*=" ss-"],
.page.styleguide-case-study .carousel > .wrapper:nth-child(-n+2) [class*=" ss-"],
.page.product .carousel > .wrapper:nth-child(n+4) [class*=" ss-"],
.page.styleguide-case-study .carousel > .wrapper:nth-child(n+4) [class*=" ss-"] {
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 3px 0;
}
.page.product .carousel > .wrapper > *,
.page.styleguide-case-study .carousel > .wrapper > * {
  display: inline-block;
  position: relative;
}
.page.product .carousel > .wrapper > *[class*="ss-"],
.page.styleguide-case-study .carousel > .wrapper > *[class*="ss-"] {
  -webkit-transform: translate3d(-50%, 0, 0);
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;
  left: 50%;
  height: 369.741075px;
  width: 208.49115px;
}
@media screen and (min-width: 768px) {
  .page.product .carousel > .wrapper > *[class*="ss-"],
  .page.styleguide-case-study .carousel > .wrapper > *[class*="ss-"] {
    height: 492.9881px;
    width: 277.9882px;
  }
}
.page.product .carousel > .wrapper .bg-iphone5s,
.page.styleguide-case-study .carousel > .wrapper .bg-iphone5s {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}
.page.product .carousel > .wrapper:nth-child(-n+2) > *,
.page.styleguide-case-study .carousel > .wrapper:nth-child(-n+2) > * {
  left: 42%;
}
.page.product .carousel > .wrapper:nth-child(n+4) > *,
.page.styleguide-case-study .carousel > .wrapper:nth-child(n+4) > * {
  left: 58%;
}
@media screen and (min-width: 110em) {
  .page.product .collage,
  .page.styleguide-case-study .collage {
    margin: 0 11.1111%;
    max-width: 1600px;
    width: auto;
  }
}
.page.product .collage .quote-collage,
.page.styleguide-case-study .collage .quote-collage {
  background: #344057;
  color: white;
}
.page.product .collage .quote-collage .wrapper-quote,
.page.styleguide-case-study .collage .quote-collage .wrapper-quote {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .page.product .collage .quote-collage .wrapper-quote,
  .page.styleguide-case-study .collage .quote-collage .wrapper-quote {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .page.product .collage .quote-collage .wrapper-quote,
  .page.styleguide-case-study .collage .quote-collage .wrapper-quote {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.page.product .collage .quote-collage .title-quote,
.page.styleguide-case-study .collage .quote-collage .title-quote {
  font-size: 24px;
  line-height: 1.8;
  font-family: 'DINWeb', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  margin-bottom: .5em;
  position: relative;
}
.page.product .collage .quote-collage .attribution .author,
.page.styleguide-case-study .collage .quote-collage .attribution .author {
  font-size: 16px;
  line-height: 1.75;
  font-family: 'DINSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
}
.page.product .collage .quote-collage .attribution .metadata,
.page.styleguide-case-study .collage .quote-collage .attribution .metadata {
  font-size: 13px;
  line-height: 1.75;
  letter-spacing: .3em;
  text-indent: .3em;
  text-transform: uppercase;
  font-family: 'DINBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
  text-indent: 0;
}
.page.product .collage .copy-collage,
.page.styleguide-case-study .collage .copy-collage {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .page.product .collage .copy-collage,
  .page.styleguide-case-study .collage .copy-collage {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .page.product .collage .copy-collage,
  .page.styleguide-case-study .collage .copy-collage {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.page.product .conclusion,
.page.styleguide-case-study .conclusion {
  font-size: 24px;
  line-height: 1.8;
  font-family: 'DINLight', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #c44524;
  line-height: 1.3 !important;
  width: 75%;
  margin: 0 auto;
  padding: 1em 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .page.product .conclusion,
  .page.styleguide-case-study .conclusion {
    font-size: 36px;
    line-height: 1.8;
  }
}
.page.product .wrapper-cta-case-study,
.page.styleguide-case-study .wrapper-cta-case-study {
  text-align: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .page.product .wrapper-cta-case-study,
  .page.styleguide-case-study .wrapper-cta-case-study {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
.page.product .wrapper-cta-case-study p,
.page.styleguide-case-study .wrapper-cta-case-study p {
  font-family: 'DINWeb', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  color: #808080;
  margin-bottom: .5em;
}
.page.product .title-section.featured,
.page.styleguide-case-study .title-section.featured {
  background: #f8f8f8;
}
.page.why:before {
  position: absolute;
  top: -36px;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 36px;
  content: '';
  background: #333;
}
.page.how .bg-image-how {
  background-image: url('/img/how-ipadair-600x450.jpg');
}
@media only screen and (max-width: 767px) {
  .page.how .bg-image-how {
    height: 25%;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .page.how .bg-image-how {
    background-image: url("/img/how-ipadair-600x450@2x.jpg");
  }
}
.page.how .section-services,
.page.careers .section-lookfor {
  background: #f3f3f3;
}
.page.how .section-services .subsection,
.page.careers .section-lookfor .subsection {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 3em;
}
@media screen and (min-width: 768px) {
  .page.how .section-services .subsection,
  .page.careers .section-lookfor .subsection {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .page.how .section-services .subsection,
  .page.careers .section-lookfor .subsection {
    padding: 3em 5% 6em;
    text-align: center;
  }
}
.page.how .section-services .subsection img,
.page.careers .section-lookfor .subsection img {
  float: left;
  height: 4.5em;
  margin-right: 1.5em;
  margin-left: .5em;
  width: 4.5em;
}
@media screen and (min-width: 768px) {
  .page.how .section-services .subsection img,
  .page.careers .section-lookfor .subsection img {
    float: none;
    height: 10em;
    margin: 0 auto 1.5em;
    width: 10em;
  }
}
.page.how .section-services .subsection .meta,
.page.careers .section-lookfor .subsection .meta {
  overflow: hidden;
}
.page.how .section-process:after {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 3.75em;
  width: 2px;
  height: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #f8f8f8;
  content: '';
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .page.how .section-process:after {
    left: 50%;
  }
}
.page.how .section-process .title-section {
  background: white;
}
@media screen and (min-width: 768px) {
  .page.how .section-process .title-section {
    background: transparent;
  }
}
.page.how .section-process .process {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  counter-reset: ol-counter;
  list-style-type: none;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .page.how .section-process .process {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .page.how .section-process .process {
    margin: 2.5em auto 6em;
    max-width: 600px;
    text-align: center;
  }
}
.page.how .section-process .process .subsection {
  margin-bottom: 3em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .page.how .section-process .process .subsection {
    margin-bottom: 5em;
  }
}
.page.how .section-process .process .subsection:before {
  font-size: 24px;
  line-height: 1.8;
  background: white;
  color: #c44524;
  content: counter(ol-counter);
  counter-increment: ol-counter;
  display: inline-block;
  padding-top: .12em;
  text-align: center;
  float: left;
  width: 5rem;
  margin-right: 1.5rem;
}
@media screen and (min-width: 768px) {
  .page.how .section-process .process .subsection:before {
    position: absolute;
    top: -2.25em;
    right: auto;
    bottom: auto;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.page.how .section-process .process .subsection:not(:first-child):after {
  position: absolute;
  top: -3.75em;
  right: auto;
  bottom: auto;
  left: 50%;
  width: auto;
  height: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top: 7px solid #f8f8f8;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
@media screen and (min-width: 768px) {
  .page.how .section-process .process .subsection:not(:first-child):after {
    content: '';
  }
}
.page.how .section-process .process .subsection .meta {
  overflow: hidden;
}
.page.how .section-team .title-section {
  background: #EEE;
}
.page.how .section-team .avatar:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwgMCwgMCkiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
  content: '';
}
.page.how .section-team .avatar img {
  display: block;
  height: auto;
  width: 100%;
}
.page.how .section-team .avatar .name {
  font-size: 20px;
  line-height: 1.8;
  font-family: 'DINSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  position: absolute;
  top: auto;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
  width: auto;
  height: auto;
  line-height: 1 !important;
  color: white;
  overflow: hidden;
  z-index: 1;
}
.page.how .section-logo {
  background: #EEE;
}
.page.what .bg-image-what {
  display: none;
}
@media screen and (min-width: 768px) {
  .page.what .bg-image-what {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .page.what .item-project:nth-of-type(5n + 1) {
    width: 100%;
  }
}
.page.what .title-section {
  background: #EEE;
}
.collage {
  background: white;
}
@media screen and (min-width: 110em) {
  .collage {
    margin: 0 11.1111%;
    max-width: 1600px;
    width: auto;
  }
}
.page.careers .bg-image-careers {
  background-image: url('/img/join-devices-600x450.jpg');
}
@media only screen and (max-width: 767px) {
  .page.careers .bg-image-careers {
    height: 25%;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .page.careers .bg-image-careers {
    background-image: url("/img/join-devices-600x450@2x.jpg");
  }
}
.page.home .bg-image-how-texture-process {
  background-image: url('/img/home-how-600x300.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .page.home .bg-image-how-texture-process {
    background-image: url("/img/home-how-600x300@2x.jpg");
  }
}
.page.home .bg-image-how-texture1 {
  background-image: url('/img/home-how-ipadair-300x300.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .page.home .bg-image-how-texture1 {
    background-image: url("/img/home-how-ipadair-300x300@2x.jpg");
  }
}
.page.home .bg-image-how-texture2 {
  background-image: url('/img/home-how-devices-300x300.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .page.home .bg-image-how-texture2 {
    background-image: url("/img/home-how-devices-300x300@2x.jpg");
  }
}
.page.home .title-section {
  padding-bottom: 1.5em;
}
.page.home .col-content {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .page.home .col-content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.page.home .col-content p {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  .page.home .col-content p {
    font-size: 24px;
    line-height: 1.8;
  }
}
.page.home .col-content .btn-secondary {
  margin-bottom: 3rem;
}
.page.home .section-home-why {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: 85%;
  background: #333;
  margin-top: -36px;
  min-height: 25em;
  text-align: center;
}
.page.home .section-home-why .hero-wrapper {
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  left: 0;
  width: 80%;
  height: auto;
  margin: 0 auto;
}
.page.home .section-home-why .title-page {
  font-size: 28px;
  line-height: 1.8;
  font-family: 'DINLight', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: white;
  line-height: 1.3 !important;
  margin-bottom: .75em;
}
@media screen and (min-width: 768px) {
  .page.home .section-home-why .title-page {
    font-size: 48px;
    line-height: 1.8;
  }
}
.page.home .section-home-why .note {
  color: #c44524;
}
.page.home .section-home-why .note b {
  font-size: 13px;
  line-height: 1.75;
  letter-spacing: .3em;
  text-indent: .3em;
  text-transform: uppercase;
  color: #808080;
  display: inline-block;
  margin-bottom: .25em;
}
.page.home .section-home-why .note a {
  font-family: 'DINSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (min-width: 768px) {
  .page.home .section-home-why .note a {
    font-size: 20px;
    line-height: 1.8;
  }
}
@media screen and (min-width: 768px) {
  .page.home .section-home-why .btn-wire {
    width: 240px;
  }
}
.page.home .section-home-how {
  overflow: visible;
}
.page.home .section-home-how .title-section {
  margin: 0;
}
.page.home .section-home-what {
  background: #f3f3f3;
}
.page.home .home-collage img {
  display: inline-block;
  width: 100%;
  margin-top: -1.5em;
}
@media screen and (min-width: 768px) {
  .page.home .home-collage img {
    margin-top: -5em;
  }
}
@media screen and (min-width: 80em) {
  .page.home .home-collage img {
    margin-top: -3em;
  }
}
.contact-form-wrapper {
  margin: 2.777775%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media screen and (min-width: 460.8px) {
  .contact-form-wrapper {
    margin: 0 11.1111%;
  }
}
@media screen and (min-width: 768px) {
  .contact-form-wrapper {
    margin: 0 16.66665%;
  }
}
@media screen and (min-width: 768px) {
  .contact-form-wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.contact-form-wrapper .title-overlay {
  font-size: 28px;
  line-height: 1.8;
  letter-spacing: -0.05em;
  line-height: 1 !important;
}
@media screen and (min-width: 768px) {
  .contact-form-wrapper .title-overlay {
    font-family: 'DINLight', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 56px;
    line-height: 64px;
  }
}
.contact-form-wrapper textarea {
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.335, 1.05);
  -moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.335, 1.05);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.335, 1.05);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.335, 1.05);
  margin-bottom: 2rem;
  resize: vertical !important;
}
.contact-form-wrapper .fieldset-group {
  margin-bottom: 2rem;
  overflow: hidden;
}
.contact-form-wrapper .fieldset-group:last-of-type {
  margin-bottom: 3rem;
}
.contact-form-wrapper .fieldset-group.services .btn-toggle {
  display: inline-block;
  clear: none;
  width: 49.25%;
  margin-bottom: 1.5%;
  margin-top: 0;
}
.contact-form-wrapper .fieldset-group.services .btn-toggle:nth-of-type(even) {
  margin-left: 1.5%;
}
.contact-form-wrapper .fieldset-group.services .btn-toggle:nth-of-type(n+3) {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .contact-form-wrapper .fieldset-group.services .btn-toggle {
    margin-bottom: 0%;
    width: 24%;
  }
  .contact-form-wrapper .fieldset-group.services .btn-toggle:nth-of-type(even),
  .contact-form-wrapper .fieldset-group.services .btn-toggle:nth-of-type(3) {
    margin-left: 1.5%;
  }
  .contact-form-wrapper .fieldset-group.services .btn-toggle + .btn-toggle {
    margin-left: 1.33333333%;
  }
}
.contact-form-wrapper .fieldset-group .btns-group {
  max-width: 100%;
  overflow: hidden;
}
.contact-form-wrapper .fieldset-group.hidden {
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.335, 1.05);
  -moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.335, 1.05);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.335, 1.05);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.335, 1.05);
  -webkit-transform: scale3d(0, 0, 0);
  -moz-transform: scale3d(0, 0, 0);
  -ms-transform: scale3d(0, 0, 0);
  -o-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  max-height: 0;
  margin-bottom: 0;
  opacity: 0;
}
.contact-form-wrapper .fieldset-group.hidden.visible {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  max-height: 30em;
  opacity: 1;
}
.contact-form-wrapper .fieldset-group.hidden.visible:last-of-type {
  margin-bottom: 3rem;
}
.contact-form-wrapper .fieldset-group-title {
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: .3em;
  text-indent: .3em;
  text-transform: uppercase;
  font-family: 'DINBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #808080;
  margin-bottom: .75rem;
  text-indent: 0;
}
.contact-form-wrapper .fieldset-group-title .subtext,
.contact-form-wrapper .fieldset-group-title .error {
  font-family: 'DINWeb', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
.contact-form-wrapper .fieldset-group-title .error {
  color: #ff4800;
}
.contact-form-wrapper .ancillary-contact {
  font-size: 0;
  padding-top: 1.5rem;
}
.contact-form-wrapper .ancillary-contact > * {
  font-size: 16px;
  line-height: 1.75;
}
.contact-form-wrapper .ancillary-contact .wrapper-connect,
.contact-form-wrapper .ancillary-contact .wrapper-visit {
  display: inline-block;
  margin-bottom: 2em;
  vertical-align: top;
}
.contact-form-wrapper .ancillary-contact .wrapper-connect .title-ancillary,
.contact-form-wrapper .ancillary-contact .wrapper-visit .title-ancillary {
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: .3em;
  text-indent: .3em;
  text-transform: uppercase;
  font-family: 'DINBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #808080;
  margin-bottom: .5rem;
  text-indent: 0;
}
.contact-form-wrapper .ancillary-contact .wrapper-connect {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .contact-form-wrapper .ancillary-contact .wrapper-connect {
    width: 33.33%;
  }
}
.contact-form-wrapper .ancillary-contact .wrapper-connect .list > a {
  float: left;
  margin-right: 1em;
}
@media screen and (min-width: 768px) {
  .contact-form-wrapper .ancillary-contact .wrapper-connect .list > a {
    clear: both;
  }
}
.contact-form-wrapper .ancillary-contact .wrapper-visit {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .contact-form-wrapper .ancillary-contact .wrapper-visit {
    width: 66.66%;
  }
}
.contact-form-wrapper .ancillary-contact .wrapper-connect a {
  font-size: 14px;
  line-height: 1.75;
}
@media screen and (min-width: 768px) {
  .contact-form-wrapper .ancillary-contact .wrapper-connect a {
    font-size: 16px;
    line-height: 1.75;
  }
}
.contact-form-wrapper .ancillary-contact .wrapper-visit {
  font-size: 0;
}
.contact-form-wrapper .ancillary-contact .wrapper-visit > * {
  font-size: 16px;
  line-height: 1.75;
}
.contact-form-wrapper .ancillary-contact .wrapper-visit > .location-wrapper {
  font-size: 14px;
  line-height: 1.75;
  color: #808080;
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
@media screen and (min-width: 768px) {
  .contact-form-wrapper .ancillary-contact .wrapper-visit > .location-wrapper {
    font-size: 16px;
    line-height: 1.75;
  }
}
.contact-form-wrapper .ancillary-contact .wrapper-visit > .location-wrapper + .location-wrapper {
  padding-left: 1.25em;
}
.overlay-screen-menu .wrapper-menu {
  margin: 2.777775%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
@media screen and (min-width: 460.8px) {
  .overlay-screen-menu .wrapper-menu {
    margin: 0 11.1111%;
  }
}
@media screen and (min-width: 768px) {
  .overlay-screen-menu .wrapper-menu {
    margin: 0 16.66665%;
  }
}
@media screen and (min-width: 768px) {
  .overlay-screen-menu .wrapper-menu {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.overlay-screen-menu .level-top a {
  color: #c44524;
  display: block;
  margin-bottom: 2.5em;
  text-decoration: none;
}
.overlay-screen-menu .level-top a:hover {
  color: #c44524;
}
.overlay-screen-menu .level-top a .title-link {
  font-size: 48px;
  line-height: 1.8;
  display: block;
  line-height: 1.2 !important;
}
.overlay-screen-menu .level-top a .subtitle-link {
  color: #808080;
}
.overlay-screen-menu .level-bottom a {
  font-size: 13px;
  line-height: 1.75;
  letter-spacing: .3em;
  text-indent: .3em;
  text-transform: uppercase;
  font-family: 'DINBold', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: inline-block;
  margin-right: 1.25em;
  text-decoration: none;
}
.overlay-screen-menu .level-bottom a:last-child {
  margin-right: 0;
}
.page.not-found .header {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  background: white;
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 1;
}
@media screen and (min-width: 110em) {
  .page.not-found .header {
    margin: 0 11.1111%;
    max-width: 1600px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .page.not-found .header {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .page.not-found .header {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .page.not-found .header {
    height: 100%;
    min-height: 600px;
    margin-top: -36px;
  }
}
@media screen and (min-width: 768px) {
  .page.not-found .wrapper-hero {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0;
    width: auto;
    height: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.page.not-found .hero {
  margin-bottom: 1rem;
  width: 96px;
}
@media screen and (min-width: 768px) {
  .page.not-found .hero {
    margin-bottom: 2rem;
    width: 192px;
  }
}
.page.not-found .title-page {
  font-size: 28px;
  line-height: 1.8;
  line-height: 1em !important;
  margin-bottom: .5em;
}
@media screen and (min-width: 768px) {
  .page.not-found .title-page {
    font-size: 48px;
    line-height: 1.8;
  }
}
.page.not-found .description-page {
  font-size: 16px;
  line-height: 1.75;
  margin: 0 auto 1.5rem;
  max-width: 640px;
  margin-bottom: 3em;
  width: 75%;
}
@media screen and (min-width: 768px) {
  .page.not-found .description-page {
    font-size: 24px;
    line-height: 1.8;
    margin: 0 auto 3rem;
  }
}
.product-atmosphere .bg-image-case-study-hero {
  background-image: url('/img/case-study/atmosphere/atmosphere-home-macbookpro-1600x1000.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-atmosphere .bg-image-case-study-hero {
    background-image: url("/img/case-study/atmosphere/atmosphere-home-macbookpro-1600x1000@2x.jpg");
  }
}
.product-atmosphere .bg-image-iphone {
  background-image: url('/img/case-study/atmosphere/atmosphere-iphone6-600x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-atmosphere .bg-image-iphone {
    background-image: url("/img/case-study/atmosphere/atmosphere-iphone6-600x600@2x.jpg");
  }
}
.product-atmosphere .bg-image-ipad {
  background-image: url('/img/case-study/atmosphere/atmosphere-ipadair-600x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-atmosphere .bg-image-ipad {
    background-image: url("/img/case-study/atmosphere/atmosphere-ipadair-600x600@2x.jpg");
  }
}
.product-atmosphere .bg-image-macbookpro {
  background-image: url('/img/case-study/atmosphere/atmosphere-package-macbookpro-1200x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-atmosphere .bg-image-macbookpro {
    background-image: url("/img/case-study/atmosphere/atmosphere-package-macbookpro-1200x600@2x.jpg");
  }
}
.product-meetinghero .bg-image-case-study-hero {
  background-image: url('/img/case-study/meetinghero/meetinghero-macbookproiphone6-1600x1000.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-meetinghero .bg-image-case-study-hero {
    background-image: url("/img/case-study/meetinghero/meetinghero-macbookproiphone6-1600x1000@2x.jpg");
  }
}
.product-meetinghero .bg-image-texture-meeting {
  background-image: url('/img/case-study/meetinghero/meetinghero-texture-1200x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-meetinghero .bg-image-texture-meeting {
    background-image: url("/img/case-study/meetinghero/meetinghero-texture-1200x600@2x.jpg");
  }
}
.product-meetinghero .bg-image-iphone6-menu {
  background-image: url('/img/case-study/meetinghero/meetinghero-iphone6-600x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-meetinghero .bg-image-iphone6-menu {
    background-image: url("/img/case-study/meetinghero/meetinghero-iphone6-600x600@2x.jpg");
  }
}
.product-meetinghero .bg-image-texture-calendar {
  background-image: url('/img/case-study/meetinghero/meetinghero-calendar-1200x600.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-meetinghero .bg-image-texture-calendar {
    background-image: url("/img/case-study/meetinghero/meetinghero-calendar-1200x600@2x.png");
  }
}
.product-meetinghero .bg-image-iphone6-dashboard {
  background-image: url('/img/case-study/meetinghero/meetinghero-iphone6perspective-600x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-meetinghero .bg-image-iphone6-dashboard {
    background-image: url("/img/case-study/meetinghero/meetinghero-iphone6perspective-600x600@2x.jpg");
  }
}
.product-meteor .bg-image-case-study-hero {
  background-image: url('/img/case-study/meteor/meteor-iphone6ipadairmacbookpro-1600x1000.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-meteor .bg-image-case-study-hero {
    background-image: url("/img/case-study/meteor/meteor-iphone6ipadairmacbookpro-1600x1000@2x.jpg");
  }
}
.product-meteor .bg-image-ipad {
  background-image: url('/img/case-study/meteor/meteor-todos-ipad-1200x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-meteor .bg-image-ipad {
    background-image: url("/img/case-study/meteor/meteor-todos-ipad-1200x600@2x.jpg");
  }
}
.product-meteor .bg-image-todos-signin {
  background-image: url('/img/case-study/meteor/meteor-todos-signin-iphone5s-600x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-meteor .bg-image-todos-signin {
    background-image: url("/img/case-study/meteor/meteor-todos-signin-iphone5s-600x600@2x.jpg");
  }
}
.product-meteor .bg-image-todos-home {
  background-image: url('/img/case-study/meteor/meteor-todos-home-iphone5s-600x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-meteor .bg-image-todos-home {
    background-image: url("/img/case-study/meteor/meteor-todos-home-iphone5s-600x600@2x.jpg");
  }
}
.product-meteor .bg-image-localmarket-logo {
  background-image: url('/img/case-study/meteor/meteor-localmarket-logo-600x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-meteor .bg-image-localmarket-logo {
    background-image: url("/img/case-study/meteor/meteor-localmarket-logo-600x600@2x.jpg");
  }
}
.product-meteor .bg-image-localmarket-home {
  background-image: url('/img/case-study/meteor/meteor-localmarket-home-iphone5s-600x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-meteor .bg-image-localmarket-home {
    background-image: url("/img/case-study/meteor/meteor-localmarket-home-iphone5s-600x600@2x.jpg");
  }
}
.product-meteor .bg-image-localmarket-item {
  background-image: url('/img/case-study/meteor/meteor-localmarket-item-iphone5s-600x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-meteor .bg-image-localmarket-item {
    background-image: url("/img/case-study/meteor/meteor-localmarket-item-iphone5s-600x600@2x.jpg");
  }
}
.product-meteor .bg-image-localmarket-icon {
  background-image: url('/img/case-study/meteor/meteor-localmarket-logo-300x300.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-meteor .bg-image-localmarket-icon {
    background-image: url("/img/case-study/meteor/meteor-localmarket-logo-300x300@2x.png");
  }
}
.product-meteor .bg-image-localmarket-texture {
  background-image: url('/img/case-study/meteor/meteor-localmarket-texture-300x300.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-meteor .bg-image-localmarket-texture {
    background-image: url("/img/case-study/meteor/meteor-localmarket-texture-300x300@2x.jpg");
  }
}
.product-verso .bg-image-case-study-hero {
  background-image: url('/img/case-study/verso/verso-classes-iphone6ipadair-1600x1000.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-verso .bg-image-case-study-hero {
    background-image: url("/img/case-study/verso/verso-classes-iphone6ipadair-1600x1000@2x.jpg");
  }
}
.product-verso .bg-image-flip {
  background-image: url('/img/case-study/verso/verso-flip-iphone6-600x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-verso .bg-image-flip {
    background-image: url("/img/case-study/verso/verso-flip-iphone6-600x600@2x.jpg");
  }
}
.product-verso .bg-image-child {
  background-image: url('/img/case-study/verso/verso-texture-child-600x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-verso .bg-image-child {
    background-image: url("/img/case-study/verso/verso-texture-child-600x600@2x.jpg");
  }
}
.product-verso .bg-image-texture-inclass {
  background-image: url('/img/case-study/verso/verso-texture-1200x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-verso .bg-image-texture-inclass {
    background-image: url("/img/case-study/verso/verso-texture-1200x600@2x.jpg");
  }
}
.product-verso .bg-image-devices {
  background-image: url('/img/case-study/verso/verso-devices-perspective-1200x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-verso .bg-image-devices {
    background-image: url("/img/case-study/verso/verso-devices-perspective-1200x600@2x.jpg");
  }
}
.product-verso .bg-image-class {
  background-image: url('/img/case-study/verso/verso-class-iphone6-600x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-verso .bg-image-class {
    background-image: url("/img/case-study/verso/verso-class-iphone6-600x600@2x.jpg");
  }
}
.product-verso .bg-image-logo {
  background-image: url('/img/case-study/verso/verso-logo-300x300.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-verso .bg-image-logo {
    background-image: url("/img/case-study/verso/verso-logo-300x300@2x.png");
  }
}
.product-verso .bg-image-texture-pencils {
  background-image: url('/img/case-study/verso/verso-texture-pencils-600x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-verso .bg-image-texture-pencils {
    background-image: url("/img/case-study/verso/verso-texture-pencils-600x600@2x.jpg");
  }
}
.product-verso .bg-image-responses {
  background-image: url('/img/case-study/verso/verso-responses-iphone6-600x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-verso .bg-image-responses {
    background-image: url("/img/case-study/verso/verso-responses-iphone6-600x600@2x.jpg");
  }
}
.product-verso .bg-image-campus {
  background-image: url('/img/case-study/verso/verso-campus-macbookpro-1200x600.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-verso .bg-image-campus {
    background-image: url("/img/case-study/verso/verso-campus-macbookpro-1200x600@2x.jpg");
  }
}
.product-campus .bg-image-case-study-hero {
  background-image: url('/img/case-study/campus/verso-campus-macbookpro-1600x1000.jpg');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-width: 1152px) {
  .product-campus .bg-image-case-study-hero {
    background-image: url("/img/case-study/campus/verso-campus-macbookpro-1600x1000@2x.jpg");
  }
}

/*# sourceMappingURL=client.css.map*/