/* Vendor */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

#modal-overlay {
  background-color: rgba(0, 0, 0, 0.9) !important;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 998; }

#modal-container {
  left: 0 !important;
  background: #fff;
  border: 1px solid #ababab;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
  height: auto;
  padding: 10px;
  font-family: arial,sans-serif;
  font-size: 14px;
  position: absolute;
  z-index: 998; }

#modal-header {
  height: 20px;
  overflow: hidden;
  clear: both; }

#modal-close {
  position: relative;
  background: #fff url("../images/jsmodal/modal-close.png") no-repeat center center;
  cursor: pointer;
  display: block;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -webkit-opacity: 0.6;
  -ms-filter: alpha(opacity=60);
  opacity: 0.6;
  float: right;
  height: 20px;
  width: 20px;
  z-index: 99999999; }

#modal-close:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -webkit-opacity: 1.0;
  -ms-filter: alpha(opacity=100);
  opacity: 1.0; }

#modal-content {
  display: block;
  height: -webkit-calc(100vh)-200px;
  height: calc(100vh)-200px;
  padding: 100px;
  z-index: 999; }

#modal-content iframe {
  max-height: -webkit-calc(100vh - 200px) !important;
  max-height: calc(100vh - 200px) !important; }

@media (min-width: 641px) and (max-width: 1024px) {
  #modal-header #modal-close {
    height: 50px;
    width: 50px; }
  #modal-content {
    height: -webkit-calc(100vh)-100px;
    height: calc(100vh)-100px;
    padding: 50px !important; }
  #modal-content iframe {
    max-height: -webkit-calc(100vh - 100px) !important;
    max-height: calc(100vh - 100px) !important; } }

@media (max-width: 640px) {
  #modal-header #modal-close {
    height: 50px;
    width: 50px; }
  #modal-content {
    height: -webkit-calc(100vh - 50px);
    height: calc(100vh - 50px);
    margin-top: 50px;
    padding: 0px !important; }
  #modal-content iframe {
    max-height: 100vh !important; } }

#modal-container.modal-loading {
  background: #fff url("../images/jsmodal/loading.gif") no-repeat center center; }

/* Globals / variables */
/*-- Variables --*/
/*-- Sass extends --*/
.logo, .nav nav:last-child ul li a, .map {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  line-height: 999px; }

/*-- Mixins --*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  max-width: 100%; }

body {
  background: #E0E0E0 url("../images/bg.jpg") repeat center center; }

body.not-front > .content {
  min-height: 100%; }

body.front > .content {
  height: 100%;
  margin-top: 100px; }

body:not(.front) > .content {
  padding-top: 200px; }

@media (max-width: 766px) {
  body:not(.front) > .content {
    padding-top: 100px; } }

.not-front .back-to {
  font-weight: 400;
  font-size: 22px;
  margin-bottom: 100px; }

.not-front .back-to:after {
  display: none; }

.not-front .back-to:before {
  content: "";
  display: inline-block;
  background: url(../images/arrow-left.png) no-repeat center center/contain;
  height: 22px;
  width: 22px;
  margin: 0 1.25em -0.25em 0; }

.not-front .back-to:hover::before {
  -webkit-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  -ms-animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  -webkit-transform: translateX(20px);
  -ms-transform: translate(20px);
  transform: translateX(20px); }

.not-front .back-to:hover {
  color: #ffc937;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; }

iframe {
  border: 0; }

/*------------------------------------*    CONTENTS - TYPOGRAPHY
\*------------------------------------*/
/*


 general
 main content
 buttons
 arrow spins
 sprite icon positions list

*/
html {
  color: #231f20;
  font-weight: 400;
  font-size: 62.5%;
  /* Sets up the Base 10 stuff */
  font-family: "Interstate", "Arial Black", sans-serif; }

body {
  color: #231f20;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.286em; }

a {
  color: #231f20;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

em {
  font-style: italic; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal; }

h1 {
  font-family: "Catamaran", sans-serif;
  font-size: 80px;
  font-weight: 900;
  text-align: center;
  line-height: 80px;
  margin-bottom: 50px; }

h2 {
  font-family: "Catamaran", sans-serif;
  font-size: 36px;
  font-weight: 900;
  margin: 80px 0 50px; }

h3 {
  font-family: "Catamaran", sans-serif;
  font-size: 24px;
  line-height: 29px;
  font-weight: 900;
  margin: 30px 0;
  text-align: center; }

.blog-quote {
  width: 95%;
  font-family: "Amiri", serif !important;
  font-style: italic;
  font-weight: 400;
  font-size: 36px !important;
  line-height: 48px !important;
  border-left: solid 5px #FFCA1B;
  padding-left: 30px; }

@media (max-width: 766px) {
  .blog-quote {
    font-size: 24px !important;
    line-height: 40px !important; } }

p,
li {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  line-height: 30px; }

.plus1 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.5em; }

.plus1 p {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.5em; }

@media screen and (min-width: 780px) and (max-width: 1000px) {
  p,
  li {
    font-size: 18px;
    font-size: 1.8rem; }
  .plus1 {
    font-size: 26px;
    font-size: 2.6rem; }
  .plus1 p {
    font-size: 26px;
    font-size: 2.6rem; } }

@media screen and (max-width: 780px) {
  h1 {
    font-size: 60px;
    font-size: 6rem; }
  p,
  li {
    font-size: 24px;
    font-size: 2.4rem; }
  .plus1 {
    font-size: 24px;
    font-size: 2.4rem; }
  .plus1 p {
    font-size: 24px;
    font-size: 2.4rem; } }

.strikethrough {
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  display: inline-block;
  font-style: italic;
  color: #c23f52;
  padding-left: 0.3em;
  padding-right: 0.3em;
  position: relative;
  z-index: 1; }

.strikethrough:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin-top: -0.02em;
  top: 50%;
  display: block;
  width: auto;
  height: 0.09em;
  background-color: #ffc937;
  opacity: 0.5;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  z-index: -1; }

.titlelarge, .node-case-study.node-teaser h2, .node-what.node-teaser h2 {
  max-width: 100%;
  text-align: center;
  position: relative;
  padding-bottom: 60px;
  white-space: nowrap;
  font-size: 80px;
  line-height: 0.8em;
  padding-top: 0.1em;
  overflow: hidden; }

.titlelarge .title, .node-case-study.node-teaser h2 .title, .node-what.node-teaser h2 .title {
  position: relative;
  z-index: 1;
  font-family: "Catamaran", sans-serif;
  font-size: inherit;
  font-weight: 900;
  padding-top: 0.25em;
  color: #231f20; }

@media screen and (max-width: 1200px) {
  .titlelarge, .node-case-study.node-teaser h2, .node-what.node-teaser h2 {
    padding-bottom: 45px;
    font-size: 120px;
    line-height: 0.8em; } }

@media screen and (max-width: 900px) {
  .titlelarge, .node-case-study.node-teaser h2, .node-what.node-teaser h2 {
    padding-bottom: 37px;
    font-size: 90px;
    line-height: 0.8em; } }

@media screen and (max-width: 768px) {
  .titlelarge, .node-case-study.node-teaser h2, .node-what.node-teaser h2 {
    font-size: 75px; } }

@media screen and (max-width: 480px) {
  .titlelarge, .node-case-study.node-teaser h2, .node-what.node-teaser h2 {
    padding-bottom: 20px;
    font-size: 50px;
    line-height: 0.8em; } }

/*@media screen and (max-width: 480px) {
  .titlelarge {
    margin-bottom: 30px;
    .title {
      font-size: 90px;
      line-height: 0.8em;
      padding-top: 0.25em;
    }
    .background {
      font-size: 90px;
      line-height: 0.8em;
    }
  }
}

@media screen and (max-width: 320px) {
  .titlelarge {
    margin-bottom: 30px;
    .title {
      font-size: 90px;
      line-height: 0.8em;
      padding-top: 0.25em;
    }
    .background {
      font-size: 90px;
      line-height: 0.8em;
    }
  }
}
*/
.titlemedium {
  max-width: 100%;
  text-align: left;
  position: relative;
  display: block; }

.titlemedium .title {
  position: relative;
  z-index: 1;
  left: 0;
  top: 30px;
  text-transform: lowercase;
  font-family: "Interstate", "Arial Black", sans-serif;
  font-weight: 900;
  font-size: 80px;
  line-height: 100px;
  color: #231f20; }

.titlemedium .background {
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  text-transform: lowercase;
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-weight: 600;
  font-style: italic;
  font-size: 180px;
  line-height: 100px;
  color: #ffc937; }

@media screen and (max-width: 480px) {
  .titlemedium .title {
    top: 15px;
    font-size: 40px;
    line-height: 50px; }
  .titlemedium .background {
    top: 7px;
    font-size: 90px;
    line-height: 50px; } }

.titlesmall, .region-pager > div {
  max-width: 1170px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
  -webkit-box-flex: 100;
  -webkit-flex-grow: 100;
  -ms-flex-positive: 100;
  flex-grow: 100; }

.titlesmall .title, .region-pager > div .title {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Interstate", "Arial Black", sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 1em;
  letter-spacing: -0.035em;
  margin-top: 50px; }

.titlesmall .title:before, .region-pager > div .title:before {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  top: 50%;
  height: 2px;
  width: 5000px;
  margin-top: -1px;
  margin-right: 1.5em;
  background-color: #231f20;
  opacity: 0.1; }

.titlesmall .title:after, .region-pager > div .title:after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 50%;
  height: 2px;
  width: 5000px;
  margin-top: -1px;
  margin-left: 1.5em;
  background-color: #231f20;
  opacity: 0.1; }

.intro {
  width: 770px;
  max-width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  margin-bottom: 50px;
  text-align: center;
  font-size: 20px;
  line-height: 33px;
  font-family: "Catamaran", sans-serif; }

/* hello, arrow bounce. */
@-webkit-keyframes bounce-up {
  0% {
    -webkit-transform: translateY(0px) rotate(90deg); }
  50% {
    -webkit-transform: translateY(20px) rotate(90deg); }
  100% {
    -webkit-transform: translateY(0px) rotate(90deg); } }

@-ms-keyframes bounce-up {
  0% {
    -ms-transform: translateY(0px) rotate(90deg); }
  50% {
    -ms-transform: translateY(20px) rotate(90deg); }
  100% {
    -ms-transform: translateY(0px) rotate(90deg); } }

@keyframes bounce-up {
  0% {
    -webkit-transform: translateY(0px) rotate(90deg);
    transform: translateY(0px) rotate(90deg); }
  50% {
    -webkit-transform: translateY(20px) rotate(90deg);
    transform: translateY(20px) rotate(90deg); }
  100% {
    -webkit-transform: translateY(0px) rotate(90deg);
    transform: translateY(0px) rotate(90deg); } }

@-webkit-keyframes bounce-right {
  0% {
    -webkit-transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0px); } }

@-ms-keyframes bounce-right {
  0% {
    -ms-transform: translateX(0px); }
  50% {
    -ms-transform: translateX(20px); }
  100% {
    -ms-transform: translateX(0px); } }

@keyframes bounce-right {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }

@-webkit-keyframes bounce-right-back {
  0% {
    -webkit-transform: translateX(20px); }
  50% {
    -webkit-transform: translateX(-20px); }
  100% {
    -webkit-transform: translateX(20px); } }

@-ms-keyframes bounce-right-back {
  0% {
    -ms-transform: translateX(20px); }
  50% {
    -ms-transform: translateX(-20px); }
  100% {
    -ms-transform: translateX(20px); } }

@keyframes bounce-right-back {
  0% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  50% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px); } }

@-webkit-keyframes bounce-left {
  0% {
    -webkit-transform: translateX(0px) rotate(180deg); }
  50% {
    -webkit-transform: translateX(-20px) rotate(180deg); }
  100% {
    -webkit-transform: translateX(0px) rotate(180deg); } }

@-ms-keyframes bounce-left {
  0% {
    -ms-transform: translateX(0px) rotate(180deg); }
  50% {
    -ms-transform: translateX(-20px) rotate(180deg); }
  100% {
    -ms-transform: translateX(0px) rotate(180deg); } }

@keyframes bounce-left {
  0% {
    -webkit-transform: translateX(0px) rotate(180deg);
    transform: translateX(0px) rotate(180deg); }
  50% {
    -webkit-transform: translateX(-20px) rotate(180deg);
    transform: translateX(-20px) rotate(180deg); }
  100% {
    -webkit-transform: translateX(0px) rotate(180deg);
    transform: translateX(0px) rotate(180deg); } }

/*
.node-what.node-teaser:hover > div:last-child:after {
    -webkit-animation: bounce-up 2s ease-in-out infinite;
    -moz-animation: bounce-up 2s ease-in-out infinite;
    -ms-animation: bounce-up 2s ease-in-out infinite;
    animation: bounce-up 2s ease-in-out infinite;
}
*/
.node-what.node-teaser > div:last-child:after {
  -webkit-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out; }

.node-what.node-teaser:hover > div:last-child:after {
  -webkit-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  -ms-animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px); }

.node-case-study.node-teaser:hover h2 .title:before,
.cta:hover .secondary:after,
.region-pager .views-field-title:hover a::after,
.node-blog.node-teaser:hover .read-more:after {
  -webkit-animation: bounce-right 2s ease-in-out infinite;
  -ms-animation: bounce-right 2s ease-in-out infinite;
  animation: bounce-right 2s ease-in-out infinite; }

.node-case-study.node-teaser.left:hover h2 .title:before {
  -webkit-animation: bounce-left 2s ease-in-out infinite;
  -ms-animation: bounce-left 2s ease-in-out infinite;
  animation: bounce-left 2s ease-in-out infinite; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  60% {
    -webkit-transform: rotate(760deg); }
  100% {
    -webkit-transform: rotate(720deg); } }

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }
  60% {
    -ms-transform: rotate(760deg); }
  100% {
    -ms-transform: rotate(720deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  60% {
    -webkit-transform: rotate(760deg);
    transform: rotate(760deg); }
  100% {
    -webkit-transform: rotate(720deg);
    transform: rotate(720deg); } }

/* catamaran-100 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/catamaran-v3-latin-100.eot");
  /* IE9 Compat Modes */
  src: local("Catamaran Thin"), local("Catamaran-Thin"), url("../fonts/catamaran-v3-latin-100.eot?#iefix") format("embedded-opentype"), url("../fonts/catamaran-v3-latin-100.woff2") format("woff2"), url("../fonts/catamaran-v3-latin-100.woff") format("woff"), url("../fonts/catamaran-v3-latin-100.ttf") format("truetype"), url("../fonts/catamaran-v3-latin-100.svg#Catamaran") format("svg");
  /* Legacy iOS */ }

/* catamaran-300 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/catamaran-v3-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Catamaran Light"), local("Catamaran-Light"), url("../fonts/catamaran-v3-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/catamaran-v3-latin-300.woff2") format("woff2"), url("../fonts/catamaran-v3-latin-300.woff") format("woff"), url("../fonts/catamaran-v3-latin-300.ttf") format("truetype"), url("../fonts/catamaran-v3-latin-300.svg#Catamaran") format("svg");
  /* Legacy iOS */ }

/* catamaran-200 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/catamaran-v3-latin-200.eot");
  /* IE9 Compat Modes */
  src: local("Catamaran ExtraLight"), local("Catamaran-ExtraLight"), url("../fonts/catamaran-v3-latin-200.eot?#iefix") format("embedded-opentype"), url("../fonts/catamaran-v3-latin-200.woff2") format("woff2"), url("../fonts/catamaran-v3-latin-200.woff") format("woff"), url("../fonts/catamaran-v3-latin-200.ttf") format("truetype"), url("../fonts/catamaran-v3-latin-200.svg#Catamaran") format("svg");
  /* Legacy iOS */ }

/* catamaran-regular - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/catamaran-v3-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Catamaran Regular"), local("Catamaran-Regular"), url("../fonts/catamaran-v3-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/catamaran-v3-latin-regular.woff2") format("woff2"), url("../fonts/catamaran-v3-latin-regular.woff") format("woff"), url("../fonts/catamaran-v3-latin-regular.ttf") format("truetype"), url("../fonts/catamaran-v3-latin-regular.svg#Catamaran") format("svg");
  /* Legacy iOS */ }

/* catamaran-500 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/catamaran-v3-latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Catamaran Medium"), local("Catamaran-Medium"), url("../fonts/catamaran-v3-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/catamaran-v3-latin-500.woff2") format("woff2"), url("../fonts/catamaran-v3-latin-500.woff") format("woff"), url("../fonts/catamaran-v3-latin-500.ttf") format("truetype"), url("../fonts/catamaran-v3-latin-500.svg#Catamaran") format("svg");
  /* Legacy iOS */ }

/* catamaran-700 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/catamaran-v3-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Catamaran Bold"), local("Catamaran-Bold"), url("../fonts/catamaran-v3-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/catamaran-v3-latin-700.woff2") format("woff2"), url("../fonts/catamaran-v3-latin-700.woff") format("woff"), url("../fonts/catamaran-v3-latin-700.ttf") format("truetype"), url("../fonts/catamaran-v3-latin-700.svg#Catamaran") format("svg");
  /* Legacy iOS */ }

/* catamaran-800 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/catamaran-v3-latin-800.eot");
  /* IE9 Compat Modes */
  src: local("Catamaran ExtraBold"), local("Catamaran-ExtraBold"), url("../fonts/catamaran-v3-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/catamaran-v3-latin-800.woff2") format("woff2"), url("../fonts/catamaran-v3-latin-800.woff") format("woff"), url("../fonts/catamaran-v3-latin-800.ttf") format("truetype"), url("../fonts/catamaran-v3-latin-800.svg#Catamaran") format("svg");
  /* Legacy iOS */ }

/* catamaran-600 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/catamaran-v3-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Catamaran SemiBold"), local("Catamaran-SemiBold"), url("../fonts/catamaran-v3-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/catamaran-v3-latin-600.woff2") format("woff2"), url("../fonts/catamaran-v3-latin-600.woff") format("woff"), url("../fonts/catamaran-v3-latin-600.ttf") format("truetype"), url("../fonts/catamaran-v3-latin-600.svg#Catamaran") format("svg");
  /* Legacy iOS */ }

/* catamaran-900 - latin */
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/catamaran-v3-latin-900.eot");
  /* IE9 Compat Modes */
  src: local("Catamaran Black"), local("Catamaran-Black"), url("../fonts/catamaran-v3-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/catamaran-v3-latin-900.woff2") format("woff2"), url("../fonts/catamaran-v3-latin-900.woff") format("woff"), url("../fonts/catamaran-v3-latin-900.ttf") format("truetype"), url("../fonts/catamaran-v3-latin-900.svg#Catamaran") format("svg");
  /* Legacy iOS */ }

