@charset "UTF-8";

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*--- Do not edit above this line ---*/

.classic-linear {
  font-size: 12px;
}

@media screen and (min-width: 600px) {
  .classic-linear {
    font-size: calc(4vw - 12px);
  }
}

@media screen and (min-width: 900px) {
  .classic-linear {
    font-size: 24px;
  }
}

.easy-peasy {
  font-size: 12px;
}

@media screen and (min-width: 600px) {
  .easy-peasy {
    font-size: calc(3.1111111111vw - 6.6666666667px);
  }
}

@media screen and (min-width: 700px) {
  .easy-peasy {
    font-size: calc(5.7777777778vw - 25.3333333333px);
  }
}

@media screen and (min-width: 800px) {
  .easy-peasy {
    font-size: calc(3.1111111111vw - 4px);
  }
}

@media screen and (min-width: 900px) {
  .easy-peasy {
    font-size: 24px;
  }
}

.cubic-bezier {
  font-size: 12px;
}

@media screen and (min-width: 600px) {
  .cubic-bezier {
    font-size: calc(0.8711111111vw + 6.7733333333px);
  }
}

@media screen and (min-width: 700px) {
  .cubic-bezier {
    font-size: calc(3.1377777778vw - 9.0933333333px);
  }
}

@media screen and (min-width: 800px) {
  .cubic-bezier {
    font-size: calc(7.9911111111vw - 47.92px);
  }
}

@media screen and (min-width: 900px) {
  .cubic-bezier {
    font-size: 24px;
  }
}

.bloat-my-css {
  font-size: 12px;
}

@media screen and (min-width: 600px) {
  .bloat-my-css {
    font-size: calc(1.5510204082vw + 2.693877551px);
  }
}

@media screen and (min-width: 642.857142857px) {
  .bloat-my-css {
    font-size: calc(4vw - 13.0495626822px);
  }
}

@media screen and (min-width: 685.714285714px) {
  .bloat-my-css {
    font-size: calc(5.4693877551vw - 23.1253644315px);
  }
}

@media screen and (min-width: 728.571428571px) {
  .bloat-my-css {
    font-size: calc(5.9591836735vw - 26.693877551px);
  }
}

@media screen and (min-width: 771.428571429px) {
  .bloat-my-css {
    font-size: calc(5.4693877551vw - 22.915451895px);
  }
}

@media screen and (min-width: 814.285714286px) {
  .bloat-my-css {
    font-size: calc(4vw - 10.9504373178px);
  }
}

@media screen and (min-width: 857.142857143px) {
  .bloat-my-css {
    font-size: calc(1.5510204082vw + 10.0408163265px);
  }
}

@media screen and (min-width: 900px) {
  .bloat-my-css {
    font-size: 24px;
  }
}

/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */

/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */

/* Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */

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 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevents 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;
}

/**
 * Addresses 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
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */

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 {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

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.
 * 4. Improves appearance and consistency in all browsers.
 */

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.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */

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;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
  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 */
  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.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */

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;
}

@font-face {
  font-family: 'NimbusSan-Bol';
  src: url("../fonts/33A016_0_0.eot");
  src: url("../fonts/33A016_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/33A016_0_0.woff2") format("woff2"), url("../fonts/33A016_0_0.woff") format("woff"), url("../fonts/33A016_0_0.ttf") format("truetype");
}

@font-face {
  font-family: 'NimbusSan-Lig';
  src: url("../fonts/33A016_1_0.eot");
  src: url("../fonts/33A016_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/33A016_1_0.woff2") format("woff2"), url("../fonts/33A016_1_0.woff") format("woff"), url("../fonts/33A016_1_0.ttf") format("truetype");
}

@font-face {
  font-family: 'NimbusSan-Reg';
  src: url("../fonts/33A016_2_0.eot");
  src: url("../fonts/33A016_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/33A016_2_0.woff2") format("woff2"), url("../fonts/33A016_2_0.woff") format("woff"), url("../fonts/33A016_2_0.ttf") format("truetype");
}

@font-face {
  font-family: 'AbrilText-Regular';
  src: url("../fonts/33A016_3_0.eot");
  src: url("../fonts/33A016_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/33A016_3_0.woff2") format("woff2"), url("../fonts/33A016_3_0.woff") format("woff"), url("../fonts/33A016_3_0.ttf") format("truetype");
}

@font-face {
  font-family: 'AbrilText-SemiBold';
  src: url("../fonts/33A016_4_0.eot");
  src: url("../fonts/33A016_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/33A016_4_0.woff2") format("woff2"), url("../fonts/33A016_4_0.woff") format("woff"), url("../fonts/33A016_4_0.ttf") format("truetype");
}

/* Colours */

/* Sass MQ Library */

/* http://sass-mq.github.io/sass-mq/ */

/* Breakpoints */

/* Displays breakpoints for dev purposes */

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

body {
  position: relative;
  z-index: 1;
  font-family: "NimbusSan-Lig", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #1C1D1D;
  line-height: 1.6;
}

@media (min-width: 48em) {
  body {
    font-size: 20px;
  }
}

body.no-scroll {
  overflow: hidden;
}

h2 {
  font-family: "AbrilText-SemiBold", Georgia, "Times New Roman", Times, serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.4;
  margin: .5em 0;
  position: relative;
  font-size: 30px;
}

@media screen and (min-width: 600px) {
  h2 {
    font-size: calc(2.5925925926vw + 14.4444444444px);
  }
}

@media screen and (min-width: 800px) {
  h2 {
    font-size: calc(4.8148148148vw - 3.3333333333px);
  }
}

@media screen and (min-width: 1000px) {
  h2 {
    font-size: calc(2.5925925926vw + 18.8888888889px);
  }
}

@media screen and (min-width: 1200px) {
  h2 {
    font-size: 50px;
  }
}

h3 {
  font-family: "AbrilText-SemiBold", Georgia, "Times New Roman", Times, serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.4;
  margin: .5em 0;
}

@media (min-width: 48em) {
  h3 {
    font-size: 32px;
  }
}

h4 {
  font-family: "NimbusSan-Bol", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
  margin: .5em 0;
}

@media (min-width: 48em) {
  h4 {
    font-size: 27px;
  }
}

p {
  margin: 1em 0 1.5em;
}

p.featured {
  font-family: "NimbusSan-Lig", Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #A3A3A3;
  line-height: 1.4;
}

@media (min-width: 48em) {
  p.featured {
    font-size: 30px;
  }
}

p.first-letter {
  position: relative;
}

p.first-letter:first-letter {
  font-size: 50px;
  font-family: 'NimbusSan-Bol';
  float: left;
  line-height: 1;
  margin-right: 10px;
}

@media (min-width: 48em) {
  p.first-letter:first-letter {
    font-size: 64px;
  }
}

.tag {
  font-family: "NimbusSan-Bol", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #16C18F;
  line-height: 1;
  margin: 0 0 20px;
  text-transform: uppercase;
}

.site-menu .side a:not(.btn):not([data-fancybox]),
.site-menu .side a:active:not(.btn):not([data-fancybox]),
.site-menu .side a:link:not(.btn):not([data-fancybox]),
.main-content-wrap a:not(.btn):not([data-fancybox]),
.main-content-wrap a:active:not(.btn):not([data-fancybox]),
.main-content-wrap a:link:not(.btn):not([data-fancybox]),
.contact-details-wrap a:not(.btn):not([data-fancybox]),
.contact-details-wrap a:active:not(.btn):not([data-fancybox]),
.contact-details-wrap a:link:not(.btn):not([data-fancybox]),
.day-in-the-life a:not(.btn):not([data-fancybox]),
.day-in-the-life a:active:not(.btn):not([data-fancybox]),
.day-in-the-life a:link:not(.btn):not([data-fancybox]),
.flex-wrap a:not(.btn):not([data-fancybox]),
.flex-wrap a:active:not(.btn):not([data-fancybox]),
.flex-wrap a:link:not(.btn):not([data-fancybox]) {
  color: #16C18F;
  display: inline-block;
  position: relative;
  text-decoration: none;
  transition: all .2s ease;
}

.site-menu .side a:not(.btn):not([data-fancybox])::after,
.site-menu .side a:active:not(.btn):not([data-fancybox])::after,
.site-menu .side a:link:not(.btn):not([data-fancybox])::after,
.main-content-wrap a:not(.btn):not([data-fancybox])::after,
.main-content-wrap a:active:not(.btn):not([data-fancybox])::after,
.main-content-wrap a:link:not(.btn):not([data-fancybox])::after,
.contact-details-wrap a:not(.btn):not([data-fancybox])::after,
.contact-details-wrap a:active:not(.btn):not([data-fancybox])::after,
.contact-details-wrap a:link:not(.btn):not([data-fancybox])::after,
.day-in-the-life a:not(.btn):not([data-fancybox])::after,
.day-in-the-life a:active:not(.btn):not([data-fancybox])::after,
.day-in-the-life a:link:not(.btn):not([data-fancybox])::after,
.flex-wrap a:not(.btn):not([data-fancybox])::after,
.flex-wrap a:active:not(.btn):not([data-fancybox])::after,
.flex-wrap a:link:not(.btn):not([data-fancybox])::after {
  content: "";
  display: block;
  position: absolute;
  background: #16C18F;
  height: 1px;
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 100%;
  transition: all .2s ease;
}

.site-menu .side a:not(.btn):not([data-fancybox]).inverse::after,
.site-menu .side a:active:not(.btn):not([data-fancybox]).inverse::after,
.site-menu .side a:link:not(.btn):not([data-fancybox]).inverse::after,
.main-content-wrap a:not(.btn):not([data-fancybox]).inverse::after,
.main-content-wrap a:active:not(.btn):not([data-fancybox]).inverse::after,
.main-content-wrap a:link:not(.btn):not([data-fancybox]).inverse::after,
.contact-details-wrap a:not(.btn):not([data-fancybox]).inverse::after,
.contact-details-wrap a:active:not(.btn):not([data-fancybox]).inverse::after,
.contact-details-wrap a:link:not(.btn):not([data-fancybox]).inverse::after,
.day-in-the-life a:not(.btn):not([data-fancybox]).inverse::after,
.day-in-the-life a:active:not(.btn):not([data-fancybox]).inverse::after,
.day-in-the-life a:link:not(.btn):not([data-fancybox]).inverse::after,
.flex-wrap a:not(.btn):not([data-fancybox]).inverse::after,
.flex-wrap a:active:not(.btn):not([data-fancybox]).inverse::after,
.flex-wrap a:link:not(.btn):not([data-fancybox]).inverse::after {
  display: none;
}

.site-menu .side a:not(.btn):not([data-fancybox]):hover::after,
.site-menu .side a:not(.btn):not([data-fancybox]):focus::after,
.site-menu .side a:active:not(.btn):not([data-fancybox]):hover::after,
.site-menu .side a:active:not(.btn):not([data-fancybox]):focus::after,
.site-menu .side a:link:not(.btn):not([data-fancybox]):hover::after,
.site-menu .side a:link:not(.btn):not([data-fancybox]):focus::after,
.main-content-wrap a:not(.btn):not([data-fancybox]):hover::after,
.main-content-wrap a:not(.btn):not([data-fancybox]):focus::after,
.main-content-wrap a:active:not(.btn):not([data-fancybox]):hover::after,
.main-content-wrap a:active:not(.btn):not([data-fancybox]):focus::after,
.main-content-wrap a:link:not(.btn):not([data-fancybox]):hover::after,
.main-content-wrap a:link:not(.btn):not([data-fancybox]):focus::after,
.contact-details-wrap a:not(.btn):not([data-fancybox]):hover::after,
.contact-details-wrap a:not(.btn):not([data-fancybox]):focus::after,
.contact-details-wrap a:active:not(.btn):not([data-fancybox]):hover::after,
.contact-details-wrap a:active:not(.btn):not([data-fancybox]):focus::after,
.contact-details-wrap a:link:not(.btn):not([data-fancybox]):hover::after,
.contact-details-wrap a:link:not(.btn):not([data-fancybox]):focus::after,
.day-in-the-life a:not(.btn):not([data-fancybox]):hover::after,
.day-in-the-life a:not(.btn):not([data-fancybox]):focus::after,
.day-in-the-life a:active:not(.btn):not([data-fancybox]):hover::after,
.day-in-the-life a:active:not(.btn):not([data-fancybox]):focus::after,
.day-in-the-life a:link:not(.btn):not([data-fancybox]):hover::after,
.day-in-the-life a:link:not(.btn):not([data-fancybox]):focus::after,
.flex-wrap a:not(.btn):not([data-fancybox]):hover::after,
.flex-wrap a:not(.btn):not([data-fancybox]):focus::after,
.flex-wrap a:active:not(.btn):not([data-fancybox]):hover::after,
.flex-wrap a:active:not(.btn):not([data-fancybox]):focus::after,
.flex-wrap a:link:not(.btn):not([data-fancybox]):hover::after,
.flex-wrap a:link:not(.btn):not([data-fancybox]):focus::after {
  width: 0;
}

ul {
  margin: 1em 0;
  padding-left: 20px;
}

strong {
  font-family: 'NimbusSan-Bol';
  font-weight: 400;
}

.site-wrap {
  background: #FFFFFF;
}

.page-load-slide {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #16C18F;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: -webkit-transform 0.5s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.5s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.5s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.5s cubic-bezier(1, 0, 0, 1);
  transition-delay: .5s;
  will-change: transform;
}

.page-load-slide.slide-in {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.logo {
  position: absolute !important;
  z-index: 1000;
  top: 0;
  left: 4vw;
  width: 20vw;
  height: 20vw;
  min-width: 80px;
  min-height: 80px;
  max-width: 145px;
  max-height: 145px;
  background: #16C18F;
  padding: 10px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (min-width: 48em) {
  .logo {
    padding: 17px;
  }
}

.logo .logo-content {
  margin: 0;
  line-height: 1;
  font-size: 12px;
}

.logo .logo-content .logo-text {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -10000em;
}

.logo .logo-content .logo-image {
  width: 100%;
  max-width: 111px;
  max-height: 23px;
}

.footer-call-to-action {
  position: relative;
  z-index: 1;
  color: #FFFFFF;
  text-align: center;
  padding: 100px 4vw;
  background: #24364d;
  -webkit-animation: BackgroundAnimation 20s ease infinite;
  animation: BackgroundAnimation 20s ease infinite;
}

@media (min-width: 48em) {
  .footer-call-to-action {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

.footer-call-to-action p {
  margin: 30px 0 50px;
  font-size: 16px;
}

@media (min-width: 48em) {
  .footer-call-to-action p {
    font-size: 20px;
  }
}

@-webkit-keyframes BackgroundAnimation {
  0% {
    background-color: #24364d;
  }

  25% {
    background-color: #19795d;
  }

  50% {
    background-color: #24364d;
  }

  75% {
    background-color: #1bc895;
  }

  100% {
    background-color: #24364d;
  }
}

@keyframes BackgroundAnimation {
  0% {
    background-color: #24364d;
  }

  25% {
    background-color: #19795d;
  }

  50% {
    background-color: #24364d;
  }

  75% {
    background-color: #1bc895;
  }

  100% {
    background-color: #24364d;
  }
}

.main-content-wrap {
  padding: 0 4vw;
  overflow: hidden;
}

.main-content-wrap > .full-width {
  margin-left: -4vw;
  margin-right: -4vw;
}

.main-content-wrap-green {
  background-color: #16C18F;
  color: #FFFFFF;
}

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

.content-container-s,
.content-container-m,
.content-container-l,
.content-container-xl {
  margin: 0 auto;
}

.content-container-s.content-container-s,
.content-container-m.content-container-s,
.content-container-l.content-container-s,
.content-container-xl.content-container-s {
  max-width: 750px;
}

.content-container-s.content-container-m,
.content-container-m.content-container-m,
.content-container-l.content-container-m,
.content-container-xl.content-container-m {
  max-width: 940px;
}

.content-container-s.content-container-l,
.content-container-m.content-container-l,
.content-container-l.content-container-l,
.content-container-xl.content-container-l {
  max-width: 1130px;
}

.content-container-s.content-container-xl,
.content-container-m.content-container-xl,
.content-container-l.content-container-xl,
.content-container-xl.content-container-xl {
  max-width: 1320px;
}

.content-container {
  margin: 50px auto;
}

@media (min-width: 48em) {
  .content-container {
    margin: 100px auto;
  }
}

.content-container:not(.text-center):not(.no-first-letter) p.featured + p,
.content-container:not(.text-center):not(.no-first-letter) p:first-of-type:not(.featured) {
  position: relative;
}

.content-container:not(.text-center):not(.no-first-letter) p.featured + p:first-letter,
.content-container:not(.text-center):not(.no-first-letter) p:first-of-type:not(.featured):first-letter {
  font-size: 50px;
  font-family: 'NimbusSan-Bol';
  float: left;
  line-height: 1;
  margin-right: 10px;
}

@media (min-width: 48em) {
  .content-container:not(.text-center):not(.no-first-letter) p.featured + p:first-letter,
  .content-container:not(.text-center):not(.no-first-letter) p:first-of-type:not(.featured):first-letter {
    font-size: 64px;
  }
}

.content-container.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.content-container.text-center {
  text-align: center;
}

.content-container .text > *:first-child {
  margin-top: 0;
}

.content-container .text > *:last-child {
  margin-bottom: 0;
}

.btn {
  display: inline-block;
  min-width: 200px;
  padding: 15px 20px;
  border: 1px solid #16C18F;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  font-size: 18px;
  font-family: 'NimbusSan-Bol';
  font-weight: 400;
  color: #16C18F;
  transition: all .3s ease;
}

.btn:hover {
  background: #16C18F;
  color: #FFFFFF;
}

.btn.white {
  color: #FFFFFF;
  border-color: #FFFFFF;
}

.btn.white:hover {
  background: #2D3238;
  border-color: #2D3238;
  color: #16C18F;
}

.btn-over-image {
  position: relative;
  display: inline-block;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 50px;
  width: 54px;
  padding: 0 20px;
  font-size: 18px;
  font-family: 'NimbusSan-Bol';
  font-weight: 400;
  overflow: hidden;
  transition: width .3s ease;
}

.btn-over-image::after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-over-image.btn-read-more::after {
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/base/white-arrow.svg");
  background-size: 12px 20px;
  width: 12px;
  height: 20px;
  right: 20px;
}

.btn-over-image.btn-visit-site::after {
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/base/white-link.svg");
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  right: 16px;
}

.btn-over-image span {
  display: block;
  margin-left: -100px;
  opacity: 0;
  transition: margin-left .3s ease, opacity .3s ease;
}

.btn-over-image:hover {
  width: 175px;
}

.btn-over-image:hover span {
  margin-left: 0;
  opacity: 1;
}

.hidden {
  display: none;
}

.image-list {
  overflow: hidden;
}

.image-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -1px -1px 0;
  padding: 0;
}

.image-list ul li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px 15px;
}

@media (min-width: 31.25em) {
  .image-list ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 48em) {
  .image-list ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    max-width: 25%;
    padding: 50px 15px;
  }
}

.image-list ul li:empty {
  height: 0;
  border: none;
}

.list-view {
  margin: 40px 0;
}

.list-view ul {
  list-style: none;
  margin: 0 -20px;
  padding: 0;
}

.list-view ul li {
  border-top: 1px solid #E1E1E1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px 0;
}

.list-view ul li:last-child {
  border-bottom: 1px solid #E1E1E1;
}

.list-view ul li div {
  padding: 0 20px;
}

@media (max-width: 47.99em) {
  .list-view ul li div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
}

.list-view ul li div:first-child {
  font-family: "NimbusSan-Bol", Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #16C18F;
}

.list-view ul li div:last-child {
  font-family: "NimbusSan-Reg", Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #2D3238;
}

form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=url],
form textarea,
form select,
form button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 0;
}

form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=url],
form textarea {
  color: #FFFFFF;
}

form input[type=text].placeholder,
form input[type=email].placeholder,
form input[type=tel].placeholder,
form input[type=url].placeholder,
form textarea.placeholder {
  color: #FFFFFF;
}

form input[type=text]:-moz-placeholder,
form input[type=email]:-moz-placeholder,
form input[type=tel]:-moz-placeholder,
form input[type=url]:-moz-placeholder,
form textarea:-moz-placeholder {
  color: #FFFFFF;
}

form input[type=text]::-moz-placeholder,
form input[type=email]::-moz-placeholder,
form input[type=tel]::-moz-placeholder,
form input[type=url]::-moz-placeholder,
form textarea::-moz-placeholder {
  color: #FFFFFF;
}

form input[type=text]:-ms-input-placeholder,
form input[type=email]:-ms-input-placeholder,
form input[type=tel]:-ms-input-placeholder,
form input[type=url]:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
  color: #FFFFFF;
}

form input[type=text]::-webkit-input-placeholder,
form input[type=email]::-webkit-input-placeholder,
form input[type=tel]::-webkit-input-placeholder,
form input[type=url]::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
  color: #FFFFFF;
}

form :-webkit-autofill,
form :-webkit-autofill:hover,
form :-webkit-autofill:focus {
  border: 0;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: none;
}

.form {
  position: relative;
  background: #1bc895;
  text-align: center;
  overflow: hidden;
  transition: height .3s ease;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 600px) {
  .form {
    padding-top: calc(10vw - 20px);
  }
}

@media screen and (min-width: 1200px) {
  .form {
    padding-top: 100px;
  }
}

@media screen and (min-width: 600px) {
  .form {
    padding-bottom: calc(10vw - 20px);
  }
}

@media screen and (min-width: 1200px) {
  .form {
    padding-bottom: 100px;
  }
}

.form .form-intro {
  margin: 0 auto;
  max-width: 768px;
  padding: 0 15px;
}

.form form {
  margin: 40px auto;
  max-width: 600px;
  text-align: left;
}

.form .input {
  margin: 0 0 20px;
  position: relative;
}

.form .input label {
  line-height: 1;
  transition: all .2s ease;
}

.form .input input,
.form .input textarea,
.form .input select {
  border-bottom: 1px solid #000000;
  outline: 0;
  padding: 15px 20px;
  position: relative;
  width: 100%;
  z-index: 2;
}

.form .input textarea {
  border: 1px solid #000000;
  margin: 20px 0 0;
  max-width: 100%;
}

.form .input input + label {
  font-family: "NimbusSan-Reg", Helvetica, Arial, sans-serif;
  left: 20px;
  position: absolute;
  top: 10px;
  z-index: 1;
}

.form .input input:focus + label,
.form .input input.has-value + label {
  font-size: 14px;
  top: -5px;
}

.form .input .error {
  color: #f6ff80;
  display: block !important;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin: -20px 0 0 20px;
  opacity: 0;
  transition: all .2s ease;
}

.form .input.textarea {
  margin: 40px 0;
}

.form .input.textarea label {
  margin: 0 0 0 20px;
}

.form .input.select {
  position: relative;
  z-index: 1;
}

.form .input.select::after {
  content: url("/ResourcePackages/Equilibrium/assets/dist/images/base/white-arrow.svg");
  display: block;
  position: absolute;
  bottom: 20px;
  height: 20px;
  right: 10px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 10px;
}

.form .input.select label {
  font-size: 14px;
  left: 20px;
  position: absolute;
  top: -5px;
  z-index: 1;
}

.form .input.select select {
  color: #FFFFFF;
}

.form .input.file {
  position: relative;
  z-index: 1;
}

.form .input.file::after {
  content: "+";
  display: block;
  position: absolute;
  bottom: 20px;
  color: #FFFFFF;
  font-size: 38px;
  right: 0;
}

.form .input.file input[type=file] {
  opacity: 0;
  overflow: hidden;
  z-index: 1;
}

.form .input.error .error {
  opacity: 1;
  display: block;
  margin-top: 5px;
  color: #1a5f4b;
  font-family: 'NimbusSan-Bol';
}

.form .submit {
  margin: 40px 0 0;
  text-align: center;
}

.form .form-wrap {
  display: none;
}

.form .form-wrap.visible {
  display: block;
}

.form .form-loader {
  display: none;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1bc895;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.form .form-loader.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form .form-loader .mailman img {
  display: block;
  margin: 0 auto;
}

.form .form-success {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.form .form-success.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form .form-success img {
  max-width: 337px;
}

.btn-menu {
  position: absolute;
  z-index: 1002;
  top: 0 !important;
  right: 0px !important;
  background: none;
  border: none;
  padding: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media (min-width: 48em) {
  .btn-menu {
    right: 4vw !important;
    top: 1vw !important;
  }
}

.btn-menu svg {
  width: 70px;
}

.btn-menu svg path {
  stroke: #FFFFFF;
  transition: all .7s ease;
}

.dark-menu .btn-menu svg path {
  stroke: #1e2227;
}

.btn-menu svg path.burger-top,
.btn-menu svg path.burger-bottom {
  stroke-dasharray: 62px 463px;
}

.btn-menu svg path.burger-top.burger-top,
.btn-menu svg path.burger-bottom.burger-top {
  stroke-dashoffset: 189px;
}

.btn-menu svg path.burger-top.burger-bottom,
.btn-menu svg path.burger-bottom.burger-bottom {
  stroke-dashoffset: 74px;
}

.btn-menu svg path.burger-middle {
  transition-duration: .2s;
  transition-delay: .5s;
}

.btn-menu.open {
  position: fixed;
}

.btn-menu.open svg path {
  stroke: #FFFFFF;
}

.btn-menu.open svg path.burger-top,
.btn-menu.open svg path.burger-bottom {
  stroke-dasharray: 60px 462px;
  stroke-dashoffset: 520px;
}

.btn-menu.open svg path.burger-middle {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  transition-delay: 0s;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .btn-menu.open svg path.burger-middle {
    display: none;
  }
}

.site-menu {
  background: #1C1D1D;
  padding: 5vh 5vw;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow-y: hidden;
  transition: opacity .2s ease;
  z-index: -1;
}

@media (min-width: 64em) {
  .site-menu {
    padding: 8vh 8vw;
  }
}

@media (min-width: 75em) {
  .site-menu {
    padding: 10vh 10vw;
  }
}

.site-menu.open {
  opacity: 1;
}

.site-menu.show {
  z-index: 1001;
}

.site-menu .inner {
  max-width: 1280px;
  margin: 0 auto;
}

@media (min-width: 48em) {
  .site-menu .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
}

.site-menu .inner nav {
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 47.99em) {
  .site-menu .inner nav {
    margin: 0 0 30px;
    padding: 0 40px 0 0;
  }
}

@media (min-width: 23.4375em) and (max-width: 47.99em) {
  .site-menu .inner nav {
    margin-bottom: 40px;
  }
}

@media (min-width: 48em) {
  .site-menu .inner nav {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
}

.site-menu .inner nav > div {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

@media (max-width: 47.99em) and (orientation: landscape) {
  .site-menu .inner nav > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}

@media (min-width: 75em) {
  .site-menu .inner nav > div {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 0 100% !important;
    flex: 1 0 100% !important;
  }
}

@media (max-width: 47.99em) {
  .site-menu .inner nav > div:not(:last-child) {
    margin: 0 20px 20px 0;
  }
}

@media (max-width: 47.99em) and (orientation: landscape) {
  .site-menu .inner nav > div:not(:last-child) {
    margin: 0 40px 10px 0;
  }
}

@media (min-width: 23.4375em) and (max-width: 47.99em) {
  .site-menu .inner nav > div:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media (min-width: 48em) {
  .site-menu .inner nav > div:not(:last-child) {
    margin-bottom: 5vh;
    margin-right: 0;
  }
}

@media screen and (min-width: 48em) and (min-width: 768px) {
  .site-menu .inner nav > div:not(:last-child) {
    margin-right: calc(7.2016460905vw - 55.3086419753px);
  }
}

@media screen and (min-width: 48em) and (min-width: 912px) {
  .site-menu .inner nav > div:not(:last-child) {
    margin-right: calc(13.3744855967vw - 111.604938272px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1056px) {
  .site-menu .inner nav > div:not(:last-child) {
    margin-right: calc(7.2016460905vw - 46.4197530864px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1200px) {
  .site-menu .inner nav > div:not(:last-child) {
    margin-right: 40px;
  }
}

@media (min-width: 75em) {
  .site-menu .inner nav > div:not(:last-child) {
    margin-bottom: 4vh;
  }
}

.site-menu .inner nav a {
  color: #FFFFFF;
  display: block;
  position: relative;
  text-decoration: none;
}

@media (min-width: 75em) {
  .site-menu .inner nav a {
    display: inline-block;
  }
}

.site-menu .inner nav a div {
  font-family: 'AbrilText-SemiBold';
  line-height: 1;
  margin: 0 0 30px;
  opacity: 0.5;
  transition: opacity .4s ease;
  font-size: 30px;
  margin-bottom: 0;
}

@media screen and (min-width: 600px) {
  .site-menu .inner nav a div {
    font-size: calc(9.2592592593vw - 25.5555555556px);
  }
}

@media screen and (min-width: 656px) {
  .site-menu .inner nav a div {
    font-size: calc(17.1957671958vw - 77.619047619px);
  }
}

@media screen and (min-width: 712px) {
  .site-menu .inner nav a div {
    font-size: calc(9.2592592593vw - 21.1111111111px);
  }
}

@media screen and (min-width: 768px) {
  .site-menu .inner nav a div {
    font-size: 50px;
  }
}

@media screen and (min-width: 600px) {
  .site-menu .inner nav a div {
    margin-bottom: calc(2.5925925926vw - 15.5555555556px);
  }
}

@media screen and (min-width: 800px) {
  .site-menu .inner nav a div {
    margin-bottom: calc(4.8148148148vw - 33.3333333333px);
  }
}

@media screen and (min-width: 1000px) {
  .site-menu .inner nav a div {
    margin-bottom: calc(2.5925925926vw - 11.1111111111px);
  }
}

@media screen and (min-width: 1200px) {
  .site-menu .inner nav a div {
    margin-bottom: 20px;
  }
}

@media (min-width: 48em) {
  .site-menu .inner nav a div {
    font-size: 50px;
  }
}

@media screen and (min-width: 48em) and (min-width: 768px) {
  .site-menu .inner nav a div {
    font-size: calc(1.8004115226vw + 36.1728395062px);
  }
}

@media screen and (min-width: 48em) and (min-width: 912px) {
  .site-menu .inner nav a div {
    font-size: calc(3.3436213992vw + 22.0987654321px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1056px) {
  .site-menu .inner nav a div {
    font-size: calc(1.8004115226vw + 38.3950617284px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1200px) {
  .site-menu .inner nav a div {
    font-size: 60px;
  }
}

@media (min-width: 75em) {
  .site-menu .inner nav a div {
    font-size: 4vw;
  }
}

.site-menu .inner nav a span {
  display: none;
  color: #16C18F;
  line-height: 1.2;
  margin: .5em 0 0;
  font-size: 14px;
}

@media screen and (min-width: 600px) {
  .site-menu .inner nav a span {
    font-size: calc(1.037037037vw + 7.7777777778px);
  }
}

@media screen and (min-width: 800px) {
  .site-menu .inner nav a span {
    font-size: calc(1.9259259259vw + 0.6666666667px);
  }
}

@media screen and (min-width: 1000px) {
  .site-menu .inner nav a span {
    font-size: calc(1.037037037vw + 9.5555555556px);
  }
}

@media screen and (min-width: 1200px) {
  .site-menu .inner nav a span {
    font-size: 22px;
  }
}

@media (min-width: 48em) {
  .site-menu .inner nav a span {
    display: block;
  }
}

.site-menu .inner nav a::before {
  background: #16C18F;
  content: '';
  height: 7px;
  opacity: 0;
  position: absolute;
  width: 50px;
  top: -15%;
  transition: opacity .4s ease;
  height: 5px;
}

@media screen and (min-width: 600px) {
  .site-menu .inner nav a::before {
    height: calc(0.3333333333vw + 3px);
  }
}

@media screen and (min-width: 1200px) {
  .site-menu .inner nav a::before {
    height: 7px;
  }
}

.site-menu .inner nav a:hover div,
.site-menu .inner nav a:hover::before {
  opacity: 1;
}

.site-menu .inner .side {
  color: #FFFFFF;
  position: relative;
}

@media (max-width: 47.99em) {
  .site-menu .inner .side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
  }

  .site-menu .inner .side > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 15px;
  }
}

@media (min-width: 48em) {
  .site-menu .inner .side {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 15vh 0 5vh 40px;
  }
}

@media (min-width: 64em) {
  .site-menu .inner .side {
    padding: 10vh 0 5vh 40px;
  }
}

@media (min-width: 75em) {
  .site-menu .inner .side {
    padding: 0 0 0 40px;
  }
}

@media (max-width: 47.99em) {
  .site-menu .inner .side .contact-details {
    margin: 0 0 30px;
  }
}

@media (min-width: 48em) {
  .site-menu .inner .side .contact-details {
    text-align: right;
  }
}

.site-menu .inner .side .contact-details address {
  font-style: normal;
  line-height: 1.2;
}

@media (min-width: 48em) {
  .site-menu .inner .side .other-things {
    bottom: 0;
    position: absolute;
    right: 0;
    text-align: right;
  }
}

.site-menu .inner .side .other-things .career-opportunities span {
  color: #16C18F;
  font-weight: bold;
}

.site-menu .inner .side .other-things .social-links {
  margin: 30px 0 0;
}

.site-menu .inner .side .other-things .social-links a {
  display: inline-block;
  opacity: 0.5;
  transition: opacity .4s ease;
  width: 25px;
}

.site-menu .inner .side .other-things .social-links a:not(:last-child) {
  margin: 0 10px 0 0;
}

.site-menu .inner .side .other-things .social-links a::after {
  display: none;
}

.site-menu .inner .side .other-things .social-links a:hover,
.site-menu .inner .side .other-things .social-links a:focus {
  opacity: 1;
}

.grid-link-wrap {
  background: #2D3238;
}

@media (min-width: 48em) and (max-width: 74.99em) {
  .grid-link-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 75em) {
  .grid-link-wrap::after {
    content: '';
    display: table;
    clear: both;
  }
}

.grid-link-wrap .grid-link {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
}

@media (min-width: 48em) and (max-width: 74.99em) {
  .grid-link-wrap .grid-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 75em) {
  .grid-link-wrap .grid-link {
    float: left;
    width: 50%;
    height: 50vh;
  }

  .grid-link-wrap .grid-link:nth-child(6n+1),
  .grid-link-wrap .grid-link:nth-child(6n+4) {
    height: 100vh;
  }

  .grid-link-wrap .grid-link:nth-child(6n+1):nth-child(6n+4),
  .grid-link-wrap .grid-link:nth-child(6n+4):nth-child(6n+4) {
    float: right;
  }

  .grid-link-wrap .grid-link:nth-child(6n+1) a,
  .grid-link-wrap .grid-link:nth-child(6n+4) a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #FFFFFF;
  }

  .grid-link-wrap .grid-link:nth-child(6n+1) a .text,
  .grid-link-wrap .grid-link:nth-child(6n+4) a .text {
    padding: 8vw;
  }

  .grid-link-wrap .grid-link:nth-child(6n+1) a .text .title,
  .grid-link-wrap .grid-link:nth-child(6n+4) a .text .title {
    font-size: 50px;
  }

  .grid-link-wrap .grid-link:nth-child(6n+1) a .description,
  .grid-link-wrap .grid-link:nth-child(6n+4) a .description {
    display: none;
  }

  .grid-link-wrap .grid-link:not(:nth-child(6n+1)):not(:nth-child(6n+4)) a .text,
  .grid-link-wrap .grid-link:not(:nth-child(6n+1)):not(:nth-child(6n+4)) a .image {
    width: 50%;
  }

  .grid-link-wrap .grid-link:not(:nth-child(6n+1)):not(:nth-child(6n+4)) a .text.text,
  .grid-link-wrap .grid-link:not(:nth-child(6n+1)):not(:nth-child(6n+4)) a .image.text {
    margin-left: 50%;
  }

  .grid-link-wrap .grid-link:not(:nth-child(6n+1)):not(:nth-child(6n+4)) a .text.image::before,
  .grid-link-wrap .grid-link:not(:nth-child(6n+1)):not(:nth-child(6n+4)) a .image.image::before {
    content: '';
    position: absolute;
    top: 20%;
    right: 0;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 30px solid #FFFFFF;
  }

  .grid-link-wrap .grid-link:not(:nth-child(6n+1)):not(:nth-child(6n+4)):nth-child(6n+2) a .text,
  .grid-link-wrap .grid-link:not(:nth-child(6n+1)):not(:nth-child(6n+4)):nth-child(6n+6) a .text {
    margin: 0;
  }

  .grid-link-wrap .grid-link:not(:nth-child(6n+1)):not(:nth-child(6n+4)):nth-child(6n+2) a .description,
  .grid-link-wrap .grid-link:not(:nth-child(6n+1)):not(:nth-child(6n+4)):nth-child(6n+6) a .description {
    left: 50%;
  }

  .grid-link-wrap .grid-link:not(:nth-child(6n+1)):not(:nth-child(6n+4)):nth-child(6n+2) a .image,
  .grid-link-wrap .grid-link:not(:nth-child(6n+1)):not(:nth-child(6n+4)):nth-child(6n+6) a .image {
    left: 50%;
  }

  .grid-link-wrap .grid-link:not(:nth-child(6n+1)):not(:nth-child(6n+4)):nth-child(6n+2) a .image::before,
  .grid-link-wrap .grid-link:not(:nth-child(6n+1)):not(:nth-child(6n+4)):nth-child(6n+6) a .image::before {
    left: 0;
    right: auto;
    border-right: none;
    border-left: 30px solid #FFFFFF;
  }
}

.grid-link-wrap .grid-link a {
  display: block;
  text-decoration: none;
  height: 100%;
  color: #FFFFFF;
}

@media (max-width: 74.99em) {
  .grid-link-wrap .grid-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 50vh;
  }
}

@media (min-width: 75em) {
  .grid-link-wrap .grid-link a {
    color: #2D3238;
    transition: background .3s ease, color .3s ease;
  }
}

.grid-link-wrap .grid-link a .text {
  padding: 4vw;
}

@media (min-width: 75em) {
  .grid-link-wrap .grid-link a .text {
    padding: 2vw;
  }
}

@media (min-width: 87.5em) {
  .grid-link-wrap .grid-link a .text {
    padding: 4vw;
  }
}

.grid-link-wrap .grid-link a .text .tag {
  margin: 0;
  transition: color .3s ease;
}

.grid-link-wrap .grid-link a .text .title {
  position: relative;
  font-family: "AbrilText-SemiBold", Georgia, "Times New Roman", Times, serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.2;
  margin: .5em 0 0;
  transition: color .3s ease;
  padding-bottom: 50px;
}

.grid-link-wrap .grid-link a .text .title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/base/green-arrow.svg");
  background-size: 12px 19px;
  width: 12px;
  height: 19px;
  transition: margin-left .3s ease, opacity .3s ease;
}

.grid-link-wrap .grid-link a .text .title::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/base/gunmetal-arrow.svg");
  background-size: 12px 19px;
  width: 12px;
  height: 19px;
  margin-left: -20px;
  opacity: 0;
  transition: margin-left .3s ease, opacity .3s ease;
}

.grid-link-wrap .grid-link a .text .date {
  display: none;
}

@media (min-width: 75em) {
  .grid-link-wrap .grid-link a .text .date {
    opacity: 0;
    display: block;
    margin-top: 20px;
    color: #2D3238;
    font-family: "NimbusSan-Bol", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    transition: opacity .3s ease;
  }
}

.grid-link-wrap .grid-link a .description {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 4vw;
  width: 50%;
  opacity: 0;
  margin-left: -20px;
  transition: opacity .3s ease, margin-left .3s ease;
}

@media (min-width: 75em) {
  .grid-link-wrap .grid-link a .description {
    display: block;
  }
}

.grid-link-wrap .grid-link a .image {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-size: cover;
}

@media (min-width: 75em) {
  .grid-link-wrap .grid-link a:hover {
    background: #16C18F;
  }

  .grid-link-wrap .grid-link a:hover .text {
    color: #2D3238;
  }

  .grid-link-wrap .grid-link a:hover .text .tag {
    color: #2D3238;
  }

  .grid-link-wrap .grid-link a:hover .text .title::after {
    margin-left: 20px;
    opacity: 0;
  }

  .grid-link-wrap .grid-link a:hover .text .title::before {
    margin-left: 0;
    opacity: 1;
  }

  .grid-link-wrap .grid-link a:hover .text .date {
    opacity: 1;
  }

  .grid-link-wrap .grid-link a:hover .description {
    opacity: 1;
    margin-left: 0;
  }
}

.page-header {
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 30vw 4vw 10vw;
  overflow: hidden;
}

@media (min-width: 48em) {
  .page-header {
    padding-top: 200px;
    padding-bottom: 150px;
  }
}

.page-header .content {
  position: relative;
  padding-top: 30px;
}

@media (min-width: 48em) {
  .page-header .content {
    padding-top: 50px;
  }
}

.page-header .content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 46px;
  height: 7px;
  background: #16C18F;
}

.page-header .content h1,
.page-header .content h2 {
  margin: 0;
  font-family: 'AbrilText-SemiBold';
  font-size: 30px;
  overflow: hidden;
  font-weight: 400;
}

@media (min-width: 48em) {
  .page-header .content h1,
  .page-header .content h2 {
    font-size: 40px;
  }
}

@media (min-width: 64em) {
  .page-header .content h1,
  .page-header .content h2 {
    font-size: 60px;
  }
}

.page-header.full-screen {
  position: relative;
  z-index: 1;
  background: #2D3238;
  height: 70vh;
  padding-top: 0;
  padding-bottom: 0;
  color: #FFFFFF;
  -webkit-animation: page-header-height 2s ease-in-out;
  animation: page-header-height 2s ease-in-out;
}

.page-header.full-screen:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(160deg, rgba(40, 64, 97, 0) 25%, rgba(22, 193, 143, 0.5) 75%);
  opacity: .7;
}

.page-header.has-image {
  background-position: 50%;
  background-size: cover;
}

@media (min-width: 48em) {
  .page-header.has-image {
    background-attachment: fixed;
  }
}

.page-header.has-image:before {
  display: none;
}

.page-header.has-dual-heading .content {
  padding: 0;
}

.page-header.has-dual-heading .content:before {
  display: none;
}

.page-header.has-dual-heading .content h1 {
  margin-bottom: 20px;
  color: #16C18F;
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'NimbusSan-Bol';
  line-height: 1;
}

@media (min-width: 48em) {
  .page-header.has-dual-heading .content h1 {
    margin-bottom: 30px;
    font-size: 18px;
  }
}

.page-header.white-h1 .content h1 {
  color: white;
}

.page-header.case-study {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
  padding: 50px 4vw;
}

@media (min-width: 48em) {
  .page-header.case-study {
    padding: 175px 8vw 4vw;
  }
}

@media (min-width: 75em) {
  .page-header.case-study {
    padding: 4vw 8vw;
  }
}

@media (min-width: 64em) {
  .page-header.case-study .content {
    position: static;
    max-width: 70%;
  }
}

.page-header.case-study .content h2 {
  color: #FFFFFF;
  font-family: 'AbrilText-SemiBold';
  font-weight: 400;
  line-height: 1.2em;
}

@media (min-width: 48em) {
  .page-header.case-study .content h2 {
    font-size: 60px;
  }
}

@media (min-width: 64em) {
  .page-header.case-study .content h2 {
    font-size: 80px;
  }
}

.page-header.case-study .content .btn-visit-site {
  margin-top: 30px;
}

@media (min-width: 64em) {
  .page-header.case-study .content .btn-visit-site {
    position: absolute;
    bottom: 4vw;
    right: 4vw;
    margin: 0;
  }
}

.page-header.dark-header {
  background: #2D3238;
  color: #FFFFFF;
}

.page-header.slide-in:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #16C18F;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-animation: headerSlide 1s cubic-bezier(1, 0, 0, 1);
  animation: headerSlide 1s cubic-bezier(1, 0, 0, 1);
}

.page-header.slide-in .content h1 {
  -webkit-animation: headerH1 1s ease-in-out;
  animation: headerH1 1s ease-in-out;
}

.page-header.slide-in .content h2 {
  -webkit-animation: headerH2 1.25s ease-in-out;
  animation: headerH2 1.25s ease-in-out;
}

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

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

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

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@-webkit-keyframes headerH1 {
  0% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes headerH1 {
  0% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes headerH2 {
  0% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
  }

  25% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes headerH2 {
  0% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
  }

  25% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes page-header-height {
  0%, 75% {
    height: 100vh;
  }

  100% {
    height: 70vh;
  }
}

@keyframes page-header-height {
  0%, 75% {
    height: 100vh;
  }

  100% {
    height: 70vh;
  }
}

.site-footer {
  text-align: center;
  padding: 25px 4vw;
}

@media (min-width: 48em) {
  .site-footer {
    /*position: fixed;
        z-index: -1;
        left: 0; right: 0; bottom: 0;*/
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    height: 80px;
  }
}

.site-footer .logo-wrap {
  margin-bottom: 25px;
}

@media (max-width: 47.99em) {
  .site-footer .logo-wrap {
    margin: 0 0 10px;
  }
}

@media (min-width: 48em) {
  .site-footer .logo-wrap {
    margin: 0;
  }
}

.site-footer .logo-wrap .logo-footer {
  width: 126px;
}

@media (min-width: 48em) {
  .site-footer .logo-wrap .logo-footer {
    display: block;
  }
}

.site-footer .footer-navigation .copyright {
  color: #1C1D1D;
  font-family: "NimbusSan-Reg", Helvetica, Arial, sans-serif;
  font-size: 16px;
}

@media (max-width: 47.99em) {
  .site-footer .footer-navigation .copyright {
    display: block;
  }
}

.site-footer .footer-navigation ul {
  margin: 0;
  padding: 0;
}

@media (max-width: 47.99em) {
  .site-footer .footer-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 0;
  }
}

@media (min-width: 48em) {
  .site-footer .footer-navigation ul {
    display: inline;
  }
}

.site-footer .footer-navigation ul li {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: 'NimbusSan-Reg';
  font-size: 16px;
  position: relative;
}

.site-footer .footer-navigation ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 14px;
  width: 1px;
  background: #A3A3A3;
}

@media (min-width: 48em) {
  .site-footer .footer-navigation ul li {
    padding-left: 15px;
    margin-left: 15px;
  }
}

@media (min-width: 64em) {
  .site-footer .footer-navigation ul li {
    margin-left: 25px;
    padding-left: 25px;
  }
}

.site-footer .footer-navigation ul li a {
  color: #A3A3A3;
  display: block;
  text-decoration: none;
  padding: 5px;
  position: relative;
}

@media (min-width: 48em) {
  .site-footer .footer-navigation ul li a {
    padding: 0;
  }
}

.site-footer .footer-navigation ul li a::after {
  content: "";
  display: block;
  position: absolute;
  background: #2D3238;
  height: 1px;
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 0;
  transition: all .2s ease;
}

.site-footer .footer-navigation ul li a.inverse::after {
  display: none;
}

.site-footer .footer-navigation ul li a:hover::after,
.site-footer .footer-navigation ul li a:focus::after {
  width: 100%;
}

.site-footer .footer-navigation ul li:first-child::before {
  display: none;
}

.call-to-action {
  color: #FFFFFF;
  padding: 50px 0;
  position: relative;
  z-index: 1;
}

.call-to-action::before {
  content: "";
  display: block;
  position: absolute;
  background: #2D3238;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .call-to-action {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .call-to-action {
    padding-top: calc(22.095959596vw - 176.262626263px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .call-to-action {
    padding-top: calc(41.0353535354vw - 381.313131313px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .call-to-action {
    padding-top: calc(22.095959596vw - 165.151515152px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .call-to-action {
    padding-top: 100px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .call-to-action {
    padding-bottom: calc(22.095959596vw - 176.262626263px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .call-to-action {
    padding-bottom: calc(41.0353535354vw - 381.313131313px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .call-to-action {
    padding-bottom: calc(22.095959596vw - 165.151515152px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .call-to-action {
    padding-bottom: 100px;
  }
}

.call-to-action .tag {
  font-family: "NimbusSan-Bol", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #16C18F;
  line-height: 1;
  margin: 0 0 20px;
  text-transform: uppercase;
}

.call-to-action .btn {
  margin: 20px 0 0;
}

.homepage-slide {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background: #2D3238;
}

.homepage-slide .homepage-intro {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 70vh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.animating .homepage-slide .homepage-intro {
  -webkit-animation: homepage-intro 10s 1 ease-in-out;
  animation: homepage-intro 10s 1 ease-in-out;
}

.homepage-slide .homepage-intro:before {
  content: '';
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #16C18F;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.animating .homepage-slide .homepage-intro:before {
  -webkit-animation: homepage-intro-slide 10s 1 cubic-bezier(1, 0, 0, 1);
  animation: homepage-intro-slide 10s 1 cubic-bezier(1, 0, 0, 1);
}

.homepage-slide .homepage-intro .homepage-intro-content {
  position: relative;
  z-index: 1;
  padding: 8vh 4vw;
}

.homepage-slide .homepage-intro .homepage-intro-content h1 {
  position: relative;
  margin: 0;
  color: #FFFFFF;
  font-family: 'AbrilText-Regular';
  font-weight: 400;
  font-size: 6vw;
  line-height: 1;
}

@media (min-width: 64em) {
  .homepage-slide .homepage-intro .homepage-intro-content h1 {
    font-size: 3vw;
  }
}

.animating .homepage-slide .homepage-intro .homepage-intro-content h1 {
  -webkit-animation: homepage-intro-heading 10s 1 ease-in-out;
  animation: homepage-intro-heading 10s 1 ease-in-out;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .animating .homepage-slide .homepage-intro .homepage-intro-content h1 {
    -webkit-animation: none;
    animation: none;
  }
}

.homepage-slide .homepage-intro .homepage-intro-content h1 span {
  display: block;
}

.homepage-slide .homepage-intro .homepage-intro-content h1 span.copy-first {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
}

.animating .homepage-slide .homepage-intro .homepage-intro-content h1 span.copy-first {
  -webkit-animation: homepage-intro-heading-first 10s 1 ease-in-out;
  animation: homepage-intro-heading-first 10s 1 ease-in-out;
}

.homepage-slide .homepage-intro .homepage-intro-content h1 span.copy-second {
  color: #16C18F;
}

.animating .homepage-slide .homepage-intro .homepage-intro-content h1 span.copy-second {
  -webkit-animation: homepage-intro-heading-second 10s 1 ease-in-out;
  animation: homepage-intro-heading-second 10s 1 ease-in-out;
}

.homepage-slide .homepage-intro .homepage-intro-content .read-article {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -4vh);
  transform: translate(-50%, -4vh);
  display: inline-block;
  padding-right: 20px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  font-family: 'NimbusSan-Bol';
}

@media (min-width: 64em) {
  .homepage-slide .homepage-intro .homepage-intro-content .read-article {
    font-size: 16px;
  }
}

.animating .homepage-slide .homepage-intro .homepage-intro-content .read-article {
  -webkit-animation: homepage-intro-read-article 10s 1 ease-in-out;
  animation: homepage-intro-read-article 10s 1 ease-in-out;
}

.homepage-slide .homepage-intro .homepage-intro-content .read-article:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/base/white-arrow.svg");
  background-size: 8px 13px;
  width: 8px;
  height: 13px;
}

.homepage-slide .homepage-intro .homepage-intro-content svg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 1014px;
  max-height: 228px;
}

.homepage-slide .homepage-intro .homepage-intro-content svg path.snake-white,
.homepage-slide .homepage-intro .homepage-intro-content svg path.snake-green,
.homepage-slide .homepage-intro .homepage-intro-content svg path.snake-grey {
  stroke-dasharray: 2445px;
  stroke-dashoffset: -2445px;
}

.animating .homepage-slide .homepage-intro .homepage-intro-content svg path.snake-white.snake-white,
.animating .homepage-slide .homepage-intro .homepage-intro-content svg path.snake-green.snake-white,
.animating .homepage-slide .homepage-intro .homepage-intro-content svg path.snake-grey.snake-white {
  -webkit-animation: homepage-intro-snake-white 10s 1 ease-in-out;
  animation: homepage-intro-snake-white 10s 1 ease-in-out;
}

.animating .homepage-slide .homepage-intro .homepage-intro-content svg path.snake-white.snake-green,
.animating .homepage-slide .homepage-intro .homepage-intro-content svg path.snake-green.snake-green,
.animating .homepage-slide .homepage-intro .homepage-intro-content svg path.snake-grey.snake-green {
  -webkit-animation: homepage-intro-snake-green 10s 1 ease-in-out;
  animation: homepage-intro-snake-green 10s 1 ease-in-out;
}

.animating .homepage-slide .homepage-intro .homepage-intro-content svg path.snake-white.snake-grey,
.animating .homepage-slide .homepage-intro .homepage-intro-content svg path.snake-green.snake-grey,
.animating .homepage-slide .homepage-intro .homepage-intro-content svg path.snake-grey.snake-grey {
  -webkit-animation: homepage-intro-snake-grey 10s 1 ease-in-out;
  animation: homepage-intro-snake-grey 10s 1 ease-in-out;
}

.animating .homepage-slide .homepage-intro .homepage-intro-content svg path.line-white {
  opacity: 0;
  -webkit-animation: homepage-intro-line-white 10s 1 ease-in-out;
  animation: homepage-intro-line-white 10s 1 ease-in-out;
}

.animating .homepage-slide .homepage-intro .homepage-intro-content svg path.line-green {
  -webkit-animation: homepage-intro-line-green 10s 1 ease-in-out;
  animation: homepage-intro-line-green 10s 1 ease-in-out;
}

.homepage-slide .homepage-case-study {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background: #2D3238;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: -webkit-transform 1s cubic-bezier(1, 0, 0, 1);
  transition: transform 1s cubic-bezier(1, 0, 0, 1);
  transition: transform 1s cubic-bezier(1, 0, 0, 1), -webkit-transform 1s cubic-bezier(1, 0, 0, 1);
  overflow: hidden;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-decoration: none;
  padding: 8vw 8vw 16vw 8vw;
  background-position: 50%;
  background-size: cover;
}

@media (min-width: 48em) {
  .homepage-slide .homepage-case-study {
    padding-bottom: 8vw;
  }
}

.homepage-slide .homepage-case-study:first-of-type {
  -webkit-transform: translateY(70%);
  transform: translateY(70%);
}

.animating .homepage-slide .homepage-case-study:first-of-type {
  -webkit-animation: homepage-first-case-study 10s 1 ease-in-out;
  animation: homepage-first-case-study 10s 1 ease-in-out;
}

@media (min-width: 64em) {
  .homepage-slide .homepage-case-study .content {
    max-width: 60%;
  }
}

.homepage-slide .homepage-case-study .content .tag {
  margin: 0 0 20px;
  color: #16C18F;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 400;
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
  opacity: 0;
  transition: all .5s ease-in-out;
  transition-delay: .2s;
  font-family: 'NimbusSan-Bol';
}

@media (min-width: 48em) {
  .homepage-slide .homepage-case-study .content .tag {
    margin-bottom: 30px;
  }
}

.homepage-slide .homepage-case-study .content .title {
  margin: 0 0 40px;
  color: #FFFFFF;
  font-family: 'AbrilText-SemiBold';
  font-weight: 400;
  line-height: 1.2em;
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
  opacity: 0;
  transition: all .5s ease-in-out;
  transition-delay: .3s;
  font-size: 40px;
}

@media screen and (min-width: 600px) {
  .homepage-slide .homepage-case-study .content .title {
    font-size: calc(5.1851851852vw + 8.8888888889px);
  }
}

@media screen and (min-width: 800px) {
  .homepage-slide .homepage-case-study .content .title {
    font-size: calc(9.6296296296vw - 26.6666666667px);
  }
}

@media screen and (min-width: 1000px) {
  .homepage-slide .homepage-case-study .content .title {
    font-size: calc(5.1851851852vw + 17.7777777778px);
  }
}

@media screen and (min-width: 1200px) {
  .homepage-slide .homepage-case-study .content .title {
    font-size: 80px;
  }
}

.homepage-slide .homepage-case-study .content .btn-read-more-wrap {
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
  opacity: 0;
  transition: all .5s ease-in-out;
  transition-delay: .4s;
}

.homepage-slide .homepage-case-study.visible {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.homepage-slide .homepage-case-study.text-in .content .tag,
.homepage-slide .homepage-case-study.text-in .content .title,
.homepage-slide .homepage-case-study.text-in .content .btn-read-more-wrap {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.homepage-slide .homepage-case-study.text-out .content .tag,
.homepage-slide .homepage-case-study.text-out .content .title,
.homepage-slide .homepage-case-study.text-out .content .btn-read-more-wrap {
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
  transition-delay: 0s;
  opacity: 0;
}

.homepage-slide .homepage-case-study.text-out .content .tag {
  transition-delay: .2s;
}

.scroll-down {
  display: none;
  cursor: pointer;
  position: fixed;
  z-index: 10;
  left: 50%;
  bottom: 34vh;
  width: 15px;
  height: 25px;
  text-indent: -10000em;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-left: -12px;
  -webkit-animation: homepage-intro-arrow-down 10s 1 ease-in-out;
  animation: homepage-intro-arrow-down 10s 1 ease-in-out;
  transition: bottom 1s cubic-bezier(1, 0, 0, 1);
}

.scroll-down.animated {
  -webkit-animation: none;
  animation: none;
}

.scroll-down.visible {
  display: block;
}

.scroll-down.bottom {
  bottom: 4vh;
}

.scroll-down .arrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/base/white-arrow.svg");
  background-size: 15px 25px;
  -webkit-animation: homepage-intro-arrow-down-arrow 1s infinite ease-in-out;
  animation: homepage-intro-arrow-down-arrow 1s infinite ease-in-out;
}

@-webkit-keyframes homepage-intro {
  0%, 50% {
    height: 100vh;
  }

  54%, 100% {
    height: 70vh;
  }
}

@keyframes homepage-intro {
  0%, 50% {
    height: 100vh;
  }

  54%, 100% {
    height: 70vh;
  }
}

@-webkit-keyframes homepage-intro-slide {
  0%, 27% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  29%, 32% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  34%, 100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes homepage-intro-slide {
  0%, 27% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  29%, 32% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  34%, 100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@-webkit-keyframes homepage-intro-arrow-down-arrow {
  0% {
    opacity: .5;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: .5;
  }
}

@keyframes homepage-intro-arrow-down-arrow {
  0% {
    opacity: .5;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: .5;
  }
}

@-webkit-keyframes homepage-intro-arrow-down {
  0%, 54% {
    opacity: 0;
  }

  58%, 100% {
    opacity: 1;
  }
}

@keyframes homepage-intro-arrow-down {
  0%, 54% {
    opacity: 0;
  }

  58%, 100% {
    opacity: 1;
  }
}

@-webkit-keyframes homepage-intro-read-article {
  0%, 50% {
    opacity: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  54%, 100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -4vh);
    transform: translate(-50%, -4vh);
  }
}

@keyframes homepage-intro-read-article {
  0%, 50% {
    opacity: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  54%, 100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -4vh);
    transform: translate(-50%, -4vh);
  }
}

@-webkit-keyframes homepage-intro-heading {
  0%, 50% {
    font-size: 7vw;
  }

  54%, 100% {
    font-size: 6vw;
  }
}

@keyframes homepage-intro-heading {
  0%, 50% {
    font-size: 7vw;
  }

  54%, 100% {
    font-size: 6vw;
  }
}

@media (min-width: 64em) {
@-webkit-keyframes homepage-intro-heading {
    0%, 50% {
      font-size: 4vw;
    }

    54%, 100% {
      font-size: 3vw;
    }
}

@keyframes homepage-intro-heading {
    0%, 50% {
      font-size: 4vw;
    }

    54%, 100% {
      font-size: 3vw;
    }
}
}

@-webkit-keyframes homepage-intro-heading-first {
  0%, 8% {
    opacity: 0;
  }

  8% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  13% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  29% {
    opacity: 1;
  }

  32% {
    opacity: 0;
  }
}

@keyframes homepage-intro-heading-first {
  0%, 8% {
    opacity: 0;
  }

  8% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  13% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  29% {
    opacity: 1;
  }

  32% {
    opacity: 0;
  }
}

@-webkit-keyframes homepage-intro-heading-second {
  0% {
    opacity: 0;
  }

  29% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }

  36% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes homepage-intro-heading-second {
  0% {
    opacity: 0;
  }

  29% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }

  36% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes homepage-intro-line-white {
  0%, 21% {
    opacity: 0;
  }

  22%, 29% {
    opacity: 1;
  }

  32%, 100% {
    opacity: 0;
  }
}

@keyframes homepage-intro-line-white {
  0%, 21% {
    opacity: 0;
  }

  22%, 29% {
    opacity: 1;
  }

  32%, 100% {
    opacity: 0;
  }
}

@-webkit-keyframes homepage-intro-line-green {
  0%, 43% {
    opacity: 0;
  }

  44%, 100% {
    opacity: 1;
  }
}

@keyframes homepage-intro-line-green {
  0%, 43% {
    opacity: 0;
  }

  44%, 100% {
    opacity: 1;
  }
}

@-webkit-keyframes homepage-intro-snake-white {
  0%, 12% {
    stroke-dashoffset: 2445px;
  }

  22%, 26% {
    stroke-dashoffset: 0;
  }

  32%, 100% {
    stroke-dashoffset: 2445px;
  }
}

@keyframes homepage-intro-snake-white {
  0%, 12% {
    stroke-dashoffset: 2445px;
  }

  22%, 26% {
    stroke-dashoffset: 0;
  }

  32%, 100% {
    stroke-dashoffset: 2445px;
  }
}

@-webkit-keyframes homepage-intro-snake-green {
  0%, 34% {
    stroke-dashoffset: 2445px;
  }

  44%, 100% {
    stroke-dashoffset: 0;
  }
}

@keyframes homepage-intro-snake-green {
  0%, 34% {
    stroke-dashoffset: 2445px;
  }

  44%, 100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes homepage-intro-snake-grey {
  0%, 16% {
    stroke-dashoffset: 2445px;
  }

  26% {
    stroke-dashoffset: 0;
  }

  32%, 38% {
    stroke-dashoffset: 2445px;
  }

  48%, 100% {
    stroke-dashoffset: 0;
  }
}

@keyframes homepage-intro-snake-grey {
  0%, 16% {
    stroke-dashoffset: 2445px;
  }

  26% {
    stroke-dashoffset: 0;
  }

  32%, 38% {
    stroke-dashoffset: 2445px;
  }

  48%, 100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes homepage-first-case-study {
  0%, 50% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  54%, 100% {
    -webkit-transform: translateY(70%);
    transform: translateY(70%);
  }
}

@keyframes homepage-first-case-study {
  0%, 50% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

  54%, 100% {
    -webkit-transform: translateY(70%);
    transform: translateY(70%);
  }
}

.contact-details-wrap {
  background: #2D3238;
}

@media (min-width: 64em) {
  .contact-details-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .contact-details-wrap > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 64em) and (min-width: 1500px) {
  .contact-details-wrap > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
}

.contact-details-wrap .image {
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/contact/contact_2.jpg") center no-repeat;
  background-size: cover;
  min-height: 200px;
}

@media (min-width: 48em) {
  .contact-details-wrap .image {
    min-height: 300px;
  }
}

@media (min-width: 1500px) {
  .contact-details-wrap .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }
}

@media (min-width: 48em) and (max-width: 63.99em) {
  .contact-details-wrap .contact-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .contact-details-wrap .contact-details > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}

.contact-details-wrap .contact-details .google-map {
  min-height: 300px;
}

.contact-details-wrap .contact-details .details {
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 0;
}

@media (min-width: 48em) {
  .contact-details-wrap .contact-details .details {
    padding: 40px 15px;
  }
}

@media (min-width: 75em) {
  .contact-details-wrap .contact-details .details {
    padding: 60px 15px;
  }
}

.contact-details-wrap .contact-details .details > div {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 15px;
}

@media (min-width: 64em) {
  .contact-details-wrap .contact-details .details > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
  }

  .contact-details-wrap .contact-details .details > div:last-child {
    text-align: right;
  }
}

@media (min-width: 75em) {
  .contact-details-wrap .contact-details .details > div {
    padding: 0 3vw;
  }
}

.contact-details-wrap .contact-details .details address {
  font-style: normal;
  margin: 20px 0;
}

.contact-details-wrap .contact-details .details .btn {
  margin: 20px 0 0;
}

@media (min-width: 48em) {
  .solution-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.solution-list .solution-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  background: #2D3238;
  color: #FFFFFF;
  text-decoration: none;
  overflow: hidden;
  min-height: 200px;
}

@media (min-width: 48em) {
  .solution-list .solution-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media (min-width: 75em) {
  .solution-list .solution-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
  }
}

.solution-list .solution-item .solution-item-content {
  padding: 4vw;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
}

.solution-list .solution-item .solution-item-content .headings {
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
}

.solution-list .solution-item .solution-item-content .headings h2 {
  margin: 0;
  font-family: "AbrilText-SemiBold", Georgia, "Times New Roman", Times, serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.4;
}

@media (min-width: 64em) {
  .solution-list .solution-item .solution-item-content .headings h2 {
    font-family: "AbrilText-SemiBold", Georgia, "Times New Roman", Times, serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.4;
  }
}

@media (min-width: 75em) {
  .solution-list .solution-item .solution-item-content .headings h2 {
    font-family: "AbrilText-SemiBold", Georgia, "Times New Roman", Times, serif;
    font-size: 50px;
    font-weight: 400;
    line-height: 1.4;
  }
}

.solution-list .solution-item .solution-item-content .headings p {
  font-size: 18px;
}

@media (min-width: 64em) {
  .solution-list .solution-item .solution-item-content .headings p {
    font-size: 20px;
  }
}

@media (min-width: 75em) {
  .solution-list .solution-item .solution-item-content .headings p {
    font-size: 22px;
  }
}

.solution-list .solution-item .solution-item-content ul {
  opacity: 0;
  transition: opacity .5s ease;
}

.solution-list .solution-item:not(.has-image) .solution-item-content {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.solution-list .solution-item:not(.has-image) .solution-item-content .headings {
  -webkit-transform: translateY(calc(-8vw - 100%));
  transform: translateY(calc(-8vw - 100%));
}

.solution-list .solution-item:not(.has-image) .solution-item-content .headings h2 {
  position: relative;
  padding-top: 30px;
}

.solution-list .solution-item:not(.has-image) .solution-item-content .headings h2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 7px;
  background: #FFFFFF;
}

.solution-list .solution-item:not(.has-image) .solution-item-content ul {
  display: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 75em) {
  .solution-list .solution-item:not(.has-image) .solution-item-content ul {
    display: block;
  }
}

.solution-list .solution-item:not(.has-image) .solution-item-content ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 18px;
}

.solution-list .solution-item:not(.has-image) .solution-item-content ul li:before {
  content: '- ';
}

.solution-list .solution-item:not(.has-image) .solution-item-content ul::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/base/white-arrow.svg");
  background-size: 12px 19px;
  width: 12px;
  height: 19px;
  margin-top: 1.5em;
  position: relative;
  transition: margin-left .3s ease;
}

.solution-list .solution-item:not(.has-image):nth-child(even) {
  background: #16C18F;
  color: #2D3238;
}

.solution-list .solution-item:not(.has-image):nth-child(even) .solution-item-content .headings h2::before {
  background: #2D3238;
}

.solution-list .solution-item:not(.has-image):nth-child(even) .solution-item-content ul::after {
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/base/gunmetal-arrow.svg");
}

@media (min-width: 48em) and (max-width: 74.99em) {
  .solution-list .solution-item:not(.has-image):nth-child(2n),
  .solution-list .solution-item:not(.has-image):nth-child(3n) {
    background: #16C18F;
    color: #2D3238;
  }

  .solution-list .solution-item:not(.has-image):nth-child(2n) .headings h2::before,
  .solution-list .solution-item:not(.has-image):nth-child(3n) .headings h2::before {
    background: #2D3238;
  }

  .solution-list .solution-item:not(.has-image):nth-child(4n) {
    background: #2D3238;
    color: #FFFFFF;
  }

  .solution-list .solution-item:not(.has-image):nth-child(4n) .headings h2::before {
    background: #FFFFFF !important;
  }
}

@media (min-width: 75em) {
  .solution-list .solution-item:hover .solution-item-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .solution-list .solution-item:hover .solution-item-content .headings {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .solution-list .solution-item:hover .solution-item-content ul {
    opacity: 1;
    transition-delay: .3s;
    transition-duration: .6s;
  }
}

.solution-list .solution-item.has-image {
  position: relative;
  z-index: 1;
}

.solution-list .solution-item.has-image .solution-item-content .headings p {
  margin-bottom: 0;
}

.solution-list .solution-item.has-image .bg-image {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-size: cover;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}

@media (min-width: 75em) {
  .solution-list .solution-item.has-image:hover .bg-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.solutions-page-content-wrap .platforms {
  color: #000000;
  position: relative;
  z-index: 1;
  padding-top: 50px;
  padding-bottom: 50px;
}

.solutions-page-content-wrap .platforms::before {
  content: "";
  display: block;
  position: absolute;
  background: #16C18F;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media screen and (min-width: 600px) {
  .solutions-page-content-wrap .platforms {
    padding-top: calc(8.3333333333vw + 0px);
  }
}

@media screen and (min-width: 1200px) {
  .solutions-page-content-wrap .platforms {
    padding-top: 100px;
  }
}

@media screen and (min-width: 600px) {
  .solutions-page-content-wrap .platforms {
    padding-bottom: calc(8.3333333333vw + 0px);
  }
}

@media screen and (min-width: 1200px) {
  .solutions-page-content-wrap .platforms {
    padding-bottom: 100px;
  }
}

.solutions-page-content-wrap .platforms .text {
  padding: 0 0 40px;
}

.featured-case-study {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background: #2D3238;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 8vw 8vw;
  background-position: 50%;
  background-size: cover;
}

@media (min-width: 87.5em) {
  .featured-case-study .content {
    max-width: 60%;
  }
}

.featured-case-study .content .tag {
  margin: 0 0 20px;
  color: #16C18F;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 400;
  font-family: 'NimbusSan-Bol';
}

@media (min-width: 48em) {
  .featured-case-study .content .tag {
    margin-bottom: 30px;
  }
}

.featured-case-study .content h2 {
  margin: 0 0 40px;
  color: #FFFFFF;
  font-family: 'AbrilText-SemiBold';
  font-weight: 400;
  line-height: 1.2em;
  font-size: 40px;
}

@media screen and (min-width: 600px) {
  .featured-case-study .content h2 {
    font-size: calc(5.1851851852vw + 8.8888888889px);
  }
}

@media screen and (min-width: 800px) {
  .featured-case-study .content h2 {
    font-size: calc(9.6296296296vw - 26.6666666667px);
  }
}

@media screen and (min-width: 1000px) {
  .featured-case-study .content h2 {
    font-size: calc(5.1851851852vw + 17.7777777778px);
  }
}

@media screen and (min-width: 1200px) {
  .featured-case-study .content h2 {
    font-size: 80px;
  }
}

.profile-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 48em) {
  .profile-grid {
    margin: 2em -10px 0;
  }
}

@media (min-width: 75em) {
  .profile-grid {
    margin: 4em -10px 0;
  }
}

.profile-grid .item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0 0 20px;
  height: 300px;
}

@media screen and (min-width: 600px) {
  .profile-grid .item {
    height: calc(12.962962963vw + 222.222222222px);
  }
}

@media screen and (min-width: 800px) {
  .profile-grid .item {
    height: calc(24.0740740741vw + 133.333333333px);
  }
}

@media screen and (min-width: 1000px) {
  .profile-grid .item {
    height: calc(12.962962963vw + 244.444444444px);
  }
}

@media screen and (min-width: 1200px) {
  .profile-grid .item {
    height: 400px;
  }
}

@media (min-width: 48em) {
  .profile-grid .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 10px;
  }
}

@media (min-width: 64em) {
  .profile-grid .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
}

.profile-grid .item a {
  background: #1e2227;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}

.profile-grid .item a::after {
  display: none !important;
}

.profile-grid .item a .image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
  z-index: 0;
}

.profile-grid .item a .text {
  padding: 20px;
  -ms-flex-item-align: end;
  align-self: flex-end;
  position: relative;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
  width: 100%;
  z-index: 1;
}

@media screen and (min-width: 600px) {
  .profile-grid .item a .text {
    padding: calc(2.5925925926vw + 4.4444444444px);
  }
}

@media screen and (min-width: 800px) {
  .profile-grid .item a .text {
    padding: calc(4.8148148148vw - 13.3333333333px);
  }
}

@media screen and (min-width: 1000px) {
  .profile-grid .item a .text {
    padding: calc(2.5925925926vw + 8.8888888889px);
  }
}

@media screen and (min-width: 1200px) {
  .profile-grid .item a .text {
    padding: 40px;
  }
}

.profile-grid .item a .text .tag {
  margin: 0;
}

.profile-grid .item a .text .title {
  color: #FFFFFF;
  margin: .5em 0 0;
}

.profile-grid .item a:hover .image {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.the-agency {
  margin: 0 -4vw;
}

@media (min-width: 64em) {
  .the-agency .top-row {
    margin-left: 25vw;
    width: 75vw;
  }
}

.the-agency .top-row .images {
  width: 100%;
}

@media (min-width: 64em) {
  .the-agency .top-row .images {
    height: 50vh;
    position: relative;
  }
}

.the-agency .top-row .images .images-wrap {
  height: 100%;
}

@media (min-width: 48em) {
  .the-agency .top-row .images .images-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 64em) {
  .the-agency .top-row .images .images-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

.the-agency .top-row .images .images-wrap .large-image {
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/profile/img-01.jpg") center no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}

@media (min-width: 48em) {
  .the-agency .top-row .images .images-wrap .large-image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 63.99em) {
  .the-agency .top-row .images .images-wrap .large-image {
    height: 50vh;
  }
}

@media (min-width: 64em) {
  .the-agency .top-row .images .images-wrap .large-image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 66.66666666%;
    flex: 1 0 66.66666666%;
    max-width: 66.66666666%;
  }
}

.the-agency .top-row .images .images-wrap .small-image {
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/profile/img-02.jpg") center no-repeat;
  background-size: cover;
}

@media (min-width: 48em) {
  .the-agency .top-row .images .images-wrap .small-image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 63.99em) {
  .the-agency .top-row .images .images-wrap .small-image {
    height: 50vh;
  }
}

@media (min-width: 64em) {
  .the-agency .top-row .images .images-wrap .small-image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33.33333333%;
    flex: 1 0 33.33333333%;
    max-width: 33.33333333%;
  }
}

.the-agency .images-three-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 64em) {
  .the-agency .images-three-row {
    width: 75vw;
  }
}

.the-agency .images-three-row > div,
.the-agency .images-three-row > a {
  background-size: cover;
  background-position: 50%;
  min-height: 50vh;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

@media (min-width: 64em) {
  .the-agency .images-three-row > div,
  .the-agency .images-three-row > a {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33.33333333%;
    flex: 1 0 33.33333333%;
    max-width: 33.33333333%;
    min-height: 250px;
  }
}

.the-agency .images-three-row > div::after,
.the-agency .images-three-row > a::after {
  display: none !important;
}

.the-agency .images-three-row > div.image-one,
.the-agency .images-three-row > a.image-one {
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/ResourcePackages/Equilibrium/assets/dist/images/profile/img-03.jpg");
}

@media (min-width: 48em) and (max-width: 63.99em) {
  .the-agency .images-three-row > div.image-one,
  .the-agency .images-three-row > a.image-one {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
    min-height: 40vh;
  }
}

.the-agency .images-three-row > div.image-two,
.the-agency .images-three-row > a.image-two {
  background-color: #2D3238;
  transition: none;
}

@media (min-width: 48em) and (max-width: 63.99em) {
  .the-agency .images-three-row > div.image-two,
  .the-agency .images-three-row > a.image-two {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
    min-height: 40vh;
  }
}

.the-agency .images-three-row > div.image-two img,
.the-agency .images-three-row > a.image-two img {
  margin: 0 auto;
}

.the-agency .images-three-row > div.image-two .sloth-normal,
.the-agency .images-three-row > a.image-two .sloth-normal {
  display: block;
}

.the-agency .images-three-row > div.image-two .sloth-hover,
.the-agency .images-three-row > a.image-two .sloth-hover {
  display: none;
}

.the-agency .images-three-row > div.image-two:hover,
.the-agency .images-three-row > a.image-two:hover {
  background-color: #16C18F;
}

.the-agency .images-three-row > div.image-two:hover .sloth-normal,
.the-agency .images-three-row > a.image-two:hover .sloth-normal {
  display: none;
}

.the-agency .images-three-row > div.image-two:hover .sloth-hover,
.the-agency .images-three-row > a.image-two:hover .sloth-hover {
  display: block;
}

.the-agency .images-three-row > div.image-three,
.the-agency .images-three-row > a.image-three {
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/ResourcePackages/Equilibrium/assets/dist/images/career/LCW_EQU_CorpHQ_11349.jpg");
}

@media (max-width: 63.99em) {
  .the-agency .images-three-row > div.image-three,
  .the-agency .images-three-row > a.image-three {
    display: none;
  }
}

.the-agency .bottom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 47.99em) {
  .the-agency .bottom-row {
    display: none;
  }
}

@media (min-width: 64em) {
  .the-agency .bottom-row {
    margin-left: 25vw;
    width: 25vw;
  }
}

.the-agency .bottom-row .small-image {
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/profile/img-05.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 63.99em) {
  .the-agency .bottom-row .small-image {
    display: none;
  }
}

@media (min-width: 64em) {
  .the-agency .bottom-row .small-image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 25vh;
  }
}

@media (min-width: 75em) {
  .the-agency .bottom-row .small-image {
    height: 50vh;
  }
}

.article-page-content-wrap .article-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #E1E1E1;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 600px) {
  .article-page-content-wrap .article-header {
    padding-bottom: calc(1.2962962963vw + 12.2222222222px);
  }
}

@media screen and (min-width: 800px) {
  .article-page-content-wrap .article-header {
    padding-bottom: calc(2.4074074074vw + 3.3333333333px);
  }
}

@media screen and (min-width: 1000px) {
  .article-page-content-wrap .article-header {
    padding-bottom: calc(1.2962962963vw + 14.4444444444px);
  }
}

@media screen and (min-width: 1200px) {
  .article-page-content-wrap .article-header {
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 600px) {
  .article-page-content-wrap .article-header {
    margin-bottom: calc(1.2962962963vw + 12.2222222222px);
  }
}

@media screen and (min-width: 800px) {
  .article-page-content-wrap .article-header {
    margin-bottom: calc(2.4074074074vw + 3.3333333333px);
  }
}

@media screen and (min-width: 1000px) {
  .article-page-content-wrap .article-header {
    margin-bottom: calc(1.2962962963vw + 14.4444444444px);
  }
}

@media screen and (min-width: 1200px) {
  .article-page-content-wrap .article-header {
    margin-bottom: 30px;
  }
}

.article-page-content-wrap .article-header .author-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

@media (min-width: 48em) {
  .article-page-content-wrap .article-header .author-info {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}

.article-page-content-wrap .article-header .author-info .author-portrait {
  border-radius: 50%;
  height: 55px;
  margin: 0 20px 0 0;
  overflow: hidden;
  width: 55px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 55px;
  flex: 0 0 55px;
}

.article-page-content-wrap .article-header .author-info .post-details .author-name-title {
  font-size: 0;
}

.article-page-content-wrap .article-header .author-info .post-details .author-name-title .author-name {
  display: inline-block;
  font-family: "NimbusSan-Bol", Helvetica, Arial, sans-serif;
  font-size: 21px;
  line-height: 1.4;
  color: #16C18F;
  margin-right: 15px;
}

.article-page-content-wrap .article-header .author-info .post-details .author-name-title .author-title {
  display: inline-block;
  font-family: "NimbusSan-Lig", Helvetica, Arial, sans-serif;
  font-size: 21px;
  line-height: 1.4;
}

.article-page-content-wrap .article-header .author-info .post-details .author-name-title .author-title:before {
  content: '|';
  display: inline-block;
  margin-right: 15px;
  color: #a3a3a3;
}

.article-page-content-wrap .article-header .author-info .post-details .posted-date {
  margin-top: 3px;
  color: #a3a3a3;
  font-family: "NimbusSan-Lig", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.4;
}

.article-page-content-wrap .article-header .author-info .post-details .posted-date time:after {
  content: '•';
  font-size: 12px;
  margin: 0 5px;
}

.article-page-content-wrap .article-body .article-image {
  margin-top: 40px;
  margin-bottom: 40px;
}

@media screen and (min-width: 600px) {
  .article-page-content-wrap .article-body .article-image {
    margin-top: calc(5.1851851852vw + 8.8888888889px);
  }
}

@media screen and (min-width: 800px) {
  .article-page-content-wrap .article-body .article-image {
    margin-top: calc(9.6296296296vw - 26.6666666667px);
  }
}

@media screen and (min-width: 1000px) {
  .article-page-content-wrap .article-body .article-image {
    margin-top: calc(5.1851851852vw + 17.7777777778px);
  }
}

@media screen and (min-width: 1200px) {
  .article-page-content-wrap .article-body .article-image {
    margin-top: 80px;
  }
}

@media screen and (min-width: 600px) {
  .article-page-content-wrap .article-body .article-image {
    margin-bottom: calc(5.1851851852vw + 8.8888888889px);
  }
}

@media screen and (min-width: 800px) {
  .article-page-content-wrap .article-body .article-image {
    margin-bottom: calc(9.6296296296vw - 26.6666666667px);
  }
}

@media screen and (min-width: 1000px) {
  .article-page-content-wrap .article-body .article-image {
    margin-bottom: calc(5.1851851852vw + 17.7777777778px);
  }
}

@media screen and (min-width: 1200px) {
  .article-page-content-wrap .article-body .article-image {
    margin-bottom: 80px;
  }
}

.article-page-content-wrap .social-share-buttons {
  border-top: 1px solid #E1E1E1;
  padding-top: 30px;
  margin-top: 30px;
}

@media screen and (min-width: 600px) {
  .article-page-content-wrap .social-share-buttons {
    padding-top: calc(1.2962962963vw + 22.2222222222px);
  }
}

@media screen and (min-width: 800px) {
  .article-page-content-wrap .social-share-buttons {
    padding-top: calc(2.4074074074vw + 13.3333333333px);
  }
}

@media screen and (min-width: 1000px) {
  .article-page-content-wrap .social-share-buttons {
    padding-top: calc(1.2962962963vw + 24.4444444444px);
  }
}

@media screen and (min-width: 1200px) {
  .article-page-content-wrap .social-share-buttons {
    padding-top: 40px;
  }
}

@media screen and (min-width: 600px) {
  .article-page-content-wrap .social-share-buttons {
    margin-top: calc(1.2962962963vw + 22.2222222222px);
  }
}

@media screen and (min-width: 800px) {
  .article-page-content-wrap .social-share-buttons {
    margin-top: calc(2.4074074074vw + 13.3333333333px);
  }
}

@media screen and (min-width: 1000px) {
  .article-page-content-wrap .social-share-buttons {
    margin-top: calc(1.2962962963vw + 24.4444444444px);
  }
}

@media screen and (min-width: 1200px) {
  .article-page-content-wrap .social-share-buttons {
    margin-top: 40px;
  }
}

@media (min-width: 48em) {
  .article-page-content-wrap .social-share-buttons {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}

.article-page-content-wrap .social-share-buttons .label {
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
  font-family: "NimbusSan-Bol", Helvetica, Arial, sans-serif;
  font-size: 21px;
  line-height: 1.4;
}

.article-page-content-wrap .social-share-buttons .addthis_sharing_toolbox {
  display: inline-block;
}

.article-page-content-wrap .social-share-buttons a {
  display: inline-block;
  vertical-align: middle;
}

.article-page-content-wrap .social-share-buttons a::after {
  display: none !important;
}

.article-page-content-wrap .social-share-buttons a img {
  display: block;
}

.careers-page-content-wrap .job-list .job-item {
  margin: 40px 0;
}

.careers-page-content-wrap .job-list .job-item:not(:last-child) {
  border-bottom: 1px solid #E1E1E1;
  padding-bottom: 40px;
}

@media (min-width: 48em) {
  .careers-page-content-wrap .job-list .job-item > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 48em) {
  .careers-page-content-wrap .job-list .job-item > div .job-description {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 0 40px 0 0;
  }
}

@media (min-width: 48em) {
  .careers-page-content-wrap .job-list .job-item > div .btn {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 10px 0;
  }
}

.day-in-the-life .top-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.day-in-the-life .top-row .intro-text {
  padding: 4vw;
}

@media (max-width: 63.99em) {
  .day-in-the-life .top-row .intro-text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media (min-width: 64em) {
  .day-in-the-life .top-row .intro-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 60%;
    flex: 1 0 60%;
    max-width: 60%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

@media (min-width: 75em) {
  .day-in-the-life .top-row .intro-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    max-width: 40%;
  }
}

.day-in-the-life .top-row .images {
  width: 100%;
}

@media (max-width: 63.99em) {
  .day-in-the-life .top-row .images {
    height: 50vh;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

@media (min-width: 64em) {
  .day-in-the-life .top-row .images {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    max-width: 40%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    position: relative;
  }
}

@media (min-width: 75em) {
  .day-in-the-life .top-row .images {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 60%;
    flex: 1 0 60%;
    max-width: 60%;
  }
}

.day-in-the-life .top-row .images .images-wrap {
  height: 100%;
}

@media (min-width: 64em) {
  .day-in-the-life .top-row .images .images-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

@media (min-width: 75em) {
  .day-in-the-life .top-row .images .images-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.day-in-the-life .top-row .images .images-wrap .large-image {
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/careers/img-01_3.jpg") center no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
}

@media (min-width: 64em) and (max-width: 74.99em) {
  .day-in-the-life .top-row .images .images-wrap .large-image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 60%;
    flex: 1 0 60%;
    max-height: 60%;
  }
}

@media (min-width: 75em) {
  .day-in-the-life .top-row .images .images-wrap .large-image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 65%;
    flex: 1 0 65%;
    max-width: 65%;
  }
}

.day-in-the-life .top-row .images .images-wrap .small-image {
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/careers/img-02_3.jpg") center no-repeat;
  background-size: cover;
}

@media (max-width: 63.99em) {
  .day-in-the-life .top-row .images .images-wrap .small-image {
    display: none;
  }
}

@media (min-width: 64em) and (max-width: 74.99em) {
  .day-in-the-life .top-row .images .images-wrap .small-image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    max-height: 40%;
  }
}

@media (min-width: 75em) {
  .day-in-the-life .top-row .images .images-wrap .small-image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 35%;
    flex: 1 0 35%;
    max-width: 35%;
    height: 50%;
  }
}

.day-in-the-life .now-playing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.day-in-the-life .now-playing .image {
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/careers/img-03_2.jpg") center no-repeat;
  background-size: cover;
  width: 100%;
}

@media (max-width: 63.99em) {
  .day-in-the-life .now-playing .image {
    height: 25vh;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
}

@media (min-width: 64em) {
  .day-in-the-life .now-playing .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    max-width: 40%;
  }
}

.day-in-the-life .now-playing #spotify-now-playing {
  width: 100%;
}

@media (min-width: 64em) {
  .day-in-the-life .now-playing #spotify-now-playing {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 60%;
    flex: 1 0 60%;
    max-width: 60%;
  }
}

.day-in-the-life .now-playing #spotify-now-playing .inner {
  padding: 8vw 4vw;
  text-align: center;
}

@media (min-width: 64em) {
  .day-in-the-life .now-playing #spotify-now-playing .inner {
    padding: 4vw;
  }
}

.day-in-the-life .now-playing #spotify-now-playing .inner a img {
  height: 40px;
  width: 40px;
  margin: 0 0 .5em;
}

.day-in-the-life .now-playing #spotify-now-playing .inner a::after {
  display: none;
}

.day-in-the-life .now-playing #spotify-now-playing .inner .text {
  font-family: "NimbusSan-Bol", Helvetica, Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
}

.day-in-the-life .now-playing #spotify-now-playing .inner .track-title {
  font-family: "AbrilText-SemiBold", Georgia, "Times New Roman", Times, serif;
  font-size: 28px;
}

@media screen and (min-width: 600px) {
  .day-in-the-life .now-playing #spotify-now-playing .inner .track-title {
    font-size: calc(2.8518518519vw + 10.8888888889px);
  }
}

@media screen and (min-width: 800px) {
  .day-in-the-life .now-playing #spotify-now-playing .inner .track-title {
    font-size: calc(5.2962962963vw - 8.6666666667px);
  }
}

@media screen and (min-width: 1000px) {
  .day-in-the-life .now-playing #spotify-now-playing .inner .track-title {
    font-size: calc(2.8518518519vw + 15.7777777778px);
  }
}

@media screen and (min-width: 1200px) {
  .day-in-the-life .now-playing #spotify-now-playing .inner .track-title {
    font-size: 50px;
  }
}

.day-in-the-life .now-playing #spotify-now-playing .inner .track-artist {
  font-family: "NimbusSan-Lig", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #16C18F;
}

.day-in-the-life .images-three-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.day-in-the-life .images-three-row > div,
.day-in-the-life .images-three-row > a {
  background-size: cover;
  background-position: 50%;
  min-height: 50vh;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

@media (min-width: 64em) {
  .day-in-the-life .images-three-row > div,
  .day-in-the-life .images-three-row > a {
    min-height: 40vh;
  }
}

.day-in-the-life .images-three-row > div::after,
.day-in-the-life .images-three-row > a::after {
  display: none !important;
}

.day-in-the-life .images-three-row > div.image-one,
.day-in-the-life .images-three-row > a.image-one {
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/careers/img-04_3.jpg");
}

@media (min-width: 64em) {
  .day-in-the-life .images-three-row > div.image-one,
  .day-in-the-life .images-three-row > a.image-one {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
}

.day-in-the-life .images-three-row > div.image-two,
.day-in-the-life .images-three-row > a.image-two {
  background-color: #2D3238;
  transition: none;
}

@media (min-width: 64em) {
  .day-in-the-life .images-three-row > div.image-two,
  .day-in-the-life .images-three-row > a.image-two {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.day-in-the-life .images-three-row > div.image-two img,
.day-in-the-life .images-three-row > a.image-two img {
  margin: 0 auto;
}

.day-in-the-life .images-three-row > div.image-two .sloth-normal,
.day-in-the-life .images-three-row > a.image-two .sloth-normal {
  display: block;
}

.day-in-the-life .images-three-row > div.image-two .sloth-hover,
.day-in-the-life .images-three-row > a.image-two .sloth-hover {
  display: none;
}

.day-in-the-life .images-three-row > div.image-two:hover,
.day-in-the-life .images-three-row > a.image-two:hover {
  background-color: #16C18F;
}

.day-in-the-life .images-three-row > div.image-two:hover .sloth-normal,
.day-in-the-life .images-three-row > a.image-two:hover .sloth-normal {
  display: none;
}

.day-in-the-life .images-three-row > div.image-two:hover .sloth-hover,
.day-in-the-life .images-three-row > a.image-two:hover .sloth-hover {
  display: block;
}

.day-in-the-life .images-three-row > div.image-three,
.day-in-the-life .images-three-row > a.image-three {
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/careers/LCW_EQU_CorpHQ_11349.jpg");
}

@media (min-width: 64em) {
  .day-in-the-life .images-three-row > div.image-three,
  .day-in-the-life .images-three-row > a.image-three {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
}

.day-in-the-life .bottom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 47.99em) {
  .day-in-the-life .bottom-row {
    display: none;
  }
}

.day-in-the-life .bottom-row .large-image {
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/careers/img-06_2.jpg") center no-repeat;
  background-size: cover;
  height: 50vh;
}

@media (min-width: 48em) {
  .day-in-the-life .bottom-row .large-image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 60%;
    flex: 1 0 60%;
    max-width: 60%;
  }
}

@media (min-width: 75em) {
  .day-in-the-life .bottom-row .large-image {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    height: 100vh;
    margin-left: 15vw;
  }
}

.day-in-the-life .bottom-row .small-image {
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/careers/img-07_3.jpg") center no-repeat;
  background-size: cover;
}

@media (min-width: 48em) {
  .day-in-the-life .bottom-row .small-image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    max-width: 40%;
    height: 25vh;
  }
}

@media (min-width: 75em) {
  .day-in-the-life .bottom-row .small-image {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    height: 50vh;
    margin-right: 10vw;
  }
}

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

@media (max-width: 63.99em) {
  .flex-wrap img {
    display: none;
  }
}

@media (min-width: 64em) {
  .flex-wrap > .flex-column:first-child {
    padding-right: 90px;
  }
}

@media (max-width: 19.99em) {
  .flex-wrap > .flex-column:first-child {
    padding-right: 0;
  }
}

.flex-wrap .flex-column {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

@media (min-width: 64em) {
  .flex-wrap .flex-column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.flex-wrap h2 {
  padding: 0;
  margin: 0;
  line-height: 1;
}

.solutions-page-content-wrap .services {
  padding: 50px 0px;
  position: relative;
  z-index: 1;
}

@media (min-width: 48em) {
  .solutions-page-content-wrap .services {
    padding: 100px 0px;
  }
}

.solutions-page-content-wrap .services::before {
  content: "";
  display: block;
  position: absolute;
  background: #FFFFFF;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

.solutions-page-content-wrap .services h2 {
  margin-top: 0px;
}

@media (min-width: 64em) {
  .solutions-page-content-wrap .services .services-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px -30px;
    margin-left: -30px;
    margin-right: -30px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .solutions-page-content-wrap .services .services-list {
    margin-left: calc(-26.5151515152vw + 241.515151515px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .solutions-page-content-wrap .services .services-list {
    margin-left: calc(-49.2424242424vw + 487.575757576px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .solutions-page-content-wrap .services .services-list {
    margin-left: calc(-26.5151515152vw + 228.181818182px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .solutions-page-content-wrap .services .services-list {
    margin-left: -90px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .solutions-page-content-wrap .services .services-list {
    margin-right: calc(-26.5151515152vw + 241.515151515px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .solutions-page-content-wrap .services .services-list {
    margin-right: calc(-49.2424242424vw + 487.575757576px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .solutions-page-content-wrap .services .services-list {
    margin-right: calc(-26.5151515152vw + 228.181818182px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .solutions-page-content-wrap .services .services-list {
    margin-right: -90px;
  }
}

.solutions-page-content-wrap .services .services-list > div {
  margin: 40px 0px;
}

@media (min-width: 64em) {
  .solutions-page-content-wrap .services .services-list > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    margin: 30px 0 0;
    max-width: 50%;
    padding: 0 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .solutions-page-content-wrap .services .services-list > div {
    padding-left: calc(26.5151515152vw - 241.515151515px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .solutions-page-content-wrap .services .services-list > div {
    padding-left: calc(49.2424242424vw - 487.575757576px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .solutions-page-content-wrap .services .services-list > div {
    padding-left: calc(26.5151515152vw - 228.181818182px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .solutions-page-content-wrap .services .services-list > div {
    padding-left: 90px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .solutions-page-content-wrap .services .services-list > div {
    padding-right: calc(41.9823232323vw - 399.898989899px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .solutions-page-content-wrap .services .services-list > div {
    padding-right: calc(77.9671717172vw - 789.494949495px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .solutions-page-content-wrap .services .services-list > div {
    padding-right: calc(41.9823232323vw - 378.787878788px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .solutions-page-content-wrap .services .services-list > div {
    padding-right: 125px;
  }
}

.solutions-page-content-wrap .services .services-list > div h3 {
  margin-top: 0px;
}

.solutions-page-content-wrap .quotes-panel {
  position: relative;
  z-index: 1;
  padding: 40px 0px;
}

@media (min-width: 48em) {
  .solutions-page-content-wrap .quotes-panel {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 48em) and (min-width: 768px) {
  .solutions-page-content-wrap .quotes-panel {
    padding-top: calc(10.8024691358vw - 42.962962963px);
  }
}

@media screen and (min-width: 48em) and (min-width: 912px) {
  .solutions-page-content-wrap .quotes-panel {
    padding-top: calc(20.0617283951vw - 127.407407407px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1056px) {
  .solutions-page-content-wrap .quotes-panel {
    padding-top: calc(10.8024691358vw - 29.6296296296px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1200px) {
  .solutions-page-content-wrap .quotes-panel {
    padding-top: 100px;
  }
}

@media screen and (min-width: 48em) and (min-width: 768px) {
  .solutions-page-content-wrap .quotes-panel {
    padding-bottom: calc(10.8024691358vw - 42.962962963px);
  }
}

@media screen and (min-width: 48em) and (min-width: 912px) {
  .solutions-page-content-wrap .quotes-panel {
    padding-bottom: calc(20.0617283951vw - 127.407407407px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1056px) {
  .solutions-page-content-wrap .quotes-panel {
    padding-bottom: calc(10.8024691358vw - 29.6296296296px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1200px) {
  .solutions-page-content-wrap .quotes-panel {
    padding-bottom: 100px;
  }
}

@media (min-width: 64em) {
  .solutions-page-content-wrap .quotes-panel {
    padding-right: 200px;
  }
}

.solutions-page-content-wrap .quotes-panel::before {
  content: "";
  display: block;
  position: absolute;
  background: #2d3238;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

.solutions-page-content-wrap .quotes-panel .inner {
  position: relative;
  z-index: 1;
}

.solutions-page-content-wrap .quotes-panel .inner .title-name {
  text-transform: uppercase;
  color: #1bc895;
  margin: 0px 0px 20px;
}

.solutions-page-content-wrap .quotes-panel .inner .quote {
  font-family: "AbrilText-Regular", Georgia, "Times New Roman", Times, serif;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 1.2;
}

@media (min-width: 48em) {
  .solutions-page-content-wrap .quotes-panel .inner .quote {
    font-size: 24px;
  }
}

@media screen and (min-width: 48em) and (min-width: 768px) {
  .solutions-page-content-wrap .quotes-panel .inner .quote {
    font-size: calc(4.6810699588vw - 11.950617284px);
  }
}

@media screen and (min-width: 48em) and (min-width: 912px) {
  .solutions-page-content-wrap .quotes-panel .inner .quote {
    font-size: calc(8.6934156379vw - 48.5432098765px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1056px) {
  .solutions-page-content-wrap .quotes-panel .inner .quote {
    font-size: calc(4.6810699588vw - 6.1728395062px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1200px) {
  .solutions-page-content-wrap .quotes-panel .inner .quote {
    font-size: 50px;
  }
}

@media (min-width: 64em) {
  .solutions-page-content-wrap .black-green-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.solutions-page-content-wrap .black-green-panel > div {
  padding: 50px 0px;
}

@media (min-width: 64em) {
  .solutions-page-content-wrap .black-green-panel > div {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 50%;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .solutions-page-content-wrap .black-green-panel > div {
    padding-top: calc(66.2878787879vw - 628.787878788px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .solutions-page-content-wrap .black-green-panel > div {
    padding-top: calc(123.106060606vw - 1243.93939394px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .solutions-page-content-wrap .black-green-panel > div {
    padding-top: calc(66.2878787879vw - 595.454545455px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .solutions-page-content-wrap .black-green-panel > div {
    padding-top: 200px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .solutions-page-content-wrap .black-green-panel > div {
    padding-bottom: calc(66.2878787879vw - 628.787878788px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .solutions-page-content-wrap .black-green-panel > div {
    padding-bottom: calc(123.106060606vw - 1243.93939394px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .solutions-page-content-wrap .black-green-panel > div {
    padding-bottom: calc(66.2878787879vw - 595.454545455px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .solutions-page-content-wrap .black-green-panel > div {
    padding-bottom: 200px;
  }
}

.solutions-page-content-wrap .black-green-panel > div:first-child {
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}

.solutions-page-content-wrap .black-green-panel > div:first-child::before {
  content: "";
  display: block;
  position: absolute;
  background: #2D3238;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .solutions-page-content-wrap .black-green-panel > div:first-child::before {
    right: 0px;
  }
}

.solutions-page-content-wrap .black-green-panel > div:first-child h2 {
  color: #16C18F;
}

@media (min-width: 64em) {
  .solutions-page-content-wrap .black-green-panel > div:first-child .inner {
    padding-left: 0px;
    padding-right: 50px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .solutions-page-content-wrap .black-green-panel > div:first-child .inner {
    padding-left: calc(44.1919191919vw - 452.525252525px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .solutions-page-content-wrap .black-green-panel > div:first-child .inner {
    padding-left: calc(82.0707070707vw - 862.626262626px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .solutions-page-content-wrap .black-green-panel > div:first-child .inner {
    padding-left: calc(44.1919191919vw - 430.303030303px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .solutions-page-content-wrap .black-green-panel > div:first-child .inner {
    padding-left: 100px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .solutions-page-content-wrap .black-green-panel > div:first-child .inner {
    padding-right: calc(28.0448717949vw - 237.179487179px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1162.66666667px) {
  .solutions-page-content-wrap .black-green-panel > div:first-child .inner {
    padding-right: calc(52.0833333333vw - 516.666666667px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1301.33333333px) {
  .solutions-page-content-wrap .black-green-panel > div:first-child .inner {
    padding-right: calc(28.0448717949vw - 203.846153846px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1440px) {
  .solutions-page-content-wrap .black-green-panel > div:first-child .inner {
    padding-right: 200px;
  }
}

.solutions-page-content-wrap .black-green-panel > div:last-child {
  color: #1C1D1D;
  position: relative;
  z-index: 1;
}

.solutions-page-content-wrap .black-green-panel > div:last-child::before {
  content: "";
  display: block;
  position: absolute;
  background: #16C18F;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .solutions-page-content-wrap .black-green-panel > div:last-child::before {
    left: 0px;
  }
}

.solutions-page-content-wrap .black-green-panel > div:last-child::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #2D3238;
  margin-top: -8px;
  left: 50%;
  margin-left: -20px;
  top: 8px;
}

@media (min-width: 64em) {
  .solutions-page-content-wrap .black-green-panel > div:last-child::after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #2D3238;
    margin-right: -20px;
    left: 20px;
    margin-top: -20px;
    top: 50%;
  }
}

@media (min-width: 64em) {
  .solutions-page-content-wrap .black-green-panel > div:last-child .inner {
    padding-left: 50px;
    padding-right: 0;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .solutions-page-content-wrap .black-green-panel > div:last-child .inner {
    padding-left: calc(28.0448717949vw - 237.179487179px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1162.66666667px) {
  .solutions-page-content-wrap .black-green-panel > div:last-child .inner {
    padding-left: calc(52.0833333333vw - 516.666666667px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1301.33333333px) {
  .solutions-page-content-wrap .black-green-panel > div:last-child .inner {
    padding-left: calc(28.0448717949vw - 203.846153846px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1440px) {
  .solutions-page-content-wrap .black-green-panel > div:last-child .inner {
    padding-left: 200px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .solutions-page-content-wrap .black-green-panel > div:last-child .inner {
    padding-right: calc(44.1919191919vw - 452.525252525px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .solutions-page-content-wrap .black-green-panel > div:last-child .inner {
    padding-right: calc(82.0707070707vw - 862.626262626px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .solutions-page-content-wrap .black-green-panel > div:last-child .inner {
    padding-right: calc(44.1919191919vw - 430.303030303px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .solutions-page-content-wrap .black-green-panel > div:last-child .inner {
    padding-right: 100px;
  }
}

.solutions-page-content-wrap .black-green-panel > div:last-child .inner h4 {
  text-transform: uppercase;
}

.solutions-page-content-wrap .black-green-panel > div:last-child .holistic-approach-list h4 {
  margin-bottom: 0px;
}

.solutions-page-content-wrap .black-green-panel > div:last-child .holistic-approach-list p {
  margin-top: 0px;
  margin-bottom: 50px;
}

.solutions-page-content-wrap .other-solution-links-header {
  position: relative;
  z-index: 2;
  text-align: center;
  margin: 0 -4vw;
  padding: 35px 4vw;
  background: #2D3238;
  color: #16C18F;
}

@media (min-width: 48em) {
  .solutions-page-content-wrap .other-solution-links-header {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.solutions-page-content-wrap .other-solution-links-header h2 {
  margin: 0;
}

.solutions-page-content-wrap .other-solution-links-header::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 20px solid #2D3238;
}

.solutions-page-content-wrap .other-solution-links {
  margin: 0 -4vw;
}

@media (min-width: 48em) {
  .solutions-page-content-wrap .other-solution-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.solutions-page-content-wrap .other-solution-links a {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  background: #16C18F;
  color: #2D3238 !important;
  padding: 4vw;
  width: 100%;
  min-height: 200px;
  transition: background .3s ease;
}

@media (min-width: 48em) {
  .solutions-page-content-wrap .other-solution-links a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    min-height: 350px;
    padding: 2vw;
  }
}

@media (min-width: 75em) {
  .solutions-page-content-wrap .other-solution-links a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.solutions-page-content-wrap .other-solution-links a .content h2 {
  margin: 0 0 10px;
  font-size: 24px;
  position: relative;
  padding-top: 20px;
}

@media screen and (min-width: 600px) {
  .solutions-page-content-wrap .other-solution-links a .content h2 {
    font-size: calc(1.5555555556vw + 14.6666666667px);
  }
}

@media screen and (min-width: 800px) {
  .solutions-page-content-wrap .other-solution-links a .content h2 {
    font-size: calc(2.8888888889vw + 4px);
  }
}

@media screen and (min-width: 1000px) {
  .solutions-page-content-wrap .other-solution-links a .content h2 {
    font-size: calc(1.5555555556vw + 17.3333333333px);
  }
}

@media screen and (min-width: 1200px) {
  .solutions-page-content-wrap .other-solution-links a .content h2 {
    font-size: 36px;
  }
}

.solutions-page-content-wrap .other-solution-links a .content h2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 33px;
  height: 5px;
  background: #2D3238;
  transition: background .3s ease;
}

.solutions-page-content-wrap .other-solution-links a .content p {
  margin: 0;
  font-size: 18px;
}

.solutions-page-content-wrap .other-solution-links a:nth-child(even) {
  background: #FFFFFF;
}

.solutions-page-content-wrap .other-solution-links a:nth-child(even) .content h2::before {
  background: #16C18F;
}

@media (min-width: 48em) and (max-width: 74.99em) {
  .solutions-page-content-wrap .other-solution-links a:nth-child(3) {
    background: #FFFFFF;
  }

  .solutions-page-content-wrap .other-solution-links a:nth-child(3) .content h2::before {
    background: #16C18F;
  }

  .solutions-page-content-wrap .other-solution-links a:nth-child(4) {
    background: #16C18F;
  }

  .solutions-page-content-wrap .other-solution-links a:nth-child(4) .content h2::before {
    background: #2D3238;
  }
}

.solutions-page-content-wrap .other-solution-links a:hover {
  background: #2D3238;
  color: #FFFFFF !important;
}

.solutions-page-content-wrap .other-solution-links a:hover .content h2::before {
  background: #FFFFFF;
}

.solutions-page-content-wrap .other-solution-links a::after {
  display: none !important;
}

.solutionsBanner {
  color: #FFFFFF;
  background: #2d3238;
  padding-top: 150px;
}

.solutionsBanner .content {
  max-width: 70%;
}

.solutions-page-content-wrap .process-panel {
  position: relative;
  z-index: 1;
  text-align: center;
  padding-top: 28px;
  padding-bottom: 50px;
}

.solutions-page-content-wrap .process-panel h2 {
  color: #2D3238;
}

.solutions-page-content-wrap .process-panel::before {
  content: "";
  display: block;
  position: absolute;
  background: #1bc895;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media screen and (min-width: 600px) {
  .solutions-page-content-wrap .process-panel {
    padding-top: calc(4.6666666667vw + 0px);
  }
}

@media screen and (min-width: 1200px) {
  .solutions-page-content-wrap .process-panel {
    padding-top: 56px;
  }
}

@media screen and (min-width: 600px) {
  .solutions-page-content-wrap .process-panel {
    padding-bottom: calc(8.3333333333vw + 0px);
  }
}

@media screen and (min-width: 1200px) {
  .solutions-page-content-wrap .process-panel {
    padding-bottom: 100px;
  }
}

.solutions-page-content-wrap .process-panel .text {
  padding: 0px 0px 40px;
}

.solutions-page-content-wrap .process-panel .process-list {
  overflow: hidden;
}

.solutions-page-content-wrap .process-panel .process-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0px;
  padding: 0px;
}

.solutions-page-content-wrap .process-panel .process-list ul li {
  color: #FFFFFF;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #1ba67d;
  border-bottom: 1px solid #1ba67d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #1ba67d;
  margin: 30px 20px 0px 0px;
  width: 160px;
  height: 160px;
}

.solutions-page-content-wrap .process-panel .process-list ul li:empty {
  height: 0px;
  border: none;
}

/*
digital-marketing-page-content-wrap
landing-page-content-wrap
*/

.marketing-automation-wrap .how-automaton-works {
  margin-top: 32px;
}

.marketing-automation-wrap .platforms::before {
  content: "";
  display: block;
  position: absolute;
  background: #E1E1E1;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

.marketing-automation-wrap .platforms .image-list ul {
  margin: 0px -2px -1px 0px;
}

.marketing-automation-wrap .platforms .image-list ul li {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (min-width: 48em) {
  .marketing-automation-wrap .platforms .image-list ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33.333%;
    flex: 1 0 33.333%;
    max-width: 33.333%;
    padding: 50px 15px;
  }
}

.website-development-wrap .platforms::before {
  content: "";
  display: block;
  position: absolute;
  background: #E1E1E1;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

.website-development-wrap .platforms .image-list ul {
  margin: 0 -2px -1px 0;
}

.website-development-wrap .platforms .image-list ul li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px 15px;
}

@media (min-width: 31.25em) {
  .website-development-wrap .platforms .image-list ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 48em) {
  .website-development-wrap .platforms .image-list ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    max-width: 25%;
    padding: 50px 15px;
  }
}

@media (min-width: 64em) {
  .website-development-wrap .platforms .image-list ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33.333%;
    flex: 1 0 33.333%;
    max-width: 33.333%;
  }
}

/*
main-content-wrap
solutions-page-content-wrap
digital-marketing-page-content-wrap
landing-page-content-wrap
search-engine-page-content-wrap
*/

.case-study-testimonial {
  margin: 50px 0;
  position: relative;
  z-index: 1;
  padding: 30px 0;
}

@media (min-width: 48em) {
  .case-study-testimonial {
    margin: 100px 0;
    padding: 60px 0;
  }
}

.case-study-testimonial:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: -10000em;
  right: -10000em;
}

.case-study-testimonial .case-study-testimonial-inner {
  position: relative;
  padding: 5px 0 10px 30px;
}

@media (min-width: 48em) {
  .case-study-testimonial .case-study-testimonial-inner {
    padding-left: 50px;
  }
}

.case-study-testimonial .case-study-testimonial-inner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 7px;
  background: currentColor;
}

.case-study-testimonial .case-study-testimonial-inner .person {
  font-size: 16px;
}

@media (min-width: 48em) {
  .case-study-testimonial .case-study-testimonial-inner .person {
    padding-left: 18px;
  }
}

.case-study-testimonial .case-study-testimonial-inner p {
  margin: .5em 0;
  font-family: 'AbrilText-Regular';
  font-size: 30px;
  line-height: 1.4;
}

@media (min-width: 48em) {
  .case-study-testimonial .case-study-testimonial-inner p {
    padding-left: 40px;
  }
}

.more-case-studies {
  position: relative;
  z-index: 2;
  background: #2d3238;
  padding: 40px 4vw;
  border-bottom: 10px solid #16C18F;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}

@media (min-width: 48em) {
  .more-case-studies {
    padding-top: 90px;
    padding-bottom: 45px;
  }
}

.more-case-studies::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 4vw;
  width: 0;
  height: 0;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-top: 30px solid #16C18F;
}

.more-case-studies h3 {
  margin: 0 0 20px;
  color: #16C18F;
  font-family: "AbrilText-SemiBold", Georgia, "Times New Roman", Times, serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.4;
  font-size: 26px;
}

@media screen and (min-width: 600px) {
  .more-case-studies h3 {
    font-size: calc(3.1111111111vw + 7.3333333333px);
  }
}

@media screen and (min-width: 800px) {
  .more-case-studies h3 {
    font-size: calc(5.7777777778vw - 14px);
  }
}

@media screen and (min-width: 1000px) {
  .more-case-studies h3 {
    font-size: calc(3.1111111111vw + 12.6666666667px);
  }
}

@media screen and (min-width: 1200px) {
  .more-case-studies h3 {
    font-size: 50px;
  }
}

.more-case-studies p {
  margin: 0;
  color: #FFFFFF;
}

.more-case-studies .link-container {
  margin-top: 20px;
}

@media (max-width: 47.99em) {
  .more-case-studies .link-container {
    display: none !important;
  }
}

@media (min-width: 48em) {
  .more-case-studies .link-container {
    text-align: right;
  }
}

.more-case-studies .link-container a {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "NimbusSan-Bol", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 1;
}

.more-case-studies .link-container a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 12px;
  height: 19px;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/base/green-arrow.svg");
  background-size: 12px 19px;
}

.case-study-steel-blue .sb-angle-bg-wrap {
  position: relative;
  z-index: 1;
  margin: 0 -4vw;
  color: #FFFFFF;
  padding-bottom: 1px;
}

.case-study-steel-blue .sb-angle-bg-wrap .sb-angle-bg {
  position: absolute;
  z-index: -1;
  top: 150px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #002c5d;
  overflow: hidden;
}

.case-study-steel-blue .sb-angle-bg-wrap .sb-angle-bg:before {
  content: '';
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
  height: 50%;
  background: #000000;
  opacity: .08;
  -webkit-transform: skewY(-8deg);
  transform: skewY(-8deg);
}

.case-study-steel-blue .sb-angle-bg-wrap .sb-angle-bg:after {
  content: '';
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
  height: 55%;
  background: #000000;
  opacity: .15;
  -webkit-transform: skewY(8deg);
  transform: skewY(8deg);
}

.case-study-steel-blue .sb-angle-bg-wrap .screenshot-homepage {
  position: relative;
  padding: 0 4vw;
}

.case-study-steel-blue .sb-angle-bg-wrap .screenshot-homepage .screenshot-homepage-sb-mobile {
  position: absolute;
  bottom: -10%;
  right: -12%;
  max-width: 75%;
}

.case-study-steel-blue .multi-lingual .text {
  margin-bottom: 50px;
}

.case-study-steel-blue .boot-comparison img {
  margin-top: 30px;
}

.case-study-steel-blue .find-a-store img {
  margin-top: 30px;
  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.2);
}

.case-study-steel-blue .sb-social {
  background: #eaeefa;
  margin: 0 -4vw;
  padding: 50px 4vw;
}

.case-study-steel-blue .sb-social .sb-social-header {
  position: relative;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/steel-blue/icon-email.svg");
  background-position: 50%;
  background-size: 276px;
  background-repeat: no-repeat;
  margin-bottom: 100px;
  text-align: center;
}

.case-study-steel-blue .sb-social .sb-social-header .icon-wrap {
  margin-top: 50px;
}

.case-study-steel-blue .sb-social .sb-social-header .icon-wrap > div {
  display: inline-block;
  margin: 0 10px;
}

.case-study-steel-blue .sb-social .sb-social-header .icon-wrap > div img {
  width: 40px;
}

.case-study-steel-blue .sb-social .text {
  margin-bottom: 50px;
}

.case-study-steel-blue .sb-social .text .sb-social-stats {
  margin-top: 50px;
}

.case-study-steel-blue .sb-social .text .sb-social-stats .stat {
  display: inline-block;
  margin: 0 60px 40px 0;
  line-height: 1.2;
}

.case-study-steel-blue .sb-social .text .sb-social-stats .stat .label {
  font-family: 'NimbusSan-Reg';
  color: #16C18F;
  font-size: 16px;
}

.case-study-steel-blue .sb-social .text .sb-social-stats .stat .value {
  font-family: 'AbrilText-SemiBold';
  font-size: 32px;
}

.case-study-steel-blue .sb-social .sb-ladies {
  position: relative;
  z-index: 1;
  border-bottom: 60px solid #f25d98;
  overflow: hidden;
  margin: 0 -4vw;
}

.case-study-steel-blue .sb-social .sb-ladies:after {
  content: '';
  position: absolute;
  z-index: -1;
  left: -50px;
  right: -50px;
  bottom: -100px;
  background: #754674;
  height: 200px;
  -webkit-transform: rotate(-2.5deg);
  transform: rotate(-2.5deg);
}

.case-study-steel-blue .sb-social .sb-ladies .text {
  padding: 0 4vw;
}

.case-study-steel-blue .sb-social .sb-ladies .image {
  position: relative;
  padding-bottom: 50px;
}

.case-study-steel-blue .sb-social .sb-ladies .image .image-ladies-mobile {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 75%;
}

.case-study-steel-blue .sb-social .sb-men {
  margin-top: 50px;
}

.case-study-steel-blue .sb-social .sb-men .image {
  position: relative;
}

.case-study-steel-blue .sb-social .sb-men .image .image-men {
  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.2);
}

.case-study-steel-blue .sb-social .sb-men .image .image-men-mobile {
  position: absolute;
  left: 0;
  bottom: -30px;
  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.2);
  max-width: 75%;
}

.case-study-steel-blue .create-your-own-boot .text {
  margin-bottom: 50px;
}

.case-study-steel-blue .create-your-own-boot .image {
  margin-bottom: -50px;
}

@media (min-width: 48em) {
  .case-study-steel-blue .create-your-own-boot .image {
    margin-bottom: -100px;
  }
}

.case-study-steel-blue .create-your-own-boot .image img {
  display: block;
}

@media (min-width: 768px) {
  .case-study-steel-blue .sb-angle-bg-wrap .screenshot-homepage .screenshot-homepage-sb-mobile {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
    max-width: 50%;
  }

  .case-study-steel-blue .sb-social {
    padding: 100px 4vw;
  }

  .case-study-steel-blue .sb-social .sb-social-header .icon-wrap > div {
    margin: 0 20px;
  }

  .case-study-steel-blue .sb-social .sb-social-header .icon-wrap > div img {
    width: 60px;
  }

  .case-study-steel-blue .sb-social .sb-men {
    margin-top: 100px;
  }
}

@media (min-width: 1024px) {
  .case-study-steel-blue .multi-lingual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .case-study-steel-blue .multi-lingual .text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    max-width: 36%;
    padding-right: 25px;
    margin-bottom: 0;
  }

  .case-study-steel-blue .multi-lingual .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 64%;
    flex: 0 0 64%;
    max-width: 64%;
    padding-left: 25px;
  }

  .case-study-steel-blue .create-your-own-boot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .case-study-steel-blue .create-your-own-boot .text {
    margin-bottom: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37%;
    flex: 0 0 37%;
    max-width: 37%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 25px;
  }

  .case-study-steel-blue .create-your-own-boot .text h2 {
    max-width: 300px;
  }

  .case-study-steel-blue .create-your-own-boot .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 63%;
    flex: 0 0 63%;
    max-width: 63%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 25px;
  }

  .case-study-steel-blue .sb-social-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .case-study-steel-blue .sb-social-group .text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 25px;
    margin-bottom: 0;
  }

  .case-study-steel-blue .sb-social-group .text .text-inner {
    max-width: 650px;
  }

  .case-study-steel-blue .sb-social-group .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 25px;
  }

  .case-study-steel-blue .sb-social-group.sb-ladies .text {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 25px;
  }

  .case-study-steel-blue .sb-social-group.sb-ladies .image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 25px;
    padding-left: 0;
    padding-bottom: 150px;
  }

  .case-study-steel-blue .sb-social-group.sb-ladies .image .image-ladies-mobile {
    max-width: 100%;
    right: 25px;
  }

  .case-study-steel-blue .sb-social-group.sb-men .text .text-inner {
    margin-left: auto;
  }
}

@media (min-width: 1400px) {
  .case-study-steel-blue .sb-social .sb-social-header .icon-wrap {
    margin-top: 0;
  }

  .case-study-steel-blue .sb-social .sb-social-header .icon-wrap > div {
    position: absolute;
    top: 50px;
    margin: 0;
  }

  .case-study-steel-blue .sb-social .sb-social-header .icon-wrap > div.icon-instagram {
    left: 0;
  }

  .case-study-steel-blue .sb-social .sb-social-header .icon-wrap > div.icon-youtube {
    left: 130px;
  }

  .case-study-steel-blue .sb-social .sb-social-header .icon-wrap > div.icon-facebook {
    right: 130px;
  }

  .case-study-steel-blue .sb-social .sb-social-header .icon-wrap > div.icon-twitter {
    right: 0;
  }

  .case-study-steel-blue .sb-social .sb-men .image .image-men-mobile {
    left: -200px;
  }
}

.case-study-venues-west .case-study-testimonial {
  color: #004063;
}

.case-study-venues-west .case-study-testimonial:after {
  background: #abddf4;
}

.case-study-venues-west .infographic {
  margin: 50px auto;
  display: block;
}

.case-study-venues-west .diverse-audience .image {
  margin-top: 50px;
}

.case-study-venues-west .vw-angle-bg-wrap {
  position: relative;
  z-index: 1;
  margin: 0 -4vw;
  color: #FFFFFF;
  border-bottom: 1px solid #cddae2;
}

.case-study-venues-west .vw-angle-bg-wrap .vw-angle-bg {
  position: absolute;
  z-index: -1;
  top: 27.5vw;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #073c58;
  overflow: hidden;
}

.case-study-venues-west .vw-angle-bg-wrap .vw-angle-bg:before {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  width: 1000px;
  height: 2000px;
  background: #227bbd;
  -webkit-transform: skewX(-30deg);
  transform: skewX(-30deg);
}

.case-study-venues-west .vw-angle-bg-wrap .screenshot-homepage {
  position: relative;
  z-index: 1;
}

.case-study-venues-west .vw-angle-bg-wrap .screenshot-homepage .screenshot-homepage-vw {
  max-width: 80%;
}

.case-study-venues-west .vw-angle-bg-wrap .screenshot-homepage .screenshot-homepage-hbf {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 30%;
  -webkit-transform: translateY(-60%);
  transform: translateY(-60%);
  max-width: 70%;
}

.case-study-venues-west .vw-angle-bg-wrap .venue-selector {
  padding: 0 4vw;
  margin-bottom: 50px;
}

.case-study-venues-west .vw-angle-bg-wrap .venue-selector .image {
  position: relative;
  z-index: 1;
}

.case-study-venues-west .vw-angle-bg-wrap .venue-selector .image:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 200%;
  height: 200%;
  background: radial-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 50%);
}

.case-study-venues-west .vw-angle-bg-wrap .venue-selector .text {
  position: relative;
  z-index: 2;
  margin-bottom: 50px;
}

.case-study-venues-west .vw-angle-bg-wrap .cross-promotion {
  position: relative;
  z-index: 2;
  padding: 0 4vw;
}

.case-study-venues-west .vw-angle-bg-wrap .cross-promotion img {
  display: block;
  margin: 0 auto;
}

.case-study-venues-west .swim-lane-image {
  margin-top: 30px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.case-study-venues-west .view-from-seat .text {
  margin-bottom: 50px;
}

.case-study-venues-west .virtual-tour .text {
  margin-bottom: 50px;
}

.case-study-venues-west .virtual-tour .image {
  position: relative;
  z-index: 1;
}

.case-study-venues-west .virtual-tour .image:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 25%;
  bottom: 0;
  left: -10000em;
  right: -10000em;
  background: #f0f0f0;
}

.case-study-venues-west .virtual-tour .image img {
  display: block;
}

.case-study-venues-west .cms-image {
  margin-top: 20px;
}

.case-study-venues-west .threefold-increase .text {
  margin-bottom: 50px;
}

@media (min-width: 768px) {
  .case-study-venues-west .infographic {
    margin: 100px auto;
  }

  .case-study-venues-west .diverse-audience {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .case-study-venues-west .diverse-audience .text {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding-right: 90px;
  }

  .case-study-venues-west .diverse-audience .image {
    margin-top: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 177px;
  }

  .case-study-venues-west .vw-angle-bg-wrap .vw-angle-bg:before {
    margin-right: -500px;
    width: 2000px;
  }

  .case-study-venues-west .vw-angle-bg-wrap .screenshot-homepage {
    margin-top: -50px;
  }

  .case-study-venues-west .vw-angle-bg-wrap .venue-selector {
    margin-bottom: 120px;
  }
}

@media (min-width: 1024px) {
  .case-study-venues-west .vw-angle-bg-wrap .venue-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .case-study-venues-west .vw-angle-bg-wrap .venue-selector .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 69%;
    flex: 0 0 69%;
    max-width: 69%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 25px;
  }

  .case-study-venues-west .vw-angle-bg-wrap .venue-selector .text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
    max-width: 31%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 25px;
    margin-bottom: 0;
    margin-top: 85px;
  }

  .case-study-venues-west .view-from-seat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .case-study-venues-west .view-from-seat .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .case-study-venues-west .view-from-seat .text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 0;
    margin-top: -15%;
  }

  .case-study-venues-west .view-from-seat .text h2 {
    max-width: 320px;
  }

  .case-study-venues-west .virtual-tour {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .case-study-venues-west .virtual-tour .text {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    margin: 0;
    padding: 100px 0;
  }

  .case-study-venues-west .virtual-tour .text:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: -10000em;
    right: -10000em;
    background: #f0f0f0;
  }

  .case-study-venues-west .virtual-tour .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }

  .case-study-venues-west .virtual-tour .image:after {
    display: none;
  }

  .case-study-venues-west .threefold-increase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .case-study-venues-west .threefold-increase .text {
    margin-bottom: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 50px;
  }

  .case-study-venues-west .threefold-increase .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 50px;
  }
}

@media (min-width: 1550px) {
  .case-study-venues-west .vw-angle-bg-wrap .vw-angle-bg {
    top: 426px;
  }
}

/* Color Variable
====================================*/

/* Breakpoints Variable
====================================*/

/* Start Css
====================================*/

@media (min-width: 64em) {
  .case-study-western-power .community-asset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.case-study-western-power .community-asset .text {
  margin-bottom: 50px;
}

@media (min-width: 64em) {
  .case-study-western-power .community-asset .text {
    margin-bottom: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    padding-right: 25px;
  }
}

.case-study-western-power .community-asset .image {
  position: relative;
}

@media (min-width: 64em) {
  .case-study-western-power .community-asset .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    padding-left: 25px;
  }
}

.case-study-western-power .community-asset .image .image-screenshot {
  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.4);
}

.case-study-western-power .community-asset .image .image-screenshot-tablet {
  position: absolute;
  bottom: -104px;
  right: -80px;
}

.tbl {
  display: table;
  width: 100%;
  height: 100%;
}

.tbl .tbl-cell {
  display: table-cell;
  vertical-align: middle;
}

.deverse-audience {
  background: #f1ebe4;
}

@media (min-width: 64em) {
  .deverse-audience {
    margin: -108px 0 0 0;
  }
}

.strategy-list {
  list-style: none;
  padding: 0;
  width: auto;
  position: relative;
}

@media (min-width: 40.0625em) {
  .strategy-list {
    margin: 0 auto;
    width: 573px;
  }
}

@media (min-width: 48em) {
  .strategy-list {
    margin: 0 auto 132px;
    width: 690px;
  }
}

@media (min-width: 62em) {
  .strategy-list {
    margin: 0 -97px 132px;
    width: auto;
  }
}

.strategy-list li {
  width: 130px;
  height: 130px;
  border-radius: 100%;
  background: #fff;
  border-radius: 100%;
  vertical-align: top;
  display: block;
  margin: 0 auto 73px;
  position: relative;
}

@media (min-width: 40.0625em) {
  .strategy-list li {
    width: 130px;
    height: 130px;
    margin: 0 15px 100px;
    display: inline-block;
  }
}

@media (min-width: 48em) {
  .strategy-list li {
    margin: 0 15px;
    width: 103px;
    height: 103px;
  }
}

@media (min-width: 62em) {
  .strategy-list li {
    width: 138px;
    height: 139px;
    display: inline-block;
    margin: 0 22px;
  }
}

.strategy-list li h3 {
  font-size: 14px;
  line-height: 18px;
  color: #6c4739;
  text-transform: uppercase;
  font-family: "NimbusSan-Bol";
  position: relative;
  z-index: 9;
  padding: 0 5px;
}

.strategy-list li h3:after {
  display: none !important;
}

@media (min-width: 40.0625em) {
  .strategy-list li h3 {
    font-size: 14px;
    line-height: 18px;
    padding: 0 5px;
  }
}

@media (min-width: 48em) {
  .strategy-list li h3 {
    font-size: 12px;
    line-height: 15px;
    padding: 0 5px;
  }
}

@media (min-width: 62em) {
  .strategy-list li h3 {
    font-size: 18px;
    line-height: 22px;
  }
}

@media (min-width: 40.0625em) and (max-width: 47.9375em) {
  .strategy-list li:first-child {
    margin-bottom: 115px;
  }
}

@media (min-width: 40.0625em) and (max-width: 47.9375em) {
  .strategy-list li:first-child h3:after {
    content: "";
    border-left: dashed 3px #aa948a;
    height: 35px;
    display: block !important;
    width: 3px;
    margin: 0 auto;
    position: absolute;
    left: 145px;
    right: 0;
    bottom: -160px;
  }
}

@media (min-width: 40.0625em) and (max-width: 47.9375em) {
  .strategy-list li:nth-child(3) {
    margin-bottom: 115px;
  }
}

@media (min-width: 40.0625em) and (max-width: 47.9375em) {
  .strategy-list li:nth-child(3) h3:after {
    content: "";
    border-left: dashed 3px #aa948a;
    height: 35px;
    display: block !important;
    width: 3px;
    margin: 0 auto;
    position: absolute;
    left: auto;
    right: 144px;
    bottom: -151px;
  }
}

@media (min-width: 40.0625em) and (max-width: 47.9375em) {
  .strategy-list li:nth-child(2) {
    margin-bottom: 115px;
  }
}

@media (min-width: 40.0625em) and (max-width: 47.9375em) {
  .strategy-list li:nth-child(2) h3:after {
    content: "";
    border-bottom: dashed 3px #aa948a;
    height: 3px;
    display: block !important;
    width: 334px;
    margin: 0 auto;
    position: absolute;
    left: -232px;
    right: -232px;
    bottom: -123px;
  }
}

.strategy-list li:before {
  content: "";
  width: 146px;
  height: 146px;
  display: block;
  border: dashed 3px #aa948a;
  border-radius: 100%;
  position: absolute;
  left: -8px;
  top: -8px;
  box-sizing: border-box;
  margin-top: 0;
}

@media (min-width: 40.0625em) {
  .strategy-list li:before {
    width: 146px;
    height: 146px;
    left: -8px;
    top: -8px;
    margin-top: 0;
  }
}

@media (min-width: 48em) {
  .strategy-list li:before {
    width: 120px;
    height: 120px;
    left: -8px;
    top: -8px;
  }
}

@media (min-width: 62em) {
  .strategy-list li:before {
    margin-top: 0;
    width: 157px;
    height: 157px;
    left: -9px;
    top: -9px;
  }
}

.strategy-list li:after {
  content: "";
  width: 3px;
  height: 53px;
  display: block;
  border-left: dashed 3px #aa948a;
  position: absolute;
  left: 0;
  right: 0;
  margin: 9px auto 0;
  top: 100%;
  box-sizing: border-box;
}

@media (min-width: 40.0625em) {
  .strategy-list li:after {
    display: block;
  }
}

@media (min-width: 62em) {
  .strategy-list li:after {
    display: block;
  }
}

.strategy-list:after {
  content: "";
  border-bottom: dashed 3px #aa948a;
  position: absolute;
  left: 94px;
  right: 95px;
  bottom: -68px;
  z-index: 0;
  display: none;
}

@media screen and (min-width: 641px) and (max-width: 767px) {
  .strategy-list:after {
    left: 202px;
    right: 203px;
    bottom: 33px;
    display: block;
  }
}

@media (min-width: 48em) {
  .strategy-list:after {
    left: 65px;
    right: 65px;
    display: block;
  }
}

@media (min-width: 62em) {
  .strategy-list:after {
    left: 94px;
    right: 95px;
  }
}

.strategy-list:before {
  content: "";
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/western-power/funnel-icon.png") no-repeat center center;
  width: 28px;
  height: 29px;
  display: block;
  margin: 50px auto 0;
  left: 0;
  right: 0;
  top: 100%;
  position: absolute;
  z-index: 1;
}

@media screen and (min-width: 641px) and (max-width: 767px) {
  .strategy-list:before {
    margin-top: -50px;
  }
}

.tag-website-strategy {
  display: inline-block;
  background: #aa948a;
  border-color: #aa948a;
  color: #fff;
  font-size: 18px;
  padding: 20px 25px 14px;
  border-radius: 10px;
  position: relative;
  margin-top: 25px;
  text-transform: uppercase;
  font-family: 'NimbusSan-Bol';
}

@media (min-width: 48em) {
  .tag-website-strategy {
    margin-top: 0;
    font-size: 24px;
  }
}

@media (min-width: 64em) {
  .tag-website-strategy {
    padding: 20px 50px;
  }
}

.tag-website-strategy:before {
  content: "";
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/western-power/website-icon.png") no-repeat center center;
  width: 33px;
  height: 33px;
  display: inline-block;
  vertical-align: middle;
  background-size: 100%;
  margin-right: 10px;
  position: relative;
  top: -5px;
}

@media (min-width: 991px) {
  .tag-website-strategy:before {
    width: 43px;
    height: 43px;
    margin-right: 18px;
  }
}

.tag-website-strategy:after {
  content: "";
  width: 3px;
  height: 57px;
  display: block;
  border-left: dashed 3px #aa948a;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -58px;
  box-sizing: border-box;
}

.prototype-engagement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
}

.column {
  background: #ed8b00;
  float: left;
  padding: 45px 30px 15px;
  text-align: center;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  box-sizing: border-box;
  width: 100%;
}

.column:nth-child(2n+2) {
  background: #e57200;
}

@media (min-width: 48em) {
  .column {
    float: none;
    padding: 68px 30px 50px;
  }
}

@media (min-width: 62em) {
  .column {
    padding: 90px 30px 60px;
    width: 50%;
  }
}

@media (min-width: 64em) {
  .column {
    padding: 134px 30px 100px;
  }
}

.mid-content {
  max-width: 550px;
  margin: 0 auto;
}

.mid-content figure {
  height: 80px;
  line-height: 80px;
  margin: 0 0 30px 0;
}

.mid-content figure img {
  vertical-align: middle;
  line-height: 80px;
  display: inline-block;
}

@media (min-width: 40.0625em) {
  .mid-content figure {
    margin: 0 0 58px 0;
  }
}

.mid-content h3 {
  font-size: 28px;
  line-height: 34px;
  padding: 0 7%;
  margin-bottom: 0;
}

@media (min-width: 30.0625em) {
  .mid-content h3 {
    font-size: 34px;
    line-height: 38px;
  }
}

@media (min-width: 40.0625em) {
  .mid-content h3 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media (min-width: 64em) {
  .mid-content h3 {
    font-size: 50px;
    line-height: 65px;
  }
}

.mid-content p {
  font-size: 18px;
  line-height: 26px;
}

@media (min-width: 30.0625em) {
  .mid-content p {
    font-size: 20px;
  }
}

@media (min-width: 64em) {
  .mid-content p {
    font-size: 21px;
  }
}

.next-level-power {
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/western-power/map-image.jpg") no-repeat right top;
  padding-top: 80%;
  background-size: 200%;
  background-color: #aed0fe;
}

@media (min-width: 48em) {
  .next-level-power {
    background-size: 180%;
    padding-top: 68%;
  }
}

@media (min-width: 62em) {
  .next-level-power {
    padding-top: 0;
    background-size: cover;
    background-position: center center;
  }
}

.column-content {
  width: 100%;
}

@media (min-width: 62em) {
  .column-content {
    width: 54%;
  }
}

@media (min-width: 75em) {
  .column-content {
    width: 38%;
  }
}

.reporting-faulty {
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/western-power/reporting-faulty.jpg") no-repeat center center;
  background-size: cover;
}

.reporting-faulty .column-content {
  float: right;
}

.text-white h2,
.text-white p {
  color: #fff;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.career-quotes {
  background: #f1ebe4;
}

.career-quotes .content-container {
  margin: 30px auto;
}

@media (min-width: 40.0625em) {
  .career-quotes .content-container {
    margin: 38px auto 43px;
  }
}

blockquote {
  border-left: solid 5px #e57200;
  margin: 0;
  padding: 5px 0 1px 20px;
}

@media (min-width: 30.0625em) {
  blockquote {
    padding: 5px 0 1px 30px;
  }
}

@media (min-width: 40.0625em) {
  blockquote {
    padding: 5px 0 1px 40px;
    border-left-width: 7px;
  }
}

blockquote span {
  font-size: 18px;
  line-height: 20px;
  color: #42130b;
  display: inline-block;
  padding-bottom: 8px;
}

@media (min-width: 30.0625em) {
  blockquote span {
    font-size: 16px;
  }
}

blockquote h2 {
  font-size: 22px;
  line-height: 32px;
  color: #42130b;
  font-weight: 400;
  font-family: "AbrilText-regular";
}

@media (min-width: 30.0625em) {
  blockquote h2 {
    font-size: 26px;
    line-height: 36px;
  }
}

@media (min-width: 62em) {
  blockquote h2 {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 10px;
  }
}

@media (min-width: 64em) {
  blockquote h2 {
    font-size: 40px;
    line-height: 55px;
  }
}

.infrastructure-sec {
  margin-bottom: 0;
}

@media (min-width: 62em) {
  .infrastructure-sec {
    margin-bottom: 70px;
  }
}

.infrastructure-sec .text {
  text-align: left;
  padding-top: 0 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 55% !important;
  flex: 0 0 55% !important;
}

.users-count {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  margin-top: 70px;
  margin-bottom: 80px;
}

@media (min-width: 40.0625em) {
  .users-count {
    margin-top: 80px;
    margin-bottom: 100px;
  }
}

@media (min-width: 64em) {
  .users-count {
    margin-top: 57px;
    margin-bottom: 0;
  }
}

.avarage {
  background: #ed8b00;
  height: 85px;
  display: inline-block;
  vertical-align: bottom;
  width: 115px;
  position: relative;
}

@media (min-width: 40.0625em) {
  .avarage {
    width: 171px;
  }
}

.avarage span {
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
  font-size: 22px;
  line-height: 30px;
}

@media (min-width: 40.0625em) {
  .avarage span {
    font-size: 24px;
  }
}

@media (min-width: 48em) {
  .avarage span {
    font-size: 27px;
  }
}

.avarage p {
  position: absolute;
  bottom: -35px;
  left: 0;
  right: 0;
  margin: 0;
}

.avarage-power {
  height: 349px;
  background: #e57200;
  margin-left: 15px;
}

.avarage-power p {
  bottom: -65px;
}

@media (min-width: 40.0625em) {
  .avarage-power p {
    bottom: -35px;
  }
}

@media (min-width: 48em) {
  .avarage-power p {
    bottom: -72px;
  }
}

.case-study-horizon-power .australian-first {
  margin: 50px auto;
  position: relative;
  z-index: 1;
}

.case-study-horizon-power .australian-first::before {
  content: "";
  display: block;
  position: absolute;
  background: #053856;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 48em) {
  .case-study-horizon-power .australian-first {
    margin: 100px auto;
  }
}

.case-study-horizon-power .australian-first .inner {
  background: #053856 url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/horizon-power/power-lines-technician.jpg");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 600px) {
  .case-study-horizon-power .australian-first .inner {
    padding-top: calc(7.7777777778vw - 6.6666666667px);
  }
}

@media screen and (min-width: 800px) {
  .case-study-horizon-power .australian-first .inner {
    padding-top: calc(14.4444444444vw - 60px);
  }
}

@media screen and (min-width: 1000px) {
  .case-study-horizon-power .australian-first .inner {
    padding-top: calc(7.7777777778vw + 6.6666666667px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .australian-first .inner {
    padding-top: 100px;
  }
}

@media screen and (min-width: 600px) {
  .case-study-horizon-power .australian-first .inner {
    padding-bottom: calc(7.7777777778vw - 6.6666666667px);
  }
}

@media screen and (min-width: 800px) {
  .case-study-horizon-power .australian-first .inner {
    padding-bottom: calc(14.4444444444vw - 60px);
  }
}

@media screen and (min-width: 1000px) {
  .case-study-horizon-power .australian-first .inner {
    padding-bottom: calc(7.7777777778vw + 6.6666666667px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .australian-first .inner {
    padding-bottom: 100px;
  }
}

.case-study-horizon-power .australian-first .inner::before {
  content: "";
  display: block;
  position: absolute;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#053856+0,053856+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #053856 0%, rgba(5, 56, 86, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#053856', endColorstr='#00053856',GradientType=1 );
  /* IE6-9 */
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
}

.case-study-horizon-power .australian-first .inner::after {
  content: "";
  display: block;
  position: absolute;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#053856+0,053856+100&0+0,1+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(5, 56, 86, 0) 0%, #053856 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00053856', endColorstr='#053856',GradientType=1 );
  /* IE6-9 */
  top: 0;
  right: 0;
  height: 100%;
  width: 100px;
}

.case-study-horizon-power .australian-first .inner .content-container {
  margin-top: 0;
  margin-bottom: 0;
}

.case-study-horizon-power .australian-first .inner .text {
  position: relative;
  z-index: 1;
  color: #FFFFFF;
}

@media (min-width: 64em) {
  .case-study-horizon-power .australian-first .inner .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    max-width: 40%;
    padding: 0 40px 0 0;
  }
}

@media (min-width: 64em) {
  .case-study-horizon-power .power-ahead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.case-study-horizon-power .power-ahead .text {
  padding: 0 0 40px;
}

@media (min-width: 64em) {
  .case-study-horizon-power .power-ahead .text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0 0 0 40px;
    padding-top: 0;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-horizon-power .power-ahead .text {
    padding-top: calc(44.1919191919vw - 452.525252525px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-horizon-power .power-ahead .text {
    padding-top: calc(82.0707070707vw - 862.626262626px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-horizon-power .power-ahead .text {
    padding-top: calc(44.1919191919vw - 430.303030303px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-horizon-power .power-ahead .text {
    padding-top: 100px;
  }
}

.case-study-horizon-power .power-ahead .image {
  position: relative;
}

@media (min-width: 64em) {
  .case-study-horizon-power .power-ahead .image {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 60%;
  }
}

.case-study-horizon-power .power-ahead .image .macbook-website {
  position: relative;
  left: -15%;
}

@media (min-width: 64em) {
  .case-study-horizon-power .power-ahead .image .macbook-website {
    position: relative;
    right: 0;
    max-width: none;
    left: -460px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-horizon-power .power-ahead .image .macbook-website {
    left: calc(-22.095959596vw - 233.737373737px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-horizon-power .power-ahead .image .macbook-website {
    left: calc(-41.0353535354vw - 28.6868686869px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-horizon-power .power-ahead .image .macbook-website {
    left: calc(-22.095959596vw - 244.848484848px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-horizon-power .power-ahead .image .macbook-website {
    left: -510px;
  }
}

.case-study-horizon-power .power-ahead .image .iphone-app {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (min-width: 1024px) {
  .case-study-horizon-power .power-ahead .image .iphone-app {
    bottom: calc(13.2575757576vw - 135.757575758px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-horizon-power .power-ahead .image .iphone-app {
    bottom: calc(24.6212121212vw - 258.787878788px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-horizon-power .power-ahead .image .iphone-app {
    bottom: calc(13.2575757576vw - 129.090909091px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .power-ahead .image .iphone-app {
    bottom: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .case-study-horizon-power .power-ahead .image .iphone-app {
    right: calc(13.2575757576vw - 135.757575758px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-horizon-power .power-ahead .image .iphone-app {
    right: calc(24.6212121212vw - 258.787878788px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-horizon-power .power-ahead .image .iphone-app {
    right: calc(13.2575757576vw - 129.090909091px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .power-ahead .image .iphone-app {
    right: 30px;
  }
}

@media (max-width: 63.99em) {
  .case-study-horizon-power .power-ahead .image .iphone-app {
    max-height: 100%;
    top: -10px;
  }
}

.case-study-horizon-power .outcome-focused {
  position: relative;
  z-index: 1;
  padding-top: 40px;
  padding-bottom: 40px;
}

.case-study-horizon-power .outcome-focused::before {
  content: "";
  display: block;
  position: absolute;
  background: #dce0df;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media screen and (min-width: 600px) {
  .case-study-horizon-power .outcome-focused {
    padding-top: calc(5.1851851852vw + 8.8888888889px);
  }
}

@media screen and (min-width: 800px) {
  .case-study-horizon-power .outcome-focused {
    padding-top: calc(9.6296296296vw - 26.6666666667px);
  }
}

@media screen and (min-width: 1000px) {
  .case-study-horizon-power .outcome-focused {
    padding-top: calc(5.1851851852vw + 17.7777777778px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .outcome-focused {
    padding-top: 80px;
  }
}

@media screen and (min-width: 600px) {
  .case-study-horizon-power .outcome-focused {
    padding-bottom: calc(5.1851851852vw + 8.8888888889px);
  }
}

@media screen and (min-width: 800px) {
  .case-study-horizon-power .outcome-focused {
    padding-bottom: calc(9.6296296296vw - 26.6666666667px);
  }
}

@media screen and (min-width: 1000px) {
  .case-study-horizon-power .outcome-focused {
    padding-bottom: calc(5.1851851852vw + 17.7777777778px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .outcome-focused {
    padding-bottom: 80px;
  }
}

.case-study-horizon-power .outcome-focused .outcomes {
  padding-top: 20px;
}

@media screen and (min-width: 600px) {
  .case-study-horizon-power .outcome-focused .outcomes {
    padding-top: calc(2.5925925926vw + 4.4444444444px);
  }
}

@media screen and (min-width: 800px) {
  .case-study-horizon-power .outcome-focused .outcomes {
    padding-top: calc(4.8148148148vw - 13.3333333333px);
  }
}

@media screen and (min-width: 1000px) {
  .case-study-horizon-power .outcome-focused .outcomes {
    padding-top: calc(2.5925925926vw + 8.8888888889px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .outcome-focused .outcomes {
    padding-top: 40px;
  }
}

@media (min-width: 48em) {
  .case-study-horizon-power .outcome-focused .outcomes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -30px;
  }
}

@media (min-width: 48em) {
  .case-study-horizon-power .outcome-focused .outcomes > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 30px;
    text-align: left;
  }
}

@media (max-width: 90em) {
  .case-study-horizon-power .outcome-focused .outcomes > div:not(:last-child) {
    margin: 0 0 60px;
  }
}

@media (min-width: 90em) {
  .case-study-horizon-power .outcome-focused .outcomes > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    max-width: 25%;
  }
}

.case-study-horizon-power .outcome-focused .outcomes img {
  height: 50px;
}

@media (min-width: 48em) {
  .case-study-horizon-power .outcome-focused .outcomes img {
    height: 70px;
  }
}

.case-study-horizon-power .outcome-focused .outcomes h4 {
  color: #1F365D;
}

@media (min-width: 64em) {
  .case-study-horizon-power .feature-rich {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.case-study-horizon-power .feature-rich .image {
  text-align: center;
}

@media (min-width: 64em) {
  .case-study-horizon-power .feature-rich .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}

@media (max-width: 63.99em) {
  .case-study-horizon-power .feature-rich .image img {
    max-width: 200px;
  }
}

@media (min-width: 64em) {
  .case-study-horizon-power .feature-rich .image img {
    max-width: 300px;
    max-width: 300px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-horizon-power .feature-rich .image img {
    max-width: calc(107.386363636vw - 799.636363636px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-horizon-power .feature-rich .image img {
    max-width: calc(199.431818182vw - 1796.18181818px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-horizon-power .feature-rich .image img {
    max-width: calc(107.386363636vw - 745.636363636px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-horizon-power .feature-rich .image img {
    max-width: 543px;
  }
}

.case-study-horizon-power .feature-rich .text {
  padding-left: 0;
  padding-top: 0;
}

@media screen and (min-width: 1024px) {
  .case-study-horizon-power .feature-rich .text {
    padding-left: calc(17.6767676768vw - 181.01010101px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-horizon-power .feature-rich .text {
    padding-left: calc(32.8282828283vw - 345.050505051px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-horizon-power .feature-rich .text {
    padding-left: calc(17.6767676768vw - 172.121212121px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .feature-rich .text {
    padding-left: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .case-study-horizon-power .feature-rich .text {
    padding-top: calc(26.5151515152vw - 271.515151515px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-horizon-power .feature-rich .text {
    padding-top: calc(49.2424242424vw - 517.575757576px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-horizon-power .feature-rich .text {
    padding-top: calc(26.5151515152vw - 258.181818182px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .feature-rich .text {
    padding-top: 60px;
  }
}

@media (min-width: 48em) {
  .case-study-horizon-power .feature-rich .text .features {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    column-gap: 40px;
  }
}

@media (max-width: 47.99em) {
  .case-study-horizon-power .feature-rich .text .features > div:not(:last-child) {
    margin: 0 0 20px;
  }
}

@media (min-width: 48em) {
  .case-study-horizon-power .feature-rich .text .features > div {
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column;
  }
}

.case-study-horizon-power .feature-rich .text .features h4 {
  margin: 0 0 .25em;
}

.case-study-horizon-power .feature-rich .text .features p {
  margin: 0 0 1em;
}

.case-study-horizon-power .recruitment-campaign {
  position: relative;
  z-index: 1;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 0;
}

@media (min-width: 64em) {
  .case-study-horizon-power .recruitment-campaign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 600px) {
  .case-study-horizon-power .recruitment-campaign {
    padding-top: calc(7.7777777778vw - 6.6666666667px);
  }
}

@media screen and (min-width: 800px) {
  .case-study-horizon-power .recruitment-campaign {
    padding-top: calc(14.4444444444vw - 60px);
  }
}

@media screen and (min-width: 1000px) {
  .case-study-horizon-power .recruitment-campaign {
    padding-top: calc(7.7777777778vw + 6.6666666667px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .recruitment-campaign {
    padding-top: 100px;
  }
}

@media screen and (min-width: 600px) {
  .case-study-horizon-power .recruitment-campaign {
    padding-bottom: calc(7.7777777778vw - 6.6666666667px);
  }
}

@media screen and (min-width: 800px) {
  .case-study-horizon-power .recruitment-campaign {
    padding-bottom: calc(14.4444444444vw - 60px);
  }
}

@media screen and (min-width: 1000px) {
  .case-study-horizon-power .recruitment-campaign {
    padding-bottom: calc(7.7777777778vw + 6.6666666667px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .recruitment-campaign {
    padding-bottom: 100px;
  }
}

@media screen and (min-width: 1024px) {
  .case-study-horizon-power .recruitment-campaign {
    margin-bottom: calc(88.3838383838vw - 905.050505051px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-horizon-power .recruitment-campaign {
    margin-bottom: calc(164.141414141vw - 1725.25252525px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-horizon-power .recruitment-campaign {
    margin-bottom: calc(88.3838383838vw - 860.606060606px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .recruitment-campaign {
    margin-bottom: 200px;
  }
}

.case-study-horizon-power .recruitment-campaign::before {
  content: "";
  display: block;
  position: absolute;
  background: #f8e5d7;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

.case-study-horizon-power .recruitment-campaign .text {
  padding: 0 0 40px;
}

@media (min-width: 64em) {
  .case-study-horizon-power .recruitment-campaign .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 40px 0 0;
  }
}

.case-study-horizon-power .recruitment-campaign .image {
  position: relative;
  text-align: right;
}

@media (min-width: 64em) {
  .case-study-horizon-power .recruitment-campaign .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 50%;
  }
}

.case-study-horizon-power .recruitment-campaign .image img.facebook-page {
  max-width: 300px;
}

@media screen and (min-width: 400px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-page {
    max-width: calc(42.875vw + 128.5px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-page {
    max-width: calc(79.625vw - 116.5px);
  }
}

@media screen and (min-width: 933.333333333px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-page {
    max-width: calc(42.875vw + 226.5px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-page {
    max-width: 741px;
  }
}

@media (min-width: 64em) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-page {
    position: absolute;
    top: -90px;
    left: 150px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-page {
    top: calc(-57.4494949495vw + 498.282828283px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-page {
    top: calc(-106.691919192vw + 1031.41414141px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-page {
    top: calc(-57.4494949495vw + 469.393939394px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-page {
    top: -220px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-page {
    left: calc(66.2878787879vw - 528.787878788px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-page {
    left: calc(123.106060606vw - 1143.93939394px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-page {
    left: calc(66.2878787879vw - 495.454545455px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-page {
    left: 300px;
  }
}

.case-study-horizon-power .recruitment-campaign .image img.facebook-post {
  left: -20px;
  position: absolute;
  top: 50px;
  max-width: 200px;
  top: 50px;
  left: -20px;
}

@media screen and (min-width: 400px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-post {
    max-width: calc(22.8472222222vw + 108.611111111px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-post {
    max-width: calc(42.4305555556vw - 21.9444444444px);
  }
}

@media screen and (min-width: 933.333333333px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-post {
    max-width: calc(22.8472222222vw + 160.833333333px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-post {
    max-width: 435px;
  }
}

@media screen and (min-width: 1024px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-post {
    top: calc(-30.9343434343vw + 366.767676768px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-post {
    top: calc(-57.4494949495vw + 653.838383838px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-post {
    top: calc(-30.9343434343vw + 351.212121212px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-post {
    top: -20px;
  }
}

@media screen and (min-width: 1024px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-post {
    left: calc(35.3535353535vw - 382.02020202px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-post {
    left: calc(65.6565656566vw - 710.101010101px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-post {
    left: calc(35.3535353535vw - 364.242424242px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .recruitment-campaign .image img.facebook-post {
    left: 60px;
  }
}

.case-study-horizon-power .recruitment-campaign .image img.iphone-app-video {
  position: absolute;
  max-width: 220px;
  bottom: -20px;
  left: 0;
}

@media screen and (min-width: 400px) {
  .case-study-horizon-power .recruitment-campaign .image img.iphone-app-video {
    max-width: calc(32.5694444444vw + 89.7222222222px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .case-study-horizon-power .recruitment-campaign .image img.iphone-app-video {
    max-width: calc(60.4861111111vw - 96.3888888889px);
  }
}

@media screen and (min-width: 933.333333333px) {
  .case-study-horizon-power .recruitment-campaign .image img.iphone-app-video {
    max-width: calc(32.5694444444vw + 164.166666667px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .recruitment-campaign .image img.iphone-app-video {
    max-width: 555px;
  }
}

@media screen and (min-width: 1024px) {
  .case-study-horizon-power .recruitment-campaign .image img.iphone-app-video {
    bottom: calc(-114.898989899vw + 1156.56565657px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-horizon-power .recruitment-campaign .image img.iphone-app-video {
    bottom: calc(-213.383838384vw + 2222.82828283px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-horizon-power .recruitment-campaign .image img.iphone-app-video {
    bottom: calc(-114.898989899vw + 1098.78787879px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .recruitment-campaign .image img.iphone-app-video {
    bottom: -280px;
  }
}

@media screen and (min-width: 1024px) {
  .case-study-horizon-power .recruitment-campaign .image img.iphone-app-video {
    left: calc(44.1919191919vw - 452.525252525px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-horizon-power .recruitment-campaign .image img.iphone-app-video {
    left: calc(82.0707070707vw - 862.626262626px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-horizon-power .recruitment-campaign .image img.iphone-app-video {
    left: calc(44.1919191919vw - 430.303030303px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .recruitment-campaign .image img.iphone-app-video {
    left: 100px;
  }
}

.case-study-horizon-power .evaluation-surveys .image {
  margin: 0 -25vw;
  padding: 60px 0 0;
  text-align: center;
}

.case-study-horizon-power .results {
  position: relative;
  z-index: 1;
}

.case-study-horizon-power .results::before {
  content: "";
  display: block;
  position: absolute;
  background: #e5e5e4;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .case-study-horizon-power .results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .case-study-horizon-power .results > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 64em) {
  .case-study-horizon-power .results .stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.case-study-horizon-power .results .stats > div {
  color: #FFFFFF;
  padding: 40px 0;
  position: relative;
  z-index: 1;
  font-family: "NimbusSan-Bol", Helvetica, Arial, sans-serif;
  font-size: 28px;
  color: #ffffff;
  line-height: 1;
  font-size: 20px;
}

@media screen and (min-width: 400px) {
  .case-study-horizon-power .results .stats > div {
    font-size: calc(1.690821256vw + 13.2367149758px);
  }
}

@media screen and (min-width: 522.666666667px) {
  .case-study-horizon-power .results .stats > div {
    font-size: calc(3.1400966184vw + 5.6618357488px);
  }
}

@media screen and (min-width: 645.333333333px) {
  .case-study-horizon-power .results .stats > div {
    font-size: calc(1.690821256vw + 15.0144927536px);
  }
}

@media screen and (min-width: 768px) {
  .case-study-horizon-power .results .stats > div {
    font-size: 28px;
  }
}

@media (max-width: 63.99em) {
  .case-study-horizon-power .results .stats > div {
    padding-left: 80px;
  }
}

@media (min-width: 64em) {
  .case-study-horizon-power .results .stats > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-height: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding-right: 20px;
    padding-left: 80px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-horizon-power .results .stats > div {
    padding-right: calc(35.3535353535vw - 342.02020202px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-horizon-power .results .stats > div {
    padding-right: calc(65.6565656566vw - 670.101010101px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-horizon-power .results .stats > div {
    padding-right: calc(35.3535353535vw - 324.242424242px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-horizon-power .results .stats > div {
    padding-right: 100px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-horizon-power .results .stats > div {
    padding-left: calc(44.1919191919vw - 372.525252525px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-horizon-power .results .stats > div {
    padding-left: calc(82.0707070707vw - 782.626262626px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-horizon-power .results .stats > div {
    padding-left: calc(44.1919191919vw - 350.303030303px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-horizon-power .results .stats > div {
    padding-left: 180px;
  }
}

@media (min-width: 64em) {
  .case-study-horizon-power .results .stats > div span {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
}

.case-study-horizon-power .results .stats > div span {
  display: block;
  font-family: "NimbusSan-Bol", Helvetica, Arial, sans-serif;
  font-size: 65px;
  color: #cecece;
  line-height: 1;
}

@media (min-width: 64em) {
  .case-study-horizon-power .results .stats > div span {
    margin: 0 0 10px;
  }
}

.case-study-horizon-power .results .stats .stat-users::before {
  content: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/horizon-power/icon-user.svg");
  display: block;
  position: absolute;
  left: 0;
  width: 60px;
  top: 50px;
}

@media (min-width: 64em) {
  .case-study-horizon-power .results .stats .stat-users::before {
    top: 80px;
    width: 60px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-horizon-power .results .stats .stat-users::before {
    width: calc(30.9343434343vw - 256.767676768px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-horizon-power .results .stats .stat-users::before {
    width: calc(57.4494949495vw - 543.838383838px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-horizon-power .results .stats .stat-users::before {
    width: calc(30.9343434343vw - 241.212121212px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-horizon-power .results .stats .stat-users::before {
    width: 130px;
  }
}

.case-study-horizon-power .results .stats .stat-users::after {
  content: "";
  display: block;
  position: absolute;
  background: #085ba9;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .case-study-horizon-power .results .stats .stat-users::after {
    right: 0;
  }
}

.case-study-horizon-power .results .stats .stat-reduction::before {
  content: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/horizon-power/icon-meter.svg");
  display: block;
  position: absolute;
  left: 0;
  width: 60px;
  top: 60px;
}

@media (min-width: 64em) {
  .case-study-horizon-power .results .stats .stat-reduction::before {
    top: 100px;
    width: 60px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-horizon-power .results .stats .stat-reduction::before {
    width: calc(30.9343434343vw - 256.767676768px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-horizon-power .results .stats .stat-reduction::before {
    width: calc(57.4494949495vw - 543.838383838px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-horizon-power .results .stats .stat-reduction::before {
    width: calc(30.9343434343vw - 241.212121212px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-horizon-power .results .stats .stat-reduction::before {
    width: 130px;
  }
}

.case-study-horizon-power .results .stats .stat-reduction::after {
  content: "";
  display: block;
  position: absolute;
  background: #133054;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .case-study-horizon-power .results .stats .stat-reduction::after {
    right: 0;
  }
}

.case-study-horizon-power .results .text {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 600px) {
  .case-study-horizon-power .results .text {
    padding-top: calc(7.7777777778vw - 6.6666666667px);
  }
}

@media screen and (min-width: 800px) {
  .case-study-horizon-power .results .text {
    padding-top: calc(14.4444444444vw - 60px);
  }
}

@media screen and (min-width: 1000px) {
  .case-study-horizon-power .results .text {
    padding-top: calc(7.7777777778vw + 6.6666666667px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .results .text {
    padding-top: 100px;
  }
}

@media screen and (min-width: 600px) {
  .case-study-horizon-power .results .text {
    padding-bottom: calc(7.7777777778vw - 6.6666666667px);
  }
}

@media screen and (min-width: 800px) {
  .case-study-horizon-power .results .text {
    padding-bottom: calc(14.4444444444vw - 60px);
  }
}

@media screen and (min-width: 1000px) {
  .case-study-horizon-power .results .text {
    padding-bottom: calc(7.7777777778vw + 6.6666666667px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-horizon-power .results .text {
    padding-bottom: 100px;
  }
}

@media (min-width: 64em) {
  .case-study-horizon-power .results .text {
    padding-left: 40px;
  }
}

@media (min-width: 75em) {
  .case-study-horizon-power .results .text {
    padding-left: 40px;
  }
}

@media screen and (min-width: 75em) and (min-width: 1200px) {
  .case-study-horizon-power .results .text {
    padding-left: calc(51.8518518519vw - 582.222222222px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1280px) {
  .case-study-horizon-power .results .text {
    padding-left: calc(96.2962962963vw - 1151.11111111px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1360px) {
  .case-study-horizon-power .results .text {
    padding-left: calc(51.8518518519vw - 546.666666667px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1440px) {
  .case-study-horizon-power .results .text {
    padding-left: 200px;
  }
}

.case-study-your-move .macbook-iphone .image {
  position: relative;
}

.case-study-your-move .macbook-iphone .image .macbook-website {
  position: relative;
  left: -40px;
}

@media screen and (min-width: 1024px) {
  .case-study-your-move .macbook-iphone .image .macbook-website {
    left: calc(17.6767676768vw - 221.01010101px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-your-move .macbook-iphone .image .macbook-website {
    left: calc(32.8282828283vw - 385.050505051px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-your-move .macbook-iphone .image .macbook-website {
    left: calc(17.6767676768vw - 212.121212121px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-your-move .macbook-iphone .image .macbook-website {
    left: 0;
  }
}

.case-study-your-move .macbook-iphone .image .iphone-website {
  position: absolute;
  right: 10px;
  bottom: 20px;
  max-width: 100px;
}

@media screen and (min-width: 400px) {
  .case-study-your-move .macbook-iphone .image .iphone-website {
    right: calc(9.2361111111vw - 26.9444444444px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .case-study-your-move .macbook-iphone .image .iphone-website {
    right: calc(17.1527777778vw - 79.7222222222px);
  }
}

@media screen and (min-width: 933.333333333px) {
  .case-study-your-move .macbook-iphone .image .iphone-website {
    right: calc(9.2361111111vw - 5.8333333333px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-your-move .macbook-iphone .image .iphone-website {
    right: 105px;
  }
}

@media screen and (min-width: 400px) {
  .case-study-your-move .macbook-iphone .image .iphone-website {
    bottom: calc(5.8333333333vw - 3.3333333333px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .case-study-your-move .macbook-iphone .image .iphone-website {
    bottom: calc(10.8333333333vw - 36.6666666667px);
  }
}

@media screen and (min-width: 933.333333333px) {
  .case-study-your-move .macbook-iphone .image .iphone-website {
    bottom: calc(5.8333333333vw + 10px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-your-move .macbook-iphone .image .iphone-website {
    bottom: 80px;
  }
}

@media screen and (min-width: 400px) {
  .case-study-your-move .macbook-iphone .image .iphone-website {
    max-width: calc(18.6666666667vw + 25.3333333333px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .case-study-your-move .macbook-iphone .image .iphone-website {
    max-width: calc(34.6666666667vw - 81.3333333333px);
  }
}

@media screen and (min-width: 933.333333333px) {
  .case-study-your-move .macbook-iphone .image .iphone-website {
    max-width: calc(18.6666666667vw + 68px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-your-move .macbook-iphone .image .iphone-website {
    max-width: 292px;
  }
}

.case-study-your-move .big-objective {
  position: relative;
  z-index: 1;
}

.case-study-your-move .big-objective::before {
  content: "";
  display: block;
  position: absolute;
  background: #005895;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/your-move/big-objective-bg.png");
  background-position: center bottom;
  background-repeat: repeat-x;
}

.case-study-your-move .big-objective .inner .text {
  color: #FFFFFF;
  padding-top: 40px;
  padding-bottom: 200px;
}

@media screen and (min-width: 400px) {
  .case-study-your-move .big-objective .inner .text {
    padding-top: calc(3.8888888889vw + 24.4444444444px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .case-study-your-move .big-objective .inner .text {
    padding-top: calc(7.2222222222vw + 2.2222222222px);
  }
}

@media screen and (min-width: 933.333333333px) {
  .case-study-your-move .big-objective .inner .text {
    padding-top: calc(3.8888888889vw + 33.3333333333px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-your-move .big-objective .inner .text {
    padding-top: 80px;
  }
}

@media screen and (min-width: 400px) {
  .case-study-your-move .big-objective .inner .text {
    padding-bottom: calc(25.2777777778vw + 98.8888888889px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .case-study-your-move .big-objective .inner .text {
    padding-bottom: calc(46.9444444444vw - 45.5555555556px);
  }
}

@media screen and (min-width: 933.333333333px) {
  .case-study-your-move .big-objective .inner .text {
    padding-bottom: calc(25.2777777778vw + 156.666666667px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-your-move .big-objective .inner .text {
    padding-bottom: 460px;
  }
}

@media (min-width: 64em) {
  .case-study-your-move .creating-incentive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 63.99em) {
  .case-study-your-move .creating-incentive .text {
    padding: 0 0 40px;
  }
}

@media (min-width: 64em) {
  .case-study-your-move .creating-incentive .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 55%;
    flex: 1 0 55%;
    max-width: 55%;
    padding-left: 0px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-your-move .creating-incentive .text {
    padding-left: calc(26.5151515152vw - 271.515151515px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-your-move .creating-incentive .text {
    padding-left: calc(49.2424242424vw - 517.575757576px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-your-move .creating-incentive .text {
    padding-left: calc(26.5151515152vw - 258.181818182px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-your-move .creating-incentive .text {
    padding-left: 60px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-your-move .creating-incentive .text {
    padding-right: calc(48.6111111111vw - 467.777777778px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-your-move .creating-incentive .text {
    padding-right: calc(90.2777777778vw - 918.888888889px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-your-move .creating-incentive .text {
    padding-right: calc(48.6111111111vw - 443.333333333px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-your-move .creating-incentive .text {
    padding-right: 140px;
  }
}

.case-study-your-move .creating-incentive .image {
  text-align: center;
}

@media (min-width: 64em) {
  .case-study-your-move .creating-incentive .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 45%;
    flex: 1 0 45%;
    max-width: 45%;
    position: relative;
    top: 40px;
  }
}

@media (min-width: 64em) {
  .case-study-your-move .inspiring-others {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 63.99em) {
  .case-study-your-move .inspiring-others .text {
    padding: 0 0 40px;
  }
}

@media (min-width: 64em) {
  .case-study-your-move .inspiring-others .text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 55%;
    flex: 1 0 55%;
    max-width: 55%;
    padding-left: 30px;
    padding-right: 0px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-your-move .inspiring-others .text {
    padding-left: calc(48.6111111111vw - 467.777777778px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-your-move .inspiring-others .text {
    padding-left: calc(90.2777777778vw - 918.888888889px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-your-move .inspiring-others .text {
    padding-left: calc(48.6111111111vw - 443.333333333px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-your-move .inspiring-others .text {
    padding-left: 140px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-your-move .inspiring-others .text {
    padding-right: calc(26.5151515152vw - 271.515151515px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-your-move .inspiring-others .text {
    padding-right: calc(49.2424242424vw - 517.575757576px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-your-move .inspiring-others .text {
    padding-right: calc(26.5151515152vw - 258.181818182px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-your-move .inspiring-others .text {
    padding-right: 60px;
  }
}

.case-study-your-move .inspiring-others .image {
  text-align: center;
}

@media (min-width: 64em) {
  .case-study-your-move .inspiring-others .image {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 45%;
    flex: 1 0 45%;
    max-width: 45%;
    position: relative;
    top: 40px;
  }
}

.case-study-your-move .inspiring-others .image .message-bubble {
  font-family: "NimbusSan-Bol", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px;
  max-width: 75%;
}

@media (min-width: 48em) {
  .case-study-your-move .inspiring-others .image .message-bubble {
    font-size: 26px;
    margin: 0 0 40px;
  }
}

.case-study-your-move .inspiring-others .image .message-bubble .inner {
  border-radius: 12px;
  padding: 20px;
  text-align: left;
  position: relative;
  z-index: 1;
}

@media (min-width: 48em) {
  .case-study-your-move .inspiring-others .image .message-bubble .inner {
    padding: 35px;
  }
}

.case-study-your-move .inspiring-others .image .message-bubble .inner::after {
  content: "";
  display: block;
  position: absolute;
}

.case-study-your-move .inspiring-others .image .message-bubble.left .inner {
  background: #227bbe;
}

.case-study-your-move .inspiring-others .image .message-bubble.right {
  margin-left: auto;
  max-width: 55%;
}

.case-study-your-move .inspiring-others .image .message-bubble.right .inner {
  background: #009c9e;
}

.case-study-your-move .collecting-data {
  color: #FFFFFF;
  position: relative;
  z-index: 1;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 400px) {
  .case-study-your-move .collecting-data {
    padding-top: calc(3.8888888889vw + 24.4444444444px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .case-study-your-move .collecting-data {
    padding-top: calc(7.2222222222vw + 2.2222222222px);
  }
}

@media screen and (min-width: 933.333333333px) {
  .case-study-your-move .collecting-data {
    padding-top: calc(3.8888888889vw + 33.3333333333px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-your-move .collecting-data {
    padding-top: 80px;
  }
}

@media screen and (min-width: 1024px) {
  .case-study-your-move .collecting-data {
    padding-bottom: calc(17.6767676768vw - 141.01010101px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-your-move .collecting-data {
    padding-bottom: calc(32.8282828283vw - 305.050505051px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-your-move .collecting-data {
    padding-bottom: calc(17.6767676768vw - 132.121212121px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-your-move .collecting-data {
    padding-bottom: 80px;
  }
}

.case-study-your-move .collecting-data::before {
  content: "";
  display: block;
  position: absolute;
  background: #00a0a0;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (max-width: 63.99em) {
  .case-study-your-move .collecting-data {
    padding-bottom: 0;
  }
}

@media (min-width: 64em) {
  .case-study-your-move .collecting-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 63.99em) {
  .case-study-your-move .collecting-data .text {
    padding: 0 0 40px;
  }
}

@media (min-width: 64em) {
  .case-study-your-move .collecting-data .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
    padding-left: 0px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-your-move .collecting-data .text {
    padding-left: calc(26.5151515152vw - 271.515151515px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-your-move .collecting-data .text {
    padding-left: calc(49.2424242424vw - 517.575757576px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-your-move .collecting-data .text {
    padding-left: calc(26.5151515152vw - 258.181818182px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-your-move .collecting-data .text {
    padding-left: 60px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-your-move .collecting-data .text {
    padding-right: calc(48.6111111111vw - 467.777777778px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-your-move .collecting-data .text {
    padding-right: calc(90.2777777778vw - 918.888888889px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-your-move .collecting-data .text {
    padding-right: calc(48.6111111111vw - 443.333333333px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-your-move .collecting-data .text {
    padding-right: 140px;
  }
}

.case-study-your-move .collecting-data .image img {
  display: block;
}

@media (min-width: 64em) {
  .case-study-your-move .collecting-data .image img {
    bottom: -1px;
    position: absolute;
    right: 0;
    right: -60px;
    max-width: 550px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-your-move .collecting-data .image img {
    right: calc(26.5151515152vw - 331.515151515px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-your-move .collecting-data .image img {
    right: calc(49.2424242424vw - 577.575757576px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-your-move .collecting-data .image img {
    right: calc(26.5151515152vw - 318.181818182px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-your-move .collecting-data .image img {
    right: 0;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-your-move .collecting-data .image img {
    max-width: calc(66.2878787879vw - 128.787878788px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-your-move .collecting-data .image img {
    max-width: calc(123.106060606vw - 743.939393939px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-your-move .collecting-data .image img {
    max-width: calc(66.2878787879vw - 95.4545454545px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-your-move .collecting-data .image img {
    max-width: 700px;
  }
}

.case-study-your-move .research-scoping-prototyping {
  position: relative;
  z-index: 1;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 400px) {
  .case-study-your-move .research-scoping-prototyping {
    padding-top: calc(7.7777777778vw + 8.8888888889px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .case-study-your-move .research-scoping-prototyping {
    padding-top: calc(14.4444444444vw - 35.5555555556px);
  }
}

@media screen and (min-width: 933.333333333px) {
  .case-study-your-move .research-scoping-prototyping {
    padding-top: calc(7.7777777778vw + 26.6666666667px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-your-move .research-scoping-prototyping {
    padding-top: 120px;
  }
}

@media screen and (min-width: 1024px) {
  .case-study-your-move .research-scoping-prototyping {
    padding-bottom: calc(35.3535353535vw - 322.02020202px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-your-move .research-scoping-prototyping {
    padding-bottom: calc(65.6565656566vw - 650.101010101px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-your-move .research-scoping-prototyping {
    padding-bottom: calc(35.3535353535vw - 304.242424242px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-your-move .research-scoping-prototyping {
    padding-bottom: 120px;
  }
}

.case-study-your-move .research-scoping-prototyping::before {
  content: "";
  display: block;
  position: absolute;
  background: #ededee;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

.case-study-your-move .research-scoping-prototyping .text {
  padding-bottom: 40px;
}

@media screen and (min-width: 1024px) {
  .case-study-your-move .research-scoping-prototyping .text {
    padding-bottom: calc(17.6767676768vw - 141.01010101px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-your-move .research-scoping-prototyping .text {
    padding-bottom: calc(32.8282828283vw - 305.050505051px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-your-move .research-scoping-prototyping .text {
    padding-bottom: calc(17.6767676768vw - 132.121212121px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-your-move .research-scoping-prototyping .text {
    padding-bottom: 80px;
  }
}

.case-study-your-move .research-scoping-prototyping .image > div:not(:last-child) {
  margin-bottom: 40px;
}

@media screen and (min-width: 1024px) {
  .case-study-your-move .research-scoping-prototyping .image > div:not(:last-child) {
    margin-bottom: calc(17.6767676768vw - 141.01010101px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-your-move .research-scoping-prototyping .image > div:not(:last-child) {
    margin-bottom: calc(32.8282828283vw - 305.050505051px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-your-move .research-scoping-prototyping .image > div:not(:last-child) {
    margin-bottom: calc(17.6767676768vw - 132.121212121px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-your-move .research-scoping-prototyping .image > div:not(:last-child) {
    margin-bottom: 80px;
  }
}

@media (min-width: 48em) {
  .case-study-your-move .research-scoping-prototyping .image > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 48em) {
  .case-study-your-move .research-scoping-prototyping .image > div img {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
}

@media (min-width: 48em) {
  .case-study-your-move .research-scoping-prototyping .image > div div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: left;
    padding-left: 40px;
  }
}

@media screen and (min-width: 48em) and (min-width: 768px) {
  .case-study-your-move .research-scoping-prototyping .image > div div {
    padding-left: calc(3.6008230453vw + 12.3456790123px);
  }
}

@media screen and (min-width: 48em) and (min-width: 912px) {
  .case-study-your-move .research-scoping-prototyping .image > div div {
    padding-left: calc(6.6872427984vw - 15.8024691358px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1056px) {
  .case-study-your-move .research-scoping-prototyping .image > div div {
    padding-left: calc(3.6008230453vw + 16.7901234568px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1200px) {
  .case-study-your-move .research-scoping-prototyping .image > div div {
    padding-left: 60px;
  }
}

.case-study-your-move .journey-planner {
  background: #f5f0e1;
  margin: 0 -4vw;
}

@media (min-width: 48em) {
  .case-study-your-move .journey-planner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 48em) {
  .case-study-your-move .journey-planner .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}

.case-study-your-move .journey-planner .image img {
  display: block;
}

@media (min-width: 48em) {
  .case-study-your-move .journey-planner .image img {
    max-width: 295px;
  }
}

@media screen and (min-width: 48em) and (min-width: 1024px) {
  .case-study-your-move .journey-planner .image img {
    max-width: calc(130.366161616vw - 1039.94949495px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1082.66666667px) {
  .case-study-your-move .journey-planner .image img {
    max-width: calc(242.108585859vw - 2249.74747475px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1141.33333333px) {
  .case-study-your-move .journey-planner .image img {
    max-width: calc(130.366161616vw - 974.393939394px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1200px) {
  .case-study-your-move .journey-planner .image img {
    max-width: 590px;
  }
}

.case-study-your-move .journey-planner .map {
  background: #f5f0e1 url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/your-move/map.png") top left no-repeat;
  padding: 40px;
}

@media (min-width: 48em) {
  .case-study-your-move .journey-planner .map {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }
}

@media (min-width: 64em) {
  .case-study-your-move .journey-planner .map {
    padding-top: 40px;
    padding-left: 40px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-your-move .journey-planner .map {
    padding-top: calc(17.3943911963vw - 138.11856585px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1232.66666667px) {
  .case-study-your-move .journey-planner .map {
    padding-top: calc(32.3038693646vw - 321.902733404px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1441.33333333px) {
  .case-study-your-move .journey-planner .map {
    padding-top: calc(17.3943911963vw - 107.007454739px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1650px) {
  .case-study-your-move .journey-planner .map {
    padding-top: 180px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-your-move .journey-planner .map {
    padding-left: calc(17.3943911963vw - 138.11856585px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1232.66666667px) {
  .case-study-your-move .journey-planner .map {
    padding-left: calc(32.3038693646vw - 321.902733404px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1441.33333333px) {
  .case-study-your-move .journey-planner .map {
    padding-left: calc(17.3943911963vw - 107.007454739px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1650px) {
  .case-study-your-move .journey-planner .map {
    padding-left: 180px;
  }
}

.case-study-your-move .journey-planner .map .text {
  max-width: 680px;
}

.case-study-your-move .journey-planner .map .text h2 {
  margin-top: 0;
}

@media (min-width: 64em) {
  .case-study-your-move .brand-application {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .case-study-your-move .brand-application > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}

.case-study-your-move .brand-application .text {
  color: #FFFFFF;
  max-width: 660px;
  padding: 40px 0;
  position: relative;
  z-index: 1;
}

.case-study-your-move .brand-application .text::before {
  content: "";
  display: block;
  position: absolute;
  background: #028281;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .case-study-your-move .brand-application .text::before {
    right: 0;
  }
}

@media (min-width: 64em) {
  .case-study-your-move .brand-application .text {
    padding-right: 40px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-your-move .brand-application .text {
    padding-right: calc(26.5151515152vw - 231.515151515px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-your-move .brand-application .text {
    padding-right: calc(49.2424242424vw - 477.575757576px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-your-move .brand-application .text {
    padding-right: calc(26.5151515152vw - 218.181818182px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-your-move .brand-application .text {
    padding-right: 100px;
  }
}

.case-study-your-move .brand-application .image {
  padding: 40px 0 20px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.case-study-your-move .brand-application .image::before {
  content: "";
  display: block;
  position: absolute;
  background: #009c9e;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .case-study-your-move .brand-application .image::before {
    left: 0;
  }
}

@media (min-width: 64em) {
  .case-study-your-move .brand-application .image {
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-your-move .brand-application .image {
    padding-top: calc(26.5151515152vw - 231.515151515px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-your-move .brand-application .image {
    padding-top: calc(49.2424242424vw - 477.575757576px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-your-move .brand-application .image {
    padding-top: calc(26.5151515152vw - 218.181818182px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-your-move .brand-application .image {
    padding-top: 100px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-your-move .brand-application .image {
    padding-bottom: calc(8.8383838384vw - 70.5050505051px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-your-move .brand-application .image {
    padding-bottom: calc(16.4141414141vw - 152.525252525px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-your-move .brand-application .image {
    padding-bottom: calc(8.8383838384vw - 66.0606060606px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-your-move .brand-application .image {
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-your-move .brand-application .image {
    padding-left: calc(26.5151515152vw - 231.515151515px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-your-move .brand-application .image {
    padding-left: calc(49.2424242424vw - 477.575757576px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-your-move .brand-application .image {
    padding-left: calc(26.5151515152vw - 218.181818182px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-your-move .brand-application .image {
    padding-left: 100px;
  }
}

.case-study-your-move .enterprise-solution {
  padding: 20px 0;
}

.case-study-your-move .enterprise-solution .text {
  padding: 0 0 40px;
}

.case-study-your-move .data-workflows {
  position: relative;
  z-index: 1;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 1024px) {
  .case-study-your-move .data-workflows {
    padding-top: calc(17.6767676768vw - 141.01010101px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-your-move .data-workflows {
    padding-top: calc(32.8282828283vw - 305.050505051px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-your-move .data-workflows {
    padding-top: calc(17.6767676768vw - 132.121212121px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-your-move .data-workflows {
    padding-top: 80px;
  }
}

@media screen and (min-width: 1024px) {
  .case-study-your-move .data-workflows {
    padding-bottom: calc(17.6767676768vw - 141.01010101px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-your-move .data-workflows {
    padding-bottom: calc(32.8282828283vw - 305.050505051px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-your-move .data-workflows {
    padding-bottom: calc(17.6767676768vw - 132.121212121px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-your-move .data-workflows {
    padding-bottom: 80px;
  }
}

@media (min-width: 64em) {
  .case-study-your-move .data-workflows {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.case-study-your-move .data-workflows::before {
  content: "";
  display: block;
  position: absolute;
  background: #8ed8f8;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

.case-study-your-move .data-workflows .text {
  padding: 0 0 40px;
}

@media (min-width: 64em) {
  .case-study-your-move .data-workflows .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    max-width: 500px;
    padding: 0;
  }
}

@media (min-width: 48em) {
  .case-study-your-move .data-workflows .image {
    padding: 0 0 40px;
    position: relative;
  }
}

@media (min-width: 64em) {
  .case-study-your-move .data-workflows .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 0;
    padding-left: 40px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-your-move .data-workflows .image {
    padding-left: calc(35.3535353535vw - 322.02020202px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-your-move .data-workflows .image {
    padding-left: calc(65.6565656566vw - 650.101010101px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-your-move .data-workflows .image {
    padding-left: calc(35.3535353535vw - 304.242424242px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-your-move .data-workflows .image {
    padding-left: 120px;
  }
}

.case-study-your-move .data-workflows .image img {
  display: block;
  margin: 20px auto;
}

.case-study-your-move .data-workflows .image .data-behaviour {
  box-shadow: 5px 25px 65px rgba(0, 0, 0, 0.4);
}

@media (min-width: 48em) {
  .case-study-your-move .data-workflows .image .data-behaviour {
    margin: -195px 0 0;
    position: absolute;
    top: 50%;
    z-index: 1;
  }
}

@media (min-width: 48em) and (max-width: 63.99em) {
  .case-study-your-move .data-workflows .image .data-behaviour {
    left: 50%;
    margin-left: -340px;
  }
}

@media (min-width: 64em) {
  .case-study-your-move .data-workflows .image .data-behaviour {
    margin-top: -180px;
  }
}

.case-study-your-move .data-workflows .image .data-commute {
  box-shadow: 5px 25px 65px rgba(0, 0, 0, 0.2);
}

@media (min-width: 48em) {
  .case-study-your-move .data-workflows .image .data-commute {
    margin: 0 auto;
    position: relative;
    right: -180px;
    z-index: 2;
  }
}

@media (min-width: 64em) {
  .case-study-your-move .data-workflows .image .data-commute {
    margin-right: 0;
    right: -90px;
    right: -110px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-your-move .data-workflows .image .data-commute {
    right: calc(-8.8383838384vw + 0.5050505051px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-your-move .data-workflows .image .data-commute {
    right: calc(-16.4141414141vw + 82.5252525253px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-your-move .data-workflows .image .data-commute {
    right: calc(-8.8383838384vw - 3.9393939394px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-your-move .data-workflows .image .data-commute {
    right: -110px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-your-move .data-workflows .image .data-commute {
    right: calc(20.7407407407vw - 358.888888889px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1350px) {
  .case-study-your-move .data-workflows .image .data-commute {
    right: calc(38.5185185185vw - 598.888888889px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1500px) {
  .case-study-your-move .data-workflows .image .data-commute {
    right: calc(20.7407407407vw - 332.222222222px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1650px) {
  .case-study-your-move .data-workflows .image .data-commute {
    right: 10px;
  }
}

@media (min-width: 64em) {
  .case-study-quintis .rich-storytelling {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.case-study-quintis .rich-storytelling .text {
  padding: 40px 0 0;
}

@media (min-width: 64em) {
  .case-study-quintis .rich-storytelling .text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0 0 0 40px;
    padding-top: 0;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-quintis .rich-storytelling .text {
    padding-top: calc(44.1919191919vw - 452.525252525px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-quintis .rich-storytelling .text {
    padding-top: calc(82.0707070707vw - 862.626262626px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-quintis .rich-storytelling .text {
    padding-top: calc(44.1919191919vw - 430.303030303px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-quintis .rich-storytelling .text {
    padding-top: 100px;
  }
}

.case-study-quintis .rich-storytelling .image {
  position: relative;
}

@media (min-width: 64em) {
  .case-study-quintis .rich-storytelling .image {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
}

.case-study-quintis .rich-storytelling .image .macbook-website {
  position: relative;
  left: -15%;
}

@media (min-width: 64em) {
  .case-study-quintis .rich-storytelling .image .macbook-website {
    position: relative;
    right: 0;
    max-width: none;
    left: -510px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-quintis .rich-storytelling .image .macbook-website {
    left: calc(0vw - 510px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-quintis .rich-storytelling .image .macbook-website {
    left: calc(0vw - 510px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-quintis .rich-storytelling .image .macbook-website {
    left: calc(0vw - 510px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-quintis .rich-storytelling .image .macbook-website {
    left: -510px;
  }
}

.case-study-quintis .rich-storytelling .image .iphone-website {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (min-width: 1024px) {
  .case-study-quintis .rich-storytelling .image .iphone-website {
    bottom: calc(13.2575757576vw - 135.757575758px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-quintis .rich-storytelling .image .iphone-website {
    bottom: calc(24.6212121212vw - 258.787878788px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-quintis .rich-storytelling .image .iphone-website {
    bottom: calc(13.2575757576vw - 129.090909091px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-quintis .rich-storytelling .image .iphone-website {
    bottom: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .case-study-quintis .rich-storytelling .image .iphone-website {
    right: calc(13.2575757576vw - 135.757575758px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-quintis .rich-storytelling .image .iphone-website {
    right: calc(24.6212121212vw - 258.787878788px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-quintis .rich-storytelling .image .iphone-website {
    right: calc(13.2575757576vw - 129.090909091px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-quintis .rich-storytelling .image .iphone-website {
    right: 30px;
  }
}

@media (max-width: 63.99em) {
  .case-study-quintis .rich-storytelling .image .iphone-website {
    max-height: 100%;
    top: -10px;
  }
}

@media (min-width: 64em) {
  .case-study-quintis .brand-ambassadors {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
}

@media (max-width: 63.99em) {
  .case-study-quintis .brand-ambassadors .text {
    padding: 40px 0 0;
  }
}

@media (min-width: 64em) {
  .case-study-quintis .brand-ambassadors .text {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    max-width: 40%;
    padding-right: 40px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-quintis .brand-ambassadors .text {
    padding-right: calc(17.6767676768vw - 141.01010101px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-quintis .brand-ambassadors .text {
    padding-right: calc(32.8282828283vw - 305.050505051px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-quintis .brand-ambassadors .text {
    padding-right: calc(17.6767676768vw - 132.121212121px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-quintis .brand-ambassadors .text {
    padding-right: 80px;
  }
}

.case-study-quintis .brand-ambassadors .image {
  position: relative;
}

@media (min-width: 64em) {
  .case-study-quintis .brand-ambassadors .image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 60%;
  }
}

@media (min-width: 103.125em) {
  .case-study-quintis .brand-ambassadors .image {
    left: 40%;
    max-width: 890px;
    position: absolute;
  }

  .case-study-quintis .brand-ambassadors .image img {
    max-width: 890px;
  }
}

@media (min-width: 64em) {
  .case-study-quintis .thought-leadership {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
}

@media (max-width: 63.99em) {
  .case-study-quintis .thought-leadership .text {
    padding: 0 0 40px;
  }
}

@media (min-width: 64em) {
  .case-study-quintis .thought-leadership .text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    max-width: 40%;
    padding-left: 40px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-quintis .thought-leadership .text {
    padding-left: calc(17.6767676768vw - 141.01010101px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-quintis .thought-leadership .text {
    padding-left: calc(32.8282828283vw - 305.050505051px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-quintis .thought-leadership .text {
    padding-left: calc(17.6767676768vw - 132.121212121px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-quintis .thought-leadership .text {
    padding-left: 80px;
  }
}

.case-study-quintis .thought-leadership .image {
  position: relative;
  text-align: center;
}

@media (min-width: 64em) {
  .case-study-quintis .thought-leadership .image {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 60%;
    text-align: right;
  }
}

@media (min-width: 75em) {
  .case-study-quintis .thought-leadership .image {
    height: 780px;
  }
}

@media (min-width: 64em) {
  .case-study-quintis .thought-leadership .image .thumbnail-grid {
    max-width: 1074px;
  }
}

@media (min-width: 64em) and (max-width: 74.99em) {
  .case-study-quintis .thought-leadership .image .thumbnail-grid {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
}

@media (min-width: 75em) {
  .case-study-quintis .thought-leadership .image .thumbnail-grid {
    position: absolute;
    right: 0;
    top: 0;
  }
}

@media (min-width: 64em) and (max-width: 74.99em) {
  .case-study-quintis .thought-leadership .image .iphone-blog {
    position: relative;
    right: 30px;
    top: -15px;
    z-index: 2;
  }
}

@media (min-width: 75em) {
  .case-study-quintis .thought-leadership .image .iphone-blog {
    position: absolute;
    top: -15px;
    right: 30px;
  }
}

@media screen and (min-width: 75em) and (min-width: 1200px) {
  .case-study-quintis .thought-leadership .image .iphone-blog {
    top: calc(30.787037037vw - 384.444444444px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1280px) {
  .case-study-quintis .thought-leadership .image .iphone-blog {
    top: calc(57.1759259259vw - 722.222222222px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1360px) {
  .case-study-quintis .thought-leadership .image .iphone-blog {
    top: calc(30.787037037vw - 363.333333333px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1440px) {
  .case-study-quintis .thought-leadership .image .iphone-blog {
    top: 80px;
  }
}

@media screen and (min-width: 75em) and (min-width: 1200px) {
  .case-study-quintis .thought-leadership .image .iphone-blog {
    right: calc(40.5092592593vw - 456.111111111px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1280px) {
  .case-study-quintis .thought-leadership .image .iphone-blog {
    right: calc(75.2314814815vw - 900.555555556px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1360px) {
  .case-study-quintis .thought-leadership .image .iphone-blog {
    right: calc(40.5092592593vw - 428.333333333px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1440px) {
  .case-study-quintis .thought-leadership .image .iphone-blog {
    right: 155px;
  }
}

.case-study-quintis .investor-relations {
  position: relative;
  z-index: 1;
}

@media (max-width: 47.99em) {
  .case-study-quintis .investor-relations {
    padding: 40px 0;
  }
}

@media (min-width: 48em) {
  .case-study-quintis .investor-relations {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .case-study-quintis .investor-relations > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}

.case-study-quintis .investor-relations::before {
  content: "";
  display: block;
  position: absolute;
  background: #ebe8e5;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (max-width: 47.99em) {
  .case-study-quintis .investor-relations .text {
    padding: 0 0 40px;
  }
}

@media (min-width: 64em) {
  .case-study-quintis .investor-relations .text {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-quintis .investor-relations .text {
    padding-left: calc(44.1919191919vw - 452.525252525px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-quintis .investor-relations .text {
    padding-left: calc(82.0707070707vw - 862.626262626px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-quintis .investor-relations .text {
    padding-left: calc(44.1919191919vw - 430.303030303px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-quintis .investor-relations .text {
    padding-left: 100px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-quintis .investor-relations .text {
    padding-right: calc(16.2037037037vw - 194.444444444px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1280px) {
  .case-study-quintis .investor-relations .text {
    padding-right: calc(30.0925925926vw - 372.222222222px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1360px) {
  .case-study-quintis .investor-relations .text {
    padding-right: calc(16.2037037037vw - 183.333333333px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1440px) {
  .case-study-quintis .investor-relations .text {
    padding-right: 50px;
  }
}

@media (min-width: 48em) {
  .case-study-quintis .investor-relations .image {
    position: relative;
    right: -10%;
  }
}

@media (min-width: 64em) {
  .case-study-quintis .investor-relations .image {
    right: -50px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-quintis .investor-relations .image {
    right: calc(22.095959596vw - 276.262626263px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-quintis .investor-relations .image {
    right: calc(41.0353535354vw - 481.313131313px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-quintis .investor-relations .image {
    right: calc(22.095959596vw - 265.151515152px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-quintis .investor-relations .image {
    right: 0;
  }
}

.case-study-quintis .investor-relations .image img {
  box-shadow: 5px 25px 65px rgba(0, 0, 0, 0.2);
  display: block;
  margin: 0 auto;
}

@media (min-width: 48em) {
  .case-study-quintis .investor-relations .image img {
    max-width: none;
  }
}

.case-study-quintis .testimonial {
  padding: 40px 0;
  position: relative;
  z-index: 1;
}

@media (min-width: 48em) {
  .case-study-quintis .testimonial {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 48em) and (min-width: 768px) {
  .case-study-quintis .testimonial {
    padding-top: calc(7.2016460905vw - 15.3086419753px);
  }
}

@media screen and (min-width: 48em) and (min-width: 912px) {
  .case-study-quintis .testimonial {
    padding-top: calc(13.3744855967vw - 71.6049382716px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1056px) {
  .case-study-quintis .testimonial {
    padding-top: calc(7.2016460905vw - 6.4197530864px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1200px) {
  .case-study-quintis .testimonial {
    padding-top: 80px;
  }
}

@media screen and (min-width: 48em) and (min-width: 768px) {
  .case-study-quintis .testimonial {
    padding-bottom: calc(7.2016460905vw - 15.3086419753px);
  }
}

@media screen and (min-width: 48em) and (min-width: 912px) {
  .case-study-quintis .testimonial {
    padding-bottom: calc(13.3744855967vw - 71.6049382716px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1056px) {
  .case-study-quintis .testimonial {
    padding-bottom: calc(7.2016460905vw - 6.4197530864px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1200px) {
  .case-study-quintis .testimonial {
    padding-bottom: 80px;
  }
}

.case-study-quintis .testimonial::before {
  content: "";
  display: block;
  position: absolute;
  background: #382f2d;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

.case-study-quintis .testimonial .inner {
  padding: 0 0 0 48px;
  position: relative;
  z-index: 1;
}

.case-study-quintis .testimonial .inner::before {
  content: "";
  display: block;
  position: absolute;
  background: #a9794d;
  bottom: -5%;
  left: 0;
  top: -5%;
  width: 8px;
}

.case-study-quintis .testimonial .inner .title-name {
  color: #a9794d;
  margin: 0 0 20px;
}

.case-study-quintis .testimonial .inner .quote {
  font-family: "AbrilText-Regular", Georgia, "Times New Roman", Times, serif;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 1.2;
}

@media (min-width: 48em) {
  .case-study-quintis .testimonial .inner .quote {
    font-size: 24px;
  }
}

@media screen and (min-width: 48em) and (min-width: 768px) {
  .case-study-quintis .testimonial .inner .quote {
    font-size: calc(2.8806584362vw + 1.8765432099px);
  }
}

@media screen and (min-width: 48em) and (min-width: 912px) {
  .case-study-quintis .testimonial .inner .quote {
    font-size: calc(5.3497942387vw - 20.6419753086px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1056px) {
  .case-study-quintis .testimonial .inner .quote {
    font-size: calc(2.8806584362vw + 5.4320987654px);
  }
}

@media screen and (min-width: 48em) and (min-width: 1200px) {
  .case-study-quintis .testimonial .inner .quote {
    font-size: 40px;
  }
}

.case-study-quintis .holistic-approach {
  padding: 50px 0;
  position: relative;
  z-index: 1;
}

.case-study-quintis .holistic-approach::before {
  content: "";
  display: block;
  position: absolute;
  background: #ebe8e5;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 48em) {
  .case-study-quintis .holistic-approach {
    padding: 100px 0;
  }
}

.case-study-quintis .holistic-approach .text {
  padding: 0 0 40px;
}

.case-study-quintis .holistic-approach .image {
  position: relative;
}

@media (min-width: 49.8125em) {
  .case-study-quintis .holistic-approach .image {
    max-width: 797px;
    margin: 0 auto;
  }
}

.case-study-quintis .holistic-approach .image img:not(:first-child) {
  position: absolute;
}

.case-study-quintis .holistic-approach .image img.browser-website {
  width: 398px;
}

@media screen and (min-width: 400px) {
  .case-study-quintis .holistic-approach .image img.browser-website {
    width: calc(49.7329059829vw + 199.068376068px);
  }
}

@media screen and (min-width: 608px) {
  .case-study-quintis .holistic-approach .image img.browser-website {
    width: calc(92.3611111111vw - 60.1111111111px);
  }
}

@media screen and (min-width: 816px) {
  .case-study-quintis .holistic-approach .image img.browser-website {
    width: calc(49.7329059829vw + 287.735042735px);
  }
}

@media screen and (min-width: 1024px) {
  .case-study-quintis .holistic-approach .image img.browser-website {
    width: 797px;
  }
}

.case-study-quintis .holistic-approach .image img.ipad-website {
  left: 0;
  top: 0;
  width: 204px;
  left: 0;
  top: 0;
}

@media screen and (min-width: 400px) {
  .case-study-quintis .holistic-approach .image img.ipad-website {
    width: calc(25.551994302vw + 101.792022792px);
  }
}

@media screen and (min-width: 608px) {
  .case-study-quintis .holistic-approach .image img.ipad-website {
    width: calc(47.4537037037vw - 31.3703703704px);
  }
}

@media screen and (min-width: 816px) {
  .case-study-quintis .holistic-approach .image img.ipad-website {
    width: calc(25.551994302vw + 147.347578348px);
  }
}

@media screen and (min-width: 1024px) {
  .case-study-quintis .holistic-approach .image img.ipad-website {
    width: 409px;
  }
}

@media screen and (min-width: 768px) {
  .case-study-quintis .holistic-approach .image img.ipad-website {
    left: calc(-60.7638888889vw + 466.666666667px);
  }
}

@media screen and (min-width: 853.333333333px) {
  .case-study-quintis .holistic-approach .image img.ipad-website {
    left: calc(-112.847222222vw + 911.111111111px);
  }
}

@media screen and (min-width: 938.666666667px) {
  .case-study-quintis .holistic-approach .image img.ipad-website {
    left: calc(-60.7638888889vw + 422.222222222px);
  }
}

@media screen and (min-width: 1024px) {
  .case-study-quintis .holistic-approach .image img.ipad-website {
    left: -200px;
  }
}

@media screen and (min-width: 768px) {
  .case-study-quintis .holistic-approach .image img.ipad-website {
    top: calc(36.4583333333vw - 280px);
  }
}

@media screen and (min-width: 853.333333333px) {
  .case-study-quintis .holistic-approach .image img.ipad-website {
    top: calc(67.7083333333vw - 546.666666667px);
  }
}

@media screen and (min-width: 938.666666667px) {
  .case-study-quintis .holistic-approach .image img.ipad-website {
    top: calc(36.4583333333vw - 253.333333333px);
  }
}

@media screen and (min-width: 1024px) {
  .case-study-quintis .holistic-approach .image img.ipad-website {
    top: 120px;
  }
}

.case-study-quintis .holistic-approach .image img.iphone-instagram {
  bottom: 0;
  left: 0;
  width: 102px;
  left: 0;
}

@media screen and (min-width: 400px) {
  .case-study-quintis .holistic-approach .image img.iphone-instagram {
    width: calc(12.7136752137vw + 51.1452991453px);
  }
}

@media screen and (min-width: 608px) {
  .case-study-quintis .holistic-approach .image img.iphone-instagram {
    width: calc(23.6111111111vw - 15.1111111111px);
  }
}

@media screen and (min-width: 816px) {
  .case-study-quintis .holistic-approach .image img.iphone-instagram {
    width: calc(12.7136752137vw + 73.811965812px);
  }
}

@media screen and (min-width: 1024px) {
  .case-study-quintis .holistic-approach .image img.iphone-instagram {
    width: 204px;
  }
}

@media screen and (min-width: 768px) {
  .case-study-quintis .holistic-approach .image img.iphone-instagram {
    left: calc(18.2291666667vw - 140px);
  }
}

@media screen and (min-width: 853.333333333px) {
  .case-study-quintis .holistic-approach .image img.iphone-instagram {
    left: calc(33.8541666667vw - 273.333333333px);
  }
}

@media screen and (min-width: 938.666666667px) {
  .case-study-quintis .holistic-approach .image img.iphone-instagram {
    left: calc(18.2291666667vw - 126.666666667px);
  }
}

@media screen and (min-width: 1024px) {
  .case-study-quintis .holistic-approach .image img.iphone-instagram {
    left: 60px;
  }
}

.case-study-quintis .holistic-approach .image img.tweet {
  right: 0;
  top: 0;
  width: 150px;
  right: 0;
  top: 0;
}

@media screen and (min-width: 400px) {
  .case-study-quintis .holistic-approach .image img.tweet {
    width: calc(18.5719373219vw + 75.7122507123px);
  }
}

@media screen and (min-width: 608px) {
  .case-study-quintis .holistic-approach .image img.tweet {
    width: calc(34.4907407407vw - 21.0740740741px);
  }
}

@media screen and (min-width: 816px) {
  .case-study-quintis .holistic-approach .image img.tweet {
    width: calc(18.5719373219vw + 108.823361823px);
  }
}

@media screen and (min-width: 1024px) {
  .case-study-quintis .holistic-approach .image img.tweet {
    width: 299px;
  }
}

@media screen and (min-width: 768px) {
  .case-study-quintis .holistic-approach .image img.tweet {
    right: calc(-30.3819444444vw + 233.333333333px);
  }
}

@media screen and (min-width: 853.333333333px) {
  .case-study-quintis .holistic-approach .image img.tweet {
    right: calc(-56.4236111111vw + 455.555555556px);
  }
}

@media screen and (min-width: 938.666666667px) {
  .case-study-quintis .holistic-approach .image img.tweet {
    right: calc(-30.3819444444vw + 211.111111111px);
  }
}

@media screen and (min-width: 1024px) {
  .case-study-quintis .holistic-approach .image img.tweet {
    right: -100px;
  }
}

@media screen and (min-width: 768px) {
  .case-study-quintis .holistic-approach .image img.tweet {
    top: calc(63.8020833333vw - 490px);
  }
}

@media screen and (min-width: 853.333333333px) {
  .case-study-quintis .holistic-approach .image img.tweet {
    top: calc(118.489583333vw - 956.666666667px);
  }
}

@media screen and (min-width: 938.666666667px) {
  .case-study-quintis .holistic-approach .image img.tweet {
    top: calc(63.8020833333vw - 443.333333333px);
  }
}

@media screen and (min-width: 1024px) {
  .case-study-quintis .holistic-approach .image img.tweet {
    top: 210px;
  }
}

.case-study-quintis .holistic-approach .image img.facebook-post {
  bottom: 0;
  right: 0;
  width: 150px;
  bottom: 0;
  right: 0;
}

@media screen and (min-width: 400px) {
  .case-study-quintis .holistic-approach .image img.facebook-post {
    width: calc(18.5719373219vw + 75.7122507123px);
  }
}

@media screen and (min-width: 608px) {
  .case-study-quintis .holistic-approach .image img.facebook-post {
    width: calc(34.4907407407vw - 21.0740740741px);
  }
}

@media screen and (min-width: 816px) {
  .case-study-quintis .holistic-approach .image img.facebook-post {
    width: calc(18.5719373219vw + 108.823361823px);
  }
}

@media screen and (min-width: 1024px) {
  .case-study-quintis .holistic-approach .image img.facebook-post {
    width: 299px;
  }
}

@media screen and (min-width: 768px) {
  .case-study-quintis .holistic-approach .image img.facebook-post {
    bottom: calc(-15.1909722222vw + 116.666666667px);
  }
}

@media screen and (min-width: 853.333333333px) {
  .case-study-quintis .holistic-approach .image img.facebook-post {
    bottom: calc(-28.2118055556vw + 227.777777778px);
  }
}

@media screen and (min-width: 938.666666667px) {
  .case-study-quintis .holistic-approach .image img.facebook-post {
    bottom: calc(-15.1909722222vw + 105.555555556px);
  }
}

@media screen and (min-width: 1024px) {
  .case-study-quintis .holistic-approach .image img.facebook-post {
    bottom: -50px;
  }
}

@media screen and (min-width: 768px) {
  .case-study-quintis .holistic-approach .image img.facebook-post {
    right: calc(-30.3819444444vw + 233.333333333px);
  }
}

@media screen and (min-width: 853.333333333px) {
  .case-study-quintis .holistic-approach .image img.facebook-post {
    right: calc(-56.4236111111vw + 455.555555556px);
  }
}

@media screen and (min-width: 938.666666667px) {
  .case-study-quintis .holistic-approach .image img.facebook-post {
    right: calc(-30.3819444444vw + 211.111111111px);
  }
}

@media screen and (min-width: 1024px) {
  .case-study-quintis .holistic-approach .image img.facebook-post {
    right: -100px;
  }
}

.case-study-quintis .standalone-platform .text {
  padding: 40px 0 0;
}

@media (min-width: 75em) {
  .case-study-dfes .the-task {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.case-study-dfes .the-task .text {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0px;
  order: 0px;
  padding: 0px 0px 40px;
}

@media (min-width: 75em) {
  .case-study-dfes .the-task .text {
    max-width: 55%;
    padding: 0px 0px 0px 40px;
  }
}

.case-study-dfes .the-task .text h4 {
  margin-bottom: 0px;
}

.case-study-dfes .the-task .text ul {
  margin-top: 0px;
}

.case-study-dfes .the-task .image {
  position: relative;
}

@media (min-width: 75em) {
  .case-study-dfes .the-task .image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    max-width: 50%;
  }
}

.case-study-dfes .the-task .image .macbook-website {
  position: relative;
  left: 0px;
}

@media (min-width: 75em) {
  .case-study-dfes .the-task .image .macbook-website {
    position: absolute;
    left: 0px;
    max-width: none;
    top: 54px;
    width: 802px;
  }
}

@media (min-width: 87.5em) {
  .case-study-dfes .the-task .image .macbook-website {
    width: auto;
  }
}

.case-study-dfes .gamifying-experience {
  position: relative;
  z-index: 1;
}

.case-study-dfes .gamifying-experience::before {
  content: "";
  display: block;
  position: absolute;
  background: #FFE6C0;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/dfes/gamifying-the-experience-bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 1036px;
}

@media (min-width: 40.0625em) {
  .case-study-dfes .gamifying-experience::before {
    background-size: initial;
  }
}

.case-study-dfes .gamifying-experience .inner .text {
  color: #000000;
  padding-top: 40px;
  padding-bottom: 228px;
}

@media (min-width: 40.0625em) {
  .case-study-dfes .gamifying-experience .inner .text {
    padding-top: 80px;
    padding-bottom: 378px;
  }
}

.case-study-dfes .real-world-lessons {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 -4vw;
}

@media (min-width: 40.0625em) {
  .case-study-dfes .real-world-lessons .inner {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .case-study-dfes .real-world-lessons .inner > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}

.case-study-dfes .real-world-lessons::before {
  content: "";
  display: block;
  position: absolute;
  background: #642f22;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

.case-study-dfes .real-world-lessons::after {
  content: " ";
  display: block;
  width: 100%;
  height: 44%;
  height: 260px;
  z-index: -1;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: #f68040;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/dfes/real-world-lessons-game-screen.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (min-width: 400px) {
  .case-study-dfes .real-world-lessons::after {
    height: calc(50.9912402029vw + 56.0350391886px);
  }
}

@media screen and (min-width: 480.333333333px) {
  .case-study-dfes .real-world-lessons::after {
    height: calc(94.6980175196vw - 153.903181189px);
  }
}

@media screen and (min-width: 560.666666667px) {
  .case-study-dfes .real-world-lessons::after {
    height: calc(50.9912402029vw + 91.1461502997px);
  }
}

@media screen and (min-width: 641px) {
  .case-study-dfes .real-world-lessons::after {
    height: 418px;
  }
}

@media (min-width: 40.0625em) {
  .case-study-dfes .real-world-lessons::after {
    width: 50%;
    height: 100%;
    left: initial;
    right: 0px;
    background-size: 100%;
  }
}

@media (min-width: 40.0625em) {
  .case-study-dfes .real-world-lessons::after {
    background-size: contain;
  }
}

.case-study-dfes .real-world-lessons .text {
  color: #FFFFFF;
  padding-top: 40px;
  padding-left: 4vw;
  padding-right: 4vw;
  padding-bottom: 294px;
}

@media screen and (min-width: 400px) {
  .case-study-dfes .real-world-lessons .text {
    padding-bottom: calc(51.6366989396vw + 87.4532042416px);
  }
}

@media screen and (min-width: 480.333333333px) {
  .case-study-dfes .real-world-lessons .text {
    padding-bottom: calc(95.8967266021vw - 125.142461964px);
  }
}

@media screen and (min-width: 560.666666667px) {
  .case-study-dfes .real-world-lessons .text {
    padding-bottom: calc(51.6366989396vw + 123.008759797px);
  }
}

@media screen and (min-width: 641px) {
  .case-study-dfes .real-world-lessons .text {
    padding-bottom: 454px;
  }
}

@media (min-width: 40.0625em) {
  .case-study-dfes .real-world-lessons .text {
    padding-bottom: 40px;
  }
}

@media (min-width: 64em) {
  .case-study-dfes .real-world-lessons .text {
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 52px;
    padding-bottom: 52px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-dfes .real-world-lessons .text {
    padding-right: calc(8.8383838384vw - 70.5050505051px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-dfes .real-world-lessons .text {
    padding-right: calc(16.4141414141vw - 152.525252525px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-dfes .real-world-lessons .text {
    padding-right: calc(8.8383838384vw - 66.0606060606px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-dfes .real-world-lessons .text {
    padding-right: 40px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-dfes .real-world-lessons .text {
    padding-top: calc(15.0252525253vw - 101.858585859px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-dfes .real-world-lessons .text {
    padding-top: calc(27.904040404vw - 241.292929293px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-dfes .real-world-lessons .text {
    padding-top: calc(15.0252525253vw - 94.303030303px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-dfes .real-world-lessons .text {
    padding-top: 86px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-dfes .real-world-lessons .text {
    padding-bottom: calc(15.0252525253vw - 101.858585859px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-dfes .real-world-lessons .text {
    padding-bottom: calc(27.904040404vw - 241.292929293px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-dfes .real-world-lessons .text {
    padding-bottom: calc(15.0252525253vw - 94.303030303px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-dfes .real-world-lessons .text {
    padding-bottom: 86px;
  }
}

@media (min-width: 75em) {
  .case-study-dfes .real-world-lessons .text {
    max-width: 600px;
    padding-top: 200px;
    padding-bottom: 200px;
    padding-left: 0px;
    padding-right: 40px;
  }
}

@media screen and (min-width: 75em) and (min-width: 1200px) {
  .case-study-dfes .real-world-lessons .text {
    max-width: calc(0vw + 600px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1266.66666667px) {
  .case-study-dfes .real-world-lessons .text {
    max-width: calc(0vw + 600px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1333.33333333px) {
  .case-study-dfes .real-world-lessons .text {
    max-width: calc(0vw + 600px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1400px) {
  .case-study-dfes .real-world-lessons .text {
    max-width: 600px;
  }
}

@media (min-width: 64em) {
  .case-study-dfes .student-curriculum {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
}

@media (min-width: 100em) {
  .case-study-dfes .student-curriculum {
    max-width: 1600px;
    margin: 0px auto;
  }
}

@media (max-width: 63.99em) {
  .case-study-dfes .student-curriculum .text {
    padding: 0px 4vw 0px;
  }
}

@media (min-width: 64em) {
  .case-study-dfes .student-curriculum .text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    max-width: 40%;
    padding-left: 20px;
    padding-right: 40px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-dfes .student-curriculum .text {
    padding-left: calc(8.8383838384vw - 70.5050505051px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-dfes .student-curriculum .text {
    padding-left: calc(16.4141414141vw - 152.525252525px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-dfes .student-curriculum .text {
    padding-left: calc(8.8383838384vw - 66.0606060606px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-dfes .student-curriculum .text {
    padding-left: 40px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-dfes .student-curriculum .text {
    padding-right: calc(28.9598108747vw - 256.548463357px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1149.33333333px) {
  .case-study-dfes .student-curriculum .text {
    padding-right: calc(53.7825059102vw - 541.843971631px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1274.66666667px) {
  .case-study-dfes .student-curriculum .text {
    padding-right: calc(28.9598108747vw - 225.437352246px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1400px) {
  .case-study-dfes .student-curriculum .text {
    padding-right: 180px;
  }
}

.case-study-dfes .student-curriculum .image {
  position: relative;
}

@media (min-width: 64em) {
  .case-study-dfes .student-curriculum .image {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 60%;
  }

  .case-study-dfes .student-curriculum .image img {
    position: relative;
    left: -80px;
    max-width: none;
  }
}

@media (min-width: 64em) {
  .case-study-dfes .student-curriculum .image img {
    width: 700px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-dfes .student-curriculum .image img {
    width: calc(44.8302469136vw + 240.938271605px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-dfes .student-curriculum .image img {
    width: calc(83.2561728395vw - 226.320987654px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-dfes .student-curriculum .image img {
    width: calc(44.8302469136vw + 314.716049383px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-dfes .student-curriculum .image img {
    width: 1032px;
  }
}

.case-study-dfes .made-for-kids {
  position: relative;
  z-index: 1;
  margin: 0 -4vw;
}

.case-study-dfes .made-for-kids::before {
  content: "";
  display: block;
  position: absolute;
  background: #8cd2f6;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

.case-study-dfes .made-for-kids .inner {
  position: relative;
  z-index: 1;
}

.case-study-dfes .made-for-kids .inner::before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/dfes/made-for-kids-bg.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
  background-size: cover;
}

@media (min-width: 75em) {
  .case-study-dfes .made-for-kids .inner::before {
    background-size: auto;
  }
}

@media (min-width: 75em) {
  .case-study-dfes .made-for-kids .inner::after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 210px;
    background-color: #afb838;
    z-index: -2;
  }
}

.case-study-dfes .made-for-kids .inner .text {
  color: #000000;
  padding-left: 4vw;
  padding-right: 4vw;
  padding-top: 120px;
  padding-bottom: 152px;
}

@media screen and (min-width: 400px) {
  .case-study-dfes .made-for-kids .inner .text {
    padding-top: calc(10.0138888889vw + 79.9444444444px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .case-study-dfes .made-for-kids .inner .text {
    padding-top: calc(18.5972222222vw + 22.7222222222px);
  }
}

@media screen and (min-width: 933.333333333px) {
  .case-study-dfes .made-for-kids .inner .text {
    padding-top: calc(10.0138888889vw + 102.833333333px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-dfes .made-for-kids .inner .text {
    padding-top: 223px;
  }
}

@media screen and (min-width: 400px) {
  .case-study-dfes .made-for-kids .inner .text {
    padding-bottom: calc(14vw + 96px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .case-study-dfes .made-for-kids .inner .text {
    padding-bottom: calc(26vw + 16px);
  }
}

@media screen and (min-width: 933.333333333px) {
  .case-study-dfes .made-for-kids .inner .text {
    padding-bottom: calc(14vw + 128px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-dfes .made-for-kids .inner .text {
    padding-bottom: 296px;
  }
}

@media (min-width: 48em) {
  .case-study-dfes .made-for-kids .inner .text {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 64em) {
  .case-study-dfes .advanced-technology {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 63.99em) {
  .case-study-dfes .advanced-technology .text {
    padding: 0px 0px 40px;
  }
}

@media (min-width: 64em) {
  .case-study-dfes .advanced-technology .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 55%;
    flex: 1 0 55%;
    max-width: 55%;
    padding-left: 0px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-dfes .advanced-technology .text {
    padding-left: calc(26.5151515152vw - 271.515151515px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-dfes .advanced-technology .text {
    padding-left: calc(49.2424242424vw - 517.575757576px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-dfes .advanced-technology .text {
    padding-left: calc(26.5151515152vw - 258.181818182px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-dfes .advanced-technology .text {
    padding-left: 60px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-dfes .advanced-technology .text {
    padding-right: calc(48.6111111111vw - 467.777777778px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-dfes .advanced-technology .text {
    padding-right: calc(90.2777777778vw - 918.888888889px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-dfes .advanced-technology .text {
    padding-right: calc(48.6111111111vw - 443.333333333px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-dfes .advanced-technology .text {
    padding-right: 140px;
  }
}

.case-study-dfes .advanced-technology .image {
  text-align: center;
}

@media (min-width: 64em) {
  .case-study-dfes .advanced-technology .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 45%;
    flex: 1 0 45%;
    max-width: 45%;
    position: relative;
    top: 40px;
  }
}

.case-study-dfes .be-safe-around-water {
  position: relative;
  z-index: 1;
}

.case-study-dfes .be-safe-around-water::before {
  content: "";
  display: block;
  position: absolute;
  background: #a9dddd;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/dfes/be-safe-around-water.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.case-study-dfes .be-safe-around-water .inner {
  text-align: center;
}

.case-study-dfes .be-safe-around-water .inner .text {
  color: #000000;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (min-width: 400px) {
  .case-study-dfes .be-safe-around-water .inner .text {
    padding-top: calc(8.9444444444vw - 15.7777777778px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .case-study-dfes .be-safe-around-water .inner .text {
    padding-top: calc(16.6111111111vw - 66.8888888889px);
  }
}

@media screen and (min-width: 933.333333333px) {
  .case-study-dfes .be-safe-around-water .inner .text {
    padding-top: calc(8.9444444444vw + 4.6666666667px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-dfes .be-safe-around-water .inner .text {
    padding-top: 112px;
  }
}

@media screen and (min-width: 400px) {
  .case-study-dfes .be-safe-around-water .inner .text {
    padding-bottom: calc(4.8611111111vw + 0.5555555556px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .case-study-dfes .be-safe-around-water .inner .text {
    padding-bottom: calc(9.0277777778vw - 27.2222222222px);
  }
}

@media screen and (min-width: 933.333333333px) {
  .case-study-dfes .be-safe-around-water .inner .text {
    padding-bottom: calc(4.8611111111vw + 11.6666666667px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-dfes .be-safe-around-water .inner .text {
    padding-bottom: 70px;
  }
}

@media (min-width: 64em) {
  .case-study-dfes .be-safe-around-water .inner .text {
    padding-left: 140px;
    padding-right: 140px;
  }
}

.case-study-dfes .be-safe-around-water .inner .image img {
  vertical-align: middle;
}

.case-study-dfes .engaging-game-play {
  position: relative;
  z-index: 1;
  margin: 0px -4vw;
}

.case-study-dfes .engaging-game-play::before {
  content: "";
  display: block;
  position: absolute;
  background: #41526d;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .case-study-dfes .engaging-game-play .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .case-study-dfes .engaging-game-play .inner > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}

.case-study-dfes .engaging-game-play .inner .image {
  text-align: center;
  position: relative;
  z-index: 1;
}

@media (min-width: 64em) {
  .case-study-dfes .engaging-game-play .inner .image {
    text-align: right;
  }
}

@media (max-width: 63.99em) {
  .case-study-dfes .engaging-game-play .inner .image {
    margin: 0px -4vw;
  }
}

.case-study-dfes .engaging-game-play .inner .image img {
  display: block;
}

.case-study-dfes .engaging-game-play .inner .image::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/dfes/engaging-game-play-bg.png");
  background-size: auto;
  background-position: center;
  background-repeat: repeat-x;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.case-study-dfes .engaging-game-play .inner .image::after {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(65, 82, 109, 0.8);
  width: 100%;
  height: 100%;
  z-index: -1;
}

.case-study-dfes .engaging-game-play .inner .text {
  color: #FFFFFF;
  padding: 40px 4vw;
}

@media (min-width: 64em) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-right: 70px;
    padding-left: 20px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-right: calc(26.5151515152vw - 201.515151515px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-right: calc(49.2424242424vw - 447.575757576px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-right: calc(26.5151515152vw - 188.181818182px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-right: 130px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-left: calc(8.8383838384vw - 70.5050505051px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-left: calc(16.4141414141vw - 152.525252525px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-left: calc(8.8383838384vw - 66.0606060606px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-left: 40px;
  }
}

@media (min-width: 75em) {
  .case-study-dfes .engaging-game-play .inner .text {
    max-width: 600px;
    padding-right: 130px;
    padding-left: 40px;
  }
}

@media screen and (min-width: 75em) and (min-width: 1200px) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-right: calc(-31.1111111111vw + 503.333333333px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1266.66666667px) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-right: calc(-57.7777777778vw + 841.111111111px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1333.33333333px) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-right: calc(-31.1111111111vw + 485.555555556px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1400px) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-right: 50px;
  }
}

@media screen and (min-width: 75em) and (min-width: 1200px) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-left: calc(31.1111111111vw - 333.333333333px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1266.66666667px) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-left: calc(57.7777777778vw - 671.111111111px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1333.33333333px) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-left: calc(31.1111111111vw - 315.555555556px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1400px) {
  .case-study-dfes .engaging-game-play .inner .text {
    padding-left: 120px;
  }
}

.case-study-dfes .in-the-wild {
  position: relative;
  z-index: 1;
}

.case-study-dfes .in-the-wild::before {
  content: "";
  display: block;
  position: absolute;
  background: #FFFFFF;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/dfes/in-the-wild-bg.png");
  background-position: center;
  background-repeat: repeat-x;
}

.case-study-dfes .in-the-wild .inner .text {
  color: #FFFFFF;
  padding-top: 40px;
  padding-bottom: 200px;
}

@media screen and (min-width: 400px) {
  .case-study-dfes .in-the-wild .inner .text {
    padding-top: calc(17.2083333333vw - 28.8333333333px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .case-study-dfes .in-the-wild .inner .text {
    padding-top: calc(31.9583333333vw - 127.166666667px);
  }
}

@media screen and (min-width: 933.333333333px) {
  .case-study-dfes .in-the-wild .inner .text {
    padding-top: calc(17.2083333333vw + 10.5px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-dfes .in-the-wild .inner .text {
    padding-top: 217px;
  }
}

@media screen and (min-width: 400px) {
  .case-study-dfes .in-the-wild .inner .text {
    padding-bottom: calc(1.6527777778vw + 193.388888889px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .case-study-dfes .in-the-wild .inner .text {
    padding-bottom: calc(3.0694444444vw + 183.944444444px);
  }
}

@media screen and (min-width: 933.333333333px) {
  .case-study-dfes .in-the-wild .inner .text {
    padding-bottom: calc(1.6527777778vw + 197.166666667px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-dfes .in-the-wild .inner .text {
    padding-bottom: 217px;
  }
}

.more-case-studies-wrap {
  position: relative;
  z-index: 1;
  border-bottom: 12px solid #1bc895;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
}

.more-case-studies-wrap::before {
  content: "";
  display: block;
  position: absolute;
  background: #2D3238;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
  right: 0px;
}

.more-case-studies-wrap .inner {
  color: #FFFFFF;
  padding: 40px 4vw;
}

.more-case-studies-wrap .inner::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #1bc895;
  margin-top: -8px;
  bottom: -32px;
  margin-left: -20px;
}

@media (min-width: 64em) {
  .more-case-studies-wrap .inner {
    padding-top: 56px;
    padding-bottom: 30px;
  }
}

@media (min-width: 87.5em) {
  .more-case-studies-wrap .inner {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.more-case-studies-wrap h2 {
  color: #1bc895;
}

.more-case-studies-wrap a {
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.more-case-studies-wrap a::after {
  content: "";
  display: block;
  position: absolute;
  content: url("../ResourcePackages/Equilibrium/assets/dist/images/base/green-arrow.svg");
  height: 19px;
  margin: 0px 0px 0px 10px;
  position: relative;
  transition: margin-left .2s ease;
  width: 12px;
  display: inline-block;
}

.case-study-doe .objective {
  position: relative;
  z-index: 1;
}

.case-study-doe .objective .text {
  padding: 0px 30px 50px;
}

@media (min-width: 30.0625em) {
  .case-study-doe .objective .text {
    padding: 0px 30px 100px;
  }
}

.case-study-doe .objective .image {
  position: relative;
}

.case-study-doe .objective .image::before {
  content: "";
  display: block;
  position: absolute;
  background: #ca8620;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (max-width: 63.99em) {
  .case-study-doe .objective .image::before {
    top: 60px;
    height: 150px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doe .objective .image::before {
    top: calc(6.8554131054vw + 32.5783475783px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doe .objective .image::before {
    top: calc(12.7314814815vw - 3.1481481481px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doe .objective .image::before {
    top: calc(6.8554131054vw + 44.8005698006px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doe .objective .image::before {
    top: 115px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doe .objective .image::before {
    height: calc(19.943019943vw + 70.2279202279px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doe .objective .image::before {
    height: calc(37.037037037vw - 33.7037037037px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doe .objective .image::before {
    height: calc(19.943019943vw + 105.783475783px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doe .objective .image::before {
    height: 310px;
  }
}

@media (min-width: 64em) {
  .case-study-doe .objective .image::before {
    top: 115px;
    height: 310px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .objective .image::before {
    top: calc(6.0763888889vw + 52.7777777778px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .objective .image::before {
    top: calc(11.2847222222vw - 10.5555555556px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .objective .image::before {
    top: calc(6.0763888889vw + 62.7777777778px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .objective .image::before {
    top: 160px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .objective .image::before {
    height: calc(20.2546296296vw + 102.592592593px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .objective .image::before {
    height: calc(37.6157407407vw - 108.518518519px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .objective .image::before {
    height: calc(20.2546296296vw + 135.925925926px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .objective .image::before {
    height: 460px;
  }
}

@media (max-width: 63.99em) {
  .case-study-doe .objective .image img.imac-website {
    position: relative;
    width: 300px;
    left: 0px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doe .objective .image img.imac-website {
    width: calc(41.0078347578vw + 135.968660969px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doe .objective .image img.imac-website {
    width: calc(76.1574074074vw - 77.7407407407px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doe .objective .image img.imac-website {
    width: calc(41.0078347578vw + 209.07977208px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doe .objective .image img.imac-website {
    width: 629px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doe .objective .image img.imac-website {
    left: calc(4.9857549858vw - 19.943019943px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doe .objective .image img.imac-website {
    left: calc(9.2592592593vw - 45.9259259259px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doe .objective .image img.imac-website {
    left: calc(4.9857549858vw - 11.0541310541px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doe .objective .image img.imac-website {
    left: 40px;
  }
}

@media (max-width: 63.99em) {
  .case-study-doe .objective .image img.ipad-website {
    position: absolute;
    bottom: 0;
    width: 102px;
    left: -2px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doe .objective .image img.ipad-website {
    width: calc(19.1951566952vw + 25.2193732194px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doe .objective .image img.ipad-website {
    width: calc(35.6481481481vw - 74.8148148148px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doe .objective .image img.ipad-website {
    width: calc(19.1951566952vw + 59.4415954416px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doe .objective .image img.ipad-website {
    width: 256px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doe .objective .image img.ipad-website {
    left: calc(2.7421652422vw - 12.9686609687px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doe .objective .image img.ipad-website {
    left: calc(5.0925925926vw - 27.2592592593px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doe .objective .image img.ipad-website {
    left: calc(2.7421652422vw - 8.0797720798px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doe .objective .image img.ipad-website {
    left: 20px;
  }
}

@media (max-width: 63.99em) {
  .case-study-doe .objective .image img.iphone-website {
    position: absolute;
    bottom: 0;
    width: 62px;
    right: -12px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doe .objective .image img.iphone-website {
    width: calc(10.3454415954vw + 20.6182336182px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doe .objective .image img.iphone-website {
    width: calc(19.212962963vw - 33.2962962963px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doe .objective .image img.iphone-website {
    width: calc(10.3454415954vw + 39.0626780627px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doe .objective .image img.iphone-website {
    width: 145px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doe .objective .image img.iphone-website {
    right: calc(6.4814814815vw - 37.9259259259px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doe .objective .image img.iphone-website {
    right: calc(12.037037037vw - 71.7037037037px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doe .objective .image img.iphone-website {
    right: calc(6.4814814815vw - 26.3703703704px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doe .objective .image img.iphone-website {
    right: 40px;
  }
}

@media (min-width: 64em) {
  .case-study-doe .objective .image img.imac-website {
    position: relative;
    width: 629px;
    left: 40px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .objective .image img.imac-website {
    width: calc(36.3233024691vw + 257.049382716px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .objective .image img.imac-website {
    width: calc(67.4575617284vw - 121.543209877px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .objective .image img.imac-website {
    width: calc(36.3233024691vw + 316.827160494px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .objective .image img.imac-website {
    width: 898px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .objective .image img.imac-website {
    left: calc(4.0509259259vw - 1.4814814815px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .objective .image img.imac-website {
    left: calc(7.5231481481vw - 43.7037037037px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .objective .image img.imac-website {
    left: calc(4.0509259259vw + 5.1851851852px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .objective .image img.imac-website {
    left: 70px;
  }
}

@media (min-width: 64em) {
  .case-study-doe .objective .image img.ipad-website {
    position: absolute;
    bottom: 0px;
    width: 256px;
    left: 20px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .objective .image img.ipad-website {
    bottom: calc(-2.9706790123vw + 30.4197530864px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .objective .image img.ipad-website {
    bottom: calc(-5.5169753086vw + 61.3827160494px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .objective .image img.ipad-website {
    bottom: calc(-2.9706790123vw + 25.5308641975px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .objective .image img.ipad-website {
    bottom: -22px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .objective .image img.ipad-website {
    width: calc(14.7183641975vw + 105.283950617px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .objective .image img.ipad-website {
    width: calc(27.3341049383vw - 48.1234567901px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .objective .image img.ipad-website {
    width: calc(14.7183641975vw + 129.50617284px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .objective .image img.ipad-website {
    width: 365px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .objective .image img.ipad-website {
    left: calc(-25.3858024691vw + 279.950617284px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .objective .image img.ipad-website {
    left: calc(-47.1450617284vw + 544.543209877px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .objective .image img.ipad-website {
    left: calc(-25.3858024691vw + 238.172839506px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .objective .image img.ipad-website {
    left: -168px;
  }
}

@media (min-width: 64em) {
  .case-study-doe .objective .image img.iphone-website {
    position: absolute;
    bottom: -16px;
    width: 145px;
    right: 40px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .objective .image img.iphone-website {
    bottom: calc(-0.8101851852vw - 7.7037037037px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .objective .image img.iphone-website {
    bottom: calc(-1.5046296296vw + 0.7407407407px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .objective .image img.iphone-website {
    bottom: calc(-0.8101851852vw - 9.037037037px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .objective .image img.iphone-website {
    bottom: -22px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .objective .image img.iphone-website {
    width: calc(8.3719135802vw + 59.2716049383px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .objective .image img.iphone-website {
    width: calc(15.5478395062vw - 27.987654321px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .objective .image img.iphone-website {
    width: calc(8.3719135802vw + 73.049382716px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .objective .image img.iphone-website {
    width: 207px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .objective .image img.iphone-website {
    right: calc(-27.5462962963vw + 322.074074074px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .objective .image img.iphone-website {
    right: calc(-51.1574074074vw + 609.185185185px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .objective .image img.iphone-website {
    right: calc(-27.5462962963vw + 276.740740741px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .objective .image img.iphone-website {
    right: -164px;
  }
}

@media (min-width: 64em) {
  .case-study-doe .prototype-testing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .case-study-doe .prototype-testing > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}

.case-study-doe .prototype-testing .text {
  color: #FFFFFF;
  padding: 40px 4vw;
  position: relative;
  z-index: 1;
}

.case-study-doe .prototype-testing .text::before {
  content: "";
  display: block;
  position: absolute;
  background: #1078b2;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .case-study-doe .prototype-testing .text::before {
    left: 0px;
  }
}

@media (min-width: 64em) {
  .case-study-doe .prototype-testing .text {
    max-width: 555px;
    padding: 130px 0px;
    padding-left: 40px;
    padding-right: 10px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .prototype-testing .text {
    padding-left: calc(26.5151515152vw - 231.515151515px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-doe .prototype-testing .text {
    padding-left: calc(49.2424242424vw - 477.575757576px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-doe .prototype-testing .text {
    padding-left: calc(26.5151515152vw - 218.181818182px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-doe .prototype-testing .text {
    padding-left: 100px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .prototype-testing .text {
    padding-right: calc(2.2095959596vw - 12.6262626263px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-doe .prototype-testing .text {
    padding-right: calc(4.1035353535vw - 33.1313131313px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-doe .prototype-testing .text {
    padding-right: calc(2.2095959596vw - 11.5151515152px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-doe .prototype-testing .text {
    padding-right: 15px;
  }
}

.case-study-doe .prototype-testing .image {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 60px 4vw;
  position: relative;
  text-align: center;
  z-index: 1;
}

.case-study-doe .prototype-testing .image::before {
  content: "";
  display: block;
  position: absolute;
  background: #cfe4f0;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .case-study-doe .prototype-testing .image::before {
    right: 0px;
  }
}

.case-study-doe .prototype-testing .image > img {
  display: block;
  margin: 0px auto;
}

@media (min-width: 64em) {
  .case-study-doe .prototype-testing .image > img {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 75em) {
  .case-study-doe .prototype-testing .image > img {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.case-study-doe .our-approach {
  padding: 32px 0px;
  position: relative;
  z-index: 1;
}

@media (min-width: 64em) {
  .case-study-doe .our-approach {
    padding: 102px 0px;
  }
}

.case-study-doe .our-approach::before {
  content: "";
  display: block;
  position: absolute;
  background: #e7f1f7;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

.case-study-doe .our-approach .text *:last-child {
  padding: 10px 0px 16px;
}

.case-study-doe .our-approach .our-approach-improved {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

@media (min-width: 64em) {
  .case-study-doe .our-approach .our-approach-improved {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}

@media (min-width: 64em) {
  .case-study-doe .our-approach .our-approach-improved .text {
    max-width: 35%;
    padding-left: 35px;
  }
}

.case-study-doe .fixed-navigation {
  position: relative;
  z-index: 1;
  padding-top: 30px;
  padding-bottom: 30px;
}

.case-study-doe .fixed-navigation::before {
  content: "";
  display: block;
  position: absolute;
  background: #0f70a6;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .case-study-doe .fixed-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 1024px) {
  .case-study-doe .fixed-navigation {
    padding-top: calc(8.1018518519vw - 52.962962963px);
  }
}

@media screen and (min-width: 1216px) {
  .case-study-doe .fixed-navigation {
    padding-top: calc(15.0462962963vw - 137.407407407px);
  }
}

@media screen and (min-width: 1408px) {
  .case-study-doe .fixed-navigation {
    padding-top: calc(8.1018518519vw - 39.6296296296px);
  }
}

@media screen and (min-width: 1600px) {
  .case-study-doe .fixed-navigation {
    padding-top: 90px;
  }
}

@media screen and (min-width: 1024px) {
  .case-study-doe .fixed-navigation {
    padding-bottom: calc(8.1018518519vw - 52.962962963px);
  }
}

@media screen and (min-width: 1216px) {
  .case-study-doe .fixed-navigation {
    padding-bottom: calc(15.0462962963vw - 137.407407407px);
  }
}

@media screen and (min-width: 1408px) {
  .case-study-doe .fixed-navigation {
    padding-bottom: calc(8.1018518519vw - 39.6296296296px);
  }
}

@media screen and (min-width: 1600px) {
  .case-study-doe .fixed-navigation {
    padding-bottom: 90px;
  }
}

.case-study-doe .fixed-navigation .image {
  position: relative;
  text-align: center;
}

@media (min-width: 64em) {
  .case-study-doe .fixed-navigation .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 60%;
  }
}

.case-study-doe .fixed-navigation .image img {
  left: 0;
}

@media (min-width: 64em) {
  .case-study-doe .fixed-navigation .image img {
    max-width: 600px;
    position: absolute;
    top: -40px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .fixed-navigation .image img {
    max-width: calc(40.5092592593vw + 185.185185185px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .fixed-navigation .image img {
    max-width: calc(75.2314814815vw - 237.037037037px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .fixed-navigation .image img {
    max-width: calc(40.5092592593vw + 251.851851852px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .fixed-navigation .image img {
    max-width: 900px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .fixed-navigation .image img {
    top: calc(-14.8533950617vw + 112.098765432px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .fixed-navigation .image img {
    top: calc(-27.5848765432vw + 266.913580247px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .fixed-navigation .image img {
    top: calc(-14.8533950617vw + 87.6543209877px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .fixed-navigation .image img {
    top: -150px;
  }
}

.case-study-doe .fixed-navigation .text {
  padding: 0px 0px 40px;
  color: #FFFFFF;
}

@media (min-width: 64em) {
  .case-study-doe .fixed-navigation .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    max-width: 40%;
    padding: 0px 0px 0px 30px;
  }
}

.case-study-doe .interactive-calender {
  position: relative;
  z-index: 0;
  padding: 50px 0px;
}

.case-study-doe .interactive-calender::before {
  content: "";
  display: block;
  position: absolute;
  background: #e2ecf2;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .case-study-doe .interactive-calender {
    padding-bottom: 87px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 86px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .interactive-calender {
    padding-top: calc(16.2037037037vw - 79.9259259259px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .interactive-calender {
    padding-top: calc(30.0925925926vw - 248.814814815px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .interactive-calender {
    padding-top: calc(16.2037037037vw - 53.2592592593px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .interactive-calender {
    padding-top: 206px;
  }
}

.case-study-doe .interactive-calender .image {
  position: relative;
  text-align: center;
}

@media (min-width: 64em) {
  .case-study-doe .interactive-calender .image {
    width: 70%;
    margin-top: 200px;
    text-align: left;
  }
}

@media (max-width: 63.99em) {
  .case-study-doe .interactive-calender .image img.ipad-website {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    left: 0px;
    width: 122px;
    left: 20px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doe .interactive-calender .image img.ipad-website {
    width: calc(25.9259259259vw + 18.2962962963px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doe .interactive-calender .image img.ipad-website {
    width: calc(48.1481481481vw - 116.814814815px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doe .interactive-calender .image img.ipad-website {
    width: calc(25.9259259259vw + 64.5185185185px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doe .interactive-calender .image img.ipad-website {
    width: 330px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doe .interactive-calender .image img.ipad-website {
    left: calc(-2.4928774929vw + 29.9715099715px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doe .interactive-calender .image img.ipad-website {
    left: calc(-4.6296296296vw + 42.962962963px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doe .interactive-calender .image img.ipad-website {
    left: calc(-2.4928774929vw + 25.5270655271px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doe .interactive-calender .image img.ipad-website {
    left: 0px;
  }
}

@media (max-width: 63.99em) {
  .case-study-doe .interactive-calender .image img.website {
    position: relative;
    width: 280px;
    left: 30px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doe .interactive-calender .image img.website {
    width: calc(57.3361823362vw + 50.6552706553px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doe .interactive-calender .image img.website {
    width: calc(106.481481481vw - 248.148148148px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doe .interactive-calender .image img.website {
    width: calc(57.3361823362vw + 152.877492877px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doe .interactive-calender .image img.website {
    width: 740px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doe .interactive-calender .image img.website {
    left: calc(3.7393162393vw + 15.0427350427px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doe .interactive-calender .image img.website {
    left: calc(6.9444444444vw - 4.4444444444px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doe .interactive-calender .image img.website {
    left: calc(3.7393162393vw + 21.7094017094px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doe .interactive-calender .image img.website {
    left: 60px;
  }
}

@media (max-width: 63.99em) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    z-index: 2;
    position: absolute;
    width: 67px;
    left: 86px;
    bottom: 7px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    width: calc(14.334045584vw + 9.6638176638px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    width: calc(26.6203703704vw - 65.037037037px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    width: calc(14.334045584vw + 35.2193732194px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    width: 182px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    left: calc(19.1951566952vw + 9.2193732194px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    left: calc(35.6481481481vw - 90.8148148148px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    left: calc(19.1951566952vw + 43.4415954416px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    left: 240px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    bottom: calc(-3.6146723647vw + 21.4586894587px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    bottom: calc(-6.712962963vw + 40.2962962963px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    bottom: calc(-3.6146723647vw + 15.0142450142px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    bottom: -22px;
  }
}

@media (min-width: 64em) {
  .case-study-doe .interactive-calender .image img.ipad-website {
    position: relative;
    left: 0px;
    top: 0px;
    width: 234px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .interactive-calender .image img.ipad-website {
    width: calc(16.7553191489vw + 62.4255319149px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1149.33333333px) {
  .case-study-doe .interactive-calender .image img.ipad-website {
    width: calc(31.1170212766vw - 102.638297872px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1274.66666667px) {
  .case-study-doe .interactive-calender .image img.ipad-website {
    width: calc(16.7553191489vw + 80.4255319149px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1400px) {
  .case-study-doe .interactive-calender .image img.ipad-website {
    width: 315px;
  }
}

@media (min-width: 64em) {
  .case-study-doe .interactive-calender .image img.website {
    z-index: -1;
    position: absolute;
    max-width: 799px;
    left: 130px;
    top: -120px;
    width: 539px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .interactive-calender .image img.website {
    left: calc(5.4012345679vw + 74.6913580247px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .interactive-calender .image img.website {
    left: calc(10.0308641975vw + 18.3950617284px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .interactive-calender .image img.website {
    left: calc(5.4012345679vw + 83.5802469136px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .interactive-calender .image img.website {
    left: 170px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .interactive-calender .image img.website {
    top: calc(-8.1018518519vw - 37.037037037px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .interactive-calender .image img.website {
    top: calc(-15.0462962963vw + 47.4074074074px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .interactive-calender .image img.website {
    top: calc(-8.1018518519vw - 50.3703703704px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .interactive-calender .image img.website {
    top: -180px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .interactive-calender .image img.website {
    width: calc(38.6820330969vw + 142.895981087px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1149.33333333px) {
  .case-study-doe .interactive-calender .image img.website {
    width: calc(71.8380614657vw - 238.177304965px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1274.66666667px) {
  .case-study-doe .interactive-calender .image img.website {
    width: calc(38.6820330969vw + 184.451536643px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1400px) {
  .case-study-doe .interactive-calender .image img.website {
    width: 726px;
  }
}

@media (min-width: 64em) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    position: absolute;
    left: 198px;
    bottom: 9px;
    width: 100px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    left: calc(12.4228395062vw + 70.7901234568px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    left: calc(23.0709876543vw - 58.6913580247px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    left: calc(12.4228395062vw + 91.2345679012px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    left: 290px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    bottom: calc(-3.6458333333vw + 46.3333333333px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1216px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    bottom: calc(-6.7708333333vw + 84.3333333333px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1408px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    bottom: calc(-3.6458333333vw + 40.3333333333px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1600px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    bottom: -18px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    width: calc(13.6524822695vw - 39.8014184397px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1149.33333333px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    width: calc(25.3546099291vw - 174.29787234px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1274.66666667px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    width: calc(13.6524822695vw - 25.134751773px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1400px) {
  .case-study-doe .interactive-calender .image img.iphone-website {
    width: 166px;
  }
}

.case-study-doe .interactive-calender .text {
  padding: 50px 0px;
}

@media (min-width: 64em) {
  .case-study-doe .interactive-calender .text {
    padding: 0px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%;
    max-width: 30%;
    padding-left: 35px;
  }
}

@media (min-width: 87.5em) {
  .case-study-doe .interactive-calender .text {
    padding-right: 20px;
  }
}

.case-study-doh .the-approach {
  color: #FFFFFF;
  margin: 0 -4vw;
}

.case-study-doh .the-approach .inner {
  background: #464e56;
  padding: 1px 4vw 0;
}

.case-study-doh .the-approach .inner > div:first-child {
  position: relative;
  z-index: 1;
  padding-left: 4vw;
  padding-right: 4vw;
}

.case-study-doh .the-approach .inner .the-approach-method-list {
  background: #3c444c;
  position: relative;
  margin: 0 -4vw;
  padding: 0 4vw;
}

.case-study-doh .the-approach .inner .the-approach-method-list img {
  vertical-align: bottom;
}

.case-study-doh .the-approach .inner .the-approach-method-list .problem-based-learning {
  position: relative;
  z-index: 1;
}

.case-study-doh .the-approach .inner .the-approach-method-list .problem-based-learning:before {
  content: "";
  display: block;
  position: absolute;
  background: #464e56;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/doh/problem-based-learning-bg.png");
  background-size: contain;
}

@media (min-width: 64em) {
  .case-study-doh .the-approach .inner .the-approach-method-list .problem-based-learning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 63.99em) {
  .case-study-doh .the-approach .inner .the-approach-method-list .problem-based-learning .text {
    padding: 0px 40px 40px;
  }
}

@media (min-width: 64em) {
  .case-study-doh .the-approach .inner .the-approach-method-list .problem-based-learning .text {
    margin-bottom: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    max-width: 47%;
  }
}

.case-study-doh .the-approach .inner .the-approach-method-list .problem-based-learning .image {
  text-align: center;
}

@media (min-width: 64em) {
  .case-study-doh .the-approach .inner .the-approach-method-list .self-led {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
}

@media (max-width: 63.99em) {
  .case-study-doh .the-approach .inner .the-approach-method-list .self-led .text {
    padding: 0px 40px 40px;
  }
}

@media (min-width: 64em) {
  .case-study-doh .the-approach .inner .the-approach-method-list .self-led .text {
    margin-bottom: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 54%;
    flex: 0 0 54%;
    max-width: 54%;
    padding-left: 30px;
    padding-right: 50px;
  }
}

.case-study-doh .the-approach .inner .the-approach-method-list .self-led .image {
  text-align: center;
  padding-left: 0px 4vw;
}

@media (min-width: 64em) {
  .case-study-doh .the-approach .inner .the-approach-method-list .self-led .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
  }
}

.case-study-doh .the-approach .inner .the-approach-method-list .completing-modules {
  padding: 0px 25px;
}

@media (min-width: 64em) {
  .case-study-doh .prototype-test {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
}

@media (min-width: 64em) {
  .case-study-doh .prototype-test .text {
    margin-bottom: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    padding-right: 5px;
  }
}

@media (max-width: 63.99em) {
  .case-study-doh .prototype-test .image {
    padding: 40px 4vw;
  }
}

@media (min-width: 64em) {
  .case-study-doh .prototype-test .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    padding-left: 60px;
  }
}

@media (min-width: 64em) {
  .case-study-doh .leading-edge-technology {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .case-study-doh .leading-edge-technology > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}

.case-study-doh .leading-edge-technology .text {
  color: #FFFFFF;
  max-width: 660px;
  padding: 40px 4vw;
  position: relative;
  z-index: 1;
}

.case-study-doh .leading-edge-technology .text::before {
  content: "";
  display: block;
  position: absolute;
  background: #0d6473;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .case-study-doh .leading-edge-technology .text::before {
    left: 0px;
  }
}

@media (min-width: 64em) {
  .case-study-doh .leading-edge-technology .text {
    max-width: 555px;
    padding: 130px 0px;
    padding-left: 100px;
    padding-right: 19px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-doh .leading-edge-technology .text {
    padding-left: calc(0vw + 100px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-doh .leading-edge-technology .text {
    padding-left: calc(0vw + 100px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-doh .leading-edge-technology .text {
    padding-left: calc(0vw + 100px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-doh .leading-edge-technology .text {
    padding-left: 100px;
  }
}

.case-study-doh .leading-edge-technology .image {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 60px 0px;
  position: relative;
  text-align: center;
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}

.case-study-doh .leading-edge-technology .image::before {
  content: "";
  display: block;
  position: absolute;
  background: #257a8a;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .case-study-doh .leading-edge-technology .image::before {
    right: 0px;
  }
}

.case-study-doh .leading-edge-technology .image > img {
  display: block;
  margin: 0px auto;
}

@media (max-width: 63.99em) {
  .case-study-doh .leading-edge-technology .image .html-logo {
    max-width: 90px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doh .leading-edge-technology .image .html-logo {
    max-width: calc(5.7336182336vw + 67.0655270655px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doh .leading-edge-technology .image .html-logo {
    max-width: calc(10.6481481481vw + 37.1851851852px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doh .leading-edge-technology .image .html-logo {
    max-width: calc(5.7336182336vw + 77.2877492877px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doh .leading-edge-technology .image .html-logo {
    max-width: 136px;
  }
}

@media (max-width: 63.99em) {
  .case-study-doh .leading-edge-technology .image .angulerjs-logo {
    max-width: 250px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-doh .leading-edge-technology .image .angulerjs-logo {
    max-width: calc(18.4472934473vw + 176.210826211px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-doh .leading-edge-technology .image .angulerjs-logo {
    max-width: calc(34.2592592593vw + 80.0740740741px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-doh .leading-edge-technology .image .angulerjs-logo {
    max-width: calc(18.4472934473vw + 209.0997151px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-doh .leading-edge-technology .image .angulerjs-logo {
    max-width: 398px;
  }
}

.case-study-doh .leading-edge-technology .image .html-logo {
  max-width: 96px;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .case-study-doh .leading-edge-technology .image .html-logo {
    max-width: calc(8.8383838384vw + 5.4949494949px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-doh .leading-edge-technology .image .html-logo {
    max-width: calc(16.4141414141vw - 76.5252525253px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-doh .leading-edge-technology .image .html-logo {
    max-width: calc(8.8383838384vw + 9.9393939394px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-doh .leading-edge-technology .image .html-logo {
    max-width: 116px;
  }
}

.case-study-doh .leading-edge-technology .image .angulerjs-logo {
  max-width: 274px;
}

@media screen and (min-width: 1024px) {
  .case-study-doh .leading-edge-technology .image .angulerjs-logo {
    max-width: calc(24.3055555556vw + 25.1111111111px);
  }
}

@media screen and (min-width: 1082.66666667px) {
  .case-study-doh .leading-edge-technology .image .angulerjs-logo {
    max-width: calc(45.1388888889vw - 200.444444444px);
  }
}

@media screen and (min-width: 1141.33333333px) {
  .case-study-doh .leading-edge-technology .image .angulerjs-logo {
    max-width: calc(24.3055555556vw + 37.3333333333px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-doh .leading-edge-technology .image .angulerjs-logo {
    max-width: 329px;
  }
}

.case-study-doh .recognition {
  padding: 50px 0px;
  position: relative;
  z-index: 1;
}

@media (min-width: 48em) {
  .case-study-doh .recognition {
    padding: 100px 0px;
  }
}

.case-study-doh .recognition .text {
  padding: 0px 30px 80px;
}

.case-study-doh .recognition .image {
  position: relative;
}

.case-study-doh .recognition .image img:not(:first-child) {
  position: absolute;
}

.case-study-doh .recognition .image img.browser-website {
  width: 398px;
  left: 0px;
  position: relative;
}

@media screen and (min-width: 400px) {
  .case-study-doh .recognition .image img.browser-website {
    width: calc(32.3425925926vw + 268.62962963px);
  }
}

@media screen and (min-width: 800px) {
  .case-study-doh .recognition .image img.browser-website {
    width: calc(60.0648148148vw + 46.8518518519px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-doh .recognition .image img.browser-website {
    width: calc(32.3425925926vw + 379.518518519px);
  }
}

@media screen and (min-width: 1600px) {
  .case-study-doh .recognition .image img.browser-website {
    width: 897px;
  }
}

@media screen and (min-width: 400px) {
  .case-study-doh .recognition .image img.browser-website {
    left: calc(11.0185185185vw - 44.0740740741px);
  }
}

@media screen and (min-width: 800px) {
  .case-study-doh .recognition .image img.browser-website {
    left: calc(20.462962963vw - 119.62962963px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-doh .recognition .image img.browser-website {
    left: calc(11.0185185185vw - 6.2962962963px);
  }
}

@media screen and (min-width: 1600px) {
  .case-study-doh .recognition .image img.browser-website {
    left: 170px;
  }
}

.case-study-doh .recognition .image img.ipad-website {
  width: 198px;
  left: -10px;
  top: 30px;
}

@media screen and (min-width: 400px) {
  .case-study-doh .recognition .image img.ipad-website {
    width: calc(16.1388888889vw + 133.444444444px);
  }
}

@media screen and (min-width: 800px) {
  .case-study-doh .recognition .image img.ipad-website {
    width: calc(29.9722222222vw + 22.7777777778px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-doh .recognition .image img.ipad-website {
    width: calc(16.1388888889vw + 188.777777778px);
  }
}

@media screen and (min-width: 1600px) {
  .case-study-doh .recognition .image img.ipad-website {
    width: 447px;
  }
}

@media screen and (min-width: 400px) {
  .case-study-doh .recognition .image img.ipad-website {
    left: calc(12.3148148148vw - 59.2592592593px);
  }
}

@media screen and (min-width: 800px) {
  .case-study-doh .recognition .image img.ipad-website {
    left: calc(22.8703703704vw - 143.703703704px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-doh .recognition .image img.ipad-website {
    left: calc(12.3148148148vw - 17.037037037px);
  }
}

@media screen and (min-width: 1600px) {
  .case-study-doh .recognition .image img.ipad-website {
    left: 180px;
  }
}

@media screen and (min-width: 768px) {
  .case-study-doh .recognition .image img.ipad-website {
    top: calc(11.2179487179vw - 56.1538461538px);
  }
}

@media screen and (min-width: 1045.33333333px) {
  .case-study-doh .recognition .image img.ipad-website {
    top: calc(20.8333333333vw - 156.666666667px);
  }
}

@media screen and (min-width: 1322.66666667px) {
  .case-study-doh .recognition .image img.ipad-website {
    top: calc(11.2179487179vw - 29.4871794872px);
  }
}

@media screen and (min-width: 1600px) {
  .case-study-doh .recognition .image img.ipad-website {
    top: 150px;
  }
}

.case-study-doh .recognition .image img.iphone-website {
  bottom: 20px;
  width: 67px;
  left: 0px;
}

@media screen and (min-width: 400px) {
  .case-study-doh .recognition .image img.iphone-website {
    width: calc(5.5092592593vw + 44.962962963px);
  }
}

@media screen and (min-width: 800px) {
  .case-study-doh .recognition .image img.iphone-website {
    width: calc(10.2314814815vw + 7.1851851852px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-doh .recognition .image img.iphone-website {
    width: calc(5.5092592593vw + 63.8518518519px);
  }
}

@media screen and (min-width: 1600px) {
  .case-study-doh .recognition .image img.iphone-website {
    width: 152px;
  }
}

@media screen and (min-width: 400px) {
  .case-study-doh .recognition .image img.iphone-website {
    left: calc(33.7037037037vw - 134.814814815px);
  }
}

@media screen and (min-width: 800px) {
  .case-study-doh .recognition .image img.iphone-website {
    left: calc(62.5925925926vw - 365.925925926px);
  }
}

@media screen and (min-width: 1200px) {
  .case-study-doh .recognition .image img.iphone-website {
    left: calc(33.7037037037vw - 19.2592592593px);
  }
}

@media screen and (min-width: 1600px) {
  .case-study-doh .recognition .image img.iphone-website {
    left: 520px;
  }
}

.case-study-doh .recognition .image img.awards-logo {
  width: 98px;
  left: 70px;
  top: 10px;
}

@media (max-width: 47.99em) {
  .case-study-doh .recognition .image img.awards-logo {
    top: -18px;
    left: 20px;
  }
}

@media screen and (max-width: 47.99em) and (min-width: 400px) {
  .case-study-doh .recognition .image img.awards-logo {
    left: calc(29.5893719807vw - 98.3574879227px);
  }
}

@media screen and (max-width: 47.99em) and (min-width: 522.666666667px) {
  .case-study-doh .recognition .image img.awards-logo {
    left: calc(54.9516908213vw - 230.917874396px);
  }
}

@media screen and (max-width: 47.99em) and (min-width: 645.333333333px) {
  .case-study-doh .recognition .image img.awards-logo {
    left: calc(29.5893719807vw - 67.2463768116px);
  }
}

@media screen and (max-width: 47.99em) and (min-width: 768px) {
  .case-study-doh .recognition .image img.awards-logo {
    left: 160px;
  }
}

@media screen and (min-width: 768px) {
  .case-study-doh .recognition .image img.awards-logo {
    width: calc(11.5918803419vw + 8.9743589744px);
  }
}

@media screen and (min-width: 1045.33333333px) {
  .case-study-doh .recognition .image img.awards-logo {
    width: calc(21.5277777778vw - 94.8888888889px);
  }
}

@media screen and (min-width: 1322.66666667px) {
  .case-study-doh .recognition .image img.awards-logo {
    width: calc(11.5918803419vw + 36.5299145299px);
  }
}

@media screen and (min-width: 1600px) {
  .case-study-doh .recognition .image img.awards-logo {
    width: 222px;
  }
}

@media screen and (min-width: 768px) {
  .case-study-doh .recognition .image img.awards-logo {
    left: calc(14.9911816578vw - 45.1322751323px);
  }
}

@media screen and (min-width: 1062px) {
  .case-study-doh .recognition .image img.awards-logo {
    left: calc(27.840765936vw - 181.594860166px);
  }
}

@media screen and (min-width: 1356px) {
  .case-study-doh .recognition .image img.awards-logo {
    left: calc(14.9911816578vw - 7.3544973545px);
  }
}

@media screen and (min-width: 1650px) {
  .case-study-doh .recognition .image img.awards-logo {
    left: 240px;
  }
}

@media screen and (min-width: 768px) {
  .case-study-doh .recognition .image img.awards-logo {
    top: calc(8.7719298246vw - 57.3684210526px);
  }
}

@media screen and (min-width: 945.333333333px) {
  .case-study-doh .recognition .image img.awards-logo {
    top: calc(16.290726817vw - 128.446115288px);
  }
}

@media screen and (min-width: 1122.66666667px) {
  .case-study-doh .recognition .image img.awards-logo {
    top: calc(8.7719298246vw - 44.0350877193px);
  }
}

@media screen and (min-width: 1300px) {
  .case-study-doh .recognition .image img.awards-logo {
    top: 70px;
  }
}

.case-study-summit .image-list ul li {
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}

.case-study-summit .enter-equilibrium {
  padding-top: 1px;
  padding-bottom: 1px;
  position: relative;
  z-index: 1;
}

.case-study-summit .enter-equilibrium::before {
  content: "";
  display: block;
  position: absolute;
  background: #f2f2f2;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .case-study-summit .enter-equilibrium .inner .the-builds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 63.99em) {
  .case-study-summit .enter-equilibrium .inner .the-builds .text {
    padding: 40px 0px 0px 0px;
  }
}

@media (min-width: 64em) {
  .case-study-summit .enter-equilibrium .inner .the-builds .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    max-width: 40%;
    padding-left: 30px;
    padding-right: 0px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .text {
    padding-left: calc(3.6687631027vw - 7.5681341719px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1236px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .text {
    padding-left: calc(6.8134171908vw - 46.4360587002px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1448px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .text {
    padding-left: calc(3.6687631027vw - 0.9014675052px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1660px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .text {
    padding-left: 60px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .text {
    padding-right: calc(3.6687631027vw - 37.5681341719px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1236px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .text {
    padding-right: calc(6.8134171908vw - 76.4360587002px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1448px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .text {
    padding-right: calc(3.6687631027vw - 30.9014675052px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1660px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .text {
    padding-right: 30px;
  }
}

.case-study-summit .enter-equilibrium .inner .the-builds .image {
  text-align: center;
  position: relative;
}

@media (min-width: 64em) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 60%;
    flex: 1 0 60%;
    position: relative;
    text-align: right;
  }
}

.case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit {
  position: relative;
}

@media (min-width: 64em) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit {
    width: 565px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit {
    width: calc(27.6380153739vw + 281.986722572px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1236px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit {
    width: calc(51.3277428372vw - 10.8183088749px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1448px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit {
    width: calc(27.6380153739vw + 332.208944794px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1660px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit {
    width: 791px;
  }
}

.case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
  position: absolute;
  left: 0;
}

@media (min-width: 64em) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    width: 210px;
    bottom: 0px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    width: calc(7.7044025157vw + 131.106918239px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1236px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    width: calc(14.3081761006vw + 49.4842767296px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1448px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    width: calc(7.7044025157vw + 145.106918239px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1660px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    width: 273px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    bottom: calc(3.0573025856vw - 31.3067784766px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1236px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    bottom: calc(5.677847659vw - 63.6967155835px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1448px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    bottom: calc(3.0573025856vw - 25.751222921px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1660px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    bottom: 25px;
  }
}

@media (max-width: 63.99em) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    width: 110px;
    bottom: 0px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 320px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    width: calc(23.4773662551vw + 34.8724279835px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 500px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    width: calc(43.6008230453vw - 65.7448559671px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 680px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    width: calc(23.4773662551vw + 71.0946502058px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 860px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    width: 273px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 320px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    bottom: calc(3.3143939394vw - 10.6060606061px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 554.666666667px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    bottom: calc(6.1553030303vw - 26.3636363636px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 789.333333333px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    bottom: calc(3.3143939394vw - 3.9393939394px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-summit .enter-equilibrium .inner .the-builds .image .screenshot-homepage-summit-mobile {
    bottom: 30px;
  }
}

.case-study-summit .my-summit {
  padding-top: 1px;
  padding-bottom: 1px;
  position: relative;
  z-index: 1;
}

.case-study-summit .my-summit::before {
  content: "";
  display: block;
  position: absolute;
  background: #df1b21;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .case-study-summit .my-summit {
    z-index: 2;
  }
}

@media (min-width: 64em) {
  .case-study-summit .my-summit .my-summit-content {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1px;
    position: relative;
  }
}

.case-study-summit .my-summit .my-summit-content .text {
  color: #FFFFFF;
}

@media (min-width: 64em) {
  .case-study-summit .my-summit .my-summit-content .text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    padding-left: 0px;
  }
}

@media (max-width: 63.99em) {
  .case-study-summit .my-summit .my-summit-content .text {
    padding: 0px 0px 40px 0px;
  }
}

.case-study-summit .my-summit .my-summit-content .image .screenshot-home-progress {
  vertical-align: middle;
}

.case-study-summit .my-summit .my-summit-content .image .video-link:after {
  content: none;
}

@media (min-width: 64em) {
  .case-study-summit .my-summit .my-summit-content .image {
    position: absolute;
    width: 1002px;
    z-index: 1;
    left: 520px;
    top: -120px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .my-summit .my-summit-content .image {
    left: calc(48.6111111111vw + 22.2222222222px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1162.66666667px) {
  .case-study-summit .my-summit .my-summit-content .image {
    left: calc(90.2777777778vw - 462.222222222px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1301.33333333px) {
  .case-study-summit .my-summit .my-summit-content .image {
    left: calc(48.6111111111vw + 80px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1440px) {
  .case-study-summit .my-summit .my-summit-content .image {
    left: 780px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .my-summit .my-summit-content .image {
    top: calc(-5.608974359vw - 62.5641025641px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1162.66666667px) {
  .case-study-summit .my-summit .my-summit-content .image {
    top: calc(-10.4166666667vw - 6.6666666667px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1301.33333333px) {
  .case-study-summit .my-summit .my-summit-content .image {
    top: calc(-5.608974359vw - 69.2307692308px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1440px) {
  .case-study-summit .my-summit .my-summit-content .image {
    top: -150px;
  }
}

.case-study-summit .lead-generation-content {
  padding-bottom: 20px;
  padding-top: 1px;
  position: relative;
  z-index: 1;
}

.case-study-summit .lead-generation-content::before {
  content: "";
  display: block;
  position: absolute;
  background: #f2f2f2;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

.case-study-summit .lead-generation-content .lead-generation {
  position: relative;
  padding: 40px 0px 0px;
}

@media (min-width: 64em) {
  .case-study-summit .lead-generation-content .lead-generation {
    padding: 0px;
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 100px 0px;
  }
}

@media (max-width: 63.99em) {
  .case-study-summit .lead-generation-content .lead-generation .text {
    padding: 40px 0px 0px 0px;
  }
}

@media (min-width: 64em) {
  .case-study-summit .lead-generation-content .lead-generation .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    max-width: 40%;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 0px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .lead-generation-content .lead-generation .text {
    padding-top: calc(11.0062893082vw - 102.704402516px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1236px) {
  .case-study-summit .lead-generation-content .lead-generation .text {
    padding-top: calc(20.4402515723vw - 219.308176101px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1448px) {
  .case-study-summit .lead-generation-content .lead-generation .text {
    padding-top: calc(11.0062893082vw - 82.7044025157px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1660px) {
  .case-study-summit .lead-generation-content .lead-generation .text {
    padding-top: 100px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .lead-generation-content .lead-generation .text {
    padding-left: calc(3.6687631027vw - 7.5681341719px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1236px) {
  .case-study-summit .lead-generation-content .lead-generation .text {
    padding-left: calc(6.8134171908vw - 46.4360587002px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1448px) {
  .case-study-summit .lead-generation-content .lead-generation .text {
    padding-left: calc(3.6687631027vw - 0.9014675052px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1660px) {
  .case-study-summit .lead-generation-content .lead-generation .text {
    padding-left: 60px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .lead-generation-content .lead-generation .text {
    padding-right: calc(3.6687631027vw - 37.5681341719px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1236px) {
  .case-study-summit .lead-generation-content .lead-generation .text {
    padding-right: calc(6.8134171908vw - 76.4360587002px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1448px) {
  .case-study-summit .lead-generation-content .lead-generation .text {
    padding-right: calc(3.6687631027vw - 30.9014675052px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1660px) {
  .case-study-summit .lead-generation-content .lead-generation .text {
    padding-right: 30px;
  }
}

.case-study-summit .lead-generation-content .lead-generation .video {
  position: static;
  text-align: center;
  padding-top: 30px;
}

@media (min-width: 64em) {
  .case-study-summit .lead-generation-content .lead-generation .video {
    margin-top: 0px;
    position: absolute;
    bottom: 116px;
    width: 436px;
    bottom: 116px;
    right: 168px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .lead-generation-content .lead-generation .video {
    width: calc(24.8664529915vw + 181.367521368px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1162.66666667px) {
  .case-study-summit .lead-generation-content .lead-generation .video {
    width: calc(46.1805555556vw - 66.4444444444px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1301.33333333px) {
  .case-study-summit .lead-generation-content .lead-generation .video {
    width: calc(24.8664529915vw + 210.923076923px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1440px) {
  .case-study-summit .lead-generation-content .lead-generation .video {
    width: 569px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .lead-generation-content .lead-generation .video {
    bottom: calc(0vw + 116px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1236px) {
  .case-study-summit .lead-generation-content .lead-generation .video {
    bottom: calc(0vw + 116px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1448px) {
  .case-study-summit .lead-generation-content .lead-generation .video {
    bottom: calc(0vw + 116px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1660px) {
  .case-study-summit .lead-generation-content .lead-generation .video {
    bottom: 116px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .lead-generation-content .lead-generation .video {
    right: calc(18.0992313068vw - 17.3361285814px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1236px) {
  .case-study-summit .lead-generation-content .lead-generation .video {
    right: calc(33.6128581412vw - 209.084556254px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1448px) {
  .case-study-summit .lead-generation-content .lead-generation .video {
    right: calc(18.0992313068vw + 15.5527603075px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1660px) {
  .case-study-summit .lead-generation-content .lead-generation .video {
    right: 316px;
  }
}

.case-study-summit .lead-generation-content .lead-generation .video .video-link {
  position: static;
}

.case-study-summit .lead-generation-content .lead-generation .video .video-link::after {
  content: none;
}

.case-study-summit .lead-generation-content .lead-generation .image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  text-align: center;
}

@media (min-width: 64em) {
  .case-study-summit .lead-generation-content .lead-generation .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 60%;
    flex: 1 0 60%;
    position: relative;
    text-align: left;
  }
}

.case-study-summit .lead-generation-content .lead-generation .image .screenshot-lead-generation {
  position: relative;
}

@media (min-width: 64em) {
  .case-study-summit .lead-generation-content .lead-generation .image .screenshot-lead-generation {
    width: 565px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .lead-generation-content .lead-generation .image .screenshot-lead-generation {
    width: calc(32.905982906vw + 228.042735043px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1162.66666667px) {
  .case-study-summit .lead-generation-content .lead-generation .image .screenshot-lead-generation {
    width: calc(61.1111111111vw - 99.8888888889px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1301.33333333px) {
  .case-study-summit .lead-generation-content .lead-generation .image .screenshot-lead-generation {
    width: calc(32.905982906vw + 267.153846154px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1440px) {
  .case-study-summit .lead-generation-content .lead-generation .image .screenshot-lead-generation {
    width: 741px;
  }
}

.case-study-summit .lead-generation-content .analytics {
  padding: 40px 0px;
}

@media (min-width: 64em) {
  .case-study-summit .lead-generation-content .analytics {
    padding: 0 0 100px;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 63.99em) {
  .case-study-summit .lead-generation-content .analytics .text {
    padding: 0px 0px 40px;
  }
}

@media (min-width: 64em) {
  .case-study-summit .lead-generation-content .analytics .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
    padding-left: 0px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .lead-generation-content .analytics .text {
    padding-left: calc(17.6767676768vw - 181.01010101px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-summit .lead-generation-content .analytics .text {
    padding-left: calc(32.8282828283vw - 345.050505051px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-summit .lead-generation-content .analytics .text {
    padding-left: calc(17.6767676768vw - 172.121212121px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-summit .lead-generation-content .analytics .text {
    padding-left: 40px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .lead-generation-content .analytics .text {
    padding-right: calc(67.6136363636vw - 662.363636364px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-summit .lead-generation-content .analytics .text {
    padding-right: calc(125.568181818vw - 1289.81818182px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-summit .lead-generation-content .analytics .text {
    padding-right: calc(67.6136363636vw - 628.363636364px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-summit .lead-generation-content .analytics .text {
    padding-right: 183px;
  }
}

.case-study-summit .lead-generation-content .analytics .image {
  text-align: center;
}

@media (min-width: 64em) {
  .case-study-summit .lead-generation-content .analytics .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
    position: relative;
    width: 528px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-summit .lead-generation-content .analytics .image {
    width: calc(26.0482180294vw + 261.266247379px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1236px) {
  .case-study-summit .lead-generation-content .analytics .image {
    width: calc(48.3752620545vw - 14.6960167715px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1448px) {
  .case-study-summit .lead-generation-content .analytics .image {
    width: calc(26.0482180294vw + 308.599580713px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1660px) {
  .case-study-summit .lead-generation-content .analytics .image {
    width: 741px;
  }
}

@media (min-width: 75em) {
  .case-study-uwa .social-solution {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.case-study-uwa .social-solution .text {
  padding: 40px 0px 0px;
}

@media (min-width: 75em) {
  .case-study-uwa .social-solution .text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    max-width: 40%;
    padding-top: 0;
  }
}

@media screen and (min-width: 75em) and (min-width: 1024px) {
  .case-study-uwa .social-solution .text {
    padding-top: calc(11.8563685637vw - 121.409214092px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1242.66666667px) {
  .case-study-uwa .social-solution .text {
    padding-top: calc(22.0189701897vw - 247.696476965px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1461.33333333px) {
  .case-study-uwa .social-solution .text {
    padding-top: calc(11.8563685637vw - 99.1869918699px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1680px) {
  .case-study-uwa .social-solution .text {
    padding-top: 100px;
  }
}

.case-study-uwa .social-solution .image {
  position: relative;
}

@media (min-width: 75em) {
  .case-study-uwa .social-solution .image {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 60%;
  }
}

.case-study-uwa .social-solution .image .western-australia-website {
  position: relative;
}

@media (min-width: 75em) {
  .case-study-uwa .social-solution .image .western-australia-website {
    position: relative;
    right: 0px;
    max-width: none;
    left: -475px;
  }
}

@media screen and (min-width: 75em) and (min-width: 1200px) {
  .case-study-uwa .social-solution .image .western-australia-website {
    left: calc(12.1527777778vw - 620.833333333px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1360px) {
  .case-study-uwa .social-solution .image .western-australia-website {
    left: calc(22.5694444444vw - 762.5px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1520px) {
  .case-study-uwa .social-solution .image .western-australia-website {
    left: calc(12.1527777778vw - 604.166666667px);
  }
}

@media screen and (min-width: 75em) and (min-width: 1680px) {
  .case-study-uwa .social-solution .image .western-australia-website {
    left: -400px;
  }
}

.case-study-uwa .marketing-global {
  position: relative;
  z-index: 1;
}

.case-study-uwa .marketing-global::before {
  content: "";
  display: block;
  position: absolute;
  background: #000000;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/uwa/marketing-global-map.jpg");
  background-position: center;
  background-repeat: no-repeat;
}

.case-study-uwa .marketing-global .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 40px;
  padding-bottom: 40px;
  color: #FFFFFF;
}

@media screen and (min-width: 400px) {
  .case-study-uwa .marketing-global .text {
    padding-top: calc(31.160968661vw - 84.6438746439px);
  }
}

@media screen and (min-width: 608px) {
  .case-study-uwa .marketing-global .text {
    padding-top: calc(57.8703703704vw - 247.037037037px);
  }
}

@media screen and (min-width: 816px) {
  .case-study-uwa .marketing-global .text {
    padding-top: calc(31.160968661vw - 29.0883190883px);
  }
}

@media screen and (min-width: 1024px) {
  .case-study-uwa .marketing-global .text {
    padding-top: 290px;
  }
}

@media screen and (min-width: 400px) {
  .case-study-uwa .marketing-global .text {
    padding-bottom: calc(36.1467236467vw - 104.586894587px);
  }
}

@media screen and (min-width: 608px) {
  .case-study-uwa .marketing-global .text {
    padding-bottom: calc(67.1296296296vw - 292.962962963px);
  }
}

@media screen and (min-width: 816px) {
  .case-study-uwa .marketing-global .text {
    padding-bottom: calc(36.1467236467vw - 40.1424501425px);
  }
}

@media screen and (min-width: 1024px) {
  .case-study-uwa .marketing-global .text {
    padding-bottom: 330px;
  }
}

.case-study-uwa .barriers-assets-delivering-results-wrapper {
  position: relative;
  z-index: 1;
}

@media (max-width: 63.99em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper {
    padding: 40px 0px;
  }
}

@media (min-width: 64em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper {
    padding: 87px 0px;
  }
}

.case-study-uwa .barriers-assets-delivering-results-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  background: #f8f6e7;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .overcoming-barriers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 63.99em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .overcoming-barriers .text {
    padding: 0px 0px 40px;
  }
}

@media (min-width: 64em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .overcoming-barriers .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 45%;
    flex: 1 0 45%;
    max-width: 45%;
    padding-right: 10px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .overcoming-barriers .text {
    padding-right: calc(30.9343434343vw - 306.767676768px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .overcoming-barriers .text {
    padding-right: calc(57.4494949495vw - 593.838383838px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .overcoming-barriers .text {
    padding-right: calc(30.9343434343vw - 291.212121212px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .overcoming-barriers .text {
    padding-right: 80px;
  }
}

.case-study-uwa .barriers-assets-delivering-results-wrapper .overcoming-barriers .image {
  text-align: center;
}

@media (min-width: 64em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .overcoming-barriers .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 55%;
    flex: 1 0 55%;
    position: relative;
  }
}

@media (max-width: 63.99em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets {
    padding: 40px 0px 0px;
  }
}

@media (min-width: 64em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 100px 0px;
  }
}

.case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .text {
  padding-top: 40px;
}

@media (max-width: 63.99em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .text {
    padding: 0px 0px 40px;
  }
}

@media (min-width: 64em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 44%;
    flex: 1 0 44%;
    max-width: 44%;
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .text {
    padding-left: calc(4.4191919192vw - 15.2525252525px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .text {
    padding-left: calc(8.2070707071vw - 56.2626262626px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .text {
    padding-left: calc(4.4191919192vw - 13.0303030303px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .text {
    padding-left: 40px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .text {
    padding-right: calc(4.4191919192vw - 15.2525252525px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1082.66666667px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .text {
    padding-right: calc(8.2070707071vw - 56.2626262626px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1141.33333333px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .text {
    padding-right: calc(4.4191919192vw - 13.0303030303px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1200px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .text {
    padding-right: 40px;
  }
}

.case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image {
  position: relative;
}

@media (max-width: 63.99em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image {
    text-align: center;
  }
}

@media (min-width: 64em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 56%;
    flex: 1 0 56%;
    position: relative;
  }
}

.case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-edm {
  position: relative;
}

.case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
  position: absolute;
}

@media (max-width: 63.99em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    width: 205px;
    bottom: 150px;
    right: -50px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 320px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    width: calc(48.7922705314vw + 48.8647342995px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 373.666666667px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    width: calc(90.6142167012vw - 107.409937888px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 427.333333333px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    width: calc(48.7922705314vw + 71.309178744px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 481px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    width: 306px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 320px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    bottom: calc(38.6473429952vw + 26.3285024155px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 373.666666667px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    bottom: calc(71.773636991vw - 97.4534161491px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 427.333333333px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    bottom: calc(38.6473429952vw + 44.1062801932px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 481px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    bottom: 230px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    right: calc(31.160968661vw - 174.643874644px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 608px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    right: calc(57.8703703704vw - 337.037037037px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 816px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    right: calc(31.160968661vw - 119.088319088px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 1024px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    right: 200px;
  }
}

@media (min-width: 64em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    bottom: 140px;
    right: -10px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    right: calc(-1.2229210342vw + 2.5227113906px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1236px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    right: calc(-2.2711390636vw + 15.4786862334px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1448px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    right: calc(-1.2229210342vw + 0.3004891684px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1660px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-banner {
    right: -20px;
  }
}

@media (max-width: 63.99em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
  }
}

@media (min-width: 64em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-video {
    position: absolute;
    right: 20px;
    bottom: -50px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-video {
    right: calc(-2.4458420685vw + 45.0454227813px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1236px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-video {
    right: calc(-4.5422781272vw + 70.9573724668px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1448px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-video {
    right: calc(-2.4458420685vw + 40.6009783368px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1660px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-video {
    right: 0px;
  }
}

@media screen and (min-width: 64em) and (min-width: 1024px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-video {
    bottom: calc(0vw - 50px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1236px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-video {
    bottom: calc(0vw - 50px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1448px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-video {
    bottom: calc(0vw - 50px);
  }
}

@media screen and (min-width: 64em) and (min-width: 1660px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .marketing-assets .image .marketing-assets-video {
    bottom: -50px;
  }
}

.case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results {
  position: relative;
}

@media (min-width: 64em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 63.99em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results {
    padding: 40px 0px 0px;
  }
}

@media (min-width: 64em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
    max-width: 40%;
  }
}

@media (min-width: 75em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}

.case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results .message-bubble {
  width: 294px;
  margin: 0px auto;
  padding: 30px 0px;
}

@media screen and (min-width: 400px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results .message-bubble {
    width: calc(10.844017094vw + 250.623931624px);
  }
}

@media screen and (min-width: 608px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results .message-bubble {
    width: calc(20.1388888889vw + 194.111111111px);
  }
}

@media screen and (min-width: 816px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results .message-bubble {
    width: calc(10.844017094vw + 269.957264957px);
  }
}

@media screen and (min-width: 1024px) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results .message-bubble {
    width: 381px;
  }
}

@media (min-width: 64em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results .message-bubble {
    padding: 0px 0px 0px 16px;
    margin: 0px;
  }
}

.case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results .image {
  position: relative;
  text-align: center;
}

.case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results .image .elderly-entrepreneurship-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results .image .elderly-entrepreneurship-wrapper img {
  margin-bottom: 30px;
  box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.2);
}

@media (min-width: 40.0625em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results .image .elderly-entrepreneurship-wrapper .elderly-image-placeholder {
    margin-right: 34px;
  }
}

@media (min-width: 64em) {
  .case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results .image .elderly-entrepreneurship-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    position: absolute;
    top: -112px;
    left: 54px;
  }

  .case-study-uwa .barriers-assets-delivering-results-wrapper .delivering-results .image .elderly-entrepreneurship-wrapper img {
    max-width: none;
    margin-bottom: 0px;
  }
}

.case-study-uwa .motivating-users {
  position: relative;
  z-index: 1;
  text-align: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.case-study-uwa .motivating-users::before {
  content: "";
  display: block;
  position: absolute;
  background: #27348b;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/uwa/motivating-users-bg.png");
  background-position: center;
  background-repeat: no-repeat;
}

.case-study-uwa .motivating-users .inner {
  text-align: center;
  position: relative;
}

.case-study-uwa .motivating-users .inner .text {
  color: #FFFFFF;
  position: relative;
}

@media (max-width: 63.99em) {
  .case-study-uwa .motivating-users .inner .text {
    padding: 40px 0px;
    padding-bottom: 250px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-uwa .motivating-users .inner .text {
    padding-bottom: calc(50.5108556833vw + 47.9565772669px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 516px) {
  .case-study-uwa .motivating-users .inner .text {
    padding-bottom: calc(93.8058748404vw - 175.445721584px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 632px) {
  .case-study-uwa .motivating-users .inner .text {
    padding-bottom: calc(50.5108556833vw + 98.1787994891px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 748px) {
  .case-study-uwa .motivating-users .inner .text {
    padding-bottom: 476px;
  }
}

@media (min-width: 64em) {
  .case-study-uwa .motivating-users .inner .text {
    padding-top: 84px;
    padding-bottom: 496px;
  }
}

.case-study-uwa .motivating-users .inner .image {
  position: relative;
}

@media (max-width: 63.99em) {
  .case-study-uwa .motivating-users .inner .image img {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: -210px;
  }
}

@media screen and (max-width: 63.99em) and (min-width: 400px) {
  .case-study-uwa .motivating-users .inner .image img {
    top: calc(-46.9348659004vw - 22.2605363985px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 516px) {
  .case-study-uwa .motivating-users .inner .image img {
    top: calc(-87.1647509579vw + 185.325670498px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 632px) {
  .case-study-uwa .motivating-users .inner .image img {
    top: calc(-46.9348659004vw - 68.9272030651px);
  }
}

@media screen and (max-width: 63.99em) and (min-width: 748px) {
  .case-study-uwa .motivating-users .inner .image img {
    top: -420px;
  }
}

@media (min-width: 64em) {
  .case-study-uwa .motivating-users .inner .image img {
    position: absolute;
    top: -425px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
  }
}

.case-study-uwa .grand-prize-winner {
  position: relative;
  z-index: 1;
  text-align: center;
}

.case-study-uwa .grand-prize-winner::before {
  content: "";
  display: block;
  position: absolute;
  background: #000000;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/uwa/grand-price-bg.jpg");
  background-position: center;
  background-repeat: repeat-x;
}

.case-study-uwa .grand-prize-winner .text {
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (min-width: 400px) {
  .case-study-uwa .grand-prize-winner .text {
    padding-top: calc(2.1267361111vw + 31.4930555556px);
  }
}

@media screen and (min-width: 826.666666667px) {
  .case-study-uwa .grand-prize-winner .text {
    padding-top: calc(3.9496527778vw + 16.4236111111px);
  }
}

@media screen and (min-width: 1253.33333333px) {
  .case-study-uwa .grand-prize-winner .text {
    padding-top: calc(2.1267361111vw + 39.2708333333px);
  }
}

@media screen and (min-width: 1680px) {
  .case-study-uwa .grand-prize-winner .text {
    padding-top: 75px;
  }
}

@media screen and (min-width: 400px) {
  .case-study-uwa .grand-prize-winner .text {
    padding-bottom: calc(2.734375vw + 29.0625px);
  }
}

@media screen and (min-width: 826.666666667px) {
  .case-study-uwa .grand-prize-winner .text {
    padding-bottom: calc(5.078125vw + 9.6875px);
  }
}

@media screen and (min-width: 1253.33333333px) {
  .case-study-uwa .grand-prize-winner .text {
    padding-bottom: calc(2.734375vw + 39.0625px);
  }
}

@media screen and (min-width: 1680px) {
  .case-study-uwa .grand-prize-winner .text {
    padding-bottom: 85px;
  }
}

@media (min-width: 64em) {
  .case-study-uwa .grand-prize-winner .text {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.case-study-uwa .grand-prize-winner .image {
  padding-top: 40px;
}

@media screen and (min-width: 400px) {
  .case-study-uwa .grand-prize-winner .image {
    padding-top: calc(2.4305555556vw + 30.2777777778px);
  }
}

@media screen and (min-width: 826.666666667px) {
  .case-study-uwa .grand-prize-winner .image {
    padding-top: calc(4.5138888889vw + 13.0555555556px);
  }
}

@media screen and (min-width: 1253.33333333px) {
  .case-study-uwa .grand-prize-winner .image {
    padding-top: calc(2.4305555556vw + 39.1666666667px);
  }
}

@media screen and (min-width: 1680px) {
  .case-study-uwa .grand-prize-winner .image {
    padding-top: 80px;
  }
}

.case-study-uwa .grand-prize-winner .image .grand-prize-shield {
  width: 140px;
}

@media screen and (min-width: 400px) {
  .case-study-uwa .grand-prize-winner .image .grand-prize-shield {
    width: calc(9.2361111111vw + 103.055555556px);
  }
}

@media screen and (min-width: 826.666666667px) {
  .case-study-uwa .grand-prize-winner .image .grand-prize-shield {
    width: calc(17.1527777778vw + 37.6111111111px);
  }
}

@media screen and (min-width: 1253.33333333px) {
  .case-study-uwa .grand-prize-winner .image .grand-prize-shield {
    width: calc(9.2361111111vw + 136.833333333px);
  }
}

@media screen and (min-width: 1680px) {
  .case-study-uwa .grand-prize-winner .image .grand-prize-shield {
    width: 292px;
  }
}

@-webkit-keyframes button-anim {
  0% {
    background-position-y: 0;
  }

  100% {
    background-position-y: 120px;
  }
}

@keyframes button-anim {
  0% {
    background-position-y: 0;
  }

  100% {
    background-position-y: 120px;
  }
}

.btn-fyt {
  background: #f9ed33 url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/btn-bg.png") repeat-y top;
  border: 4px solid black;
  border-radius: 8px;
  position: relative;
  -webkit-animation: button-anim 1s infinite linear;
  animation: button-anim 1s infinite linear;
}

@media (min-width: 64em) {
  .btn-fyt {
    padding: 20px 34px;
  }
}

.btn-fyt img {
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
  -webkit-filter: drop-shadow(1px 3px 0 #00ff7e);
  filter: drop-shadow(1px 3px 0 #00ff7e);
}

.btn-fyt:hover {
  background: #f9ed33 url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/btn-bg.png") repeat-y center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
  -webkit-transform: scale(1.05) rotate(2deg);
  transform: scale(1.05) rotate(2deg);
  background-color: #fcaa06;
  box-shadow: inset 6px 5px rgba(0, 0, 0, 0.5);
}

.btn-fyt:hover img {
  -webkit-filter: drop-shadow(4px 8px 0 #fff);
  filter: drop-shadow(4px 8px 0 #fff);
}

.btn-fyt:hover:after {
  opacity: 0;
  margin-top: -10px;
}

.btn-fyt:after {
  content: "";
  transition: opacity 0.1s linear, margin-top cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
  display: block;
  position: absolute;
  top: -35px;
  right: -130px;
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/try-me.png") no-repeat center;
  width: 95px;
  height: 80px;
}

.fyt-campaign {
  margin: 0 -4vw;
}

@media (min-width: 64em) {
  .fyt-campaign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.fyt-campaign .text {
  margin: 0 6vw;
  padding-top: 40px;
}

@media (min-width: 64em) {
  .fyt-campaign .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%;
    max-width: 30%;
  }
}

.fyt-online-generator {
  position: relative;
  z-index: 1;
  color: white;
}

.fyt-online-generator .fyt-arrow {
  position: absolute;
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/arrow.png") no-repeat center;
  background-size: contain;
  width: 328px;
  height: 268px;
  z-index: -1;
  top: -30px;
  left: 0;
  width: 164px;
  height: 134px;
  left: -120px;
}

@media screen and (min-width: 800px) {
  .fyt-online-generator .fyt-arrow {
    width: calc(14.1728395062vw + 50.6172839506px);
  }
}

@media screen and (min-width: 1100px) {
  .fyt-online-generator .fyt-arrow {
    width: calc(26.3209876543vw - 83.012345679px);
  }
}

@media screen and (min-width: 1400px) {
  .fyt-online-generator .fyt-arrow {
    width: calc(14.1728395062vw + 87.0617283951px);
  }
}

@media screen and (min-width: 1700px) {
  .fyt-online-generator .fyt-arrow {
    width: 328px;
  }
}

@media screen and (min-width: 800px) {
  .fyt-online-generator .fyt-arrow {
    height: calc(11.5802469136vw + 41.3580246914px);
  }
}

@media screen and (min-width: 1100px) {
  .fyt-online-generator .fyt-arrow {
    height: calc(21.5061728395vw - 67.8271604938px);
  }
}

@media screen and (min-width: 1400px) {
  .fyt-online-generator .fyt-arrow {
    height: calc(11.5802469136vw + 71.1358024691px);
  }
}

@media screen and (min-width: 1700px) {
  .fyt-online-generator .fyt-arrow {
    height: 268px;
  }
}

@media screen and (min-width: 400px) {
  .fyt-online-generator .fyt-arrow {
    left: calc(23.3333333333vw - 213.333333333px);
  }
}

@media screen and (min-width: 533.333333333px) {
  .fyt-online-generator .fyt-arrow {
    left: calc(43.3333333333vw - 320px);
  }
}

@media screen and (min-width: 666.666666667px) {
  .fyt-online-generator .fyt-arrow {
    left: calc(23.3333333333vw - 186.666666667px);
  }
}

@media screen and (min-width: 800px) {
  .fyt-online-generator .fyt-arrow {
    left: 0;
  }
}

@media (min-width: 64em) {
  .fyt-online-generator .fyt-icecream {
    position: absolute;
    background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/ice-cream.png") no-repeat center;
    background-size: contain;
    width: 314px;
    height: 374px;
    z-index: -1;
    bottom: 8%;
    left: 0;
  }
}

@media (min-width: 64em) {
  .fyt-online-generator .fyt-heart {
    position: absolute;
    background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/heart.png") no-repeat center;
    background-size: contain;
    width: 181px;
    height: 177px;
    z-index: -1;
    right: 0;
    top: 30%;
  }
}

@media (min-width: 64em) {
  .fyt-online-generator .fyt-finger {
    position: absolute;
    background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/finger.png") no-repeat center;
    background-size: contain;
    width: 365px;
    height: 316px;
    z-index: -1;
    right: -4vw;
    bottom: 40px;
  }
}

.fyt-online-generator:before {
  content: "";
  display: block;
  position: absolute;
  background: #f034bd;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/halftone-purple.png");
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -2;
}

.fyt-online-generator:after {
  content: "";
  display: block;
  position: absolute;
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/blue-shape.png") no-repeat bottom right;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
  right: -4vw;
  left: -4vw;
  z-index: -2;
}

@media (max-width: 47.99em) {
  .fyt-online-generator:after {
    height: 20%;
    top: auto;
    background-size: contain;
  }
}

.fyt-online-generator .text {
  padding: 40px 0;
  max-width: 800px;
  margin: 0 auto;
}

@media (min-width: 48em) {
  .fyt-online-generator .text {
    padding: 100px 0;
  }
}

@media (max-width: 47.99em) {
  .fyt-online-generator .text h2 {
    padding-left: 60px;
    padding-right: 60px;
  }
}

.fyt-online-generator .image {
  text-align: center;
  line-height: 0;
}

.fyt-online-generator .image img {
  margin-bottom: -2px;
  max-width: 100%;
}

.fyt-unique-engagement {
  color: white;
  position: relative;
  z-index: 1;
}

.fyt-unique-engagement:before {
  content: "";
  display: block;
  position: absolute;
  background: #512895;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/halftone-violet.png");
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -2;
}

.fyt-unique-engagement .fyt-arrow-curved {
  position: absolute;
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/arrow-curve.png") no-repeat center;
  background-size: contain;
  width: 181px;
  height: 211px;
  z-index: -1;
  top: 50px;
  left: -4vw;
  margin-left: -60px;
  top: 0;
  margin-left: -30px;
  width: 90px;
  height: 105px;
}

@media screen and (min-width: 1024px) {
  .fyt-unique-engagement .fyt-arrow-curved {
    top: calc(5.7527942143vw - 58.9086127548px);
  }
}

@media screen and (min-width: 1249.33333333px) {
  .fyt-unique-engagement .fyt-arrow-curved {
    top: calc(10.6837606838vw - 120.512820513px);
  }
}

@media screen and (min-width: 1474.66666667px) {
  .fyt-unique-engagement .fyt-arrow-curved {
    top: calc(5.7527942143vw - 47.7975016437px);
  }
}

@media screen and (min-width: 1700px) {
  .fyt-unique-engagement .fyt-arrow-curved {
    top: 50px;
  }
}

@media screen and (min-width: 1024px) {
  .fyt-unique-engagement .fyt-arrow-curved {
    margin-left: calc(-3.4516765286vw + 5.3451676529px);
  }
}

@media screen and (min-width: 1249.33333333px) {
  .fyt-unique-engagement .fyt-arrow-curved {
    margin-left: calc(-6.4102564103vw + 42.3076923077px);
  }
}

@media screen and (min-width: 1474.66666667px) {
  .fyt-unique-engagement .fyt-arrow-curved {
    margin-left: calc(-3.4516765286vw - 1.3214990138px);
  }
}

@media screen and (min-width: 1700px) {
  .fyt-unique-engagement .fyt-arrow-curved {
    margin-left: -60px;
  }
}

@media screen and (min-width: 1024px) {
  .fyt-unique-engagement .fyt-arrow-curved {
    width: calc(10.4700854701vw - 17.2136752137px);
  }
}

@media screen and (min-width: 1249.33333333px) {
  .fyt-unique-engagement .fyt-arrow-curved {
    width: calc(19.4444444444vw - 129.333333333px);
  }
}

@media screen and (min-width: 1474.66666667px) {
  .fyt-unique-engagement .fyt-arrow-curved {
    width: calc(10.4700854701vw + 3.0085470085px);
  }
}

@media screen and (min-width: 1700px) {
  .fyt-unique-engagement .fyt-arrow-curved {
    width: 181px;
  }
}

@media screen and (min-width: 1024px) {
  .fyt-unique-engagement .fyt-arrow-curved {
    height: calc(12.1959237344vw - 19.8862590401px);
  }
}

@media screen and (min-width: 1249.33333333px) {
  .fyt-unique-engagement .fyt-arrow-curved {
    height: calc(22.6495726496vw - 150.487179487px);
  }
}

@media screen and (min-width: 1474.66666667px) {
  .fyt-unique-engagement .fyt-arrow-curved {
    height: calc(12.1959237344vw + 3.6692965155px);
  }
}

@media screen and (min-width: 1700px) {
  .fyt-unique-engagement .fyt-arrow-curved {
    height: 211px;
  }
}

.fyt-unique-engagement .fyt-megaphone {
  position: absolute;
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/megaphone.png") no-repeat center;
  background-size: contain;
  width: 182px;
  height: 149px;
  z-index: -1;
  left: 0;
  top: 430px;
  left: 0;
  top: 600px;
  width: 91px;
  height: 74px;
}

@media screen and (min-width: 800px) {
  .fyt-unique-engagement .fyt-megaphone {
    left: calc(7.7777777778vw - 62.2222222222px);
  }
}

@media screen and (min-width: 1100px) {
  .fyt-unique-engagement .fyt-megaphone {
    left: calc(14.4444444444vw - 135.555555556px);
  }
}

@media screen and (min-width: 1400px) {
  .fyt-unique-engagement .fyt-megaphone {
    left: calc(7.7777777778vw - 42.2222222222px);
  }
}

@media screen and (min-width: 1700px) {
  .fyt-unique-engagement .fyt-megaphone {
    left: 90px;
  }
}

@media screen and (min-width: 0) {
  .fyt-unique-engagement .fyt-megaphone {
    top: calc(-18.8888888889vw + 600px);
  }
}

@media screen and (min-width: 233.333333333px) {
  .fyt-unique-engagement .fyt-megaphone {
    top: calc(-35.0793650794vw + 637.777777778px);
  }
}

@media screen and (min-width: 466.666666667px) {
  .fyt-unique-engagement .fyt-megaphone {
    top: calc(-18.8888888889vw + 562.222222222px);
  }
}

@media screen and (min-width: 700px) {
  .fyt-unique-engagement .fyt-megaphone {
    top: 430px;
  }
}

@media screen and (min-width: 800px) {
  .fyt-unique-engagement .fyt-megaphone {
    width: calc(7.8641975309vw + 28.0864197531px);
  }
}

@media screen and (min-width: 1100px) {
  .fyt-unique-engagement .fyt-megaphone {
    width: calc(14.6049382716vw - 46.0617283951px);
  }
}

@media screen and (min-width: 1400px) {
  .fyt-unique-engagement .fyt-megaphone {
    width: calc(7.8641975309vw + 48.3086419753px);
  }
}

@media screen and (min-width: 1700px) {
  .fyt-unique-engagement .fyt-megaphone {
    width: 182px;
  }
}

@media screen and (min-width: 800px) {
  .fyt-unique-engagement .fyt-megaphone {
    height: calc(6.4814814815vw + 22.1481481481px);
  }
}

@media screen and (min-width: 1100px) {
  .fyt-unique-engagement .fyt-megaphone {
    height: calc(12.037037037vw - 38.962962963px);
  }
}

@media screen and (min-width: 1400px) {
  .fyt-unique-engagement .fyt-megaphone {
    height: calc(6.4814814815vw + 38.8148148148px);
  }
}

@media screen and (min-width: 1700px) {
  .fyt-unique-engagement .fyt-megaphone {
    height: 149px;
  }
}

.fyt-unique-engagement .fyt-donuts {
  position: absolute;
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/donuts.png") no-repeat center;
  background-size: contain;
  width: 270px;
  height: 374px;
  z-index: -1;
  right: -4vw;
  top: 420px;
  margin-right: -70px;
  top: 600px;
  width: 135px;
  height: 187px;
}

@media screen and (min-width: 800px) {
  .fyt-unique-engagement .fyt-donuts {
    top: calc(-15.5555555556vw + 724.444444444px);
  }
}

@media screen and (min-width: 1100px) {
  .fyt-unique-engagement .fyt-donuts {
    top: calc(-28.8888888889vw + 871.111111111px);
  }
}

@media screen and (min-width: 1400px) {
  .fyt-unique-engagement .fyt-donuts {
    top: calc(-15.5555555556vw + 684.444444444px);
  }
}

@media screen and (min-width: 1700px) {
  .fyt-unique-engagement .fyt-donuts {
    top: 420px;
  }
}

@media screen and (min-width: 800px) {
  .fyt-unique-engagement .fyt-donuts {
    width: calc(11.6666666667vw + 41.6666666667px);
  }
}

@media screen and (min-width: 1100px) {
  .fyt-unique-engagement .fyt-donuts {
    width: calc(21.6666666667vw - 68.3333333333px);
  }
}

@media screen and (min-width: 1400px) {
  .fyt-unique-engagement .fyt-donuts {
    width: calc(11.6666666667vw + 71.6666666667px);
  }
}

@media screen and (min-width: 1700px) {
  .fyt-unique-engagement .fyt-donuts {
    width: 270px;
  }
}

@media screen and (min-width: 800px) {
  .fyt-unique-engagement .fyt-donuts {
    height: calc(16.1604938272vw + 57.7160493827px);
  }
}

@media screen and (min-width: 1100px) {
  .fyt-unique-engagement .fyt-donuts {
    height: calc(30.012345679vw - 94.6543209877px);
  }
}

@media screen and (min-width: 1400px) {
  .fyt-unique-engagement .fyt-donuts {
    height: calc(16.1604938272vw + 99.2716049383px);
  }
}

@media screen and (min-width: 1700px) {
  .fyt-unique-engagement .fyt-donuts {
    height: 374px;
  }
}

.fyt-unique-engagement .text {
  padding: 40px 0 80px;
  max-width: 800px;
  margin: 0 auto;
}

@media (min-width: 48em) {
  .fyt-unique-engagement .text {
    padding: 100px 0;
  }
}

@media (max-width: 47.99em) {
  .fyt-unique-engagement .text h2 {
    padding-left: 35px;
    padding-right: 35px;
  }
}

.fyt-social-engagement {
  position: relative;
  z-index: 1;
  color: white;
  padding: 40px 0;
}

@media (min-width: 64em) {
  .fyt-social-engagement {
    padding: 100px 0 150px;
  }
}

.fyt-social-engagement:before {
  content: "";
  display: block;
  position: absolute;
  background: #512895;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

.fyt-social-engagement .fyt-lego {
  position: absolute;
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/lego.png") no-repeat center;
  background-size: contain;
  width: 204px;
  height: 228px;
  z-index: -1;
  bottom: 50px;
  right: -6vw;
  margin-right: -10px;
}

@media (min-width: 48em) {
  .fyt-social-engagement .fyt-lego {
    right: -4vw;
  }
}

@media (max-width: 47.99em) {
  .fyt-social-engagement .fyt-lego {
    bottom: 0;
    width: 102px;
    height: 114px;
  }
}

@media (min-width: 64em) {
  .fyt-social-engagement .content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (min-width: 64em) {
  .fyt-social-engagement .content-container .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 880px;
  }
}

.fyt-social-engagement .content-container .text {
  padding-right: 60px;
}

@media (min-width: 48em) and (max-width: 63.99em) {
  .fyt-social-engagement .content-container .text {
    padding: 60px 180px 60px 0;
  }
}

@media (min-width: 64em) {
  .fyt-social-engagement .content-container .text {
    padding: 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 440px;
    flex: 1 0 440px;
    max-width: 440px;
  }
}

.onsite-activation {
  position: relative;
  z-index: 1;
  color: white;
  padding: 40px 0;
}

@media (min-width: 48em) {
  .onsite-activation {
    padding: 100px 0;
  }
}

.onsite-activation:before {
  content: "";
  display: block;
  position: absolute;
  background: #6134ac;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
}

@media (min-width: 64em) {
  .onsite-activation .content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.onsite-activation .content-container .image {
  text-align: center;
  padding: 0 6vw 20px;
}

@media (min-width: 64em) {
  .onsite-activation .content-container .image {
    padding: 40px 4vw;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0;
    max-width: 725px;
  }
}

@media (min-width: 64em) {
  .onsite-activation .content-container .text {
    padding: 70px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 600px;
    flex: 0 1 600px;
  }
}

.fyt-results {
  position: relative;
  z-index: 1;
  color: white;
  padding: 40px 0;
}

@media (min-width: 48em) {
  .fyt-results {
    padding: 150px 0 170px;
  }
}

.fyt-results:before {
  content: "";
  display: block;
  position: absolute;
  background: #512895;
  top: 0;
  bottom: 0;
  left: -9999em;
  right: -9999em;
  z-index: -1;
  background-image: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/halftone-violet.png");
  background-position: center top;
  background-repeat: no-repeat;
}

.fyt-results .fyt-lights {
  position: absolute;
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/lights.png") no-repeat center;
  background-size: contain;
  width: 221px;
  height: 326px;
  z-index: -1;
  left: -2vw;
  top: 40px;
  width: 110px;
  top: 10px;
}

@media screen and (min-width: 800px) {
  .fyt-results .fyt-lights {
    width: calc(9.5925925926vw + 33.2592592593px);
  }
}

@media screen and (min-width: 1100px) {
  .fyt-results .fyt-lights {
    width: calc(17.8148148148vw - 57.1851851852px);
  }
}

@media screen and (min-width: 1400px) {
  .fyt-results .fyt-lights {
    width: calc(9.5925925926vw + 57.9259259259px);
  }
}

@media screen and (min-width: 1700px) {
  .fyt-results .fyt-lights {
    width: 221px;
  }
}

@media screen and (min-width: 800px) {
  .fyt-results .fyt-lights {
    top: calc(2.5925925926vw - 10.7407407407px);
  }
}

@media screen and (min-width: 1100px) {
  .fyt-results .fyt-lights {
    top: calc(4.8148148148vw - 35.1851851852px);
  }
}

@media screen and (min-width: 1400px) {
  .fyt-results .fyt-lights {
    top: calc(2.5925925926vw - 4.0740740741px);
  }
}

@media screen and (min-width: 1700px) {
  .fyt-results .fyt-lights {
    top: 40px;
  }
}

@media (max-width: 47.99em) {
  .fyt-results .fyt-lights {
    top: 230px;
    left: -50px;
  }
}

.fyt-results .fyt-rocket {
  position: absolute;
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/rocket.png") no-repeat center;
  background-size: contain;
  width: 155px;
  height: 206px;
  z-index: -1;
  bottom: 60px;
  left: -4vw;
  width: 90px;
  bottom: -100px;
}

@media screen and (min-width: 500px) {
  .fyt-results .fyt-rocket {
    width: calc(5.6172839506vw + 61.9135802469px);
  }
}

@media screen and (min-width: 800px) {
  .fyt-results .fyt-rocket {
    width: calc(10.4320987654vw + 23.3950617284px);
  }
}

@media screen and (min-width: 1100px) {
  .fyt-results .fyt-rocket {
    width: calc(5.6172839506vw + 76.3580246914px);
  }
}

@media screen and (min-width: 1400px) {
  .fyt-results .fyt-rocket {
    width: 155px;
  }
}

@media screen and (min-width: 500px) {
  .fyt-results .fyt-rocket {
    bottom: calc(10.3703703704vw - 151.851851852px);
  }
}

@media screen and (min-width: 900px) {
  .fyt-results .fyt-rocket {
    bottom: calc(19.2592592593vw - 231.851851852px);
  }
}

@media screen and (min-width: 1300px) {
  .fyt-results .fyt-rocket {
    bottom: calc(10.3703703704vw - 116.296296296px);
  }
}

@media screen and (min-width: 1700px) {
  .fyt-results .fyt-rocket {
    bottom: 60px;
  }
}

@media (max-width: 47.99em) {
  .fyt-results .fyt-rocket {
    display: none;
  }
}

@media (min-width: 87.5em) {
  .fyt-results .fyt-rocket {
    left: 0;
  }
}

.fyt-results .fyt-unicorn {
  position: absolute;
  background: url("/ResourcePackages/Equilibrium/assets/dist/images/case-studies/free-your-think/unicorn.png") no-repeat center;
  background-size: contain;
  width: 272px;
  height: 225px;
  z-index: -1;
  bottom: 0;
  right: -4vw;
  width: 160px;
  bottom: -70px;
}

@media screen and (min-width: 500px) {
  .fyt-results .fyt-unicorn {
    width: calc(9.6790123457vw + 111.604938272px);
  }
}

@media screen and (min-width: 800px) {
  .fyt-results .fyt-unicorn {
    width: calc(17.975308642vw + 45.2345679012px);
  }
}

@media screen and (min-width: 1100px) {
  .fyt-results .fyt-unicorn {
    width: calc(9.6790123457vw + 136.49382716px);
  }
}

@media screen and (min-width: 1400px) {
  .fyt-results .fyt-unicorn {
    width: 272px;
  }
}

@media screen and (min-width: 500px) {
  .fyt-results .fyt-unicorn {
    bottom: calc(6.049382716vw - 100.24691358px);
  }
}

@media screen and (min-width: 800px) {
  .fyt-results .fyt-unicorn {
    bottom: calc(11.2345679012vw - 141.728395062px);
  }
}

@media screen and (min-width: 1100px) {
  .fyt-results .fyt-unicorn {
    bottom: calc(6.049382716vw - 84.6913580247px);
  }
}

@media screen and (min-width: 1400px) {
  .fyt-results .fyt-unicorn {
    bottom: 0;
  }
}

.fyt-results .text {
  max-width: 800px;
  margin: 0 auto;
}

.fyt-results .stats {
  padding: 30px 0;
}

@media (min-width: 48em) {
  .fyt-results .stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0 0;
  }
}

.fyt-results .stats .stat {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 33%;
  flex: 1 1 33%;
}

.fyt-results .stats .stat span {
  display: block;
  line-height: 1.4em;
  opacity: 0;
  font-family: "NimbusSan-Bol", Helvetica, Arial, sans-serif;
  font-size: 96px;
}