/* latin */
@font-face {
  font-family: 'Amiri';
  font-style: italic;
  font-weight: 400;
  src: local("Amiri Italic"), local("Amiri-Italic"), url(https://fonts.gstatic.com/s/amiri/v9/yJCfruOQH5xNfvfGFthDtwLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

/* latin */
@font-face {
  font-family: 'Amiri';
  font-style: italic;
  font-weight: 700;
  src: local("Amiri Bold Italic"), local("Amiri-BoldItalic"), url(https://fonts.gstatic.com/s/amiri/v9/lS-dgDq2cQdc4hvy0c2SbAzyDMXhdD8sAj6OAJTFsBI.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

/* latin */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  src: local("Amiri Regular"), local("Amiri-Regular"), url(https://fonts.gstatic.com/s/amiri/v9/fQhxTHvVTTJwtu14_lGpYaCWcynf_cDxXwCLxiixG1c.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

/* latin */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 700;
  src: local("Amiri Bold"), local("Amiri-Bold"), url(https://fonts.gstatic.com/s/amiri/v9/8b_RNX_MuT-wzF5O8XZEVnYhjbSpvc47ee6xR_80Hnw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }

/* Layout sections */
header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100px;
  z-index: 25;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s; }

.logo {
  width: 100px;
  height: 100px;
  background: #ffc937 url(../images/logo.png) no-repeat center center/cover;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s; }

.logo:hover {
  background-image: url(../images/logo-loop.gif); }

header .titlesmall, header .region-pager > div {
  margin-left: 166px;
  margin-right: 30px;
  -webkit-perspective: 800;
  perspective: 800;
  position: relative;
  overflow: hidden;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 8;
  -webkit-flex-grow: 8;
  -ms-flex-positive: 8;
  flex-grow: 8;
  max-width: 100%; }

header .titlesmall .main, header .region-pager > div .main {
  -webkit-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  position: relative;
  top: 0.5em;
  opacity: 1;
  display: block;
  white-space: nowrap; }

header .titlesmall .main:last-child, header .region-pager > div .main:last-child {
  top: 0; }

header .titlesmall .secondary, header .region-pager > div .secondary {
  -webkit-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  position: relative;
  top: 1em;
  opacity: 0;
  display: block;
  white-space: nowrap; }

header .titlesmall.changed .main, header .region-pager > div.changed .main {
  top: -1em;
  opacity: 0; }

header .titlesmall.changed .secondary, header .region-pager > div.changed .secondary {
  top: -0.5em;
  opacity: 1; }

@media screen and (max-width: 480px) {
  header .titlesmall, header .region-pager > div {
    visibility: hidden; } }

.get-in-touch {
  -webkit-transition: background-image 0.25s ease;
  transition: background-image 0.25s ease;
  display: block;
  background-image: url(../images/icon-bubble.svg);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 20px 0 31px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 100px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.03em;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s; }

.get-in-touch:hover {
  -webkit-transition: background-image 0.25s ease;
  transition: background-image 0.25s ease;
  background-image: url(../images/icon-bubble-filled.svg); }

.hamburger {
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  width: 100px;
  height: 100px;
  background: url(../images/icon-hamburger.png) no-repeat center center/22px 22px;
  background-image: url(../images/icon-hamburger.svg), none;
  display: block;
  content: '';
  z-index: 102;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s; }

.hamburger:hover {
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  background-color: #ffc937;
  cursor: pointer; }

header.small {
  background: url(../images/bg97.png) repeat 0 0;
  height: 50px; }

header.small .logo {
  width: 50px;
  height: 50px; }

header.small .get-in-touch {
  line-height: 50px; }

header.small .hamburger {
  width: 50px;
  height: 50px; }

header.small .nav {
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px); }

@media screen and (max-width: 780px) {
  header {
    height: 50px; }
  header.small {
    background-image: none; }
  .logo {
    width: 50px;
    height: 50px;
    min-width: 50px; }
  .logo img {
    width: 21px; }
  header .titlesmall, header .region-pager > div {
    line-height: 50px;
    margin-left: 50px;
    margin-right: 0; }
  .get-in-touch {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    line-height: 999px;
    width: 50px;
    height: 50px;
    background-position: center center;
    padding: 0; }
  .hamburger {
    width: 50px;
    height: 50px; } }

.nav {
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  position: absolute;
  right: 0;
  background: rgba(255, 201, 55, 0.9);
  height: 100vh;
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  z-index: 101; }

.nav nav {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  opacity: 0; }

.nav nav:first-child ul {
  margin: 0;
  padding: 100px;
  list-style: none;
  float: right;
  text-align: right;
  width: 700px;
  max-width: 100%; }

.nav nav:first-child ul li {
  padding-bottom: 1em;
  display: block; }

.nav nav:first-child ul li a {
  font-size: 48px;
  font-size: 4.8rem;
  position: relative;
  display: inline-block;
  font-weight: 900;
  line-height: 1em;
  padding: 0.4em 0.6em; }

.nav nav:first-child ul li a:before {
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: #fff;
  z-index: -1;
  width: 0px; }

.nav nav:first-child ul li a:after {
  content: '.'; }

.nav nav:first-child ul li a:hover:before {
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
  width: 100%; }

.nav nav:last-child ul {
  position: absolute;
  bottom: 100px;
  right: 116px;
  padding: 0;
  margin: 0;
  clear: right;
  list-style: none; }

.nav nav:last-child ul li {
  padding: 0;
  margin: 0;
  float: left; }

.nav nav:last-child ul li a {
  float: left;
  width: 60px;
  height: 60px;
  background: no-repeat center center / auto 50%;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease; }

.nav nav:last-child ul li a.icon-fb {
  background-image: url(../images/icon-fb.svg); }

.nav nav:last-child ul li a.icon-twitter {
  background-image: url(../images/icon-twitter.svg); }

.nav nav:last-child ul li a.icon-instagram {
  background-image: url(../images/icon-instagram.svg); }

.nav nav:last-child ul li a.icon-linkedin {
  background-image: url(../images/icon-linkedin.svg); }

.nav nav:last-child ul li a:hover {
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  background-color: #fff; }

@media screen and (min-width: 780px) and (max-height: 800px) {
  .nav nav:first-child ul li {
    padding-bottom: 0; } }

@media screen and (min-width: 780px) and (max-height: 680px) {
  .nav nav:first-child ul li a {
    font-size: 40px;
    font-size: 4rem; } }

@media screen and (min-width: 780px) and (max-height: 680px) {
  .nav nav:first-child ul {
    margin-bottom: 0; }
  .nav nav:first-child ul li a {
    font-size: 30px;
    font-size: 3rem; }
  .nav nav:last-child ul {
    position: static;
    text-align: right;
    padding-right: 4.77em; }
  .nav nav:last-child ul li {
    float: none;
    display: inline-block; } }

@media screen and (max-width: 780px) and (max-height: 450px) {
  .nav nav:first-child[role=navigation] ul {
    margin-bottom: 0; }
  .nav nav:last-child ul {
    position: static;
    text-align: right;
    padding-right: 50px; }
  .nav nav:last-child ul li {
    float: none;
    display: inline-block; } }

.menu-open {
  overflow: hidden; }

.menu-open body {
  overflow: hidden; }

.menu-open .hamburger {
  background: url(../images/icon-close.svg) no-repeat center center/20px; }

.menu-open .hamburger:before {
  position: absolute;
  top: 100px;
  left: 0;
  display: block;
  height: 100vh;
  width: 100px;
  content: ''; }

.menu-open .nav {
  -webkit-transition: -webkit-transform 0.25 0.25s;
  transition: transform 0.25 0.25s;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  overflow: auto; }

.menu-open .nav nav {
  -webkit-transition: opacity 0.25s 0.25s;
  transition: opacity 0.25s 0.25s;
  opacity: 1; }

@media screen and (max-width: 780px) {
  .nav {
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px); }
  .nav nav:first-child ul {
    padding: 70px 50px 50px 0; }
  .nav nav:first-child ul li {
    padding-bottom: 0.5em; }
  .nav nav:first-child ul li a {
    font-size: 24px;
    font-size: 2.4rem; }
  .nav nav:first-child ul li a:hover, .nav nav:first-child ul li a:before, .nav nav:first-child ul li a:hover:before {
    background: none; }
  .nav nav:last-child ul {
    bottom: 70px;
    right: 50px; }
  .nav nav:last-child ul li a:hover, .nav nav:last-child ul li a:before, .nav nav:last-child ul li a:hover:before {
    background-color: transparent !important; }
  .hamburger:hover {
    background-color: transparent; }
  .menu-open .hamburger:before {
    top: 50px;
    width: 50px; } }

@-webkit-keyframes shimmy {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes shimmy {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.region-pager {
  margin-top: 50px; }

.cta {
  display: block;
  width: 100%;
  max-width: 100%;
  text-align: center;
  overflow-x: hidden;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  background-color: #231f20;
  color: #ffc937; }

.cta .main {
  font-family: "Interstate", "Arial Black", sans-serif;
  font-weight: 900;
  font-size: 80px;
  line-height: 1.1em;
  padding: 155px 15px 55px;
  width: 940px;
  max-width: 100%;
  margin: 0 auto; }

.cta .secondary:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  opacity: 0.1;
  background-color: #231f20;
  top: 0;
  left: 0; }

.cta .secondary {
  position: relative;
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-style: italic;
  font-weight: 100;
  font-size: 32px;
  line-height: 1.1em;
  padding: 65px 15px 150px;
  width: 770px;
  max-width: 100%;
  margin: 0 auto; }

.cta .secondary:after {
  content: "";
  display: inline-block;
  background: url(../images/arrow-right.svg) no-repeat center center/contain;
  margin-left: 1em;
  margin-bottom: -0.12em;
  height: 26px;
  width: 34px;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease; }

.cta svg * {
  stroke: #231f20; }

.cta.changed {
  background-color: #231f20;
  color: #ffc937; }

.cta.changed .secondary:before {
  background-color: #ffc937; }

.cta.changed .secondary:after {
  background-image: url(../images/arrow-right-yellow.svg); }

@media screen and (max-width: 900px) {
  .cta .main {
    font-size: 40px;
    line-height: 1.1em;
    padding: 60px 15px 45px; }
  .cta .secondary {
    font-size: 24px;
    line-height: 1.1em;
    padding: 30px 15px; }
  .cta .secondary:after {
    margin-left: 0.6em;
    margin-bottom: -0.12em;
    height: 20px;
    width: 30px; } }

footer {
  background: #ffc937;
  width: 100%;
  text-align: center;
  overflow-x: hidden;
  padding: 2em 15px;
  font-size: 14px;
  font-size: 1.4rem; }

footer.changed {
  background-color: #ffc937; }

/* Sections / pages */
.slideshow {
  position: absolute;
  height: 500px;
  max-height: 300px;
  width: 100%;
  background: #ffc937;
  z-index: -1;
  overflow: hidden;
  display: none; }

.slideshow > img {
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  opacity: 0; }

.slideshow > img.show {
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
  opacity: 1;
  z-index: 2; }

.video-wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: -100px;
  overflow: hidden;
  z-index: 3; }

.video {
  height: auto;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  overflow: hidden;
  position: relative;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: auto;
  z-index: -1; }

.video-mobile {
  display: none;
  height: auto;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  overflow: hidden;
  position: relative;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: auto;
  z-index: -1; }

@media (min-aspect-ratio: 16 / 9) {
  .video,
  .video-mobile {
    width: 100%;
    height: auto; } }

@media (max-aspect-ratio: 16 / 9) {
  .video,
  .video-mobile {
    width: auto;
    height: 100%; } }

@media screen and (max-width: 640px) {
  .video-wrapper {
    max-height: 300px; }
  .video {
    display: none; }
  .video-mobile {
    display: block; }
  .slideshow {
    display: block; } }

@media screen and (min-width: 400px) and (max-width: 790px) {
  .video-wrapper {
    max-height: 440px; }
  .slideshow {
    margin-top: -50px;
    max-height: none;
    height: 490px; }
  .slideshow > img {
    top: 50px; } }

.front .front-content {
  margin: 150px 0; }

.front .front-content .intro {
  margin-top: 50px; }

.case-studies {
  background-color: #fff;
  padding: 100px 0 0;
  clear: both; }

.page-case-studies {
  background-color: #fff;
  background-image: none; }

.page-case-studies header .titlesmall, .page-case-studies header .region-pager > div {
  visibility: visible !important; }

.page-case-studies .view-case-studies {
  padding: 5% 0; }

@media screen and (max-width: 900px) {
  .page-case-studies .view-case-studies {
    padding: 0px; } }

.node-case-study.node-teaser {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 36%;
  position: relative;
  min-height: 300px; }

.node-case-study.node-teaser:before {
  content: "";
  display: block;
  position: absolute;
  height: auto;
  width: 60%;
  right: 0;
  top: -10%;
  bottom: -10%;
  background: no-repeat right center / contain;
  z-index: 1; }

.node-case-study.node-teaser h2 {
  position: absolute;
  width: 50%;
  top: 50%;
  left: 0;
  margin-top: -3.5em;
  margin-bottom: 0;
  font-size: 36px;
  font-size: 3.6rem;
  overflow: visible; }

.node-case-study.node-teaser h2 .title,
.node-case-study.node-teaser h2 .background {
  display: inline-block;
  white-space: nowrap; }

.node-case-study.node-teaser.left {
  background: url(../images/bg.jpg) repeat center center;
  overflow: hidden; }

.node-case-study.node-teaser.left:before {
  top: 0;
  right: auto;
  left: 0;
  bottom: 0;
  background-position: left center; }

.node-case-study.node-teaser.left h2 {
  left: 50%; }

.node-case-study.node-teaser.left h2 .title:after {
  left: auto;
  right: 0; }

.node-case-study.node-teaser.left h2 .title:before {
  left: auto;
  right: 8em;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.node-case-study.node-teaser .field-name-field-teaser-style {
  visibility: hidden; }

.node-case-study.node-teaser .field-name-body .intro {
  margin-top: 10px;
  width: 450px;
  font-size: 18px;
  font-weight: 400;
  white-space: normal;
  line-height: 30px; }

.node-case-study.node-teaser .read-more {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: 11em 0 0 0;
  z-index: 1;
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  font-size: 20px;
  font-size: 2rem; }

.node-case-study.node-teaser .read-more:after {
  content: "";
  display: inline-block;
  background: url(../images/arrow-right.svg) no-repeat center center/contain;
  height: 22px;
  width: 22px;
  margin: 0 0 -0.25em 1.8em; }

.node-case-study.node-teaser .read-more:hover::after {
  -webkit-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  -ms-animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px); }

.node-case-study.node-teaser .read-more:hover {
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; }

@media screen and (max-width: 900px) {
  .node-case-study.node-teaser h2 {
    margin-top: -1.5em; }
  .node-case-study.node-teaser .intro {
    display: none; }
  .node-case-study.node-teaser .read-more {
    padding-top: 4em; } }

@media screen and (max-width: 780px) {
  .node-case-study.node-teaser h2 .title,
  .node-case-study.node-teaser h2 .background {
    font-size: 40px;
    font-size: 4rem; }
  .node-case-study.node-teaser h2 .title:after {
    bottom: -49px; }
  .node-case-study.node-teaser body.page-case-studies > .content {
    margin-top: 50px; }
  .node-case-study.node-teaser .read-more {
    padding-top: 4em; } }

@media screen and (max-width: 650px) {
  .case-studies {
    padding-top: 40px; }
  .node-case-study.node-teaser:before,
  .node-case-study.node-teaser.left:before {
    height: 70%;
    width: 100%;
    right: 0;
    top: 40%;
    bottom: -5%;
    left: 0;
    background: no-repeat right center / contain;
    z-index: 5; }
  .node-case-study.node-teaser .intro,
  .node-case-study.node-teaser.left .intro {
    display: none; }
  .node-case-study.node-teaser h2,
  .node-case-study.node-teaser.left h2 {
    top: 30%;
    width: auto;
    margin-top: -1.5em !important;
    text-align: center;
    left: 0;
    right: 0;
    padding-bottom: 60px;
    overflow: hidden; }
  .node-case-study.node-teaser h2 .title,
  .node-case-study.node-teaser.left h2 .title {
    text-align: center; }
  .node-case-study.node-teaser h2 .title:before, .node-case-study.node-teaser h2 .title:after,
  .node-case-study.node-teaser.left h2 .title:before,
  .node-case-study.node-teaser.left h2 .title:after {
    display: none; }
  .node-case-study.node-teaser.left h2 .title:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  .node-case-study.node-teaser.left:hover h2 .title:before {
    -webkit-animation: bounce-right 2s ease-in-out infinite;
    -ms-animation: bounce-right 2s ease-in-out infinite;
    animation: bounce-right 2s ease-in-out infinite; }
  .read-more {
    display: none; } }

@-webkit-keyframes play-animation {
  0% {
    background-color: #555555; }
  40% {
    background-color: #ffc937; }
  80% {
    background-color: #555555; } }

@keyframes play-animation {
  0% {
    background-color: #555555; }
  40% {
    background-color: #ffc937; }
  80% {
    background-color: #555555; } }

.node-case-study.node-full {
  width: 100%;
  overflow-y: hidden;
  margin: 0 auto;
  margin-top: -100px; }

.node-case-study.node-full .section1 .slide1 {
  margin-top: -120px; }

.node-case-study.node-full .video-link {
  background-image: url(../images/video-play-trans.png);
  background-color: #555555;
  height: 100px;
  width: 100px;
  -webkit-animation-name: play-animation;
  animation-name: play-animation;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  animation-direction: linear; }

.node-case-study.node-full .video-link:hover {
  opacity: 1;
  background-color: #ffc937;
  -webkit-animation: none;
  animation: none;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease; }

.node-case-study.node-full .video-link p {
  display: none; }

.section {
  margin-left: auto;
  margin-right: auto;
  position: static;
  overflow: hidden; }

.section:nth-child(even) {
  background-color: #fff; }

.section .wrapper-sticky {
  position: absolute !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  z-index: -1; }

.section .titlemedium {
  clear: both;
  padding: 0;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 100px;
  left: 0 !important;
  right: 0 !important;
  top: 0;
  line-height: 90px;
  max-width: 100%; }

.section .titlemedium .title {
  line-height: 65px; }

.section .titlemedium .background {
  line-height: 70px;
  white-space: nowrap;
  overflow: visible; }

.slide {
  min-height: 100px;
  clear: both;
  width: 1200px;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  padding: 150px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.slide.full-img {
  margin: 150px auto;
  padding-bottom: 0; }

.slide.bottom-img {
  margin-bottom: 150px; }

.section:first-child .slide:first-child {
  margin-top: 150px; }

@media screen and (min-height: 800px) {
  .slide {
    padding: 200px 0; }
  .slide.full-img {
    margin: 200px auto; }
  .slide.bottom-img {
    margin-bottom: 200px; }
  .section .titlemedium {
    margin-bottom: 150px; }
  .section:first-child .slide:first-child {
    margin-top: 200px; } }

.slide-full {
  width: 100%; }

.slide-inner {
  height: 100%;
  width: 100%; }

.column-fill {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }

.column-fill > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.row {
  margin-left: -15px;
  margin-right: -15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%; }

.row.full-height {
  height: 100%; }

.col-66 {
  width: 66.66%;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.col-50 {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.col-33 {
  width: 33.33%;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.center {
  text-align: center; }

blockquote {
  position: relative;
  max-width: 870px;
  text-align: center;
  padding: 1.6em 2em;
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-style: italic;
  color: #575656;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.25em;
  margin-left: auto;
  margin-right: auto; }

blockquote:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  border: 3px solid #ffc937;
  border-right: 0;
  border-bottom: 0;
  top: 0;
  left: 0; }

blockquote:after {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  border: 3px solid #ffc937;
  border-left: 0;
  border-top: 0;
  bottom: 0;
  right: 0; }

.numsection {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.numsection > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1em; }

.bignum {
  color: #231f20;
  opacity: 0.2;
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-style: italic;
  font-size: 160px;
  font-size: 16rem;
  line-height: 1em;
  font-weight: 600;
  padding-right: 30px;
  display: inline-block;
  -webkit-transform: translateY(0.06em);
  -ms-transform: translateY(0.06em);
  transform: translateY(0.06em); }

.numtext {
  display: inline-block;
  vertical-align: middle;
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-style: italic;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.125; }

.numfacts .col-33,
.numfacts .col-50 {
  padding: 0 30px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }

.numfacts div.titlemedium {
  margin-bottom: 62px;
  text-align: center;
  height: auto;
  width: auto !important; }

.numfacts div.titlemedium .title {
  font-size: 100px;
  font-size: 10rem;
  padding: 0; }

.numfacts div.titlemedium .background {
  font-size: 140px;
  font-size: 14rem;
  white-space: nowrap; }

@media screen and (max-width: 1250px) {
  .section .slide {
    padding-left: 2em;
    padding-right: 2em; }
  .titlemedium .title {
    font-size: 60px;
    line-height: 1; }
  .titlemedium .background {
    font-size: 135px;
    line-height: 1;
    max-width: 100%;
    overflow: hidden;
    top: 0;
    padding-top: 14px; }
  .section6 .slide2,
  .section6 .slide3,
  .section6 .slide4 {
    width: 95%; } }

@media screen and (min-width: 480px) and (max-width: 900px) {
  .node-type-case-study .titlelarge .title, .node-type-case-study .node-case-study.node-teaser h2 .title, .node-case-study.node-teaser .node-type-case-study h2 .title, .node-type-case-study .node-what.node-teaser h2 .title, .node-what.node-teaser .node-type-case-study h2 .title {
    font-size: 77px;
    font-size: 7.7rem; } }

@media screen and (min-width: 780px) and (max-width: 1200px) {
  .section .plus1 {
    font-size: 27px;
    font-size: 2.7rem;
    line-height: 1.5em; }
  .row {
    padding: 0 1em; }
  .numsection {
    width: 100%; } }

@media screen and (max-width: 900px) {
  .section .titlemedium {
    line-height: 1; } }

@media screen and (max-width: 780px) {
  .slide {
    padding: 100px 1em; }
  .slide.bottom-img {
    margin-bottom: 100px; }
  .slide.full-img {
    margin: 100px auto;
    width: 90%; }
  .section {
    font-size: 24px;
    font-size: 2.4rem; }
  .section .center {
    text-align: left; }
  .section .numfacts .center {
    text-align: center; }
  .slide {
    display: block;
    height: auto;
    min-height: 100px; }
  .slide-inner {
    height: auto; }
  .node-case-study.node-full .section1 .slide1 {
    margin-top: 0; }
  .section .wrapper-sticky {
    position: static !important; }
  .section .titlemedium {
    height: auto;
    margin: 0 auto 50px; }
  .section .titlemedium .title {
    top: 0px;
    font-size: 40px;
    line-height: 1; }
  .section .titlemedium .background {
    display: none;
    font-size: 90px;
    line-height: 70px; }
  .numfacts div.titlemedium .title {
    font-size: 50px;
    font-size: 5rem; }
  .row {
    display: block;
    margin: 0; }
  .col-66,
  .col-50,
  .col-33 {
    width: 100%;
    padding: 0; }
  .plus1 {
    font-size: 24px;
    font-size: 2.4rem; }
  blockquote {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 1.6em 1em; }
  .numfacts .col-33,
  .numfacts .col-50 {
    margin-top: 60px; } }

.region-pager > div {
  padding: 0 15px 0; }

.region-pager .views-field-title a {
  display: block;
  position: relative;
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-style: italic;
  font-weight: 100;
  font-size: 32px;
  line-height: 1.1em;
  color: #231f20;
  padding-bottom: 100px;
  width: 770px;
  max-width: 100%;
  margin: 0 auto; }

.region-pager a:after {
  content: "";
  display: inline-block;
  background: url(../images/arrow-right.svg) no-repeat center center;
  margin-left: 1em;
  margin-bottom: -0.12em;
  height: 26px;
  width: 34px;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease; }

/* Styles needed
- intro text centered
- intro text (just larger)
- 1 col
- 2 col
- 3 col
- numbered sections
- quote
*/
#modal-overlay {
  background-color: #231f20;
  opacity: 0.95; }

#modal-container {
  padding: 0;
  background: none;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

#modal-header {
  position: static;
  height: 0; }

#modal-close {
  width: 100px;
  height: 100px;
  position: fixed;
  top: 0;
  right: 0;
  background: url(../images/icon-close-yellow.svg) no-repeat center center/20px;
  opacity: 1; }

#modal-content {
  padding: 100px; }

#modal-content:empty {
  padding: 0; }

.view-display-id-block_1 {
  width: 80%;
  height: auto;
  margin: 0 auto;
  margin-bottom: 100px; }

.view-display-id-block_1 .views-field {
  overflow: hidden; }

.view-display-id-block_1 .views-field img {
  width: 100%;
  height: auto; }

.view-display-id-block_1 .views-field-title {
  font-family: "Catamaran", sans-serif;
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 20px;
  text-align: center; }

.view-display-id-block_1 .field-name-body {
  font-family: "Catamaran", sans-serif;
  margin: 0 auto;
  font-size: 16px;
  width: 70%; }

.view-display-id-block_1 .field-name-body .field-content {
  font-family: "Catamaran", sans-serif;
  font-size: 18px; }

.view-display-id-block_1 .views-field-field-blog-category .field-content {
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-size: 22px;
  font-style: italic;
  text-align: center;
  margin: 20px 0; }

.view-display-id-block_1 .field-content {
  margin: 0 auto;
  width: 100%;
  text-align: center; }

@media (max-width: 766px) {
  .view-display-id-block_1 img {
    max-width: 750px;
    width: 100%;
    height: auto; }
  .view-display-id-block_1 p {
    font-size: 18px; } }

.view-blog .view-filters {
  border-top: solid 1px black;
  width: 80%;
  margin: 0 auto; }

.view-blog form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 15px; }

.view-blog .views-exposed-form,
.view-blog .views-exposed-widget {
  width: 100%; }

.view-blog .form-radios {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.view-blog .form-radios div:first-child {
  display: none; }

.view-blog .views-exposed-form label {
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 400;
  font-style: italic;
  margin: 0 10px;
  padding: 5px 10px; }

.view-blog input[type="radio"]:checked + label {
  background-color: #FFCA1B;
  padding: 5px 10px; }

.view-blog input[type="checkbox"],
.view-blog input[type="radio"] {
  visibility: hidden; }

.view-blog.view-display-id-page {
  margin: 0 auto;
  max-width: 1170px;
  padding: 0 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 50px; }

.view-blog.view-display-id-page > div {
  width: 100%;
  margin-top: 50px;
  /* Selects last item in grid and pushes to left to override 
    justify-content: space-between; 
    &:nth-child(3n+6):last-of-type = Every 3rd child starting from the 5th
    &:nth-child(3):last-of-type = Selecting 3rd child
    *Note - View-filters counts as a child*/ }

.view-blog.view-display-id-page h2 {
  margin: 20px 0;
  font-family: "Catamaran", sans-serif;
  font-size: 24px;
  font-weight: 900;
  text-align: center; }

.view-blog.view-display-id-page h3 {
  margin-bottom: 25px; }

.view-blog.view-display-id-page p, .view-blog.view-display-id-page .field-name-body {
  margin: 0 auto;
  margin-bottom: 50px;
  font-family: "Catamaran", sans-serif;
  font-size: 16px;
  text-align: center; }

.view-blog.view-display-id-page .field-name-body h2 {
  visibility: hidden; }

.view-blog.view-display-id-page img {
  margin: 0 auto;
  width: 100%;
  height: auto; }

.view-blog.view-display-id-page tr {
  vertical-align: top; }

.view-blog.view-display-id-page td {
  padding: 10px; }

.view-blog.view-display-id-page .field-name-field-blog-category {
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-size: 22px;
  font-style: italic;
  text-align: center;
  margin-top: 20px; }

.view-blog.view-display-id-page .date {
  visibility: hidden; }

.view-blog.view-display-id-page .even {
  display: none; }

.view-blog.view-display-id-page .odd {
  margin-bottom: 25px; }

@media (min-width: 768px) {
  .view-blog.view-display-id-page > div {
    width: -webkit-calc(33.33% - 20px);
    width: calc(33.33% - 20px);
    /* Selects last item in grid and pushes to left to override 
      justify-content: space-between; 
      &:nth-child(3n+6):last-of-type = Every 3rd child starting from the 5th
      &:nth-child(3):last-of-type = Selecting 3rd child
      *Note - View-filters counts as a child*/ }
  .view-blog.view-display-id-page .view-filters {
    width: 100%; } }

@media (max-width: 766px) {
  .view-blog.view-display-id-page > div {
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px); }
  .view-blog.view-display-id-page .view-filters {
    width: 100%;
    margin: 0; }
  .view-blog.view-display-id-page .bef-checkboxes {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; } }

@media (max-width: 639px) {
  .view-blog.view-display-id-page > div {
    width: 100%; }
  .view-blog.view-display-id-page .odd {
    margin: 20px 0; } }

.node-blog.node-full {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.node-blog.node-full .field-name-field-main-image {
  margin: 0 auto;
  width: 80%;
  height: auto;
  overflow: hidden;
  margin-bottom: 50px; }

.node-blog.node-full .field-name-field-main-image img {
  width: 100%;
  height: auto; }

.node-blog.node-full .field-name-field-blog-category {
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-style: italic;
  text-align: center;
  margin: 50px 0; }

.node-blog.node-full .submitted {
  margin-top: 50px;
  padding-bottom: 50px;
  border-bottom: solid 1px #000; }

.node-blog.node-full .submitted .submitted-info {
  text-align: center;
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-size: 22px;
  font-style: italic; }

.node-blog.node-full .even {
  display: none; }

.node-blog.node-full .field-name-body {
  width: 70%;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 80px; }

.node-blog.node-full .field-name-body p,
.node-blog.node-full .field-name-body li {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  line-height: 30px; }

.node-blog.node-full .field-name-body a {
  background-color: #FFCA1B; }

.node-blog.node-full .field-name-body img {
  margin: 10px 5px;
  max-width: 100%;
  height: auto; }

.node-blog.node-full .field-name-body .lameless {
  width: 120%;
  margin-left: -10%; }

.node-blog.node-full .field-name-body .img-table {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.node-blog.node-full .field-name-body .img-table img {
  width: 395px;
  height: auto; }

.node-blog.node-full .blog-author {
  margin: 0 auto;
  margin-top: 80px;
  padding: 50px 0;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  width: 80%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.node-blog.node-full .blog-author img {
  width: 170px;
  height: 170px;
  float: left; }

.node-blog.node-full .blog-author h3 {
  margin: 0 0 0 50px; }

.node-blog.node-full .blog-author p {
  margin-top: 46px;
  margin-left: -157px;
  width: 59%; }

@media (max-width: 766px) {
  .node-blog.node-full iframe {
    max-width: 100%; }
  .node-blog.node-full .blog-author {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .node-blog.node-full .blog-author img {
    margin: 0 auto; }
  .node-blog.node-full .blog-author h3 {
    margin: 5rem 0; }
  .node-blog.node-full .blog-author p {
    margin: 0 auto;
    width: 90%;
    font-size: 18px;
    font-size: 1.8rem; } }

.pager--infinite-scroll {
  margin: 0 auto;
  margin-bottom: 100px;
  font-weight: bold;
  width: 100%; }

.pager--infinite-scroll .pager__item {
  text-decoration: underline;
  list-style: none;
  text-align: center; }

.pager--infinite-scroll .pager__item a {
  -webkit-transition: ease 0.2s;
  transition: ease 0.2s; }

.pager--infinite-scroll .pager__item a:hover {
  color: #FFCA1B; }

@media screen and (max-width: 780px) {
  .node-blog.node-full h2 {
    font-size: 26px;
    font-size: 2.6rem; }
  .node-case-study.node-teaser h2 {
    margin-top: -1em; }
  .node-case-study.node-teaser .intro {
    display: none; } }

.region-pager {
  margin-top: 50px; }

.region-pager .field-content a {
  padding-bottom: 70px !important; }

.contact-header {
  width: 1170px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 50px 15px 80px;
  overflow: hidden; }

.contact-phone h2,
.contact-callback h2 {
  font-family: "Interstate", "Arial Black", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0; }

.contact-phone a,
.contact-callback a {
  font-size: 32px;
  font-size: 3.2rem;
  overflow: hidden;
  position: relative;
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-style: italic;
  line-height: 1.5;
  color: #222;
  -webkit-transition: text-shadow 2s ease;
  transition: text-shadow 2s ease; }

.contact-phone a:hover,
.contact-callback a:hover {
  -webkit-transition: none;
  transition: none;
  background: none;
  text-shadow: none;
  color: #222; }

.contact-phone a:before,
.contact-callback a:before {
  text-shadow: none;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 12px;
  content: '';
  background: #ffc937;
  z-index: -1;
  width: 0px; }

.contact-phone a:hover:before,
.contact-callback a:hover:before {
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
  width: 100%; }

.contact-phone a:after,
.contact-callback a:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  display: block;
  border-top: 2px solid #333; }

@media screen and (min-width: 768px) {
  .contact-phone a:after {
    display: none; } }

.map {
  display: block;
  width: 100%;
  height: 460px;
  background: url(../images/map.png) no-repeat center center/cover; }

.contact-boxes {
  width: -webkit-calc($content-width + 30);
  width: calc($content-width + 30);
  margin: 75px auto 100px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.contact-boxes > div {
  overflow: hidden;
  width: 30%;
  min-width: 340px;
  max-width: 400px;
  padding: 35px 30px 30px;
  margin: 15px;
  background-color: #f1f1f1; }

.contact-boxes h2 {
  margin: 0;
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 400;
  line-height: 1.2em;
  margin-bottom: 10px; }

.contact-boxes p {
  line-height: 2;
  margin-top: 0; }

.contact-boxes a {
  border-bottom: 2px solid #333;
  overflow: hidden;
  -webkit-transition: text-shadow 5s ease;
  transition: text-shadow 5s ease;
  position: relative;
  z-index: 2; }

.contact-boxes a:hover {
  -webkit-transition: none;
  transition: none;
  background: none;
  text-shadow: none;
  color: #222; }

.contact-boxes a:before {
  text-shadow: none;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0px;
  content: '';
  background: #ffc937;
  z-index: -1;
  width: 0px; }

.contact-boxes a:hover:before {
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
  width: 100%; }

@media screen and (max-width: 480px) {
  .contact-header {
    padding-bottom: 60px; }
  .contact-boxes {
    margin: 15px auto 0; }
  .contact-boxes > div {
    padding-right: 15px;
    padding-left: 15px;
    width: 100%; }
  .contact-phone {
    margin-bottom: 60px; }
  .contact-phone,
  .contact-callback {
    width: 100%;
    float: none; } }

.view-who-we-are {
  width: 1200px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 100px; }

.view-who-we-are + .titlelarge, .node-case-study.node-teaser .view-who-we-are + h2, .node-what.node-teaser .view-who-we-are + h2 {
  padding-bottom: 30px;
  margin-bottom: -30px; }

.node-staff {
  position: relative;
  width: 370px;
  margin: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.node-staff .field-name-field-photo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.node-staff .field-name-field-photo-highlighted-,
.node-staff .blurb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  z-index: 2; }

.node-staff:hover .field-name-field-photo-highlighted-,
.node-staff:hover .blurb {
  opacity: 1; }

.node-staff .field-name-field-photo-highlighted- {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.node-staff .blurb {
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  line-height: 1.1;
  padding: 1.3em;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase; }

.node-staff .blurb:after {
  display: inline;
  color: #000;
  content: '_'; }

.node-staff .blurb span {
  font-size: 14px;
  font-size: 1.4rem; }

.node-staff img {
  display: block;
  width: 100%;
  height: auto; }

.node-staff .bio {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1em 90% 1em 1em;
  background-color: #f1f1f1;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  z-index: 1; }

.node-staff .bio .icon {
  position: absolute;
  top: 0;
  right: 1em;
  height: 65px;
  width: 65px;
  background-image: url("../images/icons/icon-circle.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.node-staff h2,
.node-staff .job-title {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0; }

.node-staff .job-title {
  color: #b1b3b6; }

.node-staff .job-title:after {
  display: inline;
  color: #ffc937;
  content: '_'; }

.department-creative .bio .icon,
.department-content .bio .icon {
  background-image: url("../images/icons/icon-cloud.png"); }

.department-digital .bio .icon {
  background-image: url("../images/icons/icon-cross.png"); }

/* background image rotate/grow
.field-name-field-image:before {
  transition: all 0.75s ease;
  width 0.5s ease;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background: url('../../../../../default/files/what-we-do-digital.jpg');
  background-size: cover;
  transform: rotate(0deg);
  content: '';
  width: 100%;
}

.node-what.node-teaser:hover .field-name-field-image:before {
  transition: all 0.75s ease;
  transform: rotate(10deg);
  width: 120%;
}

*/
.view-what-we-do {
  padding: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.view-header {
  width: 100%;
  margin-bottom: 140px; }

.node-what.node-teaser {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin: 5px;
  overflow: hidden;
  width: 32%; }

.node-what.node-teaser > div:last-child:after {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto auto 10px auto;
  content: "";
  display: block;
  background: url(../images/arrow-right.svg) no-repeat center center;
  height: 34px;
  width: 34px; }

.node-what.node-teaser img {
  display: block;
  width: 100%;
  height: auto; }

.node-what.node-teaser h2 {
  position: absolute;
  width: 100%;
  top: 48%;
  margin-top: -1.55em;
  width: 90%;
  background-color: #EDEDED;
  padding: 40px 0 175px;
  font-size: 52px;
  font-size: 5.2rem; }

.node-what.node-teaser h2 .title {
  font-family: "Catamaran", sans-serif;
  z-index: 0; }

.node-what.node-teaser .field-name-field-teaser {
  position: absolute;
  width: 100%;
  top: 48%;
  min-height: 160px;
  margin-top: 95px;
  padding: 0 26px;
  font-family: "Catamaran", sans-serif;
  z-index: 1;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.33em;
  text-align: center; }

.node-what.node-teaser .field-name-field-teaser strong {
  background-color: #fff;
  padding: 0.1ex 0.5ex 0.2ex; }

.node-what.node-teaser .field-name-field-teaser .intro {
  margin-bottom: 0;
  margin-top: -50px; }

.node-what.node-teaser .invis-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  line-height: 0;
  font-size: 0;
  color: transparent;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; }

.node-what.node-teaser .invis-link:after {
  content: "";
  display: inline-block;
  background: url(../images/arrow-right.svg) no-repeat center center/contain;
  height: 34px;
  width: 34px;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto auto 10px auto; }

.node-what.node-teaser .invis-link:hover::after {
  -webkit-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  -ms-animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px); }

.node-what.node-teaser .invis-link:hover {
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; }

@media screen and (min-width: 1200px) {
  .node-what.node-teaser .field-name-field-teaser {
    min-height: 5%; }
  .node-what.node-teaser .field-name-field-teaser .intro {
    margin-top: -60px;
    line-height: 26px; } }

@media screen and (max-width: 1200px) {
  .node-what.node-teaser .field-name-field-teaser .intro {
    margin-top: -60px;
    line-height: 26px; } }

@media screen and (min-width: 1000px) {
  .node-what.node-teaser .field-name-field-teaser {
    min-height: 170px; }
  .node-what.node-teaser .field-name-field-teaser .intro {
    margin-top: -60px; } }

@media screen and (max-width: 1000px) {
  .node-what.node-teaser .invis-link {
    display: none; } }

@media screen and (max-width: 900px) {
  .view-what-we-do {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .node-what.node-teaser {
    max-height: 400px;
    width: 100%; }
  .node-what.node-teaser h2 {
    width: 70% !important;
    margin-top: -100px;
    z-index: 1;
    font-size: 52px; }
  .node-what.node-teaser h2 .title {
    z-index: 1; }
  .node-what.node-teaser .intro {
    width: 60%; }
  .node-what.node-teaser .field-name-field-teaser {
    min-height: 0;
    max-height: 300px;
    height: 200px;
    font-size: 18px;
    font-size: 1.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .node-what.node-teaser .field-name-field-image {
    background-color: #fff; }
  .node-what.node-teaser img {
    opacity: 0.7; }
  .node-what.node-teaser .intro {
    margin-top: 25px; }
  .node-what.node-teaser .invis-link {
    margin-top: -20px; }
  .node-what.node-teaser .invis-link:after {
    display: none; } }

@media screen and (max-width: 480px) {
  .node-what.node-teaser .field-name-field-teaser .intro {
    width: 85%; } }

.view-department-info,
.expertises {
  width: 1200px;
  max-width: 100%;
  margin: 100px auto 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.view-department-info > div,
.expertises > div {
  position: relative;
  width: 45%;
  min-width: 360px;
  max-width: 600px;
  padding: 60px 60px 100px 60px;
  margin: 50px 15px;
  background-color: #F1F1F1;
  border-top: 30px solid #F1F1F1;
  text-align: center; }

.view-department-info > div p,
.expertises > div p {
  font-size: 18px; }

.view-department-info > div:before,
.expertises > div:before {
  content: "";
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  left: 50%;
  top: -80px;
  margin-left: -50px;
  background: url(../images/icon.svg) no-repeat 0 0;
  background-size: contain;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease; }

.view-department-info > div:hover:before,
.expertises > div:hover:before {
  -webkit-animation: spin 1.5s ease;
  -ms-animation: spin 1.5s ease;
  animation: spin 1.5s ease; }

.view-department-info h2,
.expertises h2 {
  margin: 20px 0 10px; }

.view-department-info .field-name-body,
.expertises .field-name-body {
  width: 100%;
  margin-top: 25px;
  text-align: center; }

@media screen and (max-width: 800px) {
  .expertises > div {
    width: auto;
    min-width: 0;
    padding: 2em 1em 1em 1em; } }

.node-141 .expertises > div.icon-strategy:before {
  background-image: url(../images/what-we-do/strategy.svg); }

.node-141 .expertises > div.icon-advertising:before {
  background-image: url(../images/what-we-do/design.svg); }

.node-141 .expertises > div.icon-production:before {
  background-image: url(../images/what-we-do/production.svg); }

.node-141 .expertises > div.icon-brand:before {
  background-image: url(../images/what-we-do/brand.svg); }

.node-141 .expertises > div.icon-design:before {
  background-image: url(../images/what-we-do/design.svg); }

.node-141 .expertises > div.icon-copywriting:before {
  background-image: url(../images/what-we-do/copywriting.svg); }

.view-department-info > div.icon-stratgegy:before, .view-department-info > div.node-503:before {
  background-image: url(../images/what-we-do/digital-strategy.svg); }

.view-department-info > div.icon-ux:before, .view-department-info > div.node-504:before {
  background-image: url(../images/what-we-do/user-experience-design.svg); }

.view-department-info > div.icon-web:before, .view-department-info > div.node-505:before {
  background-image: url(../images/what-we-do/website-development.svg); }

.view-department-info > div.icon-apps:before, .view-department-info > div.node-506:before {
  background-image: url(../images/what-we-do/app-development.svg); }

.view-department-info > div.icon-advertizing:before, .view-department-info > div.node-507:before {
  background-image: url(../images/what-we-do/digital-advertising.svg); }

.view-department-info > div.icon-social:before, .view-department-info > div.node-508:before {
  background-image: url(../images/what-we-do/social.svg); }

.view-department-info > div.icon-automation:before, .view-department-info > div.node-509:before {
  background-image: url(../images/what-we-do/marketing-automation.svg); }

.node-151 .expertises > div:before {
  width: 116px;
  height: 116px;
  margin-left: -58px;
  top: -88px; }

.node-151 .expertises > div.icon-strategy:before {
  background-image: url(../images/what-we-do/content-strategy.svg); }

.node-151 .expertises > div.icon-film:before {
  background-image: url(../images/what-we-do/film-and-tv-production.svg); }

.node-151 .expertises > div.icon-graphics:before {
  background-image: url(../images/what-we-do/motion-graphics.svg); }

.node-151 .expertises > div.icon-vr:before {
  background-image: url(../images/what-we-do/virtual-reality.svg); }

.node-151 .expertises > div.icon-photo:before {
  background-image: url(../images/what-we-do/specialist-photography.svg); }

.node-151 .expertises > div.icon-sound:before {
  background-image: url(../images/what-we-do/music-and-sound-design.svg); }

.node-151 .expertises > div.icon-audio:before {
  background-image: url(../images/what-we-do/audio-production.svg); }

.node-151 .expertises > div.icon-post:before {
  background-image: url(../images/what-we-do/post-production.svg); }

.front .node-what.node-teaser {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.front .node-what.node-teaser .field-name-field-image {
  margin: -100px 0; }

.front .node-what.node-teaser h2 {
  width: 90%;
  background-color: #EDEDED;
  padding: 40px 0 175px;
  margin-bottom: 10px; }

.front .node-what.node-teaser .field-name-field-teaser {
  margin-top: 40px;
  z-index: 1; }

.front .node-what.node-teaser .field-name-field-teaser .intro {
  margin: 0; }

.front .node-what.node-teaser .invis-link {
  bottom: 120px; }

@media screen and (max-width: 1400px) {
  .front .node-what.node-teaser .field-name-field-image {
    margin: -50px 0; } }

@media screen and (max-width: 1200px) {
  .front .node-what.node-teaser .field-name-field-teaser .intro {
    line-height: 26px; }
  .front .node-what.node-teaser .invis-link:after {
    display: none; }
  .node-what.node-teaser .field-name-field-teaser .intro {
    margin-top: -60px;
    line-height: 26px; } }

@media screen and (max-width: 1000px) {
  .front .node-what.node-teaser h2 .title {
    font-size: 52px;
    font-size: 5.2rem; }
  .front .node-what.node-teaser .field-name-field-teaser {
    margin-top: 30px; }
  .node-what.node-teaser .field-name-field-teaser .intro {
    margin-top: -60px; } }

@media screen and (max-width: 780px) {
  .front .node-what.node-teaser .field-name-field-teaser .intro {
    margin-top: 0; } }

@media screen and (max-width: 480px) {
  .front .node-what.node-teaser .field-name-field-teaser .intro {
    width: 85%; }
  .node-what.node-teaser .field-name-field-teaser .intro {
    width: 85%; } }

.node-department-info .read-more {
  position: absolute;
  padding-top: 250px;
  left: 0;
  right: 0;
  bottom: 45px;
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  font-size: 20px;
  font-size: 2rem; }

.node-department-info .read-more:after {
  content: "";
  display: inline-block;
  background: url(../images/arrow-right.svg) no-repeat center center/contain;
  height: 22px;
  width: 22px;
  margin: 0 0 -0.25em 0.8em; }

.node-department-info .read-more:hover::after {
  -webkit-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  -ms-animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px); }

.node-department-info .read-more:hover {
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; }

.node-department-info.node-full {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.node-department-info.node-full a {
  border-bottom: 2px solid #333;
  overflow: hidden;
  -webkit-transition: text-shadow 5s ease;
  transition: text-shadow 5s ease;
  position: relative; }

.node-department-info.node-full a:hover {
  -webkit-transition: none;
  transition: none;
  background: none;
  text-shadow: none;
  color: #222; }

.node-department-info.node-full a:before {
  text-shadow: none;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0px;
  content: '';
  background: #ffc937;
  z-index: -1;
  width: 0px; }

.node-department-info.node-full a:hover:before {
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
  width: 100%; }

.node-department-info.node-full .field-name-field-main-image img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 6rem; }

.node-department-info.node-full h1 {
  text-align: center;
  font-weight: 900;
  font-size: 80px;
  font-size: 8rem;
  line-height: 1.2em;
  margin-bottom: 110px; }

.node-department-info.node-full h2 {
  font-family: "Catamaran", sans-serif;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 900;
  margin-bottom: 35px; }

.node-department-info.node-full p {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 80px; }

.node-department-info.node-full ul {
  margin-top: -30px;
  margin-bottom: 50px; }

.node-department-info.node-full li {
  font-family: "Catamaran", sans-serif;
  font-size: 18px;
  line-height: 30px; }

.node-department-info.node-full .field-name-body,
.node-department-info.node-full .field-name-field-video {
  width: 800px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  max-width: 100%; }

.node-department-info.node-full iframe {
  border: 0; }

.node-department-info.node-full img {
  margin-bottom: 50px;
  max-width: 1000px;
  height: auto;
  margin-left: -20%;
  width: 140%; }

.field-name-field-category {
  visibility: hidden; }

.back-to {
  margin: 50px 0;
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-style: italic;
  font-weight: 700;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  font-size: 27px;
  font-size: 2.7rem; }

.back-to:after {
  content: "";
  display: inline-block;
  background: url(../images/arrow-right.svg) no-repeat center center/contain;
  height: 22px;
  width: 22px;
  margin: 0 0 -0.25em 0.8em; }

.back-to:hover::after {
  -webkit-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  -ms-animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  animation: bounce-right-back 2s 0.75s ease-in-out infinite;
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px); }

.back-to:hover {
  color: #ffc937;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; }

@media screen and (max-width: 780px) {
  .node-department-info.node-full h2 {
    font-size: 26px;
    font-size: 2.6rem; }
  .node-department-info.node-full img {
    margin-left: 0;
    max-width: 700px;
    width: 100% !important;
    height: auto !important; } }

/* Case studies */
.node-case-study.node-teaser.node-2:before {
  background-image: url(../images/case-studies/goodbeer/goodbeer-teaser.png); }

.node-2.node-full .section1 .slide1 {
  position: relative; }

.node-2.node-full .section1 .slide2 {
  min-height: 0; }

.node-2.node-full .section1 .slide2 .col-50:first-child {
  color: #707070;
  font-size: 110px;
  font-size: 11rem;
  line-height: 0.57em;
  text-align: right;
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-style: italic;
  font-weight: 600;
  letter-spacing: -0.02em; }

.node-2.node-full .section1 .slide2 .col-50:last-child {
  padding-left: 30px; }

.node-2.node-full .section2 {
  min-height: 950px; }

.node-2.node-full .section3 .slide1 .col-50:first-child {
  position: relative;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-2.node-full .section3 .slide1 .col-50:first-child:after {
  content: "";
  display: block;
  position: absolute;
  left: -20%;
  top: -20%;
  bottom: -20%;
  right: 0; }

.node-2.node-full .section3 .slide2 .col-50:last-child {
  position: relative;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-2.node-full .section3 .slide2 .col-50:last-child:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -10%;
  bottom: -10%;
  right: -10%; }

.node-2.node-full .section4 .slide1 .col-50:last-child {
  position: relative;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-2.node-full .section4 .slide1 .col-50:last-child:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -10%;
  bottom: 0;
  right: -25%; }

.node-2.node-full .section5 .slide1 .col-50:last-child {
  position: relative;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-2.node-full .section5 .slide1 .col-50:last-child:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -10%;
  bottom: -10%;
  right: -10%; }

.node-2.node-full .section5 .slide2,
.node-2.node-full .section5 .slide3 {
  min-height: 100vh; }

.node-2.node-full .section6 .slide1 .slide-inner {
  position: relative; }

.node-2.node-full .section6 .slide1 .slide-inner .indie-gogo {
  margin-top: 100px; }

.node-2.node-full .section7 .slide1 {
  position: relative; }

.node-2.node-full .section7 .slide1 .media-images {
  width: 100%;
  height: 0;
  padding-top: 45%; }

.node-2.node-full .section7 .slide2 {
  position: relative; }

.node-2.node-full .section7 .slide2 .media-logos {
  margin-top: 62px;
  padding-top: 30%; }

.node-2.node-full .section7 .slide3 :last-child {
  position: relative;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-2.node-full .section7 .slide3 :last-child:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0%; }

.node-2.node-full .section8 .slide1 .slide-inner {
  position: relative; }

.node-2.node-full .section9 .slide1 {
  position: relative;
  padding-bottom: 28%; }

.node-2.node-full .section9 .slide1:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  bottom: 0;
  right: 0; }

.node-2.node-full .section9 .slide2 .slide-inner > div,
.node-2.node-full .section9 .slide3 .slide-inner > div,
.node-2.node-full .section9 .slide4 .slide-inner > div,
.node-2.node-full .section9 .slide5 .slide-inner > div {
  position: relative;
  padding-bottom: 1.5em;
  margin-bottom: 2em; }

.node-2.node-full .section9 .slide2 .slide-inner > div:first-child:after,
.node-2.node-full .section9 .slide3 .slide-inner > div:first-child:after,
.node-2.node-full .section9 .slide4 .slide-inner > div:first-child:after,
.node-2.node-full .section9 .slide5 .slide-inner > div:first-child:after {
  content: "";
  display: block;
  position: absolute;
  width: 570px;
  max-width: 100%;
  bottom: 0;
  left: 50%;
  margin-left: -285px;
  height: 2px;
  background-color: #231f20;
  opacity: 0.1; }

.node-2.node-full .section9 .slide2 .slide-inner > div.numfacts,
.node-2.node-full .section9 .slide3 .slide-inner > div.numfacts,
.node-2.node-full .section9 .slide4 .slide-inner > div.numfacts,
.node-2.node-full .section9 .slide5 .slide-inner > div.numfacts {
  margin-bottom: 0;
  padding-bottom: 0; }

.node-2.node-full .section3 .slide3,
.node-2.node-full .section3 .slide4,
.node-2.node-full .section8 .slide3 {
  padding-top: 40%; }

.node-2.node-full .section6 .slide1 .indie-gogo {
  padding-top: 30%; }

.node-2.node-full .section8 .slide2 {
  padding-top: 20%; }

@media screen and (min-width: 1000px) {
  .node-2.node-full .section7 .slide3 .col-50:last-child {
    min-height: 600px; } }

@media screen and (min-width: 780px) and (max-width: 1000px) {
  .node-2.node-full .section7 .slide3 .col-50:last-child {
    min-height: 300px; } }

@media screen and (min-width: 780px) {
  .node-2.node-full .section1 .slide1 {
    padding-top: 40%; }
  .node-2.node-full .section1 .slide1 {
    background: url(../images/case-studies/goodbeer/1.png) no-repeat center center/contain; }
  .node-2.node-full .section3 .slide1 .col-50:first-child:after {
    background: url(../images/case-studies/goodbeer/2.png) no-repeat center center/contain; }
  .node-2.node-full .section3 .slide2 .col-50:last-child:after {
    background: url(../images/case-studies/goodbeer/3.png) no-repeat center center/contain; }
  .node-2.node-full .section3 .slide3 {
    background: url(../images/case-studies/goodbeer/4.png) no-repeat center center/contain; }
  .node-2.node-full .section3 .slide4 {
    background: url(../images/case-studies/goodbeer/5.png) no-repeat center center/contain; }
  .node-2.node-full .section4 .slide1 .col-50:last-child:after {
    background: url(../images/case-studies/goodbeer/6.png) no-repeat center center/contain; }
  .node-2.node-full .section5 .slide1 .col-50:last-child:after {
    background: url(../images/case-studies/goodbeer/7.png) no-repeat center center/contain; }
  .node-2.node-full .section5 .slide2 {
    background: url(../images/case-studies/goodbeer/8.png) no-repeat center center/cover; }
  .node-2.node-full .section5 .slide3 {
    background: url(../images/case-studies/goodbeer/9.png) no-repeat center center/cover; }
  .node-2.node-full .section6 .slide1 .indie-gogo {
    background: url(../images/case-studies/goodbeer/10.png) no-repeat center bottom/contain; }
  .node-2.node-full .section7 .slide1 .media-images {
    background: url(../images/case-studies/goodbeer/11.png) no-repeat center bottom/contain; }
  .node-2.node-full .section7 .slide2 .media-logos {
    background: url(../images/case-studies/goodbeer/12.png) no-repeat center bottom/contain; }
  .node-2.node-full .section7 .slide3 .col-50:last-child:after {
    background: url(../images/case-studies/goodbeer/13.png) no-repeat center center/contain; }
  .node-2.node-full .section8 .slide2 {
    background: url(../images/case-studies/goodbeer/14.png) no-repeat center bottom/contain; }
  .node-2.node-full .section8 .slide3 {
    background: url(../images/case-studies/goodbeer/15.png) no-repeat center center/contain; }
  .node-2.node-full .section9 .slide1:after {
    background: url(../images/case-studies/goodbeer/16.png) no-repeat center bottom/contain; } }

.node-2.node-full .titlelarge, .node-2.node-full .node-case-study.node-teaser h2, .node-case-study.node-teaser .node-2.node-full h2, .node-2.node-full .node-what.node-teaser h2, .node-what.node-teaser .node-2.node-full h2 {
  font-size: 140px; }

@media screen and (min-width: 1200px) {
  .node-2.node-full .section1 .slide2 .col-50:first-child {
    font-size: 140px;
    font-size: 14rem; } }

@media screen and (max-width: 1200px) {
  .node-2.node-full .titlelarge, .node-2.node-full .node-case-study.node-teaser h2, .node-case-study.node-teaser .node-2.node-full h2, .node-2.node-full .node-what.node-teaser h2, .node-what.node-teaser .node-2.node-full h2 {
    font-size: 108px; } }

@media screen and (min-width: 1000px) {
  .node-2.node-full .section1 .slide1 {
    margin-bottom: 100px; }
  .node-2.node-full .section3 .slide1 .row {
    margin-bottom: 60px; } }

@media screen and (max-width: 900px) {
  .node-2.node-full .section1 .slide1 {
    min-height: 200px; }
  .node-2.node-full .section1 .slide2 .col-50:first-child {
    text-align: left; }
  .node-2.node-full .titlelarge, .node-2.node-full .node-case-study.node-teaser h2, .node-case-study.node-teaser .node-2.node-full h2, .node-2.node-full .node-what.node-teaser h2, .node-what.node-teaser .node-2.node-full h2 {
    font-size: 57px; }
  .node-2.node-full .titlelarge .title, .node-2.node-full .node-case-study.node-teaser h2 .title, .node-case-study.node-teaser .node-2.node-full h2 .title, .node-2.node-full .node-what.node-teaser h2 .title, .node-what.node-teaser .node-2.node-full h2 .title {
    font-size: 57px; } }

@media screen and (max-width: 780px) {
  .node-2.node-full .section1 .slide1 {
    margin-bottom: 100px; } }

@media screen and (max-width: 480px) {
  .node-2.node-full .section1 .slide1 {
    min-height: 200px;
    margin-bottom: 50px; }
  .node-2.node-full .titlelarge, .node-2.node-full .node-case-study.node-teaser h2, .node-case-study.node-teaser .node-2.node-full h2, .node-2.node-full .node-what.node-teaser h2, .node-what.node-teaser .node-2.node-full h2 {
    font-size: 50px; }
  .node-2.node-full .titlelarge .title, .node-2.node-full .node-case-study.node-teaser h2 .title, .node-case-study.node-teaser .node-2.node-full h2 .title, .node-2.node-full .node-what.node-teaser h2 .title, .node-what.node-teaser .node-2.node-full h2 .title {
    font-size: 50px; } }

@media screen and (min-width: 780px) and (max-width: 1000px) {
  .node-2.node-full .section1 .slide2 {
    height: auto; }
  .node-2.node-full .section1 .slide2 .col-50 {
    width: 100%; }
  .node-2.node-full .section1 .slide2 .col-50:first-child {
    margin-left: auto; }
  .node-2.node-full .section2 .numsection .col-33 {
    margin-top: 1em; }
  .node-2.node-full .section2 .numsection .col-33 .bignum {
    font-size: 90px;
    font-size: 9rem; }
  .node-2.node-full .section2 .numsection .col-33 .numtext {
    font-size: 24px;
    font-size: 2.4rem; }
  .node-2.node-full .section3 .slide1,
  .node-2.node-full .section3 .slide2 {
    min-height: 600px; }
  .node-2.node-full .section3 .slide2 .col-50:last-child:after {
    right: 5%; }
  .node-2.node-full .section5 .slide1 {
    min-height: 600px; }
  .node-2.node-full .section6 .slide1 {
    min-height: 700px; }
  .node-2.node-full .section6 .slide1 .slide-inner:after {
    bottom: 10%; }
  .node-2.node-full .section7 .slide1 {
    min-height: 450px; }
  .node-2.node-full .section7 .slide1 .media-images {
    padding-top: 48%; }
  .node-2.node-full .section7 .slide2 {
    min-height: 400px; }
  .node-2.node-full .section7 .slide3 .col-50:last-child:after {
    top: 0; }
  .node-2.node-full .section8 .slide2 {
    padding-top: 30%; }
  .node-2.node-full .section9 .slide-inner {
    width: 95%; }
  .node-2.node-full .numfacts div.titlemedium .title {
    font-size: 60px;
    font-size: 6rem; }
  .node-2.node-full .numfacts div.titlemedium .background {
    font-size: 110px;
    font-size: 11rem; } }

@media screen and (max-width: 780px) {
  .node-2.node-full .section1 .slide1 {
    background: url(../images/case-studies/goodbeer/mobile/1.png) no-repeat center center/contain;
    width: 90%; }
  .node-2.node-full .section1 .slide2 .col-50:first-child {
    font-size: 84px;
    font-size: 8.4rem;
    line-height: 0.7;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 0px; }
  .node-2.node-full .section3 .slide1 .col-50:first-child {
    padding: 0;
    margin-bottom: 50px; }
  .node-2.node-full .section3 .slide1 .col-50:first-child:after {
    position: static;
    background: url(../images/case-studies/goodbeer/mobile/2.png) no-repeat center center/contain;
    padding-top: 90%; }
  .node-2.node-full .section3 .slide1 .col-50:last-child p {
    margin-bottom: 0; }
  .node-2.node-full .section3 .slide2 .col-50 p {
    margin-top: 0; }
  .node-2.node-full .section3 .slide2 .col-50:last-child {
    margin-top: 50px; }
  .node-2.node-full .section3 .slide2 .col-50:last-child:after {
    position: static;
    padding-top: 60%;
    background: url(../images/case-studies/goodbeer/mobile/3.png) no-repeat center center/contain; }
  .node-2.node-full .section3 .slide3 {
    background: url(../images/case-studies/goodbeer/mobile/4.png) no-repeat center center/contain;
    padding-top: 60%; }
  .node-2.node-full .section3 .slide4 {
    background: url(../images/case-studies/goodbeer/mobile/5.png) no-repeat center center/contain;
    padding-top: 60%; }
  .node-2.node-full .section4 .slide1 .col-50:last-child:after {
    position: static;
    background: url(../images/case-studies/goodbeer/mobile/6.png) no-repeat left center/contain;
    padding-top: 90%;
    margin-top: 62px; }
  .node-2.node-full .section5 .slide1 .col-50:last-child:after {
    position: static;
    background: url(../images/case-studies/goodbeer/mobile/7.png) no-repeat center center/contain;
    padding-top: 80%;
    margin-top: 100px; }
  .node-2.node-full .section5 .slide2 {
    background: url(../images/case-studies/goodbeer/mobile/8.png) no-repeat center center/cover;
    min-height: 200px;
    padding-top: 60%; }
  .node-2.node-full .section5 .slide3 {
    background: url(../images/case-studies/goodbeer/mobile/9.png) no-repeat center center/cover;
    min-height: 200px;
    padding-top: 60%; }
  .node-2.node-full .section6 .slide1 .slide-inner .indie-gogo {
    background: url(../images/case-studies/goodbeer/mobile/10.png) no-repeat center center/contain; }
  .node-2.node-full .section7 .slide1 .media-images {
    background: url(../images/case-studies/goodbeer/mobile/11.png) no-repeat center bottom/contain;
    padding-top: 50%; }
  .node-2.node-full .section7 .slide2 .media-logos {
    position: static;
    background: url(../images/case-studies/goodbeer/mobile/12.png) no-repeat center center/contain;
    padding-top: 140%;
    margin-top: 62px; }
  .node-2.node-full .section7 .slide3 .col-50:last-child:after {
    position: static;
    background: url(../images/case-studies/goodbeer/mobile/13.png) no-repeat center center/contain;
    padding-top: 100%;
    margin-top: 100px; }
  .node-2.node-full .section8 .slide1 .slide-inner:after {
    position: static;
    background: url(../images/case-studies/goodbeer/mobile/14.png) no-repeat center center/contain;
    padding-top: 60%; }
  .node-2.node-full .section8 .slide2 {
    background: url(../images/case-studies/goodbeer/mobile/14.png) no-repeat center center/contain;
    padding-top: 40%; }
  .node-2.node-full .section8 .slide3 {
    background: url(../images/case-studies/goodbeer/mobile/15.png) no-repeat center center/contain;
    padding-top: 60%; }
  .node-2.node-full .section9 .slide1 {
    padding-bottom: 0; }
  .node-2.node-full .section9 .slide1:after {
    position: static;
    background: url(../images/case-studies/goodbeer/mobile/16.png) no-repeat center center/contain;
    padding-top: 40%;
    margin-top: 50px; }
  .node-2.node-full .section9 .intro {
    padding: 0; }
  .node-2.node-full .section9 .slide2 .slide-inner > div:first-child:after,
  .node-2.node-full .section9 .slide3 .slide-inner > div:first-child:after,
  .node-2.node-full .section9 .slide4 .slide-inner > div:first-child:after,
  .node-2.node-full .section9 .slide5 .slide-inner > div:first-child:after {
    left: 0;
    margin-left: 0;
    width: 100%; } }

.node-2.node-full .video-link {
  margin-top: -430px !important; }

.node-case-study.node-teaser.node-3:before {
  background-image: url(../images/case-studies/sallypossum/sallypossum-teaser.png);
  background-position: left bottom; }

@media screen and (min-width: 650px) and (max-width: 980px) {
  .node-case-study.node-teaser.node-3:before {
    width: 77%; } }

.node-3.node-full .section1 .slide1 {
  position: relative; }

.node-3.node-full .section2 .slide1 .col-50:last-child {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-3.node-full .gov-logos {
  height: 115px;
  width: 100%;
  margin-top: 2em;
  background: url(../images/case-studies/sallypossum/3.png) no-repeat center center/contain; }

.node-3.node-full .section4 .slide1 .col-33 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-3.node-full .section5 .slide1 .col-33 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-3.node-full .section6 .slide1 .col-50:first-child {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-3.node-full .section7 .snapshots {
  -webkit-box-flex: 100;
  -webkit-flex-grow: 100;
  -ms-flex-positive: 100;
  flex-grow: 100; }

.node-3.node-full .section8 .slide1 .col-50:first-child {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-3.node-full .section9 .slide1 .col-50:last-child {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-3.node-full .section10 .snapshots {
  -webkit-box-flex: 100;
  -webkit-flex-grow: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;
  width: 100%; }

.node-3.node-full .section11 .snapshots {
  -webkit-box-flex: 100;
  -webkit-flex-grow: 100;
  -ms-flex-positive: 100;
  flex-grow: 100; }

.node-3.node-full .section12 .slide1 .col-33 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-3.node-full .section13 .slide1 .col-50:last-child {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-3.node-full .section14 .slide1 .col-50:last-child {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-3.node-full .section16 .slide3 {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-size: 158px 338px;
  background-position: center 72%; }

.node-3.node-full .section16 .slide3 > blockquote {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "Interstate", "Arial Black", sans-serif;
  font-style: normal;
  color: #231f20;
  line-height: 1.5;
  margin: 0;
  width: 40%; }

.node-3.node-full .section1 .slide1,
.node-3.node-full .section13 .slide2,
.node-3.node-full .section14 .slide2,
.node-3.node-full .section15 .slide2,
.node-3.node-full .section16 .slide2,
.node-3.node-full .section16 .slide4 {
  padding-top: 40%; }

.node-3.node-full .section10 .snapshots,
.node-3.node-full .section11 .snapshots,
.node-3.node-full .section7 .snapshots {
  min-height: 400px; }

@media screen and (min-width: 780px) and (max-width: 1000px) {
  .node-3.node-full .section10 .snapshots,
  .node-3.node-full .section11 .snapshots,
  .node-3.node-full .section7 .snapshots {
    margin-top: 62px;
    min-height: 250px; } }

@media screen and (max-width: 780px) {
  .node-3.node-full .section1 .slide1 {
    margin-bottom: 50px; }
  .node-3.node-full .section10 .snapshots,
  .node-3.node-full .section11 .snapshots,
  .node-3.node-full .section7 .snapshots {
    margin-top: 62px;
    min-height: 100px; } }

@media screen and (min-width: 1000px) {
  .node-3.node-full .section1 .slide1 {
    margin-bottom: 50px; }
  .node-3.node-full .section5 .slide1 .col-33,
  .node-3.node-full .section6 .slide1 .col-50:first-child,
  .node-3.node-full .section8 .slide1 .col-50:first-child,
  .node-3.node-full .section9 .slide1 .col-50:last-child,
  .node-3.node-full .section12 .slide1 .col-33,
  .node-3.node-full .section14 .slide1 .col-50:last-child {
    min-height: 450px; } }

@media screen and (min-width: 780px) {
  .node-3.node-full .section1 .slide1 {
    background: url(../images/case-studies/sallypossum/1.png) no-repeat center center/contain; }
  .node-3.node-full .section2 .slide1 .col-50:last-child {
    background: url(../images/case-studies/sallypossum/2.png) no-repeat center center/contain; }
  .node-3.node-full .section4 .slide1 .col-33 {
    background: url(../images/case-studies/sallypossum/4.png) no-repeat center center/contain; }
  .node-3.node-full .section5 .slide1 .col-33 {
    background: url(../images/case-studies/sallypossum/5.png) no-repeat center center/contain; }
  .node-3.node-full .section6 .slide1 .col-50:first-child {
    background: url(../images/case-studies/sallypossum/6.png) no-repeat center center/contain; }
  .node-3.node-full .section7 .snapshots {
    background: url(../images/case-studies/sallypossum/7.png) no-repeat center center/contain; }
  .node-3.node-full .section8 .slide1 .col-50:first-child {
    background: url(../images/case-studies/sallypossum/8.png) no-repeat center center/contain; }
  .node-3.node-full .section9 .slide1 .col-50:last-child {
    background: url(../images/case-studies/sallypossum/9.png) no-repeat center center/contain; }
  .node-3.node-full .section10 .snapshots {
    background: url(../images/case-studies/sallypossum/10.png) no-repeat center center/contain; }
  .node-3.node-full .section11 .snapshots {
    background: url(../images/case-studies/sallypossum/11.png) no-repeat center center/contain; }
  .node-3.node-full .section12 .slide1 .col-33 {
    background: url(../images/case-studies/sallypossum/12.png) no-repeat center center/contain; }
  .node-3.node-full .section13 .slide1 .col-50:last-child {
    background: url(../images/case-studies/sallypossum/13.png) no-repeat center center/contain; }
  .node-3.node-full .section13 .slide2 {
    background: url(../images/case-studies/sallypossum/14.png) no-repeat center center/contain; }
  .node-3.node-full .section14 .slide1 .col-50:last-child {
    background: url(../images/case-studies/sallypossum/15.png) no-repeat center center/contain; }
  .node-3.node-full .section14 .slide2 {
    background: url(../images/case-studies/sallypossum/16.png) no-repeat center center/contain; }
  .node-3.node-full .section15 .slide2 {
    background: url(../images/case-studies/sallypossum/17.png) no-repeat center center/contain; }
  .node-3.node-full .section16 .slide2 {
    background: url(../images/case-studies/sallypossum/19.png) no-repeat center center/contain; }
  .node-3.node-full .section16 .slide3 {
    background: url(../images/case-studies/sallypossum/20.png) no-repeat center center; }
  .node-3.node-full .section16 .slide4 {
    background: url(../images/case-studies/sallypossum/21.png) no-repeat center center/contain; } }

@media screen and (min-width: 1400px) {
  .node-3.node-full .section16 .slide3 {
    width: 1400px; } }

@media screen and (max-width: 1200px) {
  .node-3.node-full .section14 .slide2,
  .node-3.node-full .section15 .slide2 {
    width: 95%; } }

@media screen and (min-width: 500px) and (max-width: 900px) {
  .node-3.node-full .section10 .snapshots,
  .node-3.node-full .section11 .snapshots,
  .node-3.node-full .section7 .snapshots {
    min-height: 200px; } }

@media screen and (min-width: 780px) and (max-width: 1200px) {
  .node-3.node-full .node-3.node-full .section10 .snapshots,
  .node-3.node-full .node-3.node-full .section11 .snapshots,
  .node-3.node-full .node-3.node-full .section7 .snapshots {
    min-height: 200px; }
  .node-3.node-full .section1 .slide1 {
    padding-top: 60%; }
  .node-3.node-full .section4 .slide1 {
    min-height: 600px; }
  .node-3.node-full .section16 .slide1 {
    height: auto; }
  .node-3.node-full .section16 .slide3 {
    min-height: 600px; } }

@media screen and (max-width: 780px) {
  .node-3.node-full .section1 .slide1 {
    background: url(../images/case-studies/sallypossum/mobile/1.png) no-repeat center center/contain;
    padding-top: 40%; }
  .node-3.node-full .section2 .slide1 .col-50:last-child {
    background: url(../images/case-studies/sallypossum/mobile/2.png) no-repeat center center/contain;
    padding-top: 60%;
    margin-top: 50px; }
  .node-3.node-full .section4 .slide1 .col-33 {
    background: url(../images/case-studies/sallypossum/mobile/4.png) no-repeat center center/contain;
    padding-top: 60%;
    margin-top: 50px; }
  .node-3.node-full .section5 .slide1 .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .node-3.node-full .section5 .slide1 .row .col-33 {
    width: 50%;
    margin: 0 1em;
    background: url(../images/case-studies/sallypossum/5.png) no-repeat center center/contain; }
  .node-3.node-full .section6 .slide1 {
    min-height: 0; }
  .node-3.node-full .section6 .slide1 .col-50:first-child {
    background: url(../images/case-studies/sallypossum/mobile/6.png) no-repeat center center/contain;
    padding-top: 60%; }
  .node-3.node-full .section7 .snapshots {
    background: url(../images/case-studies/sallypossum/mobile/7.png) no-repeat center center/contain;
    padding-top: 60%; }
  .node-3.node-full .section8 .slide1 .col-50:first-child {
    background: url(../images/case-studies/sallypossum/mobile/8.png) no-repeat center center/contain;
    padding-top: 67%; }
  .node-3.node-full .section9 .slide1 .col-50:last-child {
    margin-top: 50px;
    padding-top: 67%;
    background: url(../images/case-studies/sallypossum/9.png) no-repeat center center/contain; }
  .node-3.node-full .section10 .snapshots {
    background: url(../images/case-studies/sallypossum/mobile/10.png) no-repeat center center/contain;
    padding-top: 60%; }
  .node-3.node-full .section11 .snapshots {
    background: url(../images/case-studies/sallypossum/mobile/11.png) no-repeat center center/contain;
    padding-top: 60%; }
  .node-3.node-full .section12 .slide1 .col-33:first-child {
    background: url(../images/case-studies/sallypossum/12.png) no-repeat center center/contain;
    padding-top: 80%;
    margin-bottom: 50px; }
  .node-3.node-full .section13 .slide1 .col-50:last-child {
    background: url(../images/case-studies/sallypossum/mobile/13.png) no-repeat center center/contain;
    padding-top: 60%;
    margin-top: 100px; }
  .node-3.node-full .section13 .slide2 {
    margin: 0;
    padding-top: 60%;
    width: 100%;
    background: url(../images/case-studies/sallypossum/mobile/14.png) no-repeat center center/cover; }
  .node-3.node-full .section14 .slide1 .col-50:last-child {
    margin-top: 50px;
    padding-top: 60%;
    background: url(../images/case-studies/sallypossum/mobile/15.png) no-repeat center center/contain; }
  .node-3.node-full .section14 .slide2 {
    background: url(../images/case-studies/sallypossum/mobile/16.png) no-repeat center center/contain;
    padding-top: 60%;
    width: 90%; }
  .node-3.node-full .section15 .slide2 {
    background: url(../images/case-studies/sallypossum/mobile/17.png) no-repeat center center/contain;
    padding-top: 60%;
    width: 90%; }
  .node-3.node-full .section16 .slide1 {
    padding-bottom: 25px; }
  .node-3.node-full .section16 .slide2 {
    background: url(../images/case-studies/sallypossum/mobile/19.png) no-repeat center center/contain;
    margin: 1em 0;
    padding-top: 60%;
    min-height: 400px; }
  .node-3.node-full .section16 .slide3 {
    background: none; }
  .node-3.node-full .section16 .slide3 > blockquote {
    margin-bottom: 50px;
    width: 100%; }
  .node-3.node-full .section16 .slide4 {
    background: url(../images/case-studies/sallypossum/mobile/21.png) no-repeat center center/contain;
    padding-top: 60%;
    width: 90%; } }

@media screen and (max-width: 450px) {
  .node-3.node-full .section5 .slide1 .row {
    display: block; }
  .node-3.node-full .section5 .slide1 .row .col-33 {
    width: 100%;
    margin: 0;
    padding-top: 80%; } }

@media screen and (max-width: 400px) {
  .node-case-study.node-teaser.node-3:before {
    background-size: 130%; } }

.node-3.node-full .video-link {
  margin-top: -470px !important; }

.node-case-study.node-teaser.node-4:before {
  background-image: url(../images/case-studies/eands/eands-teaser.png); }

@media screen and (min-width: 651px) and (max-width: 980px) {
  .node-case-study.node-teaser.node-4:before {
    width: 55%; } }

.node-4.node-full .section1 .slide2 .col-50:first-child {
  color: #707070;
  font-size: 140px;
  font-size: 14rem;
  line-height: 0.57em;
  text-align: right;
  font-family: "adobe-caslon-pro", "Adobe Caslon Pro", "Adobe Garamond Pro", Times, "Times New Roman", serif;
  font-style: italic;
  font-weight: 600;
  letter-spacing: -0.02em; }

.node-4.node-full .section3 .slide1 {
  position: relative;
  padding-bottom: 10%; }

.node-4.node-full .section3 .slide1 .row {
  display: block; }

.node-4.node-full .section3 .slide1:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: -20%; }

.node-4.node-full .name-image {
  padding-top: 18%;
  overflow: hidden;
  margin: 0 auto;
  max-width: 970px; }

.node-4.node-full .name-image .name-desc1 {
  position: relative;
  float: left;
  width: 39%;
  padding-top: 2em; }

.node-4.node-full .name-image .name-desc2 {
  position: relative;
  float: right;
  width: 41%;
  padding-top: 2em; }

.node-4.node-full .name-image div:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  border: 2px solid #ffc937;
  border-top: 0;
  left: 0;
  top: 0; }

.node-4.node-full .section6 .slide1 .col-50:first-child {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-4.node-full .section7 .slide2 .col-66 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-4.node-full .section7 .slide2 .col-33 {
  position: relative; }

.node-4.node-full .section7 .slide2 .col-33:before {
  content: "";
  position: absolute;
  top: 1.5em;
  right: 100%;
  width: 60px;
  height: 2px;
  background-color: #ffc937; }

.node-4.node-full .section8 .row {
  display: block; }

.node-4.node-full .section9 .numfacts {
  margin-top: 62px; }

@media screen and (min-width: 1000px) {
  .node-4.node-full .section8 .slide1 {
    padding-bottom: 10%; } }

@media screen and (min-width: 1200px) {
  .node-4.node-full .section9 .row {
    width: 1200px;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap; } }

.node-4.node-full .section1 .slide1,
.node-4.node-full .section6 .slide2,
.node-4.node-full .section6 .slide4,
.node-4.node-full .section7 .slide3,
.node-4.node-full .section8 .slide2 {
  padding-top: 40%; }

.node-4.node-full .section6 .slide3 {
  padding-top: 55%; }

@media screen and (min-width: 780px) {
  .node-4.node-full .section1 .slide1 {
    background: url(../images/case-studies/eands/1.png) no-repeat center center/contain;
    margin-bottom: 50px; }
  .node-4.node-full .section3 .slide1:after {
    background: url(../images/case-studies/eands/2.png) no-repeat right bottom/67%; }
  .node-4.node-full .name-image {
    background: url(../images/case-studies/eands/3.png) no-repeat center top/contain; }
  .node-4.node-full .section6 .slide1 .col-50:first-child {
    background: url(../images/case-studies/eands/4.png) no-repeat center center/contain; }
  .node-4.node-full .section6 .slide2 {
    background: url(../images/case-studies/eands/5.png) no-repeat center center/contain; }
  .node-4.node-full .section6 .slide3 {
    background: url(../images/case-studies/eands/6.png) no-repeat center center/contain; }
  .node-4.node-full .section6 .slide4 {
    background: url(../images/case-studies/eands/7.png) no-repeat center center/contain; }
  .node-4.node-full .section7 .slide1 {
    background: url(../images/case-studies/eands/map.png) no-repeat center center/contain; }
  .node-4.node-full .section7 .slide2 .col-66 {
    background: url(../images/case-studies/eands/8.png) no-repeat center center/contain; }
  .node-4.node-full .section7 .slide3 {
    background: url(../images/case-studies/eands/9.png) no-repeat center center/contain; }
  .node-4.node-full .section8 .slide1 {
    background: url(../images/case-studies/eands/10.png) no-repeat right bottom/55%; }
  .node-4.node-full .section8 .slide2 {
    background: url(../images/case-studies/eands/11.png) no-repeat center center/contain; } }

@media screen and (max-width: 1200px) {
  .node-4.node-full .numfacts div.titlemedium .title {
    font-size: 72px;
    font-size: 7.2rem; }
  .node-4.node-full .section6 .slide2,
  .node-4.node-full .section6 .slide3,
  .node-4.node-full .section6 .slide4 {
    width: 95%; }
  .node-4.node-full .section7 .slide2 {
    height: auto;
    padding-top: 0; }
  .node-4.node-full .section7 .slide2 .col-66 {
    padding-top: 60%; }
  .node-4.node-full .section7 .col-66 {
    width: 100%;
    margin-top: 150px; }
  .node-4.node-full .section7 .col-33 {
    width: 100%; }
  .node-4.node-full .section9 .row .col-33 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 24%;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%; }
  .node-4.node-full .section9 .row .col-33 p {
    margin-top: 60px; }
  .node-4.node-full .section9 .row .col-33 div.titlemedium .background {
    overflow: visible; } }

@media screen and (min-width: 780px) and (max-width: 1200px) {
  .node-4.node-full .section7 .slide2 .col-66 {
    min-height: 450px; } }

@media screen and (min-width: 780px) and (max-width: 1000px) {
  .node-4.node-full .section1 .slide1 {
    padding-top: 55%; }
  .node-4.node-full .section5 .slide1,
  .node-4.node-full .section6 .slide1 {
    min-height: 650px; }
  .node-4.node-full .section7 .slide3 {
    min-height: 900px; }
  .node-4.node-full .section8 .slide1 {
    background: url(../images/case-studies/eands/10.png) no-repeat right 89%/53%; }
  .node-4.node-full .section9 .slide1 {
    min-height: 700px; } }

@media screen and (max-width: 780px) {
  .node-4.node-full .section1 .slide1 {
    background: url(../images/case-studies/eands/mobile/1.png) no-repeat center center/contain;
    padding-top: 40%; }
  .node-4.node-full .section1 .slide2 .col-50:first-child {
    font-size: 70px;
    font-size: 7rem;
    line-height: 0.7;
    text-align: center; }
  .node-4.node-full .section3 .slide1 {
    position: relative;
    padding-bottom: 35%; }
  .node-4.node-full .section3 .slide1:after {
    background: url(../images/case-studies/eands/mobile/2.png) no-repeat right bottom/67%; }
  .node-4.node-full .name-image {
    background: url(../images/case-studies/eands/mobile/3.png) no-repeat center top/contain; }
  .node-4.node-full .name-image .name-desc1 {
    position: relative;
    float: left;
    width: 39%;
    padding-top: 2em; }
  .node-4.node-full .name-image .name-desc2 {
    position: relative;
    float: right;
    width: 41%;
    padding-top: 2em; }
  .node-4.node-full .name-image div:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    border: 2px solid #ffc937;
    border-top: 0;
    left: 0;
    top: 0; }
  .node-4.node-full .section6 .slide1 .col-50:first-child {
    background: url(../images/case-studies/eands/mobile/4.png) no-repeat center center/contain;
    padding-top: 62%;
    margin-bottom: 50px; }
  .node-4.node-full .section6 .slide2 {
    background: url(../images/case-studies/eands/mobile/5.png) no-repeat center center/contain;
    padding-top: 62%; }
  .node-4.node-full .section6 .slide3 {
    background: url(../images/case-studies/eands/6.png) no-repeat center center/contain;
    padding-top: 62%; }
  .node-4.node-full .section6 .slide4 {
    background: url(../images/case-studies/eands/mobile/7.png) no-repeat center center/contain;
    padding-top: 62%; }
  .node-4.node-full .section7 .slide1 {
    background: url(../images/case-studies/eands/mobile/map.png) no-repeat center center/contain; }
  .node-4.node-full .section7 .slide2 .col-66 {
    background: url(../images/case-studies/eands/mobile/8.png) no-repeat center center/contain;
    min-height: 200px; }
  .node-4.node-full .section7 .slide2 .col-33 {
    position: relative; }
  .node-4.node-full .section7 .slide2 .col-33:before {
    content: "";
    position: absolute;
    top: 1.5em;
    right: 100%;
    width: 60px;
    height: 2px;
    background-color: #ffc937; }
  .node-4.node-full .section7 .slide3 {
    background: url(../images/case-studies/eands/mobile/9.png) no-repeat center center/contain;
    padding-top: 62%; }
  .node-4.node-full .section8 .slide1 {
    background: url(../images/case-studies/eands/mobile/10.png) no-repeat right bottom/67%;
    padding-bottom: 40%; }
  .node-4.node-full .section8 .slide1 .row {
    margin-bottom: 100px; }
  .node-4.node-full .section8 .slide2 {
    background: url(../images/case-studies/eands/mobile/11.png) no-repeat center center/contain;
    padding-top: 62%; } }

.node-case-study.node-teaser.node-454 {
  overflow: visible; }

.node-case-study.node-teaser.node-454:before {
  background-image: url(../images/case-studies/census/teaser.png);
  background-position: 50px bottom;
  top: -10%; }

@media screen and (max-width: 570px) {
  .node-case-study.node-teaser.node-454:before {
    top: auto;
    bottom: 0;
    height: 66%;
    background-position: center bottom; } }

@media screen and (min-width: 570px) and (max-width: 780px) {
  .node-case-study.node-teaser.node-454:before {
    background-position: -10px bottom; } }

.node-454.node-full h1 {
  margin-top: 100px;
  z-index: 3; }

.node-454.node-full .section1 .slide1 {
  position: relative;
  margin: 0 0 150px 0;
  padding-bottom: 0; }

.node-454.node-full .logos {
  text-align: center; }

.node-454.node-full .gov-logo {
  display: inline-block;
  height: 70px;
  width: 100%;
  max-width: 405px;
  margin: 2em 8%;
  background: url(../images/case-studies/census/3.png) no-repeat center center/contain; }

.node-454.node-full .treasury-logo {
  display: inline-block;
  height: 70px;
  width: 100%;
  max-width: 260px;
  margin: 2em 8%;
  background: url(../images/case-studies/census/2.png) no-repeat center center/contain; }

.node-454.node-full .section5 .slide1 .col-33 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-454.node-full .sesame-logo {
  height: 98px;
  width: 100%;
  max-width: 251px;
  margin: 2em auto;
  background: url(../images/case-studies/census/4.png) no-repeat center center/contain; }

.node-454.node-full .section6 .slide1 .col-50:first-child {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-454.node-full .section7 .snapshots {
  -webkit-box-flex: 100;
  -webkit-flex-grow: 100;
  -ms-flex-positive: 100;
  flex-grow: 100; }

.node-454.node-full .section14 .slide1 .col-50:last-child {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-454.node-full .section4 .slide,
.node-454.node-full .section4 .slide-inner {
  width: 100%;
  max-width: 1200px; }

.node-454.node-full .section4 .slide1 .col-50:first-child {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.node-454.node-full .section1 .slide1,
.node-454.node-full .section14 .slide2,
.node-454.node-full .section15 .slide2 {
  padding-top: 40%; }

.node-454.node-full .section7 .snapshots {
  min-height: 400px; }

@media screen and (min-width: 780px) and (max-width: 1000px) {
  .node-454.node-full .section7 .snapshots {
    min-height: 250px; } }

@media screen and (max-width: 780px) {
  .node-454.node-full .section7 .snapshots {
    min-height: 100px; } }

@media screen and (min-width: 1000px) {
  .node-454.node-full .section5 .slide1 .col-33,
  .node-454.node-full .section14 .slide1 .col-50:last-child {
    min-height: 450px; }
  .node-454.node-full .section6 .slide1 .col-50:first-child {
    min-height: 550px; }
  .node-454.node-full .section4 .slide1 .col-50:first-child {
    min-height: 380px; } }

@media screen and (min-width: 780px) {
  .node-454.node-full .section1 .slide1 {
    background: url(../images/case-studies/census/1.png) no-repeat center center/contain; }
  .node-454.node-full .section5 .slide1 .col-33 {
    background: url(../images/case-studies/census/5.png) no-repeat center center/contain; }
  .node-454.node-full .section6 .slide1 .col-50:first-child {
    background: url(../images/case-studies/census/6.png) no-repeat center center/contain; }
  .node-454.node-full .section7 .snapshots {
    background: url(../images/case-studies/census/7.png) no-repeat center center/contain; }
  .node-454.node-full .section14 .slide1 .col-50:last-child {
    background: url(../images/case-studies/census/8.png) no-repeat center center/contain; }
  .node-454.node-full .section4 .slide1 .col-50:first-child {
    background: url(../images/case-studies/census/9.png) no-repeat center center/contain; } }

@media screen and (max-width: 1200px) {
  .node-454.node-full .section15 .slide2 {
    width: 95%; } }

@media screen and (max-width: 1000px) {
  .node-454.node-full .section5 .slide1 .col-33 {
    min-height: 300px; } }

@media screen and (min-width: 780px) and (max-width: 1200px) {
  .node-454.node-full .section1 .slide1 {
    padding-top: 40%;
    margin-top: -100px; }
  .node-454.node-full .section4 .slide1 {
    min-height: 600px; } }

@media screen and (max-width: 900px) {
  .node-454.node-full .section1 .slide1 {
    margin-top: -50px; } }

@media screen and (max-width: 780px) {
  .node-454.node-full h1.titlelarge {
    margin-top: 0; }
  .node-454.node-full .section1 .slide1 {
    background: url(../images/case-studies/census/mobile/1.png) no-repeat center center/contain;
    padding-top: 40%;
    margin-top: 0;
    margin-bottom: 100px; }
  .node-454.node-full .logos {
    text-align: left; }
  .node-454.node-full .logos > div {
    display: block;
    margin: 2em 0; }
  .node-454.node-full .section5 .slide1 .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .node-454.node-full .section5 .slide1 .row .col-33 {
    width: 50%;
    margin: 0 1em;
    background: url(../images/case-studies/census/mobile/5.png) no-repeat center center/contain; }
  .node-454.node-full .section6 .slide1 {
    min-height: 0; }
  .node-454.node-full .section6 .slide1 .col-50:first-child {
    background: url(../images/case-studies/census/mobile/6.png) no-repeat center center/contain;
    padding-top: 60%; }
  .node-454.node-full .section7 .snapshots {
    padding-top: 60%;
    background: url(../images/case-studies/census/mobile/7.png) no-repeat center center/contain; }
  .node-454.node-full .section14 .slide1 .col-50:last-child {
    background: url(../images/case-studies/census/mobile/8.png) no-repeat center center/contain;
    margin-top: 1em;
    padding-top: 60%; }
  .node-454.node-full .section4 .slide1 .col-50:first-child {
    background: url(../images/case-studies/census/mobile/9.png) no-repeat center center/contain;
    padding-top: 60%; } }

@media screen and (max-width: 450px) {
  .node-454.node-full .section5 .slide1 .row {
    display: block; }
  .node-454.node-full .section5 .slide1 .row .col-33 {
    width: 100%;
    margin: 0;
    padding-top: 80%; } }

.node-case-study.node-teaser.node-497 {
  overflow: visible; }

.node-case-study.node-teaser.node-497:before {
  background-image: url(../images/case-studies/therolls/12.png);
  background-position: 50px bottom;
  top: -10%; }

@media screen and (max-width: 570px) {
  .node-case-study.node-teaser.node-497:before {
    top: auto;
    bottom: 0;
    height: 66%;
    background-position: center bottom; } }

@media screen and (min-width: 570px) and (max-width: 780px) {
  .node-case-study.node-teaser.node-497:before {
    background-position: -10px bottom; } }

.node-497.node-full h1 {
  margin-top: 100px;
  z-index: 3; }

.node-497.node-full .section1 .slide1 {
  position: relative;
  margin: 0 0 150px 0;
  padding-bottom: 0; }

.video-link {
  margin-top: -740px !important;
  margin-left: -50px; }

.video-link p {
  display: none; }

.logos {
  text-align: center; }

.quu-logo {
  margin: 50px;
  height: 70px;
  background: url(../images/case-studies/therolls/2.png) no-repeat center center/contain; }

.pee-logo,
.poo-logo,
.paper-logo {
  max-width: 50px;
  min-width: 50px;
  margin: auto 1em;
  width: 100%;
  height: 70px; }

.pee-logo {
  background: url(../images/case-studies/therolls/3.png) no-repeat center center/contain; }

.poo-logo {
  max-width: 60px;
  background: url(../images/case-studies/therolls/4.png) no-repeat center center/contain; }

.paper-logo {
  max-width: 80px;
  background: url(../images/case-studies/therolls/5.png) no-repeat center center/contain; }

.section2 .col-33 .plus1 p {
  padding-top: 20px; }

.node-497 .section2 .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.node-497 .section2 .row > div {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.wipes-image {
  width: 100%;
  max-width: 480px;
  height: 400px; }

.ps-image,
.nowipes-image {
  max-width: 250px;
  min-width: 250px;
  width: 100%;
  height: 200px; }

.bintoilet-image {
  max-width: 480px;
  height: 400px;
  background: url(../images/case-studies/therolls/7.png) no-repeat center center/contain; }

.ps-image {
  background: url(../images/case-studies/therolls/8.png) no-repeat center center/contain; }

.nowipes-image {
  margin-left: 10px;
  background: url(../images/case-studies/therolls/9.png) no-repeat center center/contain; }

.section4 .slide1 .plus1 ul {
  margin-top: 50px; }

.node-497 .section4 .row {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.no-image,
.yes-image {
  height: 250px; }

.section5 .row {
  margin-top: -100px; }

.rollsfamily-image {
  height: 450px; }

.camera-image,
.rollshome-image,
.facebook-image,
.youtube-image {
  height: 250px; }

.section6 .col-50 {
  margin-top: -50px; }

.bts-image,
.penelope-image,
.lou-image,
.lulu-image {
  height: 500px; }

.bts-image {
  margin-top: -50px; }

.section7 .col-50 {
  margin-top: -100px; }

.section8 .col-50,
.section9 .col-50 {
  margin-top: -50px; }

.results-image {
  margin-top: -50px;
  height: 600px; }

.changedbehaviour-image {
  height: 300px; }

.section10 .row {
  margin-top: -100px; }

.node-497.node-full .section1 .slide1 {
  padding-top: 40%; }

@media screen and (min-width: 780px) {
  .node-497.node-full .section1 .slide1 {
    background: url(../images/case-studies/therolls/1.png) no-repeat center center/contain;
    margin-top: -100px;
    margin-bottom: 50px; }
  .node-497.node-full .video-link {
    margin-top: -100px;
    margin-left: -25px; }
  .wipes-image {
    background: url(../images/case-studies/therolls/6.png) no-repeat center center/contain; }
  .no-image {
    background: url(../images/case-studies/therolls/10.png) no-repeat right center/contain; }
  .yes-image {
    background: url(../images/case-studies/therolls/11.png) no-repeat right center/contain; }
  .rollsfamily-image {
    margin-top: -50px;
    background: url(../images/case-studies/therolls/12.png) no-repeat right center/contain; }
  .bts-image {
    background: url(../images/case-studies/therolls/13.png) no-repeat center center/contain; }
  .camera-image {
    background: url(../images/case-studies/therolls/14.png) no-repeat center center/contain; }
  .rollshome-image {
    background: url(../images/case-studies/therolls/15.png) no-repeat center center/contain; }
  .facebook-image {
    background: url(../images/case-studies/therolls/16.png) no-repeat center center/contain; }
  .youtube-image {
    background: url(../images/case-studies/therolls/17.png) no-repeat center center/contain; }
  .penelope-image {
    background: url(../images/case-studies/therolls/18.png) no-repeat center center/contain; }
  .results-image {
    background: url(../images/case-studies/therolls/19.png) no-repeat center center/contain; }
  .changedbehaviour-image {
    background: url(../images/case-studies/therolls/20.png) no-repeat center center/contain; }
  .lou-image {
    background: url(../images/case-studies/therolls/21.png) no-repeat center center/contain; }
  .lulu-image {
    background: url(../images/case-studies/therolls/22.png) no-repeat center center/contain; } }

@media screen and (max-width: 780px) {
  .node-497.node-full .section1 .slide1 {
    background: url(../images/case-studies/therolls/mobile/1.png) no-repeat center center/contain;
    margin-bottom: 50px; }
  .node-497.node-full h1 {
    margin-top: 0; }
  .video-link {
    margin-top: -50px;
    margin-left: -25px; }
  .quu-logo {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2); }
  .wipes-image,
  .bintoilet-image,
  .rollsfamily-image,
  .camera-image,
  .rollshome-image,
  .facebook-image,
  .youtube-image,
  .results-image {
    height: 300px; }
  .wipes-image {
    background: url(../images/case-studies/therolls/6.png) no-repeat center center/contain; }
  .no-image {
    background: url(../images/case-studies/therolls/10.png) no-repeat center center/contain; }
  .yes-image {
    background: url(../images/case-studies/therolls/11.png) no-repeat center center/contain; }
  .section5 .row {
    margin-top: 0; }
  .section6 .col-50 {
    margin-top: 0; }
  .rollsfamily-image {
    background: url(../images/case-studies/therolls/12.png) no-repeat center center/contain; }
  .section7 .col-50 {
    margin-top: 0; }
  .bts-image {
    margin: 0;
    background: url(../images/case-studies/therolls/13.png) no-repeat center center/contain; }
  .camera-image,
  .rollshome-image,
  .facebook-image,
  .youtube-image {
    height: 250px; }
  .camera-image {
    background: url(../images/case-studies/therolls/14.png) no-repeat center center/contain; }
  .rollshome-image {
    background: url(../images/case-studies/therolls/15.png) no-repeat center center/contain; }
  .facebook-image {
    background: url(../images/case-studies/therolls/16.png) no-repeat center center/contain; }
  .youtube-image {
    background: url(../images/case-studies/therolls/17.png) no-repeat center center/contain; }
  .penelope-image,
  .lou-image,
  .lulu-image {
    height: 250px; }
  .penelope-image {
    background: url(../images/case-studies/therolls/18.png) no-repeat center center/contain; }
  .results-image {
    background: url(../images/case-studies/therolls/mobile/19.png) no-repeat center center/contain; }
  .section10 .row {
    margin-top: 0; }
  .changedbehaviour-image {
    background: url(../images/case-studies/therolls/20.png) no-repeat center center/contain; }
  .lou-image {
    background: url(../images/case-studies/therolls/21.png) no-repeat center center/contain; }
  .lulu-image {
    background: url(../images/case-studies/therolls/22.png) no-repeat center center/contain; } }

@media screen and (min-width: 780px) and (max-width: 1060px) {
  .node-497 .section2 .col-33 {
    width: 50%; }
  .node-497 .section2 .col-33.last {
    width: 100%; }
  .node-497 .section4 .row {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .section6 .row {
    margin-top: -50px; } }

.node-case-study.node-teaser.node-491 {
  overflow: visible; }

.node-case-study.node-teaser.node-491:before {
  background-image: url(../images/case-studies/qso/main.png);
  background-position: 50px bottom;
  top: -15%; }

@media screen and (max-width: 570px) {
  .node-case-study.node-teaser.node-491:before {
    top: auto;
    bottom: 0;
    height: 66%;
    background-position: center bottom; } }

@media screen and (min-width: 570px) and (max-width: 780px) {
  .node-case-study.node-teaser.node-491:before {
    background-position: -10px bottom; } }

.node-491.node-full h1 {
  margin-top: 100px;
  z-index: 3; }

.node-491.node-full .section1 .slide1 {
  position: relative;
  margin: 0 0 150px 0;
  padding-bottom: 0; }

.qso-logo {
  background: url(../images/case-studies/qso/2.png) no-repeat center center/contain;
  height: 150px;
  margin-bottom: 100px; }

.qso-1 {
  background: url(../images/case-studies/qso/3.png) no-repeat center center/contain;
  height: 300px;
  margin-top: -50px;
  margin-bottom: 50px; }

.qso-2 {
  background: url(../images/case-studies/qso/4.png) no-repeat center center/contain;
  height: 250px; }

.qso-screens1 {
  background: url(../images/case-studies/qso/5.png) no-repeat center center/contain;
  height: 450px; }

.qso-screens2 {
  background: url(../images/case-studies/qso/6.png) no-repeat center center/contain;
  height: 400px; }

.node-491.node-full .section5 .col-66 {
  margin: 0 auto; }

.node-491.node-full .section5 .row {
  margin: 0;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.node-491.node-full .section5 .row .col-33 p {
  margin: auto; }

.node-491 .section5 .row > div {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.violin-image {
  background: url(../images/case-studies/qso/8.png) no-repeat center center/contain;
  height: 200px; }

.mobile-image {
  background: url(../images/case-studies/qso/9.png) no-repeat center center/contain;
  height: 400px;
  max-width: 1200px;
  width: 100%;
  margin-top: 50px; }

.node-491.node-full .section1 .slide1 {
  padding-top: 40%; }

@media screen and (min-width: 780px) {
  .node-491.node-full .section1 .slide1 {
    background: url(../images/case-studies/qso/1.png) no-repeat center center/contain;
    margin-top: -200px;
    margin-bottom: 150px; }
  .node-491.node-full .section9 .slide1 {
    background: url(../images/case-studies/qso/10.png) no-repeat center center/contain;
    background-opacity: 0.5; }
  .video-link {
    margin-top: -40px;
    margin-left: -25px; }
  .qso-screens3 {
    background: url(../images/case-studies/qso/7.png) no-repeat center center/contain;
    height: 600px; }
  .section10 .row {
    margin: 0; }
  .section10 .numfacts div.titlemedium .title {
    font-size: 80px; }
  .section10 .numfacts div.titlemedium .background {
    font-size: 120px; }
  .collage-image {
    background: url(../images/case-studies/qso/11.png) no-repeat center center/contain;
    height: 1000px; } }

@media screen and (max-width: 780px) {
  .node-491.node-full .section1 .slide1 {
    background: url(../images/case-studies/qso/mobile/1.png) no-repeat center center/contain;
    margin-bottom: 50px; }
  .node-491.node-full h1 {
    margin-top: 0; }
  .video-link {
    margin-top: -50px;
    margin-left: -25px; }
  .qso-logo {
    height: 100px;
    margin-bottom: 50px; }
  .qso-1,
  .qso-2,
  .qso-screens1,
  .qso-screens2 {
    height: 200px; }
  .qso-1 {
    margin-top: 50px;
    margin-bottom: 0; }
  .qso-screens1 {
    margin-bottom: 50px; }
  .qso-screens2 {
    margin-top: 50px; }
  .numsection > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .qso-screens3 {
    background: url(../images/case-studies/qso/mobile/7.png) no-repeat center center/contain;
    height: 400px; }
  .violin-image {
    background: url(../images/case-studies/qso/mobile/8.png) no-repeat center center/contain;
    height: 100px; }
  .mobile-image {
    background: url(../images/case-studies/qso/mobile/9.png) no-repeat center center/contain;
    height: 200px; }
  .collage-image {
    background: url(../images/case-studies/qso/mobile/11.png) no-repeat center center/contain;
    height: 400px; } }

@media screen and (min-width: 780px) and (max-width: 1060px) {
  .node-491 .section5 .col-33 {
    width: 50%; }
  .node-491 .section5 .col-33.last {
    width: 100%; }
  .node-491 .section5 .row {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; } }

/* Other */
::-webkit-input-placeholder {
  /* Chrome */
  color: #797979; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #797979; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #797979;
  opacity: 1; }

:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #797979;
  opacity: 1; }

.form-start,
.form-end {
  background: #000; }

.marketo-form {
  margin: 0 auto;
  max-width: 1170px;
  padding: 0 1em;
  margin-bottom: 120px; }

.marketo-form h2 {
  font-family: "Interstate", "Arial Black", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 20px; }

.mktoForm,
.mktoFormCol,
.mktoFieldWrap,
.mktoForm label,
.mktoForm input,
.mktoForm textarea {
  width: 100% !important; }

.mktoForm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  font-size: 20px;
  font-size: 2rem;
  font-size: 18px !important; }

.mktoForm .mktoErrorMsg {
  border-radius: 0 !important;
  border: 0 !important;
  text-shadow: none !important;
  background: #d60000 !important;
  padding: 20px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.mktoForm .mktoFieldWrap {
  position: relative;
  margin-bottom: 20px; }

.mktoForm label {
  height: 0;
  line-height: 0 !important;
  padding: 0 !important;
  visibility: hidden;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0 !important;
  text-transform: uppercase;
  color: #222; }

.mktoForm label .mktoAsterix {
  position: relative;
  bottom: -15px;
  right: 10px;
  float: right !important;
  visibility: visible; }

.mktoForm label,
.mktoForm input {
  display: block; }

.mktoForm input,
.mktoForm textarea {
  -webkit-transition: border 0.25s ease;
  transition: border 0.25s ease;
  border: 0;
  color: #222;
  line-height: 0 !important;
  height: 60px !important;
  padding: 20px 20px 20px 20px !important;
  border-bottom: 5px solid #ccc; }

.mktoForm input ~ .mktoClear,
.mktoForm input ~ .mktoClear:after,
.mktoForm textarea ~ .mktoClear,
.mktoForm textarea ~ .mktoClear:after {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background: #ffc937;
  height: 5px;
  width: 0;
  content: ''; }

.mktoForm input:hover ~ .mktoClear,
.mktoForm input:focus ~ .mktoClear,
.mktoForm input.mktoValid ~ .mktoClear,
.mktoForm textarea:hover ~ .mktoClear,
.mktoForm textarea:focus ~ .mktoClear,
.mktoForm textarea.mktoValid ~ .mktoClear {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  width: 100%; }

.mktoForm input.mktoInvalid:focus ~ .mktoClear,
.mktoForm textarea.mktoInvalid:focus ~ .mktoClear {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  width: 100%;
  background: #ffc937; }

.mktoForm input:focus,
.mktoForm textarea:focus {
  outline: 0; }

.mktoForm textarea {
  line-height: 1.6 !important;
  min-height: 200px !important;
  height: auto !important; }

.mktoForm input {
  line-height: 1 !important; }

.mktoForm .mktoRadioList label {
  font-family: "Interstate", "Arial Black", sans-serif !important;
  display: block !important;
  height: initial !important;
  margin-bottom: 5px;
  line-height: 1 !important;
  padding: initial !important;
  visibility: visible !important; }

.mktoForm .mktoRadioList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100% !important;
  padding: 0 !important; }

.mktoForm .mktoRadioList > * {
  margin: 0 !important; }

.mktoForm .mktoRadioList > label {
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
  width: 50% !important; }

.mktoForm .mktoRadioList > label:hover {
  cursor: pointer !important; }

.mktoForm .mktoRadioList > input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  clip: rect(0 0 0 0); }

.mktoForm .mktoRadioList > input[type="radio"] + label {
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
  position: relative;
  padding-left: 80px !important;
  padding-right: 10px !important;
  padding-top: 12px !important; }

.mktoForm .mktoRadioList > input[type="radio"] + label::before {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background: #fff;
  width: 60px;
  height: 60px;
  color: white;
  content: '\2717';
  font-size: 0;
  text-indent: 30px;
  line-height: 30px; }

.mktoForm .mktoRadioList > input[type="radio"]:checked + label {
  color: #c23f52 !important; }

.mktoForm .mktoRadioList > input[type="radio"]:checked + label::before {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  display: block;
  color: #ffc937;
  font-size: 120px;
  font-weight: normal;
  line-height: 0.3;
  text-indent: -10px;
  content: '\2717'; }

.mktoForm .mktoRadioList > input[type="radio"]:checked:first-of-type + label:before,
.mktoForm .mktoRadioList > input[type="radio"]:first-of-type + label:before {
  content: '\2713'; }

.mktoForm select {
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  width: -webkit-calc(100% + 50px) !important;
  width: calc(100% + 50px) !important;
  height: 60px !important;
  padding: 10px 20px 10px 20px !important;
  border-bottom: 5px solid #ccc;
  color: #797979 !important;
  background-color: white;
  background-image: url("../images/arrow-down.png");
  background-position: 90% center;
  background-size: 60px 60px;
  background-repeat: no-repeat;
  border-radius: 0 !important; }

.mktoForm select:hover {
  cursor: pointer; }

.mktoForm select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #222; }

.mktoForm select ~ .mktoClear,
.mktoForm select ~ .mktoClear:after {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background: #ffc937;
  height: 5px;
  width: 0;
  content: ''; }

.mktoForm select:hover ~ .mktoClear,
.mktoForm select:focus ~ .mktoClear,
.mktoForm select.mktoValid ~ .mktoClear {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  width: 100%; }

.mktoForm select.mktoInvalid:focus ~ .mktoClear {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  width: 100%;
  background: #ffc937; }

.mktoForm select:focus {
  outline: 0; }

.mktoForm .mktoButtonRow {
  margin: 0 auto;
  margin-top: 20px;
  width: 25% !important; }

.mktoForm .mktoButtonRow span {
  position: relative;
  display: block;
  margin-left: 0 !important;
  background: #ffc937;
  width: 100%; }

.mktoForm .mktoButtonRow span:after {
  -webkit-transition: width 0.25s ease;
  transition: width 0.25s ease;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 0;
  background: #ffbb04;
  content: ''; }

.mktoForm .mktoButtonRow:hover span:after {
  -webkit-transition: width 0.25s ease;
  transition: width 0.25s ease;
  width: 100%; }

.mktoForm button {
  position: relative;
  z-index: 2;
  border: none;
  padding: 18px 40px;
  width: 100% !important;
  background: none;
  font-weight: bold;
  text-transform: uppercase;
  color: #111; }

.mktoFormRow {
  width: 48%;
  overflow: hidden; }

.mktoFormRow:nth-child(8) {
  width: 100%; }

.mktoGutter {
  display: none; }

@media screen and (max-width: 780px) {
  .mktoFormRow {
    width: 100%; }
  .mktoForm .mktoButtonRow {
    margin-left: 0;
    width: 100% !important; }
  select {
    background-position: 90%; } }

@media screen and (max-width: 480px) {
  .marketo-form {
    margin-bottom: 60px; }
  .mktoForm .mktoFieldWrap {
    float: left !important; }
  .mktoForm label {
    float: none !important; }
  .mktoForm textarea {
    min-height: 300px !important; }
  .mktoForm .mktoRadioList {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .mktoForm .mktoRadioList > label {
    width: 100% !important;
    height: 60px;
    margin-bottom: 40px !important; }
  .mktoForm .mktoRadioList > label:last-child {
    margin-bottom: 20px !important; } }

/* Arrow Positioning - Market's fault */
@media screen and (min-width: 780px) and (max-width: 980px) {
  .marketo-form select {
    background-position: 87%; } }

@media screen and (min-width: 650px) and (max-width: 780px) {
  .marketo-form select {
    background-position: 92%; } }

@media screen and (max-width: 520px) {
  .marketo-form select {
    background-position: 87%; } }

@media screen and (max-width: 400px) {
  .marketo-form select {
    background-position: 80%; } }

textarea {
  width: 500px !important;
  min-height: 50px !important;
  padding: 5px  !important; }

.noscroll {
  overflow: hidden !important; }

.hiddendiv {
  display: none;
  white-space: pre-wrap;
  width: 500px;
  min-height: 50px;
  font-family: Arial, sans-serif;
  font-size: 13px;
  padding: 5px;
  word-wrap: break-word; }

@-webkit-keyframes confetti-slow {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0); }
  100% {
    -webkit-transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
    transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg); } }

@keyframes confetti-slow {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0); }
  100% {
    -webkit-transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
    transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg); } }

@-webkit-keyframes confetti-medium {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0); }
  100% {
    -webkit-transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);
    transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg); } }

@keyframes confetti-medium {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0); }
  100% {
    -webkit-transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);
    transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg); } }

@-webkit-keyframes confetti-fast {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0); }
  100% {
    -webkit-transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);
    transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg); } }

@keyframes confetti-fast {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0); }
  100% {
    -webkit-transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);
    transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg); } }

.confetti-container {
  -webkit-perspective: 700px;
  perspective: 700px;
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.confetti {
  position: absolute;
  z-index: 1;
  top: -10px;
  border-radius: 0%; }

.confetti--animation-slow {
  -webkit-animation: confetti-slow 3.25s linear 1 forwards;
  animation: confetti-slow 3.25s linear 1 forwards; }

.confetti--animation-medium {
  -webkit-animation: confetti-medium 2.75s linear 1 forwards;
  animation: confetti-medium 2.75s linear 1 forwards; }

.confetti--animation-fast {
  -webkit-animation: confetti-fast 2.25s linear 1 forwards;
  animation: confetti-fast 2.25s linear 1 forwards; }

.calendly {
  width: 600px;
  height: 400px;
  max-width: 100%;
  max-height: 100%;
  background-color: #fff; }

/* Edge */
@supports (-ms-accelerator: true) {
  .node-blog.node-full a,
  .contact-phone a,
  .contact-callback a,
  .contact-boxes a,
  .node-staff .field-name-field-email a {
    display: inline-block; }
  .mktoForm .mktoRadioList > input[type="radio"]:checked + label::before {
    text-indent: -20px;
    font-size: 110px; } }

/* IE 10 & 11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* typography */
  .node-blog.node-full a,
  .contact-phone a,
  .contact-callback a,
  .contact-boxes a,
  .node-staff .field-name-field-email a {
    display: inline-block; }
  /* header */
  a.logo {
    display: block;
    text-indent: -9999px; }
  /* case studies */
  .section {
    padding-top: 10%;
    font-size: 24px;
    font-size: 2.4rem; }
  .section1 {
    padding-top: 0; }
  .slide {
    display: block;
    padding-top: 80px;
    height: auto;
    min-height: 100px; }
  .slide-inner {
    height: auto; }
  .node-case-study.node-full .section1 .slide1 {
    margin-top: 0; }
  /*
  .section .wrapper-sticky {
    position: static !important;
  }
  .section .titlemedium {
    height: auto;
    .title {
      top: 20px;
      font-size: 40px;
      line-height: 1;
    }
    .background {
      display: none;
      font-size: 90px;
      line-height: 70px;
    }
  }*/
  .numfacts div.titlemedium .title {
    font-size: 50px;
    font-size: 5rem; }
  .row {
    display: block; }
  .col-66,
  .col-50,
  .col-33 {
    width: 100%;
    padding: 15px; }
  .plus1 {
    font-size: 24px;
    font-size: 2.4rem; }
  blockquote {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 1.6em 1em; }
  .numfacts .col-33,
  .numfacts .col-50 {
    margin-top: 60px; }
  /* case study - e&s */
  .node-4.node-full .section1 .slide1 {
    padding-top: 40%; }
  .node-4.node-full .section1 .slide2 .col-50:first-child {
    font-size: 70px;
    font-size: 7rem;
    line-height: 0.7;
    text-align: center; }
  .node-4.node-full .section3 .slide1 {
    position: relative;
    padding-bottom: 40%; }
  .node-4.node-full .name-image .name-desc1 {
    position: relative;
    float: left;
    width: 39%;
    padding-top: 2em; }
  .node-4.node-full .name-image .name-desc2 {
    position: relative;
    float: right;
    width: 41%;
    padding-top: 2em; }
  .node-4.node-full .name-image div:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    border: 2px solid #ffc937;
    border-top: 0;
    left: 0;
    top: 0; }
  .node-4.node-full .section5 .slide1 {
    padding-top: 20px; }
  .node-4.node-full .section6 .slide1 .col-50:first-child {
    padding-top: 62%; }
  .node-4.node-full .section6 .slide2 {
    padding-top: 62%; }
  .node-4.node-full .section6 .slide3 {
    padding-top: 62%; }
  .node-4.node-full .section6 .slide4 {
    padding-top: 62%; }
  .node-4.node-full .section7 .slide2 .col-66 {
    padding-top: 62%; }
  .node-4.node-full .section7 .slide2 .col-33 {
    position: relative; }
  .node-4.node-full .section7 .slide2 .col-33:before {
    content: "";
    position: absolute;
    top: 1.5em;
    right: 100%;
    width: 60px;
    height: 2px;
    background-color: #ffc937; }
  .node-4.node-full .section7 .slide3 {
    padding-top: 62%; }
  .node-4.node-full .section8 .slide1 {
    padding-bottom: 40%; }
  .node-4.node-full .section8 .slide2 {
    padding-top: 62%; }
  /* case study - s&p */
  .node-3.node-full .section1 .slide1 {
    padding-top: 40%; }
  .node-3.node-full .section2 .slide1 .col-50:last-child {
    padding-top: 60%; }
  .node-3.node-full .section4 .slide1 .col-33 {
    padding-top: 60%; }
  .node-3.node-full .section5 .slide1 .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .node-3.node-full .section5 .slide1 .row .col-33 {
    width: 50%;
    min-height: 500px;
    margin: 0 1em; }
  .node-3.node-full .section6 .slide1 {
    min-height: 0; }
  .node-3.node-full .section6 .slide1 .col-50:first-child {
    padding-top: 60%; }
  .node-3.node-full .section7 .snapshots {
    padding-top: 60%; }
  .node-3.node-full .section8 .slide1 .col-50:first-child {
    padding-top: 67%; }
  .node-3.node-full .section9 .slide1 .col-50:last-child {
    padding-top: 67%; }
  .node-3.node-full .section10 .snapshots {
    padding-top: 60%; }
  .node-3.node-full .section11 .snapshots {
    padding-top: 60%; }
  .node-3.node-full .section12 .slide1 .col-33:first-child {
    padding-top: 80%;
    margin-bottom: 0.5em; }
  .node-3.node-full .section13 .slide1 .col-50:last-child {
    padding-top: 60%;
    margin-bottom: 2em; }
  .node-3.node-full .section13 .slide2 {
    padding-top: 60%;
    margin-bottom: 2em; }
  .node-3.node-full .section14 .slide1 .col-50:last-child {
    margin-top: 1em;
    padding-top: 60%; }
  .node-3.node-full .section14 .slide2 {
    padding-top: 60%;
    width: 90%; }
  .node-3.node-full .section15 .slide2 {
    padding-top: 60%;
    width: 90%; }
  .node-3.node-full .section16 .slide2 {
    margin: 1em 0;
    padding-top: 60%; }
  .node-3.node-full .section16 .slide3 {
    background: none; }
  .node-3.node-full .section16 .slide3 > blockquote {
    margin: 0 auto;
    width: 100%; }
  .node-3.node-full .section16 .slide4 {
    padding-top: 60%;
    width: 90%; }
  .node-3.node-full .section2 .slide1,
  .node-3.node-full .section4 .slide1,
  .node-3.node-full .section5 .slide1,
  .node-3.node-full .section6 .slide1,
  .node-3.node-full .section8 .slide1,
  .node-3.node-full .section9 .slide1,
  .node-3.node-full .section12 .slide1 {
    padding-top: 80px; }
  /* case study - good beer */
  .node-2.node-full .slide {
    min-height: 100px; }
  .node-2.node-full .section1 .slide1 {
    padding-top: 40%;
    width: 90%; }
  .node-2.node-full .section1 .slide2 .col-50:first-child {
    font-size: 84px;
    font-size: 8.4rem;
    line-height: 0.7;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 0px; }
  .node-2.node-full .section3 .slide1 .col-50:first-child {
    margin-top: -30px;
    padding: 0; }
  .node-2.node-full .section3 .slide1 .col-50:first-child:after {
    position: static;
    padding-top: 90%; }
  .node-2.node-full .section3 .slide1 .col-50:last-child p {
    margin-bottom: 0; }
  .node-2.node-full .section3 .slide2 {
    padding-top: 0; }
  .node-2.node-full .section3 .slide2 .col-50 p {
    margin-top: 0; }
  .node-2.node-full .section3 .slide2 .col-50:last-child:after {
    position: static;
    padding-top: 60%; }
  .node-2.node-full .section3 .slide3 {
    margin-bottom: 1em;
    padding-top: 60%; }
  .node-2.node-full .section3 .slide4 {
    padding-top: 60%; }
  .node-2.node-full .section4 .slide1 .col-50:last-child:after {
    position: static;
    padding-top: 90%; }
  .node-2.node-full .section4 .slide1,
  .node-2.node-full .section5 .slide1 {
    min-height: 100px; }
  .node-2.node-full .section5 .slide1 .col-50:last-child:after {
    position: static;
    padding-top: 80%; }
  .node-2.node-full .section5 .slide2 {
    padding-top: 60%; }
  .node-2.node-full .section5 .slide3 {
    padding-top: 60%; }
  .node-2.node-full .section6 .slide1 .slide-inner:after {
    position: static;
    padding-top: 60%; }
  .node-2.node-full .section7 .slide1:after {
    position: static;
    padding-top: 60%; }
  .node-2.node-full .section7 .slide2:after {
    position: static;
    padding-top: 0;
    margin-top: 2em; }
  .node-2.node-full .section7 .slide3 .col-50:last-child:after {
    position: static;
    padding-top: 95%;
    margin-top: 1em; }
  .node-2.node-full .section8 .slide1 .slide-inner:after {
    position: static;
    padding-top: 20%; }
  .node-2.node-full .section8 .slide2 {
    padding-top: 60%; }
  .node-2.node-full .section9 .slide1:after {
    position: static;
    padding-top: 40%; }
  .node-2.node-full .section9 .slide2 .slide-inner > div:first-child:after,
  .node-2.node-full .section9 .slide3 .slide-inner > div:first-child:after,
  .node-2.node-full .section9 .slide4 .slide-inner > div:first-child:after,
  .node-2.node-full .section9 .slide5 .slide-inner > div:first-child:after {
    left: 0;
    margin-left: 0;
    width: 100%; }
  /* webform stuff */
  .mktoForm .mktoRadioList > input[type="radio"]:checked + label::before {
    font-size: 110px;
    text-indent: -20px; } }

.call-sheet {
  width: 900px;
  margin: 0 auto;
  position: relative;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.logo-word {
  margin: 20px 10px 0 0;
  height: 41px;
  width: auto; }

.client,
.project,
.date,
.talent,
.catering,
.call,
.transport,
.wardrobe,
.location,
.host {
  margin-bottom: 30px !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.client p,
.project p,
.date p,
.talent p,
.catering p,
.call p,
.transport p,
.wardrobe p,
.location p,
.host p {
  margin: 0 !important;
  font-size: 16px; }

.call-sheet-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0; }

.call-sheet-title h2 {
  margin-top: 22px;
  font-family: "interstate";
  color: #000; }

h4 {
  margin-left: 100px;
  width: 650px;
  font-family: Catamaran;
  font-size: 20px;
  font-weight: bold !important;
  letter-spacing: 1px;
  line-height: 33px; }

.client h4 {
  margin-left: 113px; }

.project h4 {
  margin-left: 103px; }

.date {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.date h4 {
  width: 390px;
  margin-right: 50px;
  margin-left: 148px; }

.atcb-link,
.atcb-link:hover,
.atcb-link:active,
.atcb-link:focus {
  margin: 0;
  padding: 7px 25px;
  color: #1A1718;
  font-family: interstate;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  outline: none;
  line-height: 20px;
  vertical-align: middle;
  background: #FFCA1B;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.13) inset;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.13) inset; }

.atcb-list {
  width: 170px;
  border: 1px solid #bababa;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 5px #AAA;
  box-shadow: 0 0 5px #AAA; }

.atcb-list,
.atcb-item {
  background: #fff;
  color: #000; }

.atcb-item,
.atcb-item-link {
  line-height: 1.3em;
  vertical-align: middle;
  zoom: 1; }

.atcb-item-link,
.atcb-item-link:hover,
.atcb-item-link:active,
.atcb-item-link:focus {
  color: #000;
  font-family: "interstate";
  font-size: 14px;
  text-decoration: none;
  outline: none;
  padding: 5px 15px; }

.atcb-item-link:hover,
.atcb-item-link:active,
.atcb-item-link:focus {
  font-weight: 700; }

.atcb-item.hover,
.atcb-item:hover {
  background: #FFCA1B; }

.talent {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 50px !important; }

.talent .talents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.talent p {
  margin-right: 75px !important; }

.talent .the-talent {
  width: 90px;
  margin: 0 5px 25px; }

.talent .the-talent .img-wrap {
  position: relative;
  width: 90px;
  height: 90px; }

.talent .the-talent .img-wrap p {
  position: absolute;
  padding: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 202, 27, 0.82);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  font-family: "catamaran";
  font-weight: 900;
  font-size: 14px;
  line-height: 16px;
  width: 90px;
  height: 90px;
  -webkit-transition: opacity .2s, visibility .2s;
  transition: opacity .2s, visibility .2s; }

.talent .the-talent .img-wrap .talent-pic {
  width: 90px;
  height: auto; }

.talent .the-talent .img-wrap:hover p {
  visibility: visible;
  opacity: 1; }

.talent .the-talent h4 {
  margin: -5px 0 0 !important;
  padding: 10px 5px 0;
  width: 90px;
  height: 50px;
  text-transform: uppercase;
  background-color: white;
  font-family: Catamaran;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 18px; }

.catering h4 {
  width: 550px;
  margin-left: 125px; }

.catering label {
  display: none; }

.catering .form {
  margin: 0 0 0 177px;
  font-family: Catamaran;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 40px; }

.catering .form p {
  margin-top: 10px !important;
  font-size: 16px; }

.catering .form input {
  margin: 20px 200px 0 0;
  padding: 10px;
  width: 300px; }

.catering .form h4 {
  margin: 10px 0 -10px 5px; }

.catering .form .submit {
  width: 100px;
  font-family: "interstate";
  font-weight: 700;
  background-color: #FFCA1B; }

.call-times {
  margin-left: 117px;
  margin-bottom: 50px;
  width: 655px; }

.call-times div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.call-times .call-times-highlight {
  font-weight: 700;
  width: 173px !important; }

.call-times p {
  width: 430px;
  font-family: Catamaran;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 40px; }

.call-times .arrow-down {
  margin: 12px 20px 0 20px;
  height: 12px;
  width: auto; }

.transport h4,
.wardrobe h4 {
  margin-left: 120px; }

.location h4 {
  margin-left: 130px; }

.location .first {
  width: 330px; }

.location .add {
  height: 35px;
  width: auto;
  margin-right: 10px; }

.location .second {
  margin: 0 0 0 187px;
  width: 480px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center; }

.hosts {
  margin-left: 90px;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.hosts .hosted-by {
  margin: 0 5px; }

.hosts .hosted-by .img-wrap {
  position: relative;
  height: 90px;
  width: 90px; }

.hosts .hosted-by .img-wrap p {
  position: absolute;
  top: 5px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 90px;
  background: rgba(255, 202, 27, 0.82);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  font-family: "catamaran";
  font-weight: 900;
  font-size: 12px;
  line-height: 16px;
  /* transition effect. not necessary */
  -webkit-transition: opacity .2s, visibility .2s;
  transition: opacity .2s, visibility .2s; }

.hosts .hosted-by .img-wrap:hover p {
  visibility: visible;
  opacity: 1; }

.hosts .hosted-by img {
  height: 90px;
  width: auto;
  background-color: white; }

.hosts .hosted-by img:hover {
  color: #FFCA1B; }

.hosts .hosted-by .caroline p {
  padding: 10px 0 0 3px; }

.hosts .hosted-by p {
  margin-top: -5px !important;
  padding: 10px 5px;
  width: 90px;
  height: 50px;
  text-transform: uppercase;
  background-color: white;
  font-family: Catamaran;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 18px; }

h3 {
  margin: 0 auto;
  margin-bottom: 50px; }

@media screen and (max-width: 480px) {
  .client h4,
  .project h4,
  .date h4,
  .talent h4,
  .catering h4,
  .call h4,
  .transport h4,
  .wardrobe h4,
  .location h4,
  .host h4 {
    margin-left: 100px !important;
    width: 100%; }
  .addtocalendar {
    margin: 20px 0 0 100px; }
  .talents {
    margin-left: 100px !important; }
  .catering h4 {
    margin: 20px 0 0 30px !important; }
  .form {
    margin-left: 30px !important;
    width: 100%; }
  .form h4 {
    margin-left: 0 !important; }
  .call-times {
    margin: 20px 0 30px;
    width: 100%; }
  .call-times p {
    line-height: 24px; }
  .call-times .call-times-highlight {
    display: none; }
  .location .first, .location .second {
    width: 100%; } }