@import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=2f8583f9-623d-4561-b225-e4360314968d);@import url(https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i);.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:flex;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}@charset "UTF-8";

/* = Variables = */

/* Media Query Color Coding */

/* == General Media Query Declarations == */

#query-tracker {
  left: -500px;
  position: fixed;
  top: -500px;
  z-index: 0;
}

#query-tracker span {
  display: none;
  height: 20px;
  width: 20px;
}

.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

.clearfix {
  overflow: hidden;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
  position: relative;
}

.container:before,
.container:after {
  content: "";
  display: table;
}

.container:after {
  clear: both;
}

.columns {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.columns > * {
  display: table-cell;
  vertical-align: top;
}

.columns > hr {
  display: table-cell;
  width: 100px;
  margin: 0;
  padding: 0;
  border: none;
}

.columns.fluid {
  table-layout: auto;
  width: 100%;
}

.columns.fluid .fixed-cell {
  width: 1%;
  white-space: nowrap;
}

@-webkit-keyframes animatedBackground {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 90000px 0;
  }
}

@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 90000px 0;
  }
}

/* = Base = */

* {
  box-sizing: border-box;
}

a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
cite,
code,
dd,
div,
dl,
dt,
em,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
hr,
i,
iframe,
img,
label,
li,
nav,
object,
ol,
p,
pre,
section,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul,
video {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

article,
aside,
audio,
canvas,
footer,
header,
nav,
section,
video {
  display: block;
}

html {
  color: #232323;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 1.5;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  position: relative;
  width: 100%;
}

body {
  min-width: 320px;
  position: relative;
  z-index: 25;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  vertical-align: middle;
  display: block;
  height: auto;
}

/*

::-moz-selection {
	text-shadow: none;
}

::selection {
	text-shadow: none;
}

*/

/* = Messaging = */

.success {
  margin: 1.5em auto;
  padding: 1em 2em;
  position: relative;
  border-radius: 5px;
  border: 2px solid #7ac46e;
  color: #7ac46e;
}

.error {
  margin: 1.5em auto;
  padding: 1em 2em;
  position: relative;
  border-radius: 5px;
  border: 2px solid #e73e58;
  color: #e73e58;
}

.error ul {
  margin-bottom: 0;
}

.error ul li {
  margin-bottom: 0;
  margin-top: 0.75em;
}

.error ul li:before {
  background-color: #e73e58;
}

.info {
  margin: 1.5em auto;
  padding: 1em 2em;
  position: relative;
  border-radius: 5px;
  border: 2px solid #404d56;
  color: #404d56;
}

b,
strong {
  font-weight: 700;
}

i,
em {
  font-style: italic;
}

hr {
  border: 0;
  border-top: 1px solid #ccc;
  display: block;
  height: 0;
  margin: 2em auto 3em;
  width: 100%;
}

a {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  color: #52989e;
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
}

a[href^=tel]:link,
a[href^=tel]:visited,
a[href^=tel]:hover {
  color: inherit;
  cursor: auto;
  white-space: nowrap;
}

.prevent-wrap {
  white-space: nowrap;
}

.force-wrap {
  word-spacing: 9999px;
}

/* == Typography == */

h1,
h2,
h3,
h4,
h5 {
  margin: 0 0 0.5em 0;
  line-height: 1;
  padding: 0;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
  color: inherit;
}

p {
  margin: 0 0 2em;
  padding: 0;
}

.mobile-only,
.print-only {
  display: none;
}

ul,
ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul li,
ol li {
  position: relative;
  margin-bottom: 0.75em;
}

ul li {
  font-weight: 400;
}

ul li:before {
  content: "";
  position: absolute;
  left: -1em;
  top: 0.5em;
  display: block;
  width: 0.4em;
  height: 0.4em;
  border-radius: 900px;
  background-color: #232323;
}

ul li ul {
  margin-top: 0.7em;
}

ol,
ul {
  padding-left: 1.5em;
  margin: 0 0 2em 0;
}

ol {
  padding-left: 2.5em;
}

dt {
  font-weight: bold;
  padding-left: 0.5em;
}

dd {
  padding-left: 2em;
}

sup,
sub {
  font-size: 80%;
}

sup {
  vertical-align: top;
}

sub {
  vertical-align: bottom;
}

/* = Forms = */

.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

button,
input,
select,
textarea {
  font-size: 100%;
}

form .checkboxes,
form .file,
form .password,
form .radios,
form .reset,
form .select,
form .submit,
form .text,
form .textarea {
  margin-bottom: 2em;
}

label {
  cursor: pointer;
  display: block;
}

:-moz-placeholder {
  /* Firefox 18- */
}

::-moz-placeholder {
  /* Firefox 19+ */
}

input[type=text],
input[type=url],
input[type=email],
input[type=tel],
input[type=number],
input[type=date],
input[type=password],
input[type=search],
textarea {
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  border: none;
  display: block;
  margin: 0;
  padding: 1em;
  width: 100%;
  line-height: 1.5;
  font-family: "Space Mono", monospace;
  letter-spacing: 0.05em;
  background-color: #fff;
  font-size: 0.875em;
  color: #26272b;
  font-weight: 700;
}

input[type=text]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #aaa;
  opacity: 1;
  font-weight: 400;
}

input[type=text]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #aaa;
  opacity: 1;
  font-weight: 400;
}

input[type=text]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #aaa;
  opacity: 1;
  font-weight: 400;
}

input[type=text]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=search]:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #aaa;
  opacity: 1;
  font-weight: 400;
}

select {
  margin-bottom: 0;
}

textarea {
  height: 10em;
  overflow: auto;
  resize: vertical;
}

.radio,
.checkbox {
  font-weight: normal;
}

input[type=checkbox],
input[type=radio] {
  padding: 0;
}

input[type=file] {
  display: block;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  -moz-appearance: button;
  -webkit-appearance: button;
  cursor: pointer;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  display: inline-block;
  line-height: 1.5;
  border: none;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  cursor: pointer;
}

button.disabled,
input[type=button][disabled],
input[type=reset][disabled],
input[type=submit][disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

table {
  margin: 2em 0 2em 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
}

table th,
table td {
  text-align: left;
  padding: 0.5em 1em;
  font-size: 1em;
}

table th {
  font-size: 1.1em;
  font-weight: 700;
}

#responsive-tester {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 10000;
  padding: 5px;
  width: auto;
  background-color: #999;
  color: #555;
  font-size: 0.6em;
  line-height: 1;
  opacity: 0.5;
  display: block;
}

/* SLICK JS */

.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;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: visible !important;
  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;
  margin-left: auto;
  margin-right: auto;
  overflow: visible !important;
}

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

/* == FONTS == */

/* Caslon */

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/

/* ITC Caslon_224 W01 Book1551458 */

@font-face {
  font-family: "Caslon";
  font-weight: 400;
  font-display: swap;
  src: url("/css/fonts/93ac235a-65ad-465f-9d63-0b0cfad056f5.eot?#iefix");
  src: url("/css/fonts/93ac235a-65ad-465f-9d63-0b0cfad056f5.eot?#iefix") format("eot"), url("/css/fonts/7d1a7ee9-7c7a-4fba-bc8d-10b76db99411.woff2") format("woff2"), url("/css/fonts/26c98b73-8919-4b03-bd6e-6d5a01b98db5.woff") format("woff"), url("/css/fonts/3d754b3d-d1e0-4810-9a4b-85db59efb423.ttf") format("truetype"), url("/css/fonts/23bc91a5-1107-43a9-9f0c-de33253390ae.svg#23bc91a5-1107-43a9-9f0c-de33253390ae") format("svg");
}

/* ITC Caslon_224 W01 Medium */

@font-face {
  font-family: "Caslon";
  font-weight: 500;
  font-display: swap;
  src: url("/css/fonts/08cf5790-da91-4644-82c1-62fa87147f22.eot?#iefix");
  src: url("/css/fonts/08cf5790-da91-4644-82c1-62fa87147f22.eot?#iefix") format("eot"), url("/css/fonts/f907744b-74d5-403d-aca6-bebd57b6ab35.woff2") format("woff2"), url("/css/fonts/2d3f50f0-92c5-4531-8975-0d4cdc84cbde.woff") format("woff"), url("/css/fonts/7eae864d-1a05-4c7e-a33c-d98922f038a8.ttf") format("truetype"), url("/css/fonts/6e26784a-01a5-41c7-8970-b7e444752ab3.svg#6e26784a-01a5-41c7-8970-b7e444752ab3") format("svg");
}

/* ITC Caslon_224 W01 Bold1551474 */

@font-face {
  font-family: "Caslon";
  font-weight: 700;
  font-display: swap;
  src: url("/css/fonts/15f9d3de-abb0-4368-a866-84ed319109f0.eot?#iefix");
  src: url("/css/fonts/15f9d3de-abb0-4368-a866-84ed319109f0.eot?#iefix") format("eot"), url("/css/fonts/7496e29e-671f-4f21-a827-6a663339922b.woff2") format("woff2"), url("/css/fonts/74c40577-6e6d-4934-a54f-914b0644d2a0.woff") format("woff"), url("/css/fonts/19ee8ef9-6f24-4d82-b340-b6c91422d075.ttf") format("truetype"), url("/css/fonts/9e03fcd3-9808-4002-bd6f-6e58891b3cf3.svg#9e03fcd3-9808-4002-bd6f-6e58891b3cf3") format("svg");
}

/* Space Mono */

/* Font Awesome */

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/*!
 * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-brands-400.eot?4a28c895ffe3bd184490cada61bb749c);
  src: url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-brands-400.eot?4a28c895ffe3bd184490cada61bb749c) format("embedded-opentype"), url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-brands-400.woff2?a0f6b35c2b55babc93cb9b15791a1d4c) format("woff2"), url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-brands-400.woff?d3a718bc1772e114ece0c2acbda89747) format("woff"), url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-brands-400.ttf?77ace0fee45b138f023459bf3af34ba0) format("truetype"), url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-brands-400.svg?82927ee13ebdbbb7ae72dc00b86624ce) format("svg");
}

.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

/*!
 * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-light-300.eot?1980e02850f8d6c2e02280a60674f547);
  src: url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-light-300.eot?1980e02850f8d6c2e02280a60674f547) format("embedded-opentype"), url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-light-300.woff2?68c2f74f76d4236722607d6eeb8b105d) format("woff2"), url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-light-300.woff?f056755c8cd097b5f5ffde3e98387631) format("woff"), url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-light-300.ttf?5bdaa8582fd409b4a3fd9f03916de415) format("truetype"), url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-light-300.svg?4433b4f4806f7bfb430596701dd4fde8) format("svg");
}

.fal {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

/*!
 * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-regular-400.eot?5739d02394088b39be41cbe628723cfa);
  src: url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-regular-400.eot?5739d02394088b39be41cbe628723cfa) format("embedded-opentype"), url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-regular-400.woff2?dd049a6496eea2a18937237b999ea8fa) format("woff2"), url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-regular-400.woff?f5c3ba7919c746a90974c94d90e502e1) format("woff"), url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-regular-400.ttf?6ee0bdf1a4b4aad88663dfb01ef6f789) format("truetype"), url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-regular-400.svg?606e54f607334e45061aab955bbabe29) format("svg");
}

.far {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

/*!
 * Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-solid-900.eot?98d38a5db49c92a68bd3b83b906ee2c9);
  src: url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-solid-900.eot?98d38a5db49c92a68bd3b83b906ee2c9) format("embedded-opentype"), url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-solid-900.woff2?16e9dbeb2afd22d5cf0e7eeb2b2879ae) format("woff2"), url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-solid-900.woff?0f7c8f7d7cd80287a094702ebaf8019c) format("woff"), url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-solid-900.ttf?977e6fae30d6f3f1aed9997f1928f70d) format("truetype"), url(/fonts/vendor/@fortawesome/fontawesome-pro/webfa-solid-900.svg?ff4da5ed81cdfe2b2e68d6dd9978d96e) format("svg");
}

.fa,
.fas {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

@font-face {
  font-family: "Space Mono", monospace;
  font-display: swap;
}

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
}

html {
  background-color: #f0f0f0;
}

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 50px;
}

.container.unconstrained {
  max-width: none;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Caslon", serif;
  line-height: 1.2;
  margin: 0 0 0.5em;
  color: #232323;
}

h1 {
  font-size: 3em;
  line-height: 1.2;
  font-weight: 500;
}

h2 {
  font-size: 3em;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.01em;
}

h3 {
  font-size: 1.75em;
  font-weight: 700;
  line-height: 1.18;
  color: #3f3f3f;
  letter-spacing: 0.025em;
}

h4 {
  font-family: "Space Mono", monospace;
  letter-spacing: 0.025em;
  font-weight: 700;
  margin-bottom: 0.7em;
  font-size: 1.1em;
  color: rgba(35, 35, 35, 0.7);
}

h4 a {
  color: #52989e;
}

h5 {
  font-size: 1em;
  font-weight: 900;
}

.tagline {
  color: #e6be00;
  font-family: "Space Mono", monospace;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 0.875em;
  line-height: 1.5;
  margin: 0 0 1.75em;
  font-weight: 700;
}

#nprogress .bar {
  background: #e6be00 !important;
}

p {
  margin: 0 0 1.5em;
}

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

.margin-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

img {
  max-width: 100%;
}

a {
  color: #52989e;
}

.js-heroPopover.-loading .wistia-loading {
  display: inline;
}

.js-heroPopover.-loading .wistia-popover-text {
  display: none;
}

.wistia-loading {
  display: none;
}

.background-gray {
  background: #f0f0f0;
  max-width: 100%;
}

.background-gray .columns {
  max-width: 1100px;
  margin: 0 auto;
}

.button-container {
  display: block;
}

.resultsError {
  padding: 3rem 0;
}

.button:not(.-bare),
.submit input[type=submit]:not(.-bare),
button:not(.-bare) {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  display: inline-block;
  padding: 0.8em 2.6em;
  background-color: #52989e;
  font-family: "Space Mono", monospace;
  font-weight: 700;
  color: #27343b;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.button:not(.-bare).forward:after,
.submit input[type=submit]:not(.-bare).forward:after,
button:not(.-bare).forward:after {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F178";
  display: inline-block;
  padding-left: 1em;
}

.button:not(.-bare).small,
.submit input[type=submit]:not(.-bare).small,
button:not(.-bare).small {
  font-size: 0.75em;
}

.button:not(.-bare).tertiary,
.submit input[type=submit]:not(.-bare).tertiary,
button:not(.-bare).tertiary {
  background-color: #e6be00;
}

.button:not(.-bare).secondary,
.submit input[type=submit]:not(.-bare).secondary,
button:not(.-bare).secondary {
  border: solid 2px #52989e;
  color: #52989e;
  background: none;
}

.button:not(.-bare).secondary.highlight,
.submit input[type=submit]:not(.-bare).secondary.highlight,
button:not(.-bare).secondary.highlight {
  border-color: #e6be00;
  color: #e6be00;
  padding: 0.675em 2.6em;
}

.button:not(.-bare).dark,
.submit input[type=submit]:not(.-bare).dark,
button:not(.-bare).dark {
  background-color: #404d56;
  color: #52989e;
}

.button:not(.-bare).dark.secondary,
.submit input[type=submit]:not(.-bare).dark.secondary,
button:not(.-bare).dark.secondary {
  border-color: #404d56;
  color: #404d56;
  background: none;
}

.button:not(.-bare).-outline,
.submit input[type=submit]:not(.-bare).-outline,
button:not(.-bare).-outline {
  background-color: transparent;
  border: 3px solid #404d56;
}

.button:not(.-bare):hover,
.submit input[type=submit]:not(.-bare):hover,
button:not(.-bare):hover {
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}

[data-tippy-content] {
  color: #52989e;
}

[data-tippy-content]:hover,
[data-tippy-content]:focus {
  color: #404d56;
}

.mktoForm .knownLeadsButton .mktoButtonWrap.mktoShadow .mktoButton {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  display: inline-block;
  padding: 0.8em 2.6em;
  background-color: #52989e;
  background-image: none;
  border: none;
  font-family: "Space Mono", monospace;
  font-weight: 700;
  color: #27343b;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.mktoForm .knownLeadsButton .mktoButtonWrap.mktoShadow .mktoButton.forward:after {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F178";
  display: inline-block;
  padding-left: 1em;
}

.mktoForm .knownLeadsButton .mktoButtonWrap.mktoShadow .mktoButton.small {
  font-size: 0.75em;
}

.mktoForm .knownLeadsButton .mktoButtonWrap.mktoShadow .mktoButton.secondary {
  border: solid 2px #52989e;
  color: #52989e;
  background: none;
}

.mktoForm .knownLeadsButton .mktoButtonWrap.mktoShadow .mktoButton.secondary.highlight {
  border-color: #e6be00;
  color: #e6be00;
  padding: 0.675em 2.6em;
}

.mktoForm .knownLeadsButton .mktoButtonWrap.mktoShadow .mktoButton.dark {
  background-color: #404d56;
  color: #52989e;
}

.mktoForm .knownLeadsButton .mktoButtonWrap.mktoShadow .mktoButton.dark.secondary {
  border-color: #404d56;
  color: #404d56;
  background: none;
}

.mktoForm .knownLeadsButton .mktoButtonWrap.mktoShadow .mktoButton:hover {
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}

.mktoForm .knownLeadsButton .mktoButtonWrap.mktoShadow .mktoButton:focus,
.mktoForm .knownLeadsButton .mktoButtonWrap.mktoShadow .mktoButton:hover {
  border: none;
}

.button:before,
.submit input[type=submit]:before,
button:not(.modal-close):not(.menu-toggle):before {
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  -webkit-transform: skewX(60deg);
  transform: skewX(60deg);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: #fff;
  opacity: 0;
}

.button:hover:before,
.submit input[type=submit]:hover:before,
button:not(.modal-close):not(.menu-toggle):hover:before {
  -webkit-transform: skewX(0deg);
  transform: skewX(0deg);
  opacity: 1;
  width: 100%;
  left: 0;
  background-color: rgba(82, 152, 158, 0);
}

ul.social {
  padding-left: 0;
  list-style: none;
}

ul.social li:before {
  display: none;
}

ul.social li {
  display: inline-block;
}

ul.social li a {
  display: block;
  margin-left: 1.5em;
}

ul.social li a span {
  display: none;
}

ul.social li a:before {
  display: inline;
  position: static;
  font-size: 2em;
  color: #404d56;
  border-radius: none;
  background: none;
  width: auto;
  height: auto;
  font-size: 1.66em;
  line-height: 1;
  top: auto;
  left: auto;
}

ul.social li a:hover:before {
  color: #52989e;
}

ul.social li.linkedin a:before {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F0E1";
  font-family: "Font Awesome 5 Brands";
}

ul.social li.facebook a:before {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F09A";
  font-family: "Font Awesome 5 Brands";
}

ul.social li.twitter a:before {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F099";
  font-family: "Font Awesome 5 Brands";
}

ul.social li.youtube a:before {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F167";
  font-family: "Font Awesome 5 Brands";
}

ul.social li.instagram a:before {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F16D";
  font-family: "Font Awesome 5 Brands";
}

ul.social-sharing {
  padding-left: 0;
  list-style: none;
  position: relative;
  top: 1em;
  z-index: 181;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

ul.social-sharing li:before {
  display: none;
}

ul.social-sharing li {
  display: inline-block;
  position: relative;
  margin: 0 0.3em;
  cursor: pointer;
}

ul.social-sharing li span {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  display: block;
  border-radius: 0;
  background-color: #000;
  color: #fff;
  width: 2.2em;
  height: 2.2em;
  line-height: 1.68em;
  text-align: center;
  font-size: 0.85em;
  position: relative;
}

ul.social-sharing li span:before {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F178";
  font-family: "Font Awesome 5 Brands";
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

ul.social-sharing li span:hover {
  background-color: #52989e;
}

ul.social-sharing li span em {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

ul.social-sharing li.linkedin span:before {
  content: "\F0E1";
}

ul.social-sharing li.twitter span:before {
  content: "\F099";
}

ul.social-sharing li.facebook span:before {
  content: "\F09A";
}

ul.social-sharing li.youtube span:before {
  content: "\F167";
}

ul.social-sharing li.vimeo span:before {
  content: "\F27D";
}

/* == Wisitia Fix == */

.wistia_popover_embed {
  z-index: 10002 !important;
}

/* == Drift Fix == */

.drift-move-up #drift-widget {
  bottom: 80px !important;
}

/* == ALERT BANNER == */

.alert-banner {
  padding: 1em 0;
  line-height: 1;
  background-color: #52989e;
  text-align: center;
  font-size: 16px;
  color: #fff;
  display: none;
  overflow: hidden;
}

.alert-banner .alert-content {
  display: inline;
}

.alert-banner .alert-content p {
  margin-bottom: 10px;
}

.alert-banner .countdown {
  font-family: "Space Mono", monospace;
  display: inline;
}

.alert-banner .countdown:after {
  content: "  ";
  white-space: pre;
}

.alert-banner a {
  color: #fff;
}

.alert-banner.alert-blue {
  background-color: #52989e;
}

.alert-banner.alert-dark-gray {
  background-color: #26272b;
}

.alert-banner.alert-slate {
  background-color: #404d56;
}

.alert-banner.alert-yellow {
  background-color: #e6be00;
  color: #26272b;
}

.alert-banner.alert-light-gray {
  background-color: #f0f0f0;
  color: #26272b;
}

.alert-banner.alert-red {
  background-color: #e73e58;
}

.alert-banner .close {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  font-size: 1.25em;
  font-family: Arial;
}

.alert-banner.alert-light-gray {
  color: #26272b;
}

.alert-banner.alert-light-gray a {
  color: #26272b;
}

.tall.alert-banner {
  padding: 1em 0;
  max-height: 156px;
  box-shadow: inset 0 -20px 20px -20px #000000;
}

.tall.alert-banner img {
  margin: 0;
  max-width: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  align-self: start;
}

.tall.alert-banner .container > div {
  padding-left: 25px;
  text-align: left;
  width: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: -16px;
}

.tall.alert-banner .container > div p {
  margin-bottom: 15px;
}

.tall.alert-banner .container > div p:first-child {
  font-size: 28px;
  font-family: "Caslon", serif;
}

.tall.alert-banner .container > div p:nth-child(2) {
  font-family: "Space Mono", monospace;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: underline;
}

.tall.alert-banner .container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  padding: 0;
  max-width: 700px;
  height: 140px;
}

.tall.alert-banner .close {
  font-size: 1.5em;
}

/* == Pop-Up == */

.popup {
  position: fixed;
  display: block;
  width: 640px;
  padding: 45px 110px 40px 110px;
  top: -100%;
  overflow-y: scroll;
  left: 0;
  right: 0;
  margin: auto;
  color: white;
  text-align: center;
  text-justify: distribute;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-70%, black), to(#52989e));
  background: linear-gradient(black -70%, #52989e);
  z-index: 99999;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.75);
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  opacity: 0;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

.popup h3 {
  color: white;
  font-size: 32px;
  margin-bottom: 20px;
}

.popup h3::after {
  content: " ";
  width: 50px;
  display: block;
  border: 2px solid #52989e;
  margin: auto;
  margin-top: 20px;
}

.popup a.button {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 100px;
}

.popup a.button:hover {
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
}

.popup img {
  width: 40px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.popup #closePopUp {
  cursor: pointer;
}

body.menu-showing header.primary {
  top: 0 !important;
}

body#home .icon-lead-ins p {
  color: #26272b;
}

/* == 503 page == */

.maintenance {
  height: 100vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 25px;
  background: url("/img/backgrounds/galaxy-no-logo.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.maintenance .contact-details {
  text-align: center;
}

.maintenance h2,
.maintenance h4,
.maintenance p {
  color: white;
}

.maintenance h2::after {
  content: "";
  display: block;
  padding-top: 25px;
  width: 100%;
  border-bottom: 1px solid #e6be00;
  margin: auto;
}

.maintenance img {
  margin-bottom: 50px;
  width: 100%;
  max-width: 400px;
}

bn .popup.marketoPopup.popup-with-image {
  padding: 40px 75px 40px 75px;
}

.popup.marketoPopup {
  position: fixed;
  background-image: url("/img/backgrounds/popupbackground.png");
  display: block;
  max-width: 640px;
  padding: 75px 110px 75px 110px;
  top: -100%;
  left: 0;
  right: 0;
  margin: auto;
  color: white;
  text-align: center;
  text-justify: distribute;
  z-index: 99999;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.75);
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  opacity: 0;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

.popup.marketoPopup input {
  padding: 5px 15px !important;
}

.popup.marketoPopup button,
.popup.marketoPopup a.button {
  background-color: #e6be00 !important;
  padding: 5px 30px !important;
  color: white !important;
  font-weight: 100 !important;
  margin-bottom: 100px !important;
  margin: auto;
}

.popup.marketoPopup .mktoButtonRow {
  text-align: center;
}

.popup.marketoPopup h3 {
  color: white;
  font-size: 40px;
  font-weight: 100;
  margin-bottom: 0;
  text-align: left;
}

.popup.marketoPopup p {
  text-align: left;
}

.popup.marketoPopup img {
  width: 40px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.popup.marketoPopup .popup-image-group {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  margin-bottom: 25px;
}

.popup.marketoPopup img.popup-image {
  position: relative;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 200px;
  max-height: 200px;
  margin-right: 25px;
  top: 0;
  right: 0;
  align-self: flex-start;
}

.popup.marketoPopup #closePopUp {
  cursor: pointer;
}

.popup.marketoPopup .mktoLabel {
  color: #fff;
}

.popup.marketoPopup .mktoLabel a {
  text-decoration: underline;
  color: #fff;
}

/* == HEADER == */

header.primary {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  position: fixed;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  z-index: 5000;
  line-height: 2;
}

header.primary .container {
  max-width: 1240px;
}

header.primary .branding {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  float: left;
  position: relative;
  z-index: 8000;
}

header.primary .branding a {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  display: block;
  position: relative;
  width: 231px;
  height: 46px;
  overflow: hidden;
  margin-top: 34px;
}

header.primary .branding a svg {
  width: 231px;
  height: 46px;
}

header.primary .branding a svg .type {
  fill: #fff;
}

header.primary .branding a svg .mark {
  fill: #52989e;
}

header.primary .branding span {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

header.primary .menu-toggle {
  display: none;
}

.hover-handle:hover .hub-cta {
  display: block;
}

.hover-handle .hitbox {
  display: block;
  opacity: 0;
  height: 20px;
  position: absolute;
  left: -10px;
  margin: auto;
  bottom: -10px;
  width: 50px;
}

.hub-cta {
  background: #fff;
  position: absolute;
  white-space: nowrap;
  text-align: center;
  left: 50%;
  display: none;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 20px;
  line-height: 0.5;
  top: 42px;
}

.hub-cta::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  margin: auto;
  top: -10px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 10px solid #fff;
}

.hub-cta p {
  margin-bottom: 0;
}

.hub-cta h6 {
  font-weight: 700;
  margin-bottom: 14px;
  line-height: 0.9;
}

.hub-cta span {
  font-weight: 700;
  color: #52989e;
  font-size: 0.8rem;
  cursor: pointer;
}

nav.utility .hub-cta p a {
  margin-bottom: 0;
  line-height: 0;
  font-size: 0.8rem;
  margin-bottom: 15px;
  color: #000;
}

body.hub header.primary.hub {
  background: #222327;
  height: 44px;
  padding-left: 30px;
  padding-top: 5px;
  position: fixed;
}

body.hub header.primary.hub .parent,
body.hub header.primary.hub .current {
  font-family: "Space Mono", monospace;
  font-weight: 700;
  white-space: nowrap;
}

body.hub header.primary.hub .parent {
  color: #fff;
  padding-right: 30px;
  margin-right: 20px;
  position: relative;
}

body.hub header.primary.hub .parent::after {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F105";
  display: block;
  position: absolute;
  color: #52989e;
  right: 0;
  top: 2px;
  font-size: 1.3rem;
  font-weight: 900;
}

body.hub header.primary.hub .current {
  color: #e6be00;
}

@media only screen and (max-width: 1200px) {
  body.hub header.primary.hub {
    height: auto;
    position: relative;
  }
}

[v-cloak] {
  display: none;
}

/* Navigation */

nav.navPrimary,
nav.utility {
  position: relative;
  z-index: 5000;
}

nav.navPrimary ul,
nav.utility ul {
  padding-left: 0;
  list-style: none;
}

nav.navPrimary ul li:before,
nav.utility ul li:before {
  display: none;
}

nav.navPrimary > ul,
nav.utility > ul {
  margin: 0;
  padding: 0;
  font-size: 0;
}

nav.navPrimary > ul li,
nav.utility > ul li {
  display: inline-block;
  font-size: 16px;
}

nav.navPrimary > ul li a,
nav.utility > ul li a {
  display: block;
}

nav.navPrimary {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  position: absolute;
  top: 83px;
  left: 50px;
}

nav.navPrimary .container {
  position: relative;
}

nav.navPrimary .mobile-only {
  display: none;
}

nav.navPrimary > ul > li.active > a:after {
  bottom: 0.7em;
  opacity: 0.25;
  background-color: #fff;
}

nav.navPrimary > ul > li.active > a:hover:after {
  background-color: #52989e;
}

nav.navPrimary > ul > li > a {
  font-size: 1.4em;
  color: #fff;
  padding: 0.5em 0;
  margin: 0 2em 0 0;
}

nav.navPrimary > ul > li > a:after {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  content: "";
  display: block;
  position: absolute;
  bottom: 0em;
  left: 0;
  right: 2em;
  height: 2px;
  background-color: #52989e;
  opacity: 0;
}

nav.navPrimary > ul > li > a:hover {
  color: #6fafb4;
}

nav.navPrimary > ul > li > a:hover:after {
  bottom: 0.7em;
  opacity: 1;
}

nav.navPrimary > ul > li .secondary {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  position: absolute;
  top: 80%;
  left: 0;
  background-color: #404d56;
  padding: 1em 3em 1em 2em;
  margin-left: -2em;
  visibility: hidden;
  opacity: 0;
}

nav.navPrimary > ul > li .secondary:before,
nav.navPrimary > ul > li .secondary:after {
  content: "";
  display: table;
}

nav.navPrimary > ul > li .secondary:after {
  clear: both;
}

nav.navPrimary > ul > li .secondary:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 30px;
  width: 0px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 7px solid #404d56;
}

nav.navPrimary > ul > li .secondary p {
  text-transform: uppercase;
  margin: 0 0 0.5em;
  font-family: "Space Mono", monospace;
  letter-spacing: 0.1em;
  font-size: 0.9em;
  font-weight: 700;
}

nav.navPrimary > ul > li .secondary p a {
  color: #e6be00;
}

nav.navPrimary > ul > li .secondary p a:hover {
  color: #fff;
}

nav.navPrimary > ul > li .secondary.double {
  display: -webkit-box;
  display: flex;
  width: 450px;
}

nav.navPrimary > ul > li .secondary.double nav {
  margin-right: 50px;
}

nav.navPrimary > ul > li .secondary.double nav:last-child {
  margin-right: 0;
}

nav.navPrimary > ul > li .secondary ul {
  margin: 0 0 0.5em;
}

nav.navPrimary > ul > li .secondary ul li {
  display: block;
  margin: 0;
}

nav.navPrimary > ul > li .secondary ul li.mobile-only {
  display: none;
}

nav.navPrimary > ul > li .secondary ul li a {
  white-space: nowrap;
  color: #52989e;
  font-weight: 700;
}

nav.navPrimary > ul > li .secondary ul li a:hover {
  color: #fff;
}

nav.navPrimary > ul > li:hover .secondary {
  display: block;
  top: 100%;
  visibility: visible;
  opacity: 1;
}

nav.navPrimary > ul > li:hover .secondary.double {
  display: -webkit-box;
  display: flex;
}

nav.utility {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  top: 2.2em;
  float: right;
  vertical-align: middle;
}

nav.utility ul {
  text-align: right;
  display: inline-block;
}

nav.utility li {
  margin: 0 0.75em 0 0;
  vertical-align: middle;
}

nav.utility li a {
  font-size: 0.9em;
  font-weight: 300;
  color: #fff;
}

nav.utility li.search a {
  width: 18px;
  height: 25px;
  color: rgba(0, 0, 0, 0);
  position: relative;
}

nav.utility li.search a:before {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F002";
  font-size: 14px;
  text-align: center;
  line-height: 15px;
  color: #52989e;
  width: 15px;
  height: 15px;
  margin-top: -7px;
  margin-left: -7px;
  position: absolute;
  top: 50%;
  left: 50%;
}

nav.utility li.search a:hover:before,
nav.utility li.search a:focus:before {
  color: #fff;
}

nav.utility li.demo,
nav.utility li.score {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

nav.utility li.demo a,
nav.utility li.score a {
  background-color: #e73e58;
  color: #fff;
  overflow: hidden;
  font-weight: 700;
  position: relative;
  white-space: nowrap;
  outline: none;
  line-height: 1;
  padding: 0.75em 1.25em;
  font-size: 0.8em;
  border: solid 2px #e73e58;
}

nav.utility li.score a {
  color: #e73e58;
  background: none;
}

/* on scroll/stick */

body.scrolled header.primary {
  background-color: #26272b;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);
  padding-bottom: 15px;
  top: 0 !important;
}

body.scrolled header.primary .branding a {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 46px;
  height: 46px;
  margin-top: 15px;
}

body.scrolled header.primary nav.navPrimary {
  top: 12px;
  left: 125px;
}

body.scrolled header.primary nav.navPrimary > ul > li > a {
  font-size: 0.9em;
  padding-top: 0.8em;
  margin-right: 1.2em;
}

body.scrolled header.primary nav.navPrimary > ul > li > a:after {
  right: 1.2em;
}

body.scrolled header.primary nav.utility {
  top: 1em;
}

body.scrolled header.primary nav.utility li {
  font-size: 16px;
}

body.scrolled header.primary nav.utility li a {
  font-size: 0.85em;
}

body.scrolled header.primary nav.utility li.demo a,
body.scrolled header.primary nav.utility li.score a {
  font-size: 0.75em;
}

/* == TORSO == */

.torso {
  background: #fff;
}

body.hub .torso {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

body.hub .torso .search {
  position: relative;
  /* clears the 'X' from Internet Explorer */
  /* clears the 'X' from Chrome */
}

body.hub .torso .search input {
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  font-size: 18px;
  padding: 10px 30px;
  border-radius: 25px;
  outline: none;
  border-bottom: outset 1px #f7f4f4;
  box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.1);
  -webkit-appearance: textfield;
}

body.hub .torso .search input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

body.hub .torso .search input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

body.hub .torso .search input[type=search]::-webkit-search-decoration,
body.hub .torso .search input[type=search]::-webkit-search-cancel-button,
body.hub .torso .search input[type=search]::-webkit-search-results-button,
body.hub .torso .search input[type=search]::-webkit-search-results-decoration {
  display: none;
}

body.hub .torso .search button {
  background: none;
  position: absolute;
  top: 13px;
  padding: 0;
  right: 23px;
}

body.hub .torso .search button:hover {
  box-shadow: none;
}

body.hub .torso .search button::before {
  display: none;
}

body.hub .torso .search button::after {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F002";
  display: block;
  color: #52989e;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  font-size: 1.3rem;
}

body.hub .torso aside {
  padding: 45px 30px;
  width: 350px;
  min-width: 350px;
  background-color: #ebeded;
}

body.hub .torso aside h3,
body.hub .torso aside p.toc {
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: #666666;
  margin-bottom: 25px;
}

body.hub .torso aside nav.sidebar ul li::before {
  display: none;
}

body.hub .torso aside nav.sidebar > ul {
  padding-left: 0;
}

body.hub .torso aside nav.sidebar > ul > li {
  position: relative;
  font-weight: 700;
  font-size: 17px;
  border-bottom: inset 1px #dedfe1;
  box-shadow: 0px 1px 0px #f7f7f7;
  padding-bottom: 8px;
  margin-bottom: 8px;
  -webkit-transition: padding-bottom 250ms;
  transition: padding-bottom 250ms;
}

body.hub .torso aside nav.sidebar > ul > li ul {
  max-height: 0;
  overflow: hidden;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-transition: max-height 250ms, margin-top 250ms;
  transition: max-height 250ms, margin-top 250ms;
}

body.hub .torso aside nav.sidebar > ul > li ul li {
  margin-right: auto;
  font-weight: 700;
  font-size: 16px;
  -webkit-transition: border-bottom 250ms;
  transition: border-bottom 250ms;
  border-bottom: 2px solid rgba(122, 196, 110, 0);
}

body.hub .torso aside nav.sidebar > ul > li ul li:hover {
  border-bottom: 2px solid #7ac46e;
}

body.hub .torso aside nav.sidebar > ul > li ul li a {
  color: #3f4d58;
}

body.hub .torso aside nav.sidebar > ul > li ul li.active {
  border-bottom: 2px solid #7ac46e;
}

body.hub .torso aside nav.sidebar > ul > li ul li:last-child {
  margin-bottom: 0;
}

body.hub .torso aside nav.sidebar > ul > li.active {
  padding-bottom: 30px;
}

body.hub .torso aside nav.sidebar > ul > li.active ul {
  margin-top: 25px;
  max-height: 1000px;
}

body.hub .torso aside nav.sidebar > ul > li.active button.toggle::after {
  color: #7ac46e;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

body.hub .torso aside nav.sidebar > ul > li.active.no-child {
  padding-bottom: 8px;
}

body.hub .torso aside nav.sidebar > ul button.toggle {
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  height: 34px;
  width: 34px;
  outline: none;
}

body.hub .torso aside nav.sidebar > ul button.toggle:hover {
  box-shadow: none;
}

body.hub .torso aside nav.sidebar > ul button.toggle::before {
  display: none;
}

body.hub .torso aside nav.sidebar > ul button.toggle::after {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F105";
  -webkit-transition: color 250ms, -webkit-transform 250ms;
  transition: color 250ms, -webkit-transform 250ms;
  transition: color 250ms, transform 250ms;
  transition: color 250ms, transform 250ms, -webkit-transform 250ms;
  position: absolute;
  top: 3px;
  right: 2px;
  font-weight: 700;
  color: #cacaca;
  font-size: 1.2rem;
}

body.hub .torso aside p.toc {
  display: none;
}

body.hub .torso main {
  padding-top: 50px;
  padding-bottom: 100px;
  max-width: 1025px;
  position: relative;
}

body.hub .torso main .container {
  padding: 0 75px;
}

body.hub .torso main .single-image,
body.hub .torso main .single-video {
  margin-bottom: 50px;
}

body.hub .torso main .video-with-text .content {
  padding-left: 25px;
}

body.hub .torso main .choice-blocks {
  margin-bottom: 50px;
}

body.hub .torso main .choice-blocks .choice {
  background: linear-gradient(0.125turn, #52989e, #3f4d59);
  max-width: 400px;
  padding: 30px;
  padding-top: 180px;
  padding-bottom: 130px;
  position: relative;
}

body.hub .torso main .choice-blocks .choice .description h3 {
  max-width: 240px;
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
  color: #fff;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  font-weight: 700;
  font-size: 30px;
}

body.hub .torso main .choice-blocks .choice .description div {
  color: #c9f4f8;
}

body.hub .torso main .choice-blocks .choice .description div p {
  margin-bottom: 0;
  font-size: 18px;
  text-align: center;
}

body.hub .torso main .choice-blocks .choice .image {
  position: absolute;
  top: 50px;
  left: 0;
  height: 100px;
}

body.hub .torso main .choice-blocks .choice .image img {
  height: 100%;
}

body.hub .torso main .choice-blocks .choice .triangle-top,
body.hub .torso main .choice-blocks .choice .triangle-bottom {
  position: absolute;
  width: 101%;
  max-width: none;
  z-index: 3;
}

body.hub .torso main .choice-blocks .choice .triangle-top {
  top: -1px;
  left: -1px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

body.hub .torso main .choice-blocks .choice .triangle-bottom {
  bottom: 0;
  left: -1px;
}

body.hub .torso main .choice-blocks a:last-child .choice {
  margin-left: auto;
  margin-right: 0;
}

body.hub .torso main .pagination-nav {
  margin-top: 50px;
  width: 100%;
}

body.hub .torso main .pagination-nav .container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

body.hub .torso main .pagination-nav .seq-nav {
  width: 50%;
  font-family: "Space Mono", monospace;
  color: #e6be00;
  font-size: 14px;
  text-transform: uppercase;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
}

body.hub .torso main .pagination-nav .seq-nav span {
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: none;
}

body.hub .torso main .pagination-nav .seq-nav.prev {
  padding: 25px 60px;
  background-color: #f0f0f0;
}

body.hub .torso main .pagination-nav .seq-nav.prev span {
  color: #404d56;
  position: relative;
}

body.hub .torso main .pagination-nav .seq-nav.prev span::before {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 38px;
  top: -17px;
  left: -34px;
  -webkit-transition: left 250ms;
  transition: left 250ms;
  background: url("/img/icons/tallrightarrow.png");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

body.hub .torso main .pagination-nav .seq-nav.prev:hover span::before {
  left: -39px;
}

body.hub .torso main .pagination-nav .seq-nav.next {
  padding: 25px 40px;
  background-color: #404d56;
}

body.hub .torso main .pagination-nav .seq-nav.next span {
  color: #52989e;
  position: relative;
}

body.hub .torso main .pagination-nav .seq-nav.next span::before {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 38px;
  top: -17px;
  -webkit-transition: right 250ms;
  transition: right 250ms;
  right: -34px;
  background: url("/img/icons/tallrightarrow.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

body.hub .torso main .pagination-nav .seq-nav.next:hover span::before {
  right: -39px;
}

body.hub .torso main .pagination-nav .divider {
  margin: 0 15px;
  color: #404d56;
  font-size: 1.6rem;
}

body.hub .torso main .pagination-nav .seq-nav {
  font-weight: 700;
}

@media only screen and (max-width: 500px) {
  body.hub .torso main {
    padding-bottom: 290px;
  }

  body.hub .torso main .pagination-nav .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  body.hub .torso main .pagination-nav .container .seq-nav {
    width: 100%;
  }
}

@media only screen and (max-width: 1200px) {
  body.hub .torso {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  body.hub .torso aside {
    width: 100%;
    overflow: hidden;
    height: 50px;
    padding-top: 11px;
    padding-bottom: 0;
  }

  body.hub .torso aside p.toc {
    cursor: pointer;
    display: block;
  }

  body.hub .torso aside p.toc::after {
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: "\F054";
    display: inline-block;
    margin-left: 20px;
    -webkit-transition: margin-left 250ms, -webkit-transform 250ms;
    transition: margin-left 250ms, -webkit-transform 250ms;
    transition: margin-left 250ms, transform 250ms;
    transition: margin-left 250ms, transform 250ms, -webkit-transform 250ms;
    vertical-align: middle;
    margin-top: -5px;
  }

  body.hub .torso main .container {
    padding: 0 30px;
  }

  body.hub .torso aside.expand {
    height: auto;
  }

  body.hub .torso aside.expand p.toc::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

/* == Breadcrumbs == */

body.product .breadcrumbs__list {
  -webkit-box-pack: start;
          justify-content: flex-start;
}

.breadcrumbs {
  padding: 20px 0;
}

.breadcrumbs__list {
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
  flex-wrap: wrap;
}

.breadcrumbs__item {
  margin-bottom: 0;
}

.breadcrumbs__item:last-child {
  font-weight: 700;
}

.breadcrumbs__item::before {
  display: none;
}

.breadcrumbs__item::after {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F105";
  color: #e6be00;
  margin: 0 10px;
  vertical-align: middle;
}

.breadcrumbs__item:last-child::after {
  display: none;
}

.breadcrumbs__link {
  color: #232323;
}

.breadcrumbs__link:hover {
  color: #52989e;
}

.breadcrumbs.-mono .breadcrumbs__item,
.breadcrumbs.-mono .breadcrumbs__link {
  font-family: "Space Mono", monospace;
}

/* == FOOTER == */

/* == Platform, Score, and Contact == */

.platform-score-contact .score,
.platform-score-contact .contact {
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.platform-score-contact .score h2,
.platform-score-contact .contact h2 {
  font-size: 3.5em;
}

.platform-score-contact .score {
  color: #cdc6c6;
  background: url(/img/backgrounds/galaxy-dark.jpg) no-repeat top left #040405;
  background-size: cover;
  width: 60%;
}

.platform-score-contact .score h2 {
  line-height: 1.1;
  max-width: 600px;
  color: #fff;
  margin-bottom: 0.5em;
}

.platform-score-contact .score p.scoretext {
  font-size: 1.2em;
  max-width: 650px;
}

.platform-score-contact .score p.button-container {
  margin-top: 3em;
}

.platform-score-contact .score .position {
  position: relative;
  padding: 100px 200px 75px 100px;
}

.platform-score-contact .score .tagline {
  margin-bottom: 0.6em;
}

.platform-score-contact .score .confirmation-text h3 {
  color: #fff;
}

.platform-score-contact .score form {
  position: relative;
  overflow: hidden;
}

.platform-score-contact .score form .text {
  margin-bottom: 1em;
}

.platform-score-contact .score form .submit {
  text-align: right;
}

.platform-score-contact .contact {
  background: #52989e;
  color: #404d56;
  vertical-align: middle;
}

.platform-score-contact .contact h2 {
  color: #fff;
}

.platform-score-contact .contact .position {
  padding: 62.5px 50px;
}

.platform-score-contact .contact .text {
  margin-bottom: 1em;
}

.platform-score-contact .contact .submit {
  text-align: right;
}

.platform-score-contact .contact button,
.platform-score-contact .contact a.button,
.platform-score-contact .contact input[type=submit] {
  background-color: #26272b !important;
  color: #52989e !important;
}

.platform-score-contact .contact .columns > hr {
  width: 1em;
}

.scoreform-column {
  display: inline-block;
  width: 50%;
}

.scoreform-column + .scoreform-column {
  margin-left: 9%;
  width: 40%;
}

@media only screen and (max-width: 1200px) {
  .scoreform-column {
    width: 100%;
  }

  .scoreform-column + .scoreform-column {
    margin-left: 0;
    margin-top: 50px;
    width: 100%;
  }
}

.button-naked {
  background: transparent;
  color: #52989e;
  padding: 0;
  position: relative;
  text-transform: none;
}

.button-naked:hover {
  color: #fff;
}

.button-naked::before {
  display: none;
}

.button-naked::after {
  -webkit-font-smoothing: antialiased;
  background: none;
  border-radius: none;
  content: "\F054";
  display: inline;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: auto;
  left: auto;
  line-height: 1;
  line-height: 1;
  position: static;
  speak: none;
  text-transform: none;
  top: auto;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: auto;
  font-size: 0.8rem;
}

body.hub footer.primaryFooter .container {
  margin: none;
  margin-left: 350px;
  padding-left: 0;
}

@media only screen and (max-width: 1200px) {
  body.hub footer.primaryFooter .container {
    margin: 0 auto;
    margin-left: 0;
    padding-left: 50px;
  }
}

/* Marketo Form Footer Overrides */

body .platform-score-contact .container {
  max-width: 1200px;
  padding-top: 100px;
  padding-bottom: 75px;
}

body .platform-score-contact .scoreform-column {
  vertical-align: top;
}

body .platform-score-contact .mktoForm .mktoButtonRow {
  text-align: right;
}

body .platform-score-contact .mktoLabel {
  color: #fff;
}

body .platform-score-contact .mktoLabel a {
  color: #52989e !important;
}

body .platform-score-contact .contact .mktoFormRow:nth-child(2),
body .platform-score-contact .contact .mktoFormRow:nth-child(3) {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}

body .platform-score-contact .contact .mktoFormRow:nth-child(2) .mktoFormCol,
body .platform-score-contact .contact .mktoFormRow:nth-child(3) .mktoFormCol {
  width: 47.5% !important;
}

body .platform-score-contact .contact .mktoFormRow:nth-child(2) .mktoClear,
body .platform-score-contact .contact .mktoFormRow:nth-child(3) .mktoClear {
  display: none;
}

@media only screen and (max-width: 1200px) {
  body .platform-score-contact .contact .mktoFormRow:nth-child(2),
  body .platform-score-contact .contact .mktoFormRow:nth-child(3) {
    width: 100% !important;
  }
}

@media only screen and (max-width: 500px) {
  body .platform-score-contact .contact .mktoFormRow:nth-child(2) .mktoFormCol,
  body .platform-score-contact .contact .mktoFormRow:nth-child(3) .mktoFormCol {
    width: 100% !important;
  }
}

body .platform-score-contact .score div.mktoFormRow:nth-of-type(2) {
  float: left;
  clear: left;
  width: 47.5% !important;
}

body .platform-score-contact .score div.mktoFormRow:nth-of-type(3) {
  float: right;
  clear: right;
  width: 47.5% !important;
}

footer.primaryFooter {
  background: #f0f0f0;
  border-top: solid 2px #fff;
  padding-top: 75px;
}

footer.primaryFooter .container {
  max-width: 1200px;
}

footer.primaryFooter .address {
  position: relative;
  padding-left: 75px;
  float: left;
  margin-bottom: 3em;
}

footer.primaryFooter .address .logo-home {
  background: url(/img/mark-slate.png) no-repeat center center/contain;
  text-indent: -9999px;
  overflow: hidden;
  width: 45px;
  height: 50px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

footer.primaryFooter .address a,
footer.primaryFooter .address a > * {
  color: #232323;
  font-size: 0.75em;
  line-height: 1.83;
  font-weight: 400;
  text-decoration: none;
  display: block;
  cursor: pointer;
}

footer.primaryFooter .address a:hover,
footer.primaryFooter .address a > *:hover {
  color: #52989e;
}

footer.primaryFooter .footer-nav {
  float: right;
  width: 64%;
}

footer.primaryFooter .footer-nav ul {
  padding-left: 0;
  list-style: none;
  float: left;
  width: 25%;
  margin-left: 12%;
  margin-bottom: 3em;
}

footer.primaryFooter .footer-nav ul li:before {
  display: none;
}

footer.primaryFooter .footer-nav ul:first-of-type {
  margin-left: 0;
}

footer.primaryFooter .footer-nav ul li a {
  letter-spacing: 0.15em;
  font-weight: 500;
  padding-bottom: 0.6em;
  color: #232323;
}

footer.primaryFooter .footer-nav ul li a:hover {
  color: #52989e;
}

footer.primaryFooter.-landingPage .copyright-social {
  max-width: 660px;
  margin-left: auto;
  border-top: 0;
  padding-top: 0;
}

footer.primaryFooter.-landingPage.-dark {
  background-color: #26272b;
}

footer.primaryFooter.-landingPage.-dark .logo-home {
  background: url(/img/mark-white.png) no-repeat center center/contain;
}

footer.primaryFooter.-landingPage.-dark a,
footer.primaryFooter.-landingPage.-dark a::before,
footer.primaryFooter.-landingPage.-dark p {
  color: #fff;
}

footer.primaryFooter .copyright-social {
  width: 100%;
  border-top: solid 1px #d7d8d8;
  padding-top: 25px;
  font-size: 0.75em;
  margin-bottom: 3em;
}

footer.primaryFooter .copyright-social:before,
footer.primaryFooter .copyright-social:after {
  content: "";
  display: table;
}

footer.primaryFooter .copyright-social:after {
  clear: both;
}

footer.primaryFooter .copyright-social a {
  color: #232323;
  font-weight: 400;
  display: inline-block;
  margin-left: 2em;
  cursor: pointer;
}

footer.primaryFooter .copyright-social a:hover {
  color: #52989e;
}

footer.primaryFooter .copyright-social p.copyright {
  float: left;
}

footer.primaryFooter .copyright-social .footer-security-badge {
  width: 200px;
  float: right;
  margin-left: 5em;
  display: block;
}

footer.primaryFooter .copyright-social ul.social {
  float: right;
}

@media only screen and (max-width: 1030px) {
  footer.primaryFooter.-landingPage .group {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  footer.primaryFooter.-landingPage .copyright-social {
    margin-left: 0;
    max-width: 100%;
  }

  footer.primaryFooter.-landingPage .group {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  footer.primaryFooter.-landingPage ul.social li:first-child a {
    margin-left: 0;
  }
}

/* == Modal Defaults == */

.modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: none;
  color: #52989e;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 7000;
}

.modal-close svg {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #52989e;
}

.modal-close:hover {
  box-shadow: none;
}

.modal-close:hover svg {
  fill: #e73e58;
}

/* == Native Forms == */

.inputText {
  border-left: 10px solid #404d57;
  padding-left: 0.7rem;
  margin-bottom: 1.3rem;
  position: relative;
}

.inputText__label {
  font-weight: 500;
  font-size: 0.9rem;
  color: #fff;
}

.inputText__input {
  padding: 0.5rem;
}

.inputText.-percentage::after {
  content: "%";
  position: absolute;
  color: #979696;
  bottom: 0.8rem;
  right: 2.2rem;
}

.inputText__byline {
  display: block;
  font-size: 0.7rem;
}

/* == Atlas Calculator == */

.atlasStats {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  margin-bottom: 100px;
}

.atlasStats__header {
  background-color: #fff;
  width: 42%;
  padding: 2rem 0 2rem 2rem;
}

.atlasStats__tabsContainer {
  width: 58%;
  position: relative;
  z-index: 1;
}

.atlasStats__tab {
  padding: 2.2rem 4rem;
  height: 100%;
}

.atlasStats__tab.-time {
  background-color: #d3e5e6;
}

.atlasStats__tab.-data {
  background-color: #f9f3d9;
}

.atlasStats__tab.-data .atlasStats__comparisonCell {
  background-color: #e6cf5d;
  text-align: center;
  padding: 1.4rem 2.7rem;
}

.atlasStats__tab.-data .atlasStats__comparisonCell:last-child {
  background-color: #f3e6a8;
}

.atlasStats__tab.-data .atlasStats__comparisonCell:last-child .atlasStats__cellTitle {
  color: #232323;
}

.atlasStats__tab.-data .atlasStats__comparisonFooter {
  border-left: 1px solid #806b09;
  border-bottom: 1px solid #806b09;
  border-right: 1px solid #806b09;
}

.atlasStats__tab.-data .atlasStats__comparisonFooterText {
  color: #806b09;
}

.atlasStats__tab.-data .atlasStats__summation {
  border: 2px solid #806b09;
}

.atlasStats__tab.-money {
  background-color: #f9e0e4;
}

.atlasStats__tab.-money .atlasStats__comparisonCell {
  background-color: #e98f9d;
  text-align: center;
  padding: 1.4rem 2.7rem;
}

.atlasStats__tab.-money .atlasStats__comparisonCell:last-child {
  background-color: #eda7b2;
}

.atlasStats__tab.-money .atlasStats__comparisonCell:last-child .atlasStats__cellTitle {
  color: #9c2a3b;
}

.atlasStats__tab.-money .atlasStats__comparisonFooter {
  border-left: 1px solid #9c2a3b;
  border-bottom: 1px solid #9c2a3b;
  border-right: 1px solid #9c2a3b;
}

.atlasStats__tab.-money .atlasStats__comparisonFooterText {
  color: #9c2a3b;
}

.atlasStats__title {
  font-size: 1.35rem;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  max-width: 220px;
  margin-left: 1.5rem;
  margin-bottom: 2rem;
}

.atlasStats__titleStat {
  font-size: 4.3rem;
  font-family: "Caslon", serif;
  display: block;
  line-height: 1.5;
}

.atlasStats__tabList {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.atlasStats__tabButton {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
  padding: 0.8rem 1.7rem;
  text-align: left;
  position: relative;
}

.atlasStats__tabButtonText {
  margin-bottom: 0;
  font-size: 0.9rem;
  margin-left: 1.6rem;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  color: #232323;
}

.atlasStats__triangle {
  position: absolute;
  height: 100%;
  top: 0;
  right: -15px;
  z-index: 2;
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: center left;
          transform-origin: center left;
}

.atlasStats__tabButton:hover .atlasStats__triangle,
.atlasStats__tabButton.-active .atlasStats__triangle {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.atlasStats__tabButton.-time {
  background-color: #a7ccce;
}

.atlasStats__tabButton.-time polygon {
  fill: #a7ccce;
}

.atlasStats__tabButton.-data {
  background-color: #f2de96;
}

.atlasStats__tabButton.-data polygon {
  fill: #f2de96;
}

.atlasStats__tabButton.-money {
  background-color: #f39eab;
}

.atlasStats__tabButton.-money polygon {
  fill: #f39eab;
}

.atlasStats__tabListItem::before {
  display: none;
}

.atlasStats__tabIconWrapper {
  max-width: 40px;
  min-width: 40px;
}

.atlasStats__tabHeader {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: start;
          align-items: flex-start;
  margin-bottom: 2.7rem;
}

.atlasStats__headerIconWrapper {
  max-width: 85px;
  min-width: 85px;
  width: 85px;
  margin-right: 1.4rem;
}

.atlasStats__headerText {
  -webkit-box-flex: 1;
          flex-grow: 1;
  margin-bottom: 0;
  font-size: 1.1rem;
  line-height: 1.4;
}

.atlasStats__comparisonTitle {
  text-align: center;
  text-transform: uppercase;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  font-size: 1.2rem;
  color: #232323;
}

.atlasStats__comparisonRow {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  position: relative;
}

.atlasStats__comparisonCell {
  width: 50%;
  background-color: #7eabae;
  text-align: center;
  padding: 1.4rem 2.7rem;
}

.atlasStats__comparisonCell:last-child {
  background-color: #afcecf;
}

.atlasStats__comparisonCell:last-child .atlasStats__cellTitle {
  color: #226269;
}

.atlasStats__cellText {
  font-size: 0.9rem;
  margin-bottom: 0;
  line-height: 1.2;
}

.atlasStats__cellTitle {
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  font-size: 1.1rem;
  margin-bottom: 0.2rem;
  color: #232323;
}

.atlasStats__vs {
  position: absolute;
  top: 6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-weight: 700;
}

.atlasStats__comparisonFooter {
  text-align: center;
  border-left: 1px solid #226269;
  border-bottom: 1px solid #226269;
  border-right: 1px solid #226269;
  margin: 0 auto;
  margin-top: 1rem;
  padding-bottom: 0.2rem;
  max-width: 360px;
  margin-bottom: 1.7rem;
}

.atlasStats__comparisonFooterText {
  font-size: 1.2rem;
  font-weight: 700;
  color: #226269;
  margin-bottom: 0;
}

.atlasStats__summation {
  padding: 1.5rem 1rem;
  background-color: #fff;
  border: 2px solid #226269;
  text-align: center;
}

.atlasStats__summation p {
  line-height: 1.4;
}

.atlasStats__summation strong {
  font-weight: 700;
  color: #226269;
}

.atlasStats__summation p:last-child {
  margin-bottom: 0;
}

.atlasStats__costMetrics {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
}

.atlasStats__table {
  width: 40%;
  min-width: 40%;
  max-width: 40%;
  margin: 0;
}

.atlasStats__thead th {
  background-color: #9c2a3b;
  color: #fff;
}

.atlasStats__table th,
.atlasStats__table td {
  font-size: 0.9rem;
  padding: 0.3rem 0.4rem;
  vertical-align: middle;
}

.atlasStats__table td:last-child {
  font-weight: 700;
}

.atlasStats__tfoot td:first-child {
  font-weight: 700;
}

.atlasStats__finalCosts {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  padding-left: 2rem;
  -webkit-box-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
          flex-grow: 1;
}

.atlasStats__costTotal {
  font-size: 2rem;
}

.atlasStats__benefitTotal,
.atlasStats__costTotal {
  margin-bottom: 0;
  font-weight: 700;
}

.atlasStats__metaTotal {
  font-size: 1rem;
  display: block;
  font-weight: 400;
  margin-bottom: -0.5rem;
}

.atlasStats__benefitTotal {
  font-size: 3.8rem;
  color: #9c2a3b;
  margin-bottom: -0.9rem;
  margin-right: 1rem;
}

@media (max-width: 970px) {
  .atlasStats {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .atlasStats__header,
  .atlasStats__tabsContainer {
    width: 100%;
  }

  .atlasStats__header {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  .atlasStats__tabListItem {
    margin-bottom: 0;
  }

  .atlasStats__tabButton {
    width: 100%;
    padding-right: 2rem;
  }

  .atlasStats__tabButton::after {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: "\F105";
    position: absolute;
    top: 50%;
    right: 1rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  .atlasStats__triangle {
    display: none;
  }
}

@media (max-width: 570px) {
  .atlasStats__tab {
    padding: 2.2rem 2.2rem;
  }

  .atlasStats__finalCosts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: start;
            align-items: flex-start;
  }
}

@media (max-width: 479px) {
  .atlasStats__costMetrics {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: stretch;
            align-items: stretch;
  }

  .atlasStats__table {
    width: 100%;
    margin-bottom: 2rem;
  }

  .atlasStats__finalCosts {
    padding-left: 0;
  }

  .atlasStats__comparisonRow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .atlasStats__comparisonCell {
    width: 100%;
  }

  .atlasStats__vs {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-weight: 700;
  }
}

@media (max-width: 385px) {
  .atlasStats__tabHeader {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .atlasStats__headerIconWrapper {
    margin-bottom: 1.6rem;
  }
}

/* == ROI Report == */

.roiReport__fallbackTitle {
  color: #fff;
  font-weight: 400;
  margin-bottom: 2rem;
  font-size: 1.5rem;
}

.roiReport__atlasHeader {
  position: relative;
  padding-right: 300px;
  margin-bottom: 3.9rem;
}

.roiReport__atlasHeader.-full {
  padding-right: 0;
}

.roiReport__fieldGroupTitle {
  font-size: 1.4rem;
  font-family: "Space Mono", monospace;
  font-weight: 700;
}

.roiReport__emblem {
  position: absolute;
  top: -86px;
  right: 0;
  width: 270px;
}

.roiReport__fieldGroup {
  padding: 0.5rem 0;
  border-left: 10px solid #404d56;
  padding-left: 1.1rem;
  margin-bottom: 2.8rem;
}

.roiReport__fieldGroup .inputText {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 0;
  margin-top: 1.6rem;
}

.roiReport__fieldGroup .inputText__input,
.roiReport__fieldGroup .inputText__select {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
  padding: 0.5rem;
  font-family: "Space Mono", monospace;
}

.roiReport__fieldGroup .inputText__label {
  font-size: 1.1rem;
  margin-right: 1.4rem;
  font-weight: 300;
}

.roiReport__twoColumnForm {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  padding-bottom: 100px;
}

.roiReport__fieldNote {
  margin-bottom: 0;
}

.roiReport__formColumn {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
  width: calc(50% - (50px / 2));
}

.roiReport__formColumn .button {
  align-self: flex-end;
}

.roiReport__formColumn:first-child {
  margin-right: 50px;
}

.roiReport__fieldNote {
  margin-top: 1rem;
  line-height: 1.2;
  font-style: italic;
  font-size: 1.1rem;
}

.roiReport__text {
  color: #fff;
}

.roiReport__text p {
  font-size: 1.3rem;
  line-height: 1.25;
}

.roiReport__text > * {
  margin-bottom: 0;
}

.roiReport__text > *:not(:first-child) {
  margin-top: 2.3rem;
}

.roiReport__hero {
  background-color: #52989e;
  position: relative;
  padding-top: 160px;
  overflow: hidden;
}

.roiReport__hero::after {
  content: "";
  width: 140vw;
  height: 430px;
  display: block;
  position: absolute;
  top: -320px;
  left: -30vw;
  background-color: #333333;
  z-index: 0;
  -webkit-transform: rotate(-18deg);
          transform: rotate(-18deg);
}

.roiReport__hero .container {
  position: relative;
  z-index: 1;
}

.roiReport__hero h1 {
  color: #fff;
  margin-bottom: 50px;
}

@media (max-width: 660px) {
  .roiReport__hero h1 {
    font-size: 2.05rem;
  }
}

.roiReport__callout {
  padding: 50px 0 80px;
}

.roiReport__calloutWrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.roiReport__calloutCtas {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.roiReport__calloutText {
  margin-right: 50px;
}

.roiReport__calloutBody > *:first-child {
  margin-top: 0;
}

.roiReport__calloutBody > *:last-child {
  margin-bottom: 0;
}

.roiReport__calloutBody * {
  color: #fff;
}

.roiReport__calloutTitle {
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 0.4rem;
}

.roiReport__ctaOne,
.roiReport__ctaTwo {
  white-space: nowrap;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  margin-bottom: 1rem;
  color: #fff;
  font-weight: 300;
}

.roiReport__ctaOne {
  background-color: #4d4d4d;
}

.roiReport__ctaTwo {
  background-color: #e6be00;
}

@media (max-width: 660px) {
  .roiReport__calloutWrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .roiReport__calloutCtas {
    -webkit-box-align: start;
            align-items: flex-start;
  }

  .roiReport__calloutBody {
    margin-bottom: 2rem;
    margin-right: 0;
  }

  .roiReport__formColumn:first-child {
    margin-right: 0;
  }

  .roiReport__emblem {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    margin-bottom: 2rem;
  }

  .roiReport__atlasHeader {
    padding-right: 0;
  }
}

@media (max-width: 883px) {
  .roiReport__twoColumnForm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .roiReport__formColumn {
    width: 100%;
  }
}

@media (max-width: 550px) {
  .roiReport__fieldGroup .inputText {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .roiReport__fieldGroup .inputText__label {
    margin-bottom: 0.3rem;
  }
}

.initialReportForm {
  padding-bottom: 50px;
}

.initialReportForm__errors {
  list-style-type: none;
}

.initialReportForm__error {
  color: #fff;
}

.initialReportForm__error::before {
  content: "!";
  color: #e73e58;
  width: auto;
  height: auto;
  background-color: transparent;
  border-radius: 0;
  top: -0.1rem;
  left: -1rem;
  font-size: 1.3rem;
}

.initialReportForm__wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.initialReportForm__form {
  width: 350px;
  min-width: 350px;
}

.initialReportForm__text {
  margin-right: 112px;
}

.initialReportForm__thumbnailWrapper {
  width: 130px;
  margin-bottom: 0.5rem;
}

.initialReportForm__body > *:first-child,
.initialReportForm__introduction > *:first-child {
  margin-top: 0;
}

.initialReportForm__body > *:last-child,
.initialReportForm__introduction > *:last-child {
  margin-bottom: 0;
}

.initialReportForm__introduction {
  margin-bottom: 40px;
}

.initialReportForm__introduction p {
  margin-bottom: 1rem;
}

.initialReportForm__introduction p,
.initialReportForm__introduction li {
  font-size: 1.4rem;
  font-weight: 600;
}

.initialReportForm__introduction *,
.initialReportForm__body * {
  color: #fff;
}

.initialReportForm__submitRow {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
  padding-left: 0.7rem;
}

.initialReportForm__byline {
  font-size: 0.7rem;
  max-width: 200px;
  color: #fff;
}

.initialReportForm__button {
  padding: 0.5rem 1rem;
  color: #fff;
  background-color: #404d57;
  font-weight: 300;
}

.initialReportForm__button::after {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F105";
}

@media only screen and (max-width: 1030px) {
  .initialReportForm__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .initialReportForm__text {
    margin-right: 0;
    margin-bottom: 50px;
  }
}

.reportCard {
  background-color: #fff;
}

.reportCard__wrapper {
  padding: 50px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.reportCard__footer {
  background-color: #4d4d4d;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  padding: 18px 50px;
}

.reportCard__footerLogo {
  width: 180px;
}

.reportCard__presentValueWrapper {
  padding: 120px 0;
  background-image: url("/img/icons/diamond.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center;
  margin-bottom: 1.4rem;
}

.reportCard__columnMain {
  width: 290px;
  min-width: 290px;
  margin-right: 50px;
}

.reportCard__presentValue {
  font-size: 4rem;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
  color: #fff;
}

.reportCard__presentValueSubtitle {
  color: #fff;
  font-size: 1.3rem;
  margin-bottom: 0;
}

.reportCard__presentValueDescription {
  font-size: 0.7rem;
  text-align: center;
  line-height: 1.4;
}

.reportCard__dataTitle {
  font-size: 1.9rem;
  margin-bottom: 0.3rem;
}

.reportCard__dataSubtitle {
  font-size: 1.2rem;
}

.reportCard__columnDataWrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: end;
          align-items: flex-end;
}

.reportCard__dataStats {
  -webkit-box-flex: 1;
          flex-grow: 1;
}

.reportCard__statValue {
  color: #52989e;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;
}

.reportCard__statLabel {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 0;
}

.reportCard__stat {
  margin-bottom: 1.7rem;
}

.reportCard__stat:last-child {
  margin-bottom: 0;
}

.reportCard__dataCharts {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: end;
          align-items: flex-end;
}

.reportCard__benefitsChart,
.reportCard__costChart {
  width: 90px;
}

.reportCard__benefitsChart .reportCard__statValue,
.reportCard__costChart .reportCard__statValue {
  text-align: center;
  font-size: 1.5rem;
}

.reportCard__benefitsChart .reportCard__stat,
.reportCard__costChart .reportCard__stat {
  margin-bottom: 1rem;
}

.reportCard__benefitsChart {
  margin-right: 50px;
}

.reportCard__benefitsChart .reportCard__barBlock {
  background-color: #52989e;
  border-bottom: 4px solid #fff;
}

.reportCard__benefitsChart .reportCard__barBlock:last-child {
  border-bottom: none;
}

.reportCard__costChart .reportCard__barBlock {
  background-color: #999999;
}

.reportCard__costChart .reportCard__statValue {
  color: #999999;
}

.reportCard__statMeta {
  display: block;
  font-size: 1.1rem;
  font-weight: 400;
  margin-bottom: 0.4rem;
}

.reportCard__byline {
  margin-bottom: 0;
  color: #52989e;
  font-size: 1.2rem;
}

.reportCard__userName,
.reportCard__date {
  color: #fff;
}

.reportCard.-dummy {
  width: 1000px;
  position: fixed;
  right: 9999px;
}

@media only screen and (max-width: 1030px) {
  .reportCard__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
  }

  .reportCard__columnMain {
    margin-right: 0;
    margin-bottom: 50px;
  }

  .reportCard.-dummy .reportCard__wrapper {
    padding: 50px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }

  .reportCard.-dummy .reportCard__columnMain {
    width: 290px;
    min-width: 290px;
    margin-right: 50px;
    margin-bottom: 0;
  }
}

@media (max-width: 660px) {
  .reportCard__columnDataWrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
  }

  .reportCard__stat {
    text-align: center;
  }

  .reportCard__dataStats {
    margin-bottom: 50px;
  }

  .reportCard.-dummy .reportCard__columnDataWrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-align: end;
            align-items: flex-end;
  }

  .reportCard.-dummy .reportCard__stat {
    margin-bottom: 1.7rem;
    text-align: left;
  }

  .reportCard.-dummy .reportCard__benefitsChart .reportCard__stat,
  .reportCard.-dummy .reportCard__costChart .reportCard__stat {
    margin-bottom: 1rem;
  }

  .reportCard.-dummy .reportCard__stat:last-child {
    margin-bottom: 0;
  }

  .reportCard.-dummy .reportCard__dataStats {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 770px) {
  .reportCard__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: start;
            align-items: flex-start;
  }

  .reportCard__footer svg {
    margin-bottom: 1rem;
  }

  .reportCard.-dummy .reportCard__footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-align: center;
            align-items: center;
  }
}

.textWithForm {
  padding: 50px 0;
}

.textWithForm__wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.textWithForm__form {
  width: 340px;
  min-width: 340px;
}

.textWithForm__text {
  margin-right: 50px;
}

.textWithForm__title {
  margin-bottom: 1rem;
  font-size: 2.2rem;
  font-weight: 400;
}

.textWithForm__body > *:first-child {
  margin-top: 0;
}

.textWithForm__body > *:last-child {
  margin-bottom: 0;
}

.textWithForm .mktoFieldWrap.-text,
.textWithForm .mktoFieldWrap.-email {
  border-left: 9px solid #52989e !important;
}

.textWithForm .mktoFieldWrap.-text .mktoField,
.textWithForm .mktoFieldWrap.-email .mktoField {
  padding: 0.6rem !important;
}

.textWithForm .mktoFieldWrap {
  padding-left: 1rem !important;
}

@media only screen and (max-width: 1030px) {
  .textWithForm__text {
    margin-bottom: 2rem;
    margin-right: 0;
  }

  .textWithForm__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

.thumbnailWithText {
  padding: 80px 0;
  background-color: #fff;
}

.thumbnailWithText__wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.thumbnailWithText__title {
  margin-bottom: 0.8rem;
  font-size: 2.1rem;
}

.thumbnailWithText .container {
  max-width: 880px;
}

.thumbnailWithText__thumbnailWrapper {
  width: 200px;
  min-width: 200px;
}

.thumbnailWithText__text {
  margin-left: 50px;
}

.thumbnailWithText__body > *:first-child {
  margin-top: 0;
}

.thumbnailWithText__body > *:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1030px) {
  .thumbnailWithText {
    padding: 50px 0;
  }

  .thumbnailWithText__text {
    margin-left: 0;
  }

  .thumbnailWithText__thumbnailWrapper {
    margin-bottom: 2rem;
  }

  .thumbnailWithText__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

/* == Pagination == */

.pagination-layer {
  background: #f0f0f0;
  padding: 50px 0;
  margin-top: 3em;
  font-family: "Space Mono", monospace;
}

nav.pagination ul {
  padding-left: 0;
  list-style: none;
  font-size: 0;
}

nav.pagination ul li:before {
  display: none;
}

nav.pagination ul li {
  display: inline-block;
  font-size: 16px;
  margin: 0 0 0 1em;
}

nav.pagination ul li:first-child {
  margin-left: 0;
}

nav.pagination ul li.current span,
nav.pagination ul li.current a {
  color: #52989e;
  border-color: #52989e;
  background: #52989e;
  color: #f0f0f0;
}

nav.pagination ul li a,
nav.pagination ul li span {
  display: block;
  padding: 0.5em 1em;
  border: solid 2px #52989e;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}

nav.pagination ul li span {
  color: #404d56;
  border-color: #404d56;
}

nav.pagination ul li.abridged span {
  color: #b0b0b0;
  border-color: #b0b0b0;
}

/* == Search == */

.search-overlay {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(2, 2, 2, 0.9);
  z-index: 7500;
  opacity: 0;
}

.search-overlay form {
  width: auto;
  padding: 50px 100px 50px 50px;
}

.search-overlay form input[type=text] {
  font-size: 4em;
  font-family: "Space Mono", monospace;
  border: none;
  background: none;
  box-shadow: none;
  color: #7ac46e;
  border-bottom: solid 2px #7ac46e;
  width: 100%;
  padding: 0.2em 0;
  line-height: 1.2;
  margin: 0 auto;
  outline: none;
}

.search-overlay form button {
  font-size: 1.5em;
}

.search-overlay.showing {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

/* == HERO == */

.hero {
  padding: 210px 0 70px;
  background: url(/img/hero-bg.jpg) no-repeat center center #26272b;
  background-size: cover;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.hero .container {
  position: relative;
  z-index: 179;
}

.hero .blog-featured-image {
  -webkit-filter: blur(8px);
  -moz-filter: blur(8px);
  -o-filter: blur(8px);
  -ms-filter: blur(8px);
  filter: blur(8px);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-repeat: center center;
  z-index: 180;
  opacity: 0.3;
}

.hero .blog-featured-image:before {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#27262a), to(rgba(39, 38, 42, 0)));
  background: linear-gradient(to bottom, #27262a 0%, rgba(39, 38, 42, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#27262a", endColorstr="#0027262a", GradientType=0);
  /* IE6-9 */
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 181;
}

.hero .featured-spacer {
  height: 4em;
}

.hero p {
  line-height: 1.625;
  color: #b4b3b3;
  max-width: 650px;
  margin: 0 auto 1.5em;
}

.hero p.tagline {
  margin-left: auto;
  margin-right: auto;
}

.hero .tagline {
  position: relative;
  z-index: 182;
  color: #e6be00;
  font-family: "Space Mono", monospace;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 0.875em;
  line-height: 1.5;
  margin: 0 0 1.75em;
  font-weight: 700;
}

.hero h1 {
  position: relative;
  z-index: 182;
  color: #fff;
  line-height: 1.1;
  font-weight: 500;
  font-size: 3.375em;
  margin: 0 0 0.6em;
}

.hero .bgvideowrapper {
  height: 100%;
  overflow: hidden;
}

.hero .bgvideofallback {
  position: absolute;
  width: 100vw;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: -2;
}

.hero #bgvideo {
  background: none !important;
  position: absolute;
  width: 100vw;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}

.hero .wistia_click_to_play {
  width: auto !important;
  height: auto !important;
}

.hero .vp-player-layout {
  width: 100%;
}

.hero .hero-subhead a:hover {
  color: #b6d9dc;
}

.hero.with-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hero.with-image::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.authorBio {
  padding: 75px 0;
}

.authorBio__wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.authorBio__photo {
  width: 300px;
  min-width: 300px;
  margin-right: 50px;
}

.authorBio__content {
  text-align: left;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}

.authorBio__content p {
  margin-left: 0;
  margin-right: 0;
}

.authorBio__content p.tagline {
  margin-left: 0;
  margin-right: 0;
}

.authorBio h1 {
  margin-bottom: 10px;
}

@media only screen and (max-width: 770px) {
  .authorBio {
    padding: 25px 0;
  }

  .authorBio__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .authorBio__photo {
    margin-bottom: 25px;
  }
}

body.hub .hero.hub {
  padding: 0;
}

body.hub .hero.hub .copy {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

body.hub .hero.hub .copy .hero-image {
  width: 350px;
  min-width: 350px;
  height: auto;
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 80px;
  padding-left: 30px;
  text-align: left;
}

body.hub .hero.hub .copy .hero-image .title {
  text-align: right;
  padding-right: 30px;
  position: relative;
  z-index: 1;
}

body.hub .hero.hub .copy .hero-image .title p {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 200;
}

body.hub .hero.hub .copy .hero-image .title::before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  right: 30px;
  width: 50px;
  border-top: 2px solid #52989e;
}

body.hub .hero.hub .copy .hero-image svg {
  width: 288px;
  height: 65px;
  display: inline;
  position: relative;
  z-index: 1;
}

body.hub .hero.hub .copy .hero-image svg .type {
  fill: #fff;
}

body.hub .hero.hub .copy .hero-image svg .mark {
  fill: #52989e;
}

body.hub .hero.hub .copy .hero-image img {
  position: absolute;
  top: 36px;
}

body.hub .hero.hub .copy .hero-image::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: linear-gradient(0.375turn, #52989e, #3f4d59);
  opacity: 0.7;
}

body.hub .hero.hub .copy .hero-text {
  padding: 70px 50px 20px 75px;
  -webkit-box-flex: 1;
          flex-grow: 1;
  text-align: left;
  background: -webkit-gradient(linear, left top, right top, color-stop(-25%, #466871), to(#222327));
  background: linear-gradient(to right, #466871 -25%, #222327);
}

body.hub .hero.hub .copy .hero-text h1 {
  margin-top: 45px;
  font-size: 60px;
  color: #e6be00;
}

@media only screen and (max-width: 500px) {
  body.hub .hero.hub .copy .hero-text {
    padding-top: 56px;
  }

  body.hub .hero.hub .copy .hero-text h1 {
    font-size: 40px;
  }

  body.hub .hero.hub .copy .hero-text p.subtitle {
    font-size: 1.9rem;
  }

  body.hub .hero.hub .copy .hero-text svg {
    width: 300px;
  }
}

@media only screen and (max-width: 1200px) {
  body.hub .hero.hub .copy .hero-image {
    display: none;
  }

  body.hub .hero.hub .copy .hero-text {
    padding-left: 30px;
    padding-right: 30px;
  }

  body.hub .hero.hub .copy .hero-text h1 {
    margin-top: 20px;
  }

  body.hub .hero.hub .copy .hero-text p.subtitle {
    display: block;
    margin: 0;
  }

  body.hub .hero.hub .copy .hero-text p.subtitle span {
    display: none;
  }
}

#home .hero {
  background: none;
}

#home .hero:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #26272b;
  z-index: 0;
  opacity: 0.65;
}

#home .hero .button.secondary {
  margin-left: 25px;
  margin-top: 0px;
}

@media only screen and (max-width: 770px) {
  #home .hero .button.secondary {
    margin-left: 0;
    margin-top: 10px;
  }

  #home .hero .button {
    display: block;
    float: left;
    clear: both;
  }
}

/* == MARKETO FORM STYLING == */

/* Sane Defaults */

.confirmation-text {
  display: none;
}

#MktoForms2XDIframe {
  visibility: hidden;
  position: absolute;
  display: block !important;
  height: 0;
}

body .mktoForm {
  font-size: 16px !important;
  width: auto !important;
  margin: 0 auto;
  padding: 0;
}

body .mktoForm * {
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  width: auto !important;
  padding: 0;
}

body .mktoForm .mktoFormCol {
  float: none;
}

body .mktoForm label.mktoLabel {
  float: none;
  line-height: 1.5;
  padding-top: 0;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  font-weight: 500;
  font-size: 1.2em;
  margin-bottom: 0.5em;
  display: none;
}

body .mktoForm .mktoAsterix {
  display: none;
}

body .mktoForm .mktoFieldWrap {
  float: none;
}

body .mktoForm .mktoRequiredField .mktoAsterix,
body .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
  display: inline-block;
  color: #e73e58;
  font-weight: 700;
  padding-left: 0;
  padding-right: 0;
  float: none;
}

body .mktoForm .mktoRequiredField label.mktoLabel,
body .mktoForm .mktoFormRow .mktoRequiredField label.mktoLabel {
  font-weight: 500;
  position: absolute;
  top: 0.2em;
  font-size: 1.5em;
  line-height: 1;
  right: 0.3em;
  z-index: 300;
  display: inline-block;
}

body .mktoForm .mktoField {
  float: none;
  font-size: 1em;
  line-height: 1.4;
}

body .mktoForm input[type=text],
body .mktoForm input[type=url],
body .mktoForm input[type=email],
body .mktoForm input[type=tel],
body .mktoForm input[type=number],
body .mktoForm input[type=date],
body .mktoForm textarea.mktoField,
body .mktoForm select.mktoField {
  padding: 1em;
  color: #232323;
  margin: 0 0 2em;
  line-height: 1.5;
  border: none;
  font-family: "Space Mono", monospace;
  width: 100% !important;
  background: #fff;
  height: auto;
  font-size: 1em;
  box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.1);
}

body .mktoForm select.mktoField {
  padding: 0.6em !important;
}

body .mktoForm textarea.mktoField {
  min-height: 150px;
}

body .mktoForm .mktoGutter,
body .mktoForm .mktoOffset {
  display: none;
}

body .mktoForm .mktoButtonWrap.mktoSimple .mktoButton,
body .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active,
body .mktoForm .mktoButtonWrap .mktoButton {
  color: #26272b;
  border: none;
  padding: 0.8em 2.6em !important;
  font-size: 1em;
  background: #52989e;
  font-family: "Space Mono", monospace;
  font-weight: 700;
  letter-spacing: 0.01em;
  margin: 0 0 2em;
}

body .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover,
body .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active:hover,
body .mktoForm .mktoButtonWrap .mktoButton:hover {
  border: none;
}

body .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus,
body .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active:focus,
body .mktoForm .mktoButtonWrap .mktoButton:focus {
  outline: none;
  border: none;
}

body .mktoForm .mktoButtonRow {
  display: block;
  width: auto;
  clear: both;
}

body .mktoForm span.mktoButtonWrap.mktoSimple {
  margin-left: 0 !important;
}

body .mktoForm .mktoFieldDescriptor.mktoFormCol {
  margin-bottom: 0 !important;
}

body .mktoForm .mktoError {
  position: absolute;
  top: 100% !important;
  right: auto !important;
  bottom: auto !important;
  left: 0 !important;
  z-index: 99;
  margin-top: -0.5em;
}

body .mktoForm .mktoError .mktoErrorMsg {
  background: #e73e58 !important;
  border: none;
  border-radius: 0;
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.2);
  color: #fff;
  display: block;
  font-size: 1em;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 16em;
  padding: 0.3em 1em;
  text-shadow: none;
}

body .mktoForm .mktoError .mktoErrorArrowWrap {
  display: none;
}

/* Marketo Demo Form, Monitoring, General MKTO Forms */

body #demo-form div.mktoFormRow,
body .modal-form div.mktoFormRow {
  width: 47.5% !important;
}

body #demo-form div.mktoFormRow:nth-of-type(odd),
body .modal-form div.mktoFormRow:nth-of-type(odd) {
  float: left;
  clear: left;
}

body #demo-form div.mktoFormRow:nth-of-type(even),
body .modal-form div.mktoFormRow:nth-of-type(even) {
  float: right;
  clear: right;
}

body #demo-form div.mktoFormRow:nth-of-type(7),
body .modal-form div.mktoFormRow:nth-of-type(7) {
  width: 100% !important;
  float: none !important;
}

.mktoFieldWrap.-checkbox .mktoLabel,
.mktoFieldWrap.-select .mktoLabel,
.mktoFieldWrap.-radio .mktoLabel {
  display: block !important;
  position: relative !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
}

.mktoRadioList label {
  margin-bottom: 0.5rem !important;
}

.mktoFieldWrap.-checkbox .mktoLabel {
  padding-left: 2rem;
}

.mktoForm .mktoHtmlText {
  margin-bottom: 1rem;
}

.mktoForm .mktoFormRow fieldset legend {
  margin-left: 0;
}

body .mktoForm label.mktoLabel {
  font-size: 1rem;
}

.mktoHtmlText p,
.mktoHtmlText span {
  line-height: 1.4;
  font-size: 12px;
  font-family: "Proxima Nova", "proxima-nova", sans-serif !important;
}

body .mktoForm .mktoFieldWrap.-checkbox,
body .mktoForm .mktoFieldWrap.-radio {
  margin-bottom: 1rem;
  float: left;
}

.mktoRadioList {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
}

.mktoForm .mktoFormRow .mktoRadioList label {
  width: calc(100% - 30px) !important;
  margin-left: 13px !important;
  margin-bottom: 1rem;
  font-size: 0.875rem;
}

.mktoCheckboxList {
  position: absolute;
  top: -6px;
  left: 0;
}

body #demo-form,
body .modal-form {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  visibility: hidden;
  position: fixed;
  background: rgba(82, 152, 158, 0);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 50px;
  z-index: 5000;
}

body #demo-form:before,
body .modal-form:before {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transform: translate(-50%, -100%) scale(1, 1);
  transform: translate(-50%, -100%) scale(1, 1);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 300px;
  height: 300px;
  border-radius: 9000px;
  background-color: #e73e58;
  z-index: 5100;
}

body #demo-form .mktoForm label.mktoLabel,
body .modal-form .mktoForm label.mktoLabel {
  color: #f0f0f0;
}

body #demo-form .mktoForm,
body .modal-form .mktoForm {
  margin-bottom: 0;
}

body #demo-form .container,
body .modal-form .container {
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px);
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  padding-top: 5em;
  padding-bottom: 2em;
  z-index: 5200;
  opacity: 0;
}

body #demo-form .container > h2,
body .modal-form .container > h2 {
  color: #fff;
}

body #demo-form .container .confirmation-text > h3,
body .modal-form .container .confirmation-text > h3 {
  color: #fff;
}

body.demo-showing {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
}

body.demo-showing #demo-form {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  background: rgba(38, 39, 43, 0.95);
  visibility: visible;
}

body.demo-showing #demo-form .container {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
}

body.demo-showing #demo-form .overflow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}

body.demo-showing #demo-form:before {
  -webkit-transform: translate(-50%, -50%) scale(8, 8);
  transform: translate(-50%, -50%) scale(8, 8);
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  background: rgba(64, 77, 86, 0.25);
}

body.monitoring-showing {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
}

body.monitoring-showing #monitoring-form {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  background: rgba(38, 39, 43, 0.95);
  visibility: visible;
}

body.monitoring-showing #monitoring-form .container {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.5s ease-out 0.1s;
  transition: all 0.5s ease-out 0.1s;
}

body.monitoring-showing #monitoring-form .overflow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}

body.monitoring-showing #monitoring-form:before {
  -webkit-transform: translate(-50%, -50%) scale(8, 8);
  transform: translate(-50%, -50%) scale(8, 8);
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  background: rgba(64, 77, 86, 0.25);
}

/* == BASE DEFAULTS == */

.white-feature h2 {
  font-size: 3.3rem !important;
  color: #52989e;
  margin-bottom: 25px;
}

.white-feature p {
  font-size: 1.1rem;
}

.white-feature .columns .image img {
  max-width: none;
  width: 60%;
}

.white-feature .content {
  padding-right: 0;
}

.white-feature .content {
  padding-top: 0;
  padding-bottom: 0;
}

.white-feature .content ul {
  padding-left: 30px;
}

.white-feature .content ul li {
  list-style-type: none !important;
  font-size: 1.1rem;
}

.white-feature .content ul li::before {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F105";
  color: #52989e;
  font-size: 1.8rem;
  top: -3px;
  left: -25px;
  font-weight: 800;
}

.white-feature .content ul li:before {
  background-color: transparent;
}

.none p {
  font-size: 1.1rem;
}

.gray-feature h2 {
  font-size: 3.7rem;
  margin-bottom: 0.7rem;
}

.gray-feature p,
.gray-feature ul li {
  font-size: 1.1rem;
}

.gray-feature .columns .image {
  position: relative;
}

.gray-feature .columns .image img {
  position: absolute;
  left: 0;
  bottom: -50px;
  right: 0;
  max-width: none;
  width: 130%;
}

.gray-feature .content {
  padding-right: 0;
}

.gray-feature .content {
  padding-top: 0;
  padding-bottom: 0;
}

.gray-feature .content ul {
  padding-left: 30px;
}

.gray-feature .content ul li {
  list-style-type: none !important;
  font-size: 1.1rem;
}

.gray-feature .content ul li::before {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F105";
  color: #52989e;
  font-size: 1.8rem;
  top: -3px;
  left: -25px;
  font-weight: 800;
}

.gray-feature .content ul li:before {
  background-color: transparent;
}

.video-feature {
  padding-top: 100px;
  background: #f4f4f4;
}

.video-feature .container {
  position: relative;
  padding-bottom: 254px;
  margin-bottom: 400px;
}

.video-feature h2,
.video-feature p {
  text-align: center;
}

.video-feature h4 {
  font-family: "Caslon", serif;
  font-size: 1.7rem;
  color: #000;
  margin-left: -80px;
  margin-right: -80px;
  margin-top: 25px;
  text-align: center;
}

.video-feature .wistia-embed {
  position: absolute;
  max-width: 700px;
  bottom: -305px;
  left: 0;
  right: 0;
  margin: auto;
}

.image-list {
  max-width: 1200px;
}

.image-list .columns img {
  width: 90px;
}

.image-list h2 {
  color: #52989e;
}

.image-list .columns > div > .columns {
  margin-bottom: 50px;
}

.image-list .columns > div > .columns div:first-child {
  width: 147px;
}

.image-list .columns > div > .columns div:nth-child(2) {
  font-size: 18px;
}

.feature-blocks {
  padding: 100px 0;
}

.feature-blocks .container {
  max-width: 1200px;
}

.feature-blocks h2,
.feature-blocks .short-description {
  text-align: center;
}

.feature-blocks p {
  font-size: 18px;
}

.feature-blocks .short-description {
  margin-bottom: 50px;
}

.feature-blocks .description {
  text-align: center;
}

.feature-blocks .description h3 {
  font-size: 1.35rem;
}

.feature-blocks .description p {
  font-size: 1rem;
}

.feature-blocks .columns .speaker {
  width: calc(33% - 50px);
  margin-right: 75px;
  position: relative;
  padding-bottom: 50px;
}

.feature-blocks .columns .speaker img {
  max-width: 200px;
  margin: auto;
}

.feature-blocks .columns .speaker .photo {
  margin-bottom: 50px;
}

.feature-blocks .columns .speaker:nth-child(3n) {
  margin-right: 0;
}

.feature-blocks .columns .speaker p.button-container {
  text-align: center;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: inherit;
}

.feature-blocks .columns .speaker a.button {
  padding: 0.4em 1.3em;
  color: white;
  font-weight: 200;
}

.feature-blocks .columns {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
}

.gray-text-alone {
  padding: 100px 0;
  background: #f4f4f4;
  position: relative;
  max-width: none;
}

.gray-text-alone .columns {
  max-width: 1200px;
  margin: auto;
  padding: 50px 25px;
}

.gray-text-alone p strong {
  font-family: "Caslon", serif;
  font-size: 1.5rem;
  margin-top: 12.5px;
  display: block;
  margin-top: 40px;
}

.gray-text-alone p {
  margin-bottom: 12.5px;
}

.icon-lead-ins {
  margin: 62.5px 0 87.5px;
}

.icon-lead-ins ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding-left: 0;
  list-style: none;
  width: 100%;
  margin: 0;
}

.icon-lead-ins ul > * {
  display: table-cell;
  vertical-align: top;
}

.icon-lead-ins ul > hr {
  display: table-cell;
  width: 100px;
  margin: 0;
  padding: 0;
  border: none;
}

.icon-lead-ins ul.fluid {
  table-layout: auto;
  width: 100%;
}

.icon-lead-ins ul.fluid .fixed-cell {
  width: 1%;
  white-space: nowrap;
}

.icon-lead-ins ul li:before {
  display: none;
}

.icon-lead-ins ul li {
  text-align: center;
  vertical-align: bottom;
}

.icon-lead-ins ul li img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  margin: 0 auto 1em;
}

.icon-lead-ins ul li strong {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  display: block;
  line-height: 1;
  font-size: 1.275em;
  color: #232323;
  font-family: "Caslon", serif;
  font-weight: 700;
  position: relative;
}

.icon-lead-ins ul li:hover img {
  -webkit-transform: translate(0, -10px) scale(1.1, 1.1);
  transform: translate(0, -10px) scale(1.1, 1.1);
}

.icon-lead-ins ul li:hover strong {
  color: #52989e;
}

.platform-lead-ins {
  padding: 125px 0 150px;
}

.platform-lead-ins .container > h2,
.platform-lead-ins .container > p {
  text-align: center;
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}

.platform-lead-ins .container > p {
  line-height: 1.75;
  margin-bottom: 75px;
}

.platform-lead-ins .icon-items {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-align: stretch;
          align-items: stretch;
}

.platform-lead-ins .icon-items a {
  width: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-bottom: 0;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 30px;
  padding-top: 70px;
  text-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.platform-lead-ins .icon-items a > div {
  max-width: 350px;
  text-align: center;
  margin: auto;
}

.platform-lead-ins .icon-items a .icon {
  text-align: center;
  transform: none;
  -webkit-transform: none;
  margin-bottom: 0;
  margin-top: 0;
}

.platform-lead-ins .icon-items a .icon img {
  width: 114px;
}

.platform-lead-ins .icon-items a .icon::after {
  top: 50%;
  left: 50%;
  right: 0;
  height: 70%;
  width: 1px;
}

.platform-lead-ins .icon-items a .content {
  margin-top: 0;
}

.platform-lead-ins .icon-items a .content p {
  padding-right: 0;
}

.platform-lead-ins .icon-items a:nth-child(even) .icon,
.platform-lead-ins .icon-items a:nth-child(even) .content {
  -webkit-transform: none;
          transform: none;
}

.platform-lead-ins .icon-items a:nth-child(even) {
  padding-left: 25px;
}

.platform-lead-ins .icon-items a:nth-child(odd) {
  border-right: 1px solid #d7d7d7;
  padding-right: 25px;
}

.platform-lead-ins .icon-items a:nth-last-of-type(-n+2) {
  border-bottom: none;
  padding-bottom: 0;
}

.platform-lead-ins .icon-items a:nth-child(1),
.platform-lead-ins .icon-items a:nth-child(2) {
  padding-top: 0;
}

.platform-lead-ins .icon-items.odd-layout a:nth-last-of-type(-n+2) {
  border-bottom: 1px solid #d7d7d7;
  padding-top: 70px;
}

.platform-lead-ins .icon-items.odd-layout a:last-child {
  border-bottom: none;
  border-right: none;
}

@media only screen and (max-width: 770px) {
  .platform-lead-ins .icon-items a {
    width: 100%;
    border-bottom: none;
    padding-top: 0;
  }

  .platform-lead-ins .icon-items a:nth-child(even) {
    padding-left: 0;
  }

  .platform-lead-ins .icon-items a:nth-child(odd) {
    padding-right: 0;
    border-right: none;
  }

  .platform-lead-ins .icon-items a:nth-child(1),
  .platform-lead-ins .icon-items a:nth-child(2),
  .platform-lead-ins .icon-items a:nth-last-of-type(-n+2) {
    padding-top: 0;
  }

  .platform-lead-ins .icon-items.odd-layout a:nth-last-of-type(-n+2) {
    border-bottom: none;
    padding-top: 0;
  }
}

.icon-items a {
  display: block;
  position: relative;
  max-width: 660px;
  margin: 0 auto 75px;
}

.icon-items a:before,
.icon-items a:after {
  content: "";
  display: table;
}

.icon-items a:after {
  clear: both;
}

.icon-items a .icon {
  -webkit-transform: translate(40px, 0);
  transform: translate(40px, 0);
  float: right;
  position: relative;
}

.icon-items a .icon img {
  position: relative;
  z-index: 50;
  width: 184px;
}

.icon-items a .icon:after {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #b6c2cc;
  z-index: 100;
}

.icon-items a .content {
  max-width: 400px;
}

.icon-items a .content h3 {
  padding-top: 1.33em;
  font-size: 1.75em;
  line-height: 1.36;
  color: #232323;
  margin-bottom: 0.65em;
}

.icon-items a .content p {
  color: #232323;
  padding-right: 40px;
  margin-bottom: 2.5em;
}

.icon-items a:nth-child(even) .icon {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  float: left;
}

.icon-items a:nth-child(even) .icon:after {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
}

.icon-items a:nth-child(even) .content {
  -webkit-transform: translate(40px, 0);
  transform: translate(40px, 0);
  float: right;
}

.industries .icon-items .icon img {
  width: 220px;
}

.industries .icon-items .icon:after {
  display: none;
}

.call-to-action {
  background: #26272b;
  color: #d4d4d4;
}

.call-to-action .columns {
  max-width: 1400px;
  margin: 0 auto;
}

.call-to-action .columns h4 {
  width: 37.5px;
}

.call-to-action .tagline {
  margin-bottom: 1em;
  padding-top: 10px;
}

.call-to-action h2 {
  color: #fff;
  font-size: 2em;
}

.call-to-action p {
  line-height: 1.75;
}

.call-to-action .content {
  padding: 100px 0 100px 165px;
  vertical-align: middle;
}

.call-to-action .content p:not(.tagline) {
  font-size: 1.1em;
}

.call-to-action .image {
  width: 55%;
  vertical-align: bottom;
  padding-top: 50px;
}

.call-to-action .image img {
  width: 100%;
}

.featured-resource,
.case-study {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #404d56;
  color: #c3c3c3;
}

.featured-resource > *,
.case-study > * {
  display: table-cell;
  vertical-align: top;
}

.featured-resource > hr,
.case-study > hr {
  display: table-cell;
  width: 100px;
  margin: 0;
  padding: 0;
  border: none;
}

.featured-resource.fluid,
.case-study.fluid {
  table-layout: auto;
  width: 100%;
}

.featured-resource.fluid .fixed-cell,
.case-study.fluid .fixed-cell {
  width: 1%;
  white-space: nowrap;
}

.featured-resource .visual,
.case-study .visual {
  background-position: top right;
  background-repeat: repeat-y;
  overflow: hidden;
  background-color: #e6be00;
}

.featured-resource .visual .position,
.case-study .visual .position {
  width: 288px;
  float: right;
  margin: 75px 100px 50px 0;
}

.featured-resource .visual .cover,
.case-study .visual .cover {
  position: relative;
  width: 100%;
}

.featured-resource .visual .cover:before,
.featured-resource .visual .cover:after,
.case-study .visual .cover:before,
.case-study .visual .cover:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 50;
  background: url(/img/assets/shadow.png) no-repeat center center;
  background-size: 100% 100%;
}

.featured-resource .visual .cover:before,
.case-study .visual .cover:before {
  top: 40%;
  right: 0px;
  bottom: -55px;
  left: -15px;
}

.featured-resource .visual .cover:after,
.case-study .visual .cover:after {
  background-image: url(/img/assets/pages.png);
  top: 0;
  left: 100%;
  bottom: 0;
  width: 10px;
}

.featured-resource .visual .cover img,
.case-study .visual .cover img {
  z-index: 100;
  position: relative;
  width: 100%;
}

.featured-resource .content,
.case-study .content {
  width: 60%;
  padding: 75px 50px 85px 100px;
}

.featured-resource .content .position,
.case-study .content .position {
  max-width: 500px;
}

.featured-resource h2,
.case-study h2 {
  color: #fff;
  line-height: 1.18;
  font-size: 2em;
  margin-bottom: 0.6em;
  font-weight: 700;
}

.list.tour .button:hover:before {
  -webkit-transform: none;
          transform: none;
}

.case-study .visual {
  background-size: cover;
  background-position: right center;
}

.case-study .visual .position {
  margin-bottom: 75px;
}

.case-study .visual .cover {
  box-shadow: 20px 30px 40px rgba(0, 0, 0, 0.3);
}

.case-study .visual .cover:before,
.case-study .visual .cover:after {
  display: none;
}

.case-study .content .testimonial p.quote,
.cd-testimonial p.quote {
  position: relative;
  font-size: 1.5em;
  font-family: "Caslon", serif;
  font-style: italic;
  font-weight: 400;
  color: #fff;
  line-height: 1.42;
  padding-top: 0.6em;
  letter-spacing: 0.025em;
}

.case-study .content .testimonial p.quote:before,
.case-study .content .testimonial p.quote:after,
.cd-testimonial p.quote:before,
.cd-testimonial p.quote:after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(/img/assets/quote-closing.png) no-repeat center center/contain;
}

.case-study .content .testimonial p.quote:before,
.cd-testimonial p.quote:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  position: absolute;
  top: 0.2em;
  right: 100%;
  margin-right: 1em;
}

.case-study .content .testimonial p.quote:after,
.cd-testimonial p.quote:after {
  display: inline;
  padding: 8px 32px 0 0;
  line-height: 1px;
  position: relative;
  line-height: 1;
  margin-left: 0.5em;
  top: 0.45em;
}

.case-study .content .testimonial .attribute,
.cd-testimonial .attribute {
  margin-bottom: 2em;
}

.case-study .content .testimonial .attribute:before,
.case-study .content .testimonial .attribute:after,
.cd-testimonial .attribute:before,
.cd-testimonial .attribute:after {
  content: "";
  display: table;
}

.case-study .content .testimonial .attribute:after,
.cd-testimonial .attribute:after {
  clear: both;
}

.case-study .content .testimonial .attribute .headshot,
.cd-testimonial .attribute .headshot {
  float: left;
  width: 77px;
  height: 77px;
  overflow: hidden;
  border-radius: 900px;
  overflow: hidden;
  top: -1em;
  position: relative;
  margin-right: 2em;
}

.case-study .content .testimonial .attribute .headshot img,
.cd-testimonial .attribute .headshot img {
  width: 77px;
  height: auto;
}

.case-study .content .testimonial .attribute p,
.cd-testimonial .attribute p {
  overflow: hidden;
}

.case-study .content .testimonial .attribute p strong,
.cd-testimonial .attribute p strong {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  color: #e6be00;
  font-family: "Space Mono", monospace;
  display: block;
}

.case-study .content .testimonial .attribute p em,
.cd-testimonial .attribute p em {
  font-size: 0.875em;
  color: #ddd;
  font-style: normal;
  letter-spacing: 0.125em;
  display: block;
}

.blog#blog .grid h3 {
  color: black;
}

.grid:before,
.grid:after {
  content: "";
  display: table;
}

.grid:after {
  clear: both;
}

.grid > a,
.grid > div {
  width: 27%;
  margin: 50px 8% 50px 0;
  display: block;
  float: left;
  clear: right;
}

.grid > a h3,
.grid > div h3 {
  color: #fff;
  line-height: 1.36;
  font-size: 1.375em;
}

.grid > a:nth-child(3n),
.grid > div:nth-child(3n) {
  margin-right: 0;
}

.grid > a:nth-child(3n+1),
.grid > div:nth-child(3n+1) {
  clear: left;
}

.grid > a .meta,
.grid > div .meta {
  font-size: 1em;
  color: #52989e;
  font-family: "Space Mono", monospace;
}

.grid.equal-widths {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding-bottom: 3em;
}

.grid.equal-widths > * {
  display: table-cell;
  vertical-align: top;
}

.grid.equal-widths > hr {
  display: table-cell;
  width: 100px;
  margin: 0;
  padding: 0;
  border: none;
}

.grid.equal-widths.fluid {
  table-layout: auto;
  width: 100%;
}

.grid.equal-widths.fluid .fixed-cell {
  width: 1%;
  white-space: nowrap;
}

.grid.equal-widths > a,
.grid.equal-widths > a:nth-child(3n),
.grid.equal-widths > a:nth-child(3n+1),
.grid.equal-widths > div,
.grid.equal-widths > div:nth-child(3n),
.grid.equal-widths > div:nth-child(3n+1) {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

.grid.equal-widths > hr {
  width: 75px;
}

.grid.equal-widths > hr:first-child {
  display: none;
}

.feature-grid {
  background: url(/img/backgrounds/gray-galaxy.jpg) no-repeat center center #eae8e8;
  background-size: cover;
  background-attachment: fixed;
  padding: 100px 0;
  position: relative;
}

.feature-grid:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(234, 232, 232, 0)), to(#e2e2e2));
  background: linear-gradient(to bottom, rgba(234, 232, 232, 0) 0%, #e2e2e2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00eae8e8", endColorstr="#e2e2e2", GradientType=0);
  /* IE6-9 */
}

.feature-grid .container {
  max-width: 1500px;
  padding-left: 100px;
  padding-right: 100px;
}

.feature-grid .features {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  position: relative;
  z-index: 10;
}

.feature-grid .features .feature {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  flex-basis: 50%;
  max-width: 50%;
  background-color: #fff;
  box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.1);
  display: inline-block;
  position: relative;
  padding: 50px;
  align-self: flex-start;
  font-size: 1.2em;
  position: relative;
}

.feature-grid .features .feature:hover {
  box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.3);
}

.feature-grid .features .feature.has-icon {
  padding-left: 87.5px;
}

.feature-grid .features .feature.has-icon .icon {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100px;
  position: absolute;
  top: 25px;
  left: 0;
}

.feature-grid .features .feature.has-icon:nth-child(even) {
  padding-left: 50px;
  padding-right: 87.5px;
}

.feature-grid .features .feature.has-icon:nth-child(even) .icon {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  right: 0;
}

.feature-grid .features .feature:nth-child(1),
.feature-grid .features .feature:nth-child(2) {
  align-self: stretch;
}

.feature-grid .features .feature:nth-child(1).media,
.feature-grid .features .feature:nth-child(2).media {
  align-self: flex-start;
}

.feature-grid .features .feature:nth-child(even) {
  top: 100px;
}

.feature-grid .features .feature.media {
  background-color: #26272b;
  color: #b4b3b3;
  margin-right: -50px;
  align-self: flex-start;
  margin-bottom: 50px;
}

.feature-grid .features .feature.media p {
  margin: 0;
}

.feature-grid .features .feature.media .content .responsive-iframe {
  position: relative;
}

.feature-grid .features .feature.media .content .responsive-iframe:after {
  content: "";
  display: block;
  position: relative;
  z-index: 50;
  padding-bottom: 56.25%;
}

.feature-grid .features .feature.media .content .responsive-iframe iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.feature-grid .features .feature.media.video {
  padding: 0;
}

.feature-grid .features .feature:nth-child(1) {
  z-index: 40;
}

.feature-grid .features .feature:nth-child(2) {
  z-index: 30;
}

.feature-grid .features .feature:nth-child(3) {
  z-index: 20;
}

.feature-grid .features .feature:nth-child(4) {
  z-index: 10;
}

.highlights {
  padding: 75px 0;
  background: url(/img/backgrounds/logo-textured.jpg) no-repeat center center/cover;
  position: relative;
}

.highlights:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #26272b;
  opacity: 0.5;
  z-index: 10;
}

.highlights .container {
  max-width: none;
  padding-left: 100px;
  padding-right: 100px;
  position: relative;
  z-index: 20;
}

.highlights .container > h2 {
  font-weight: 700;
  color: #e6be00;
  margin-bottom: 1.2em;
}

.highlights .highlight p {
  margin: 0;
  padding-top: 1em;
  position: relative;
  border-right: none;
  border-bottom: none;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.75em;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
}

.highlights .highlight p:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100px;
  height: 6px;
  background-color: #52989e;
  left: 0;
}

.highlights .highlight p strong {
  color: #fff;
  font-weight: 700;
}

.intro-pair {
  background: #ebeaeb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ebeaeb), to(white));
  background: linear-gradient(to right, #ebeaeb 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebeaeb", endColorstr="#ffffff", GradientType=1);
  /* IE6-9 */
  position: relative;
}

.intro-pair .intro-copy {
  font-size: 1.5em;
  padding: 3em 50% 3em 0;
}

.intro-pair .intro-image {
  top: -25px;
  right: 0;
  bottom: 0;
  left: 50%;
  position: absolute;
}

.intro-pair .intro-image img {
  width: auto;
  max-width: none;
  height: 100%;
}

/* == CONTENT DESIGNER == */

.image-with-text {
  padding: 50px;
}

.image-with-text .video-embed + .content {
  padding-top: 0;
  padding-bottom: 0;
}

.image-with-text .image {
  text-align: center;
}

.image-with-text .image img {
  max-width: 300px;
  margin: 0 auto;
}

.image-with-text .content {
  padding: 4em 0 4em 50px;
  vertical-align: middle;
}

.image-with-text .tagline {
  margin-bottom: 1em;
}

.image-with-text h2 {
  font-size: 2em;
  line-height: 1.167;
  font-weight: 700;
  margin-bottom: 1em;
}

.image-with-text .button-container {
  margin-top: 2.5em;
}

.image-with-text.pos-right .content {
  padding: 4em 50px 4em 0;
}

.image-with-text.style-light-gray {
  background: #ebeaea;
}

.image-with-text.style-white {
  background: #fff;
}

.image-with-text.simple .image img {
  max-width: 100%;
}

.image-with-text.simple .content {
  vertical-align: top;
  padding-top: 0;
  padding-bottom: 0;
}

.marketo-columns {
  background-color: #f0f0f0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: stretch;
          align-items: stretch;
  position: relative;
  padding: 0;
}

.marketo-columns .image-with-text {
  padding: 50px;
}

.marketo-columns .image-with-text .container {
  width: 60%;
  margin-left: auto;
  margin-right: 0;
  padding: 50px;
}

.marketo-columns .image div {
  padding-right: 50px;
  max-width: 360px;
  margin-right: 0;
  margin-left: 0;
  margin: auto;
}

.marketo-columns .image img {
  max-width: none;
  width: 100%;
}

.marketo-columns .container {
  width: 60%;
  margin-left: auto;
  margin-right: 0;
  padding: 50px;
}

.marketo-columns .content {
  vertical-align: top;
  padding: 0;
}

.marketo-columns .content ul {
  padding-left: 0;
}

.marketo-columns .content ul li {
  background: url("/img/icons/ssc_close_button_nox.png") no-repeat left top;
  padding-left: 40px;
}

.marketo-columns .content ul li:before {
  display: none;
}

.marketo-columns .content p {
  color: #6b6a6a;
}

.marketo-columns .content.no-image {
  max-width: 850px;
  display: block;
  margin-right: 0;
  margin-left: auto;
}

.marketo-columns .form-wrap {
  width: 40%;
  padding-bottom: 50px;
}

.marketo-columns .bold-bullets.container ol {
  margin: 0 0 1.5em;
  padding: 0;
  counter-reset: item;
}

.marketo-columns .bold-bullets.container ol > li {
  margin: 0;
  margin-bottom: 12.5px;
  padding: 0 0 0 2em;
  text-indent: -1.5em;
  list-style-type: none;
  counter-increment: item;
}

.marketo-columns .bold-bullets.container ol > li:before {
  display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}

.marketo-columns .wrap-dark {
  background-color: #52989e;
}

.marketo-columns .wrap-dark .mktoLabel,
.marketo-columns .wrap-dark .mktoHtmlText,
.marketo-columns .wrap-dark .mktoForm .mktoFormRow fieldset legend {
  color: #fff;
}

.marketo-columns .dark.form {
  padding-top: 50px;
  color: white;
}

.marketo-columns .dark.form h1,
.marketo-columns .dark.form h2,
.marketo-columns .dark.form h3,
.marketo-columns .dark.form h4,
.marketo-columns .dark.form h5 {
  color: white;
}

.marketo-columns .dark.form .mktoButtonRow button.mktoButton {
  background-color: #e73e58;
  color: white;
}

.marketo-columns .form {
  text-align: left;
  max-width: 600px;
  width: 100%;
  padding: 50px;
  padding-top: 50px;
  margin-left: 0;
  margin-right: auto;
}

.marketo-columns .form .mktoButtonRow {
  text-align: center !important;
}

.marketo-columns .form .mktoButtonRow button.mktoButton {
  background-color: #e73e58;
  color: white;
}

.marketo-columns .form form {
  max-width: 600px !important;
  margin: 0 !important;
}

.speakers .columns {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}

.speakers .columns .speaker {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  width: 46%;
  margin-bottom: 50px;
}

.speakers .columns .speaker .photo {
  width: 27%;
}

.speakers .columns .speaker .photo img {
  min-width: 100%;
}

.speakers .columns .speaker .description {
  width: 73%;
  margin-left: 25px;
}

.speakers .columns .speaker .description .title {
  color: #52989e;
  font-family: "Space Mono", monospace;
  font-weight: 100;
  font-size: 1.1em;
}

.speakers .columns .speaker .description h3 {
  line-height: 0.7;
  font-weight: 300;
  margin-bottom: 5px;
}

.speakers .columns.center-align .speaker {
  width: 100%;
}

.speakers .button-container {
  text-align: center;
  margin-bottom: 50px;
}

.speakers .button-container a.button {
  background-color: #e73e58;
  color: white;
  font-size: 1.2em;
  font-weight: 200;
  padding: 0.8em 5em;
}

.speakers h2 {
  text-align: center;
  margin: 75px 0;
}

.light-gray {
  background-color: #ebeaea;
}

.paddedTopAndBottom {
  padding-top: 75px;
  padding-bottom: 75px;
}

.paddedTopOnly {
  padding-top: 75px;
}

.paddedBottomOnly {
  padding-bottom: 75px;
}

.faqs {
  background: #e6e6e6;
  padding: 100px 0 50px 0;
}

.faqs .anchor {
  margin-top: -161px;
  margin-bottom: 161px;
  display: block;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.faqs .container {
  max-width: 1240px;
}

.faqs .container h2 {
  text-align: center;
  font-size: 3.2rem;
  margin-bottom: 100px;
}

.faqs .container .faq-tiles {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
}

.faqs .container .faq-tiles .faq-tile {
  width: calc(50% - 25px);
  background: #fff;
  margin-bottom: 25px;
  overflow: hidden;
  max-height: 75px;
  -webkit-transition: max-height 250ms;
  transition: max-height 250ms;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.faqs .container .faq-tiles .faq-tile .question {
  width: 100%;
  height: 75px;
  margin-bottom: 0;
  font-size: 1.15rem;
  font-weight: 600;
  padding: 0 75px 0 25px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  position: relative;
  cursor: pointer;
}

.faqs .container .faq-tiles .faq-tile .question::after {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F107";
  position: absolute;
  font-weight: 800;
  color: #52989e;
  font-size: 2.6rem;
  top: 18px;
  right: 20px;
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
}

.faqs .container .faq-tiles .faq-tile .question p {
  margin-bottom: 0;
}

.faqs .container .faq-tiles .faq-tile .answer {
  padding: 25px;
  padding-top: 0;
}

.faqs .container .faq-tiles .faq-tile .answer p:last-child {
  margin-bottom: 0;
}

.faqs .container .faq-tiles .faq-tile .answer p {
  font-size: 1.1rem;
}

.faqs .container .faq-tiles .faq-tile.open {
  max-height: 1500px;
}

.faqs .container .faq-tiles .faq-tile.open .question::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.content-designer .image-grid {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
}

.content-designer .image-grid img {
  width: 14.285%;
  position: relative;
  height: auto;
  height: 14.285vw;
}

.content-designer .cd-testimonial {
  padding: 3em 0 1.5em;
  background-color: #404d56;
}

.content-designer .cd-testimonial p.quote {
  font-size: 2em;
}

.content-designer .cd-testimonial p.quote:before {
  margin-right: 0.5em;
}

.content-designer .simple-resource {
  max-width: 1100px;
  margin: auto;
  position: relative;
}

.content-designer .simple-resource .simple-resource-detail {
  padding: 50px 100px;
  padding-right: 175px;
  width: 90%;
  background-color: rgba(82, 152, 158, 0.1);
}

.content-designer .simple-resource .simple-resource-detail h6 {
  font-family: "Caslon", serif;
  color: #52989e;
  font-size: 1.5em;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 25px;
}

.content-designer .simple-resource .simple-resource-detail a.button {
  font-size: 0.8em;
}

.content-designer .simple-resource .simple-resource-detail.no-image {
  width: 100%;
  text-align: center;
  padding-right: 100px;
}

.content-designer .simple-resource .simple-resource-image {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -25px;
}

.content-designer .simple-resource .simple-resource-image a {
  max-width: 300px;
}

.content-designer .simple-resource .simple-resource-image a img {
  width: 100%;
}

.content-designer .pull-quote {
  width: 100%;
  max-width: 850px;
  margin-left: 50px;
  margin-right: 50px;
  margin: auto;
  color: #e6be00;
  padding-top: 25px;
  border-top: 2px solid rgba(230, 190, 0, 0.5);
  border-bottom: 2px solid rgba(230, 190, 0, 0.5);
  margin-bottom: 50px;
  font-family: "Space Mono", monospace;
  font-weight: 800;
}

.content-designer .single-image {
  max-width: 950px;
  width: 100%;
  margin: auto;
}

.content-designer .single-image img {
  width: 100%;
}

.content-designer .solution-intro {
  text-align: center;
  padding: 80px 0;
}

.content-designer .solution-intro .container {
  max-width: 900px;
}

.content-designer .solution-intro img {
  margin: 0 auto 1.5em;
  width: 130px;
}

.content-designer .solution-intro h2 {
  font-weight: 700;
  padding-bottom: 0.8em;
  position: relative;
  max-width: 700px;
  margin: 0 auto 1em;
}

.content-designer .solution-intro h2 em,
.content-designer .solution-intro h2 i {
  font-style: italic;
}

.content-designer .solution-intro h2:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 86px;
  height: 3px;
  background: #cdac07;
  margin-left: -43px;
}

.content-designer .solution-intro p {
  font-size: 1.125em;
  line-height: 1.44;
}

.content-designer.industry-solution .solution-intro img {
  width: 250px;
  margin-bottom: 3em;
  margin-top: -2em;
}

.content-designer .designer-cta {
  text-align: center;
  padding: 125px 0;
  font-size: 1.125em;
}

.content-designer .designer-cta a:not(.button) {
  font-weight: 700;
  text-decoration: underline;
}

.content-designer .designer-cta ul {
  padding-left: 0;
  list-style: none;
}

.content-designer .designer-cta ul li:before {
  display: none;
}

.content-designer .designer-cta .container {
  max-width: 850px;
}

.content-designer .designer-cta .button-container {
  margin-top: 2em;
  margin-bottom: 0;
}

.content-designer .designer-cta.style-blue-hex {
  background: url(/img/backgrounds/blue-hex.jpg) no-repeat center center #52989e;
  background-size: cover;
  color: #fff;
}

.content-designer .designer-cta.style-blue-hex a:not(.button) {
  color: #fff;
}

.content-designer .designer-cta.style-blue-hex h2 {
  color: #fff;
  font-size: 2.66em;
  font-weight: 700;
  margin-bottom: 1em;
}

.content-designer .designer-cta.style-blue-hex .button-container .button {
  background-color: #404d56;
  color: #52989e;
}

.content-designer .designer-cta.style-white-triangles {
  background-image: url(/img/backgrounds/triangles-top.gif), url(/img/backgrounds/triangles.jpg);
  background-position: top center, bottom center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: #fff;
}

.content-designer .designer-cta.style-white-triangles a:not(.button) {
  color: #52989e;
}

.content-designer .designer-cta.style-white-triangles p {
  color: #26272b;
}

.content-designer .designer-cta.style-universe {
  background: url(/img/backgrounds/galaxy.jpg) no-repeat center center #26272b;
  background-size: cover;
}

.content-designer .designer-cta.style-universe h2 {
  color: #fff;
  font-size: 2.66em;
  font-weight: 700;
  margin-bottom: 1em;
}

.content-designer .designer-cta.style-universe p {
  color: #f0f0f0;
}

.content-designer .designer-cta.style-innovation {
  background: #e6be00;
}

.content-designer .designer-cta.style-innovation a:not(.button) {
  color: #010000;
}

.content-designer .designer-cta.style-innovation h2 {
  color: #ss-dark;
  font-size: 2.66em;
  font-weight: 700;
  margin-bottom: 1em;
}

.content-designer .designer-cta.style-innovation p {
  color: #675500;
}

.content-designer .designer-cta.style-blue {
  background: #52989e;
}

.content-designer .designer-cta.style-blue a:not(.button) {
  color: #fff;
}

.content-designer .designer-cta.style-blue h2 {
  color: #fff;
  font-size: 2.66em;
  font-weight: 700;
  margin-bottom: 1em;
}

.content-designer .designer-cta.style-blue p {
  color: #fff;
}

.content-designer .designer-cta.style-condensed {
  background: url(/img/backgrounds/galaxy.jpg) no-repeat center center #26272b;
  background-size: cover;
  max-width: 100%;
  margin-bottom: 50px;
  padding: 25px;
  padding-top: 36px;
}

.content-designer .designer-cta.style-condensed h2 {
  margin-top: 0;
  color: #e6be00;
  font-size: 2rem;
  margin-bottom: 10px;
  line-height: 1;
}

.content-designer .designer-cta.style-condensed p {
  color: #fff;
  font-family: "Caslon", serif;
  font-size: 18px;
  margin-bottom: 18px;
}

.content-designer .designer-cta.style-condensed p.button-container {
  margin-top: 0;
  margin-bottom: 0;
}

.content-designer .designer-cta.style-condensed.no-body h2 {
  margin-bottom: 30px;
}

.content-designer .resource-grid {
  background: #2f3035;
  padding: 125px 0;
}

.content-designer .resource-grid h2 {
  font-weight: 700;
  text-align: center;
  color: #fff;
  margin-bottom: 1.25em;
}

.content-designer .resource-grid .grid > div .tagline {
  margin-bottom: 0.7em;
}

.content-designer .resource-grid .grid.items-1 > div {
  text-align: center;
}

.content-designer .resource-grid .button-container {
  text-align: center;
}

.content-designer .resource-grid .button-container .button {
  background: #404d56;
  color: #52989e;
}

.content-designer .image-with-features {
  background-color: #f0f0f0;
  padding: calc(50px + (50px * .5)) 0 50px;
}

.content-designer .image-with-features .feature-image {
  margin: auto;
  margin-top: -100px;
  margin-bottom: 25px;
  max-width: 800px;
}

.content-designer .image-with-features .feature-image.contain-image {
  margin-top: 50px;
}

.content-designer .image-with-features .container {
  padding: 0;
  text-align: center;
}

.content-designer .image-with-features .features {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
          justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
}

.content-designer .image-with-features .features.-four .feature {
  width: calc(25% - 20px);
}

.content-designer .image-with-features .features .feature {
  background-color: white;
  width: calc(33.3333% - 20px);
  text-align: center;
  margin: 0 10px;
  margin-bottom: 25px;
  padding: 50px 25px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

.content-designer .image-with-features .features .feature h3 {
  font-size: 1.5em;
  margin-bottom: 25px;
}

.content-designer .image-with-features .features .feature img {
  margin: auto;
  width: 50px;
  margin-bottom: 25px;
}

.content-designer .image-with-features .features .feature img.-emphasize {
  width: 190px;
}

.content-designer .featured-case-studies {
  background-image: url(/img/backgrounds/black-triangles.png), url(/img/backgrounds/customer-top-black.png);
  background-position: bottom center, top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #303239;
  padding-top: 100px;
  padding-bottom: 50px;
}

.content-designer .featured-case-studies .intro {
  text-align: center;
}

.content-designer .featured-case-studies .intro p.tagline {
  margin-bottom: 0.7em;
}

.content-designer .featured-case-studies .intro h2 {
  font-weight: 700;
  color: #fff;
  margin-bottom: 1em;
}

.content-designer .featured-case-studies .button-container {
  line-height: 1.625;
  color: #b4b3b3;
  max-width: 650px;
  margin: 0 auto 1.5em;
  text-align: center;
}

.content-designer .featured-case-studies .case-study {
  display: block;
  width: 100%;
  background-color: #fff;
  padding-left: 9%;
  margin-bottom: 50px;
  position: relative;
  width: auto;
}

.content-designer .featured-case-studies .case-study > * {
  display: block;
  width: 100% !important;
}

.content-designer .featured-case-studies .case-study > hr {
  display: none;
}

.content-designer .featured-case-studies .case-study.fluid .fixed-cell {
  width: 100%;
  white-space: normal;
}

.content-designer .featured-case-studies .case-study h2,
.content-designer .featured-case-studies .case-study p {
  padding-right: 0;
}

.content-designer .featured-case-studies .case-study .cover {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25% !important;
  background: url(/img/backgrounds/cover-a.png) no-repeat center center #39424b;
  background-size: cover;
  text-align: center;
  padding: 0 0 0 30px;
  z-index: 600;
}

.content-designer .featured-case-studies .case-study .cover img {
  -webkit-transform: translate(40px, -50%);
  transform: translate(40px, -50%);
  position: relative;
  top: 50%;
  display: inline-block;
  box-shadow: 25px 25px 43px rgba(0, 0, 0, 0.3);
  margin-right: 0;
}

.content-designer .featured-case-studies .case-study .content {
  background-color: #fff;
  padding-top: 70px;
  padding-left: 27%;
  height: 100%;
  z-index: 300;
}

.content-designer .featured-case-studies .case-study .content .testimonial {
  padding-top: 0;
}

.content-designer .featured-case-studies .case-study .content .testimonial img.logo {
  max-height: 80px;
  margin-bottom: 1.5em;
}

.content-designer .featured-case-studies .case-study .content .testimonial .quote {
  color: #232323;
}

.content-designer .featured-case-studies .case-study .content .testimonial .attribute strong {
  color: #e6bd00;
}

.content-designer .featured-case-studies .case-study .content .testimonial .attribute em {
  color: #000;
}

.content-designer .featured-case-studies .case-study .content .button-container {
  display: inline;
}

.content-designer .featured-case-studies .case-study:nth-of-type(odd) .cover {
  left: 0;
  right: 75%;
}

.content-designer .featured-case-studies .case-study:nth-of-type(even) {
  padding-right: 9%;
  padding-left: 0;
}

.content-designer .featured-case-studies .case-study:nth-of-type(even) .content {
  padding-left: 12%;
  padding-right: 10%;
}

.content-designer .featured-case-studies .case-study:nth-of-type(even) .cover {
  left: 75%;
  right: 0;
  padding: 0 30px 0 0;
}

.content-designer .featured-case-studies .case-study:nth-of-type(even) .cover img {
  -webkit-transform: translate(-40px, -50%);
  transform: translate(-40px, -50%);
  box-shadow: -25px 25px 43px rgba(0, 0, 0, 0.3);
}

.content-designer .featured-case-studies .case-study:nth-of-type(1n) .cover {
  background-image: url(/img/backgrounds/cover-a.png);
}

.content-designer .featured-case-studies .case-study:nth-of-type(2n) .cover {
  background-image: url(/img/backgrounds/cover-b.png);
}

.content-designer .featured-case-studies .case-study:nth-of-type(3n) .cover {
  background-image: url(/img/backgrounds/cover-c.png);
}

.content-designer .featured-case-studies .case-study:nth-of-type(4n) .cover {
  background-image: url(/img/backgrounds/cover-d.png);
}

.content-designer .featured-case-studies .case-study:nth-of-type(5n) .cover {
  background-image: url(/img/backgrounds/cover-e.png);
}

.content-designer .table-wrapper {
  overflow-x: scroll;
}

.content-designer table {
  min-width: 700px;
}

.content-designer table tr:nth-child(2n) {
  background-color: rgba(82, 152, 158, 0.025);
}

.content-designer table tbody > tr {
  border-bottom: 1px solid #d3d3d3;
}

.content-designer table tbody > tr:last-child {
  border-bottom: none;
}

.content-designer table tbody > tr td {
  padding: 20px;
  border-right: 1px solid #d3d3d3;
}

.content-designer table tbody > tr td p:last-child {
  margin-bottom: 0;
}

.content-designer table tbody > tr td:last-child {
  border-right: none;
}

.fiveColumnContent__header {
  text-align: center;
}

.fiveColumnContent__column {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin: 0 15px 30px;
  width: calc(20% - 30px);
}

.fiveColumnContent__contentColumns {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
  margin-left: -65px;
  margin-right: -65px;
}

.fiveColumnContent__icon {
  text-align: center;
  margin-bottom: 30px;
}

.fiveColumnContent__icon img {
  display: inline;
  max-height: 110px;
  height: 100%;
}

.fiveColumnContent.-alignLeft .fiveColumnContent__column {
  -webkit-box-align: start;
          align-items: flex-start;
  text-align: left;
}

.fiveColumnContent.-alignRight .fiveColumnContent__column {
  -webkit-box-align: end;
          align-items: flex-end;
  text-align: right;
}

.fiveColumnContent.-alignCenter .fiveColumnContent__column {
  -webkit-box-align: center;
          align-items: center;
  text-align: center;
}

.fiveColumnContent.style-blue-hex {
  background: url(/img/backgrounds/blue-hex.jpg) no-repeat center center #52989e;
  background-size: cover;
  color: #fff;
}

.fiveColumnContent.style-blue-hex a:not(.button) {
  color: #fff;
}

.fiveColumnContent.style-blue-hex h2 {
  color: #fff;
  font-size: 2.66em;
  font-weight: 700;
  margin-bottom: 1em;
}

.fiveColumnContent.style-blue-hex .button-container .button {
  background-color: #404d56;
  color: #52989e;
}

.fiveColumnContent.style-white-triangles {
  background-image: url(/img/backgrounds/triangles-top.gif), url(/img/backgrounds/triangles.jpg);
  background-position: top center, bottom center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: #fff;
}

.fiveColumnContent.style-white-triangles a:not(.button) {
  color: #52989e;
}

.fiveColumnContent.style-white-triangles p {
  color: #26272b;
}

.fiveColumnContent.style-universe {
  background: url(/img/backgrounds/galaxy.jpg) no-repeat center center #26272b;
  background-size: cover;
}

.fiveColumnContent.style-universe h2 {
  color: #fff;
  font-size: 2.66em;
  font-weight: 700;
  margin-bottom: 1em;
}

.fiveColumnContent.style-universe p {
  color: #f0f0f0;
}

.fiveColumnContent.style-yellow {
  background: #e6be00;
}

.fiveColumnContent.style-yellow a:not(.button) {
  color: #010000;
}

.fiveColumnContent.style-yellow h2 {
  color: #ss-dark;
  font-size: 2.66em;
  font-weight: 700;
  margin-bottom: 1em;
}

.fiveColumnContent.style-yellow p {
  color: #675500;
}

.fiveColumnContent.style-blue {
  background: #52989e;
}

.fiveColumnContent.style-blue a:not(.button) {
  color: #fff;
}

.fiveColumnContent.style-blue h2 {
  color: #fff;
  font-size: 2.66em;
  font-weight: 700;
  margin-bottom: 1em;
}

.fiveColumnContent.style-blue p {
  color: #fff;
}

.fiveColumnContent.paddedBottomOnly,
.fiveColumnContent.paddedTopAndBottom {
  padding-bottom: 45px;
}

@media only screen and (max-width: 1030px) {
  .fiveColumnContent__contentColumns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    margin-left: -50px;
    margin-right: -50px;
    -webkit-box-align: center;
            align-items: center;
  }

  .fiveColumnContent__column {
    width: 300px;
    text-align: center;
  }
}

.cd-video {
  background-color: #404d56;
  padding: 4em 0;
  text-align: center;
  color: #fff;
}

.cd-video h2 {
  color: #52989e;
  margin-bottom: 1.5em;
}

.content-designer .resource-grid.alt {
  background-color: white;
  padding: 75px 0;
}

.content-designer .resource-grid.alt p.button-container {
  margin-bottom: 0;
}

.content-designer .resource-grid.alt h2 {
  color: black;
}

.hero .landing-page p {
  color: #fff;
  font-family: "Space Mono", monospace;
  font-weight: 400;
  position: relative;
  z-index: 1;
}

.hero .landing-page .hero-body p,
.hero .landing-page .hero-body li {
  color: #fff;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
}

.hero .landing-page .hero-body li::before {
  background-color: #fff;
}

.hero .landing-page .hero-body h1,
.hero .landing-page .hero-body h2,
.hero .landing-page .hero-body h3 {
  color: #fff;
}

.container-with-form {
  padding: 0;
}

.hero .landing-page.hero-with-form {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.hero .landing-page.hero-with-form .hero-text {
  width: 60%;
  text-align: left;
}

.hero .landing-page.hero-with-form .mktoHtmlText,
.hero .landing-page.hero-with-form legend {
  color: #fff;
}

.hero .landing-page.hero-with-form .hero-form {
  width: 30%;
}

.hero .landing-page.hero-with-form .hero-form .mktoLabel,
.hero .landing-page.hero-with-form .hero-form label {
  color: #fff !important;
}

.hero .landing-page.hero-with-form .hero-form .mktoLabel[for=privacyAgreement],
.hero .landing-page.hero-with-form .hero-form .mktoLabel[for=Notes_from_Event__c] {
  position: relative;
}

.hero .landing-page.hero-with-form .hero-form .mktoButtonRow {
  text-align: center;
}

.hero .landing-page.hero-with-form .hero-form .mktoButtonRow button.mktoButton {
  background-color: #e73e58;
  color: white;
  margin: aut0;
}

.landingPageFeature__hero .landingPageFeature__heroForm form#mktoForm_1689 select {
  margin-bottom: 1rem;
}

.landingPageFeature__hero .landingPageFeature__heroForm .mktoLabel,
.landingPageFeature__hero .landingPageFeature__heroForm .mktoHtmlText,
.landingPageFeature__hero .landingPageFeature__heroForm label {
  color: #fff;
}

.landingPageFeature__hero .landingPageFeature__heroForm .mktoLabel[for=privacyAgreement],
.landingPageFeature__hero .landingPageFeature__heroForm .mktoLabel[for=Notes_from_Event__c] {
  position: relative !important;
}

.landingPageFeature__hero .landingPageFeature__heroForm input[type=checkbox] {
  position: absolute;
}

.landingPageFeature__hero .landingPageFeature__heroForm form#mktoForm_1829 .mktoCheckboxList {
  position: relative;
  top: auto;
  left: auto;
}

.landingPageFeature__hero .landingPageFeature__heroForm .mktoButtonRow {
  text-align: center;
}

.landingPageFeature__hero .landingPageFeature__heroForm .mktoButtonRow button.mktoButton {
  background-color: #e73e58;
  color: white;
}

.mktoFieldWrap.-checkbox label.mktoLabel#LblfreemiumDay {
  font-size: 16px !important;
  padding-left: 0 !important;
  margin-bottom: 0.5rem !important;
}

.hero .more-space {
  padding-bottom: 85px;
}

.video-embed {
  position: relative;
}

.video-embed.responsive-iframe {
  position: relative;
}

.video-embed.responsive-iframe:after {
  content: "";
  display: block;
  z-index: 50;
  padding-bottom: 56.25%;
  position: relative;
}

.video-embed.responsive-iframe iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.video-embed iframe {
  width: 100% !important;
  z-index: 100;
}

/* == HOMEPAGE == */

#home .hero {
  background-size: cover;
  text-align: left;
  padding-bottom: 150px;
  margin-bottom: 0;
}

#home .hero h1 {
  font-size: 2.75em;
  max-width: 60%;
  line-height: 1.1;
  margin-bottom: 1em;
}

#home .hero p {
  margin-left: 0;
  max-width: 50%;
  margin-bottom: 3em;
}

#home .hero p.tagline {
  margin-bottom: 1.2em;
}

#home .hero p a.button {
  letter-spacing: 0.05em;
}

#home .hero:after {
  -webkit-transition: all 2s ease-in-out 2s;
  transition: all 2s ease-in-out 2s;
  content: "";
  background: url(/img/scroll-cue.png) no-repeat center center;
  background-size: 20px auto;
  display: block;
  position: absolute;
  bottom: 100px;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 45px;
  opacity: 0.75;
  z-index: 50;
}

#home.page-ready .hero:after {
  opacity: 1;
  bottom: 50px;
}

#home .torso {
  padding-top: 0;
}

#home .overview {
  background: #ebeaeb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ebeaeb), to(white));
  background: linear-gradient(to right, #ebeaeb 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebeaeb", endColorstr="#ffffff", GradientType=1);
  /* IE6-9 */
  padding: 60px 0;
  overflow: hidden;
}

#home .overview .logo-scroller {
  width: 100%;
  overflow: hidden;
  padding: 50px 0;
  vertical-align: middle;
}

#home .overview .logo-scroller .slick-slide {
  display: inline-block;
  margin: 0 40px;
  vertical-align: middle;
  float: none !important;
}

#home .overview .logo-scroller .slick-slide img {
  width: auto;
  vertical-align: middle;
  display: inline-block;
}

#home .device-content {
  display: table;
  table-layout: fixed;
  width: 100%;
}

#home .device-content > * {
  display: table-cell;
  vertical-align: top;
}

#home .device-content > hr {
  display: table-cell;
  width: 100px;
  margin: 0;
  padding: 0;
  border: none;
}

#home .device-content.fluid {
  table-layout: auto;
  width: 100%;
}

#home .device-content.fluid .fixed-cell {
  width: 1%;
  white-space: nowrap;
}

#home .device-content .content {
  padding-top: 50px;
  padding-bottom: 100px;
  vertical-align: middle;
}

#home .device-content .content h2 {
  margin-bottom: 1em;
  font-size: 3em;
}

#home .device-content .content h3 {
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  font-size: 1em;
  font-weight: 500;
  color: #232323;
  margin-bottom: 1.75em;
}

#home .device-content .content h4 {
  font-family: "Space Mono", monospace;
  letter-spacing: 0.025em;
  font-weight: 700;
  font-style: italic;
  font-size: 1em;
}

#home .device-content .content p {
  margin-bottom: 2.5em;
}

#home .device-content .device {
  position: relative;
  vertical-align: middle;
}

#home .device-content .device img {
  height: 100%;
  width: auto;
  max-width: none;
  position: absolute;
  top: 0;
  left: 0;
}

.case-studies-customers {
  padding: 125px 0 100px;
  background-image: url(/img/backgrounds/triangles-top.gif), url(/img/backgrounds/triangles.jpg);
  background-position: top center, bottom center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: #fff;
}

.case-studies-customers .container {
  max-width: 1200px;
}

.case-studies-customers h2 {
  text-align: center;
  margin-bottom: 1.2em;
}

.case-studies-customers .button-container {
  text-align: center;
}

.case-studies-customers .case-studies {
  margin-bottom: 87.5px;
}

.case-studies-customers .case-studies a {
  padding: 7px;
  z-index: 50;
}

.case-studies-customers .case-studies a img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  border-radius: 0px 5px 5px 0px;
  margin: 7px;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
}

.case-studies-customers .case-studies a:hover {
  z-index: 70;
}

.case-studies-customers .case-studies a:hover img {
  -webkit-transform: translate(0, -15px);
  transform: translate(0, -15px);
  box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.4);
}

.case-studies-customers .logo-scroller {
  width: 100%;
  overflow: hidden;
  margin-bottom: 85px;
  vertical-align: middle;
}

.case-studies-customers .logo-scroller .slick-slide {
  display: inline-block;
  margin: 0 40px;
  vertical-align: middle;
  float: none !important;
}

.case-studies-customers .logo-scroller .slick-slide img {
  width: auto;
  vertical-align: middle;
  display: inline-block;
}

.company-feed {
  background: #2f3035;
  padding: 100px 0;
}

.company-feed .container {
  max-width: 1200px;
}

.company-feed .container > h2 {
  text-align: center;
  color: #fff;
  margin-bottom: 1.5em;
}

.company-feed .featured-blog {
  margin-bottom: 50px;
}

.company-feed .featured-blog .tagline {
  padding-top: 0.7em;
  margin-bottom: 0.7em;
}

.company-feed .featured-blog h2 {
  color: #fff;
  line-height: 1.25;
  font-size: 2em;
  margin-bottom: 0.5em;
}

.company-feed .featured-blog h3.meta {
  font-size: 1em;
  font-weight: 400;
  font-family: "Space Mono", monospace;
  color: #52989e;
  margin-bottom: 1.4em;
}

.company-feed .featured-blog a + p,
.company-feed .featured-blog h3 + p {
  color: #cbcbcb;
  margin-bottom: 2.5em;
}

.company-feed .featured-blog .content {
  padding-right: 100px;
}

.company-feed .featured-blog .image {
  width: 40%;
}

.company-feed .continued {
  display: none;
}

.company-feed .show-more {
  text-align: center;
  margin-bottom: 0;
}

.company-feed .show-more button {
  background: #404d56;
  color: #52989e;
  max-width: 28%;
  width: 100%;
}

/* == SOLUTIONS == */

/* Solution List */

body#solutions .solution-intro {
  background-color: #f0f0f0;
  padding: 3em;
  font-size: 1.2em;
  margin-bottom: 4em;
  text-align: center;
}

body#solutions h2.solution-title {
  font-weight: 700;
  text-align: center;
  position: relative;
  padding-bottom: 0.7em;
  margin-bottom: 0.7em;
  font-size: 4em;
}

body#solutions h2.solution-title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100px;
  margin-left: -50px;
  height: 5px;
  background-color: #e6be00;
}

body#solutions .industries {
  background-color: #f0f0f0;
  padding-top: 4em;
}

body#solutions .industries a .icon:after {
  background-color: rgba(38, 39, 43, 0.25);
}

body#solutions .submit input[type=submit]:hover:before,
body#solutions .slick-dots button:not(.modal-close):not(.menu-toggle):hover:before {
  -webkit-transform: skewX(0deg) translate(-50%, -50%);
          transform: skewX(0deg) translate(-50%, -50%);
  left: 8px;
  right: 0;
}

body#solutions .tour .contents {
  max-width: 1000px;
  height: 100%;
  padding: 0;
  margin: auto;
}

body#solutions .tour .slides .slick-active + .slide .contents {
  left: -30%;
}

body#solutions .tour ul.slick-dots li button:after {
  background: url(/img/assets/active-dot-dark.png) no-repeat center center/contain;
}

body#solutions .tour .graphic {
  width: auto !important;
  bottom: 0 !important;
}

body#solutions .tour .graphic img {
  max-height: 300px;
}

body#solutions .featured-case-studies {
  background-image: url(/img/backgrounds/black-triangles.png), url(/img/backgrounds/customer-top-black.png);
  background-position: bottom center, top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #303239;
  padding-top: 100px;
  padding-bottom: 50px;
}

body#solutions .featured-case-studies .intro {
  text-align: center;
}

body#solutions .featured-case-studies .intro p.tagline {
  margin-bottom: 0.7em;
}

body#solutions .featured-case-studies .intro h2 {
  font-weight: 700;
  color: #fff;
  margin-bottom: 1em;
}

body#solutions .featured-case-studies .button-container {
  line-height: 1.625;
  color: #b4b3b3;
  max-width: 650px;
  margin: 0 auto 1.5em;
  text-align: center;
}

body#solutions .featured-case-studies .case-study {
  display: block;
  width: 100%;
  background-color: #fff;
  padding-left: 9%;
  margin-bottom: 50px;
  position: relative;
  width: auto;
}

body#solutions .featured-case-studies .case-study > * {
  display: block;
  width: 100% !important;
}

body#solutions .featured-case-studies .case-study > hr {
  display: none;
}

body#solutions .featured-case-studies .case-study.fluid .fixed-cell {
  width: 100%;
  white-space: normal;
}

body#solutions .featured-case-studies .case-study h2,
body#solutions .featured-case-studies .case-study p {
  padding-right: 0;
}

body#solutions .featured-case-studies .case-study .cover {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25% !important;
  background: url(/img/backgrounds/cover-a.png) no-repeat center center #39424b;
  background-size: cover;
  text-align: center;
  padding: 0 0 0 30px;
  z-index: 600;
}

body#solutions .featured-case-studies .case-study .cover img {
  -webkit-transform: translate(40px, -50%);
  transform: translate(40px, -50%);
  position: relative;
  top: 50%;
  display: inline-block;
  box-shadow: 25px 25px 43px rgba(0, 0, 0, 0.3);
  margin-right: 0;
}

body#solutions .featured-case-studies .case-study .content {
  background-color: #fff;
  padding-top: 70px;
  padding-left: 27%;
  height: 100%;
  z-index: 300;
}

body#solutions .featured-case-studies .case-study .content .testimonial {
  padding-top: 0;
}

body#solutions .featured-case-studies .case-study .content .testimonial img.logo {
  max-height: 80px;
  margin-bottom: 1.5em;
}

body#solutions .featured-case-studies .case-study .content .testimonial .quote {
  color: #232323;
}

body#solutions .featured-case-studies .case-study .content .testimonial .attribute strong {
  color: #e6bd00;
}

body#solutions .featured-case-studies .case-study .content .testimonial .attribute em {
  color: #000;
}

body#solutions .featured-case-studies .case-study:nth-of-type(odd) .cover {
  left: 0;
  right: 75%;
}

body#solutions .featured-case-studies .case-study:nth-of-type(even) {
  padding-right: 9%;
  padding-left: 0;
}

body#solutions .featured-case-studies .case-study:nth-of-type(even) .content {
  padding-left: 12%;
  padding-right: 10%;
}

body#solutions .featured-case-studies .case-study:nth-of-type(even) .cover {
  left: 75%;
  right: 0;
  padding: 0 30px 0 0;
}

body#solutions .featured-case-studies .case-study:nth-of-type(even) .cover img {
  -webkit-transform: translate(-40px, -50%);
  transform: translate(-40px, -50%);
  box-shadow: -25px 25px 43px rgba(0, 0, 0, 0.3);
}

body#solutions .featured-case-studies .case-study:nth-of-type(1n) .cover {
  background-image: url(/img/backgrounds/cover-a.png);
}

body#solutions .featured-case-studies .case-study:nth-of-type(2n) .cover {
  background-image: url(/img/backgrounds/cover-b.png);
}

body#solutions .featured-case-studies .case-study:nth-of-type(3n) .cover {
  background-image: url(/img/backgrounds/cover-c.png);
}

body#solutions .featured-case-studies .case-study:nth-of-type(4n) .cover {
  background-image: url(/img/backgrounds/cover-d.png);
}

body#solutions .featured-case-studies .case-study:nth-of-type(5n) .cover {
  background-image: url(/img/backgrounds/cover-e.png);
}

/* Solution Detail */

/* == CUSTOMERS == */

body#customers .submit input[type=submit]:hover:before,
body#customers .slick-dots button:not(.modal-close):not(.menu-toggle):hover:before,
body#customers-old .submit input[type=submit]:hover:before,
body#customers-old .slick-dots button:not(.modal-close):not(.menu-toggle):hover:before,
.content-designer .submit input[type=submit]:hover:before,
.content-designer .slick-dots button:not(.modal-close):not(.menu-toggle):hover:before {
  -webkit-transform: skewX(0deg) translate(-50%, -50%);
          transform: skewX(0deg) translate(-50%, -50%);
  left: 8px;
  right: 0;
}

body#customers .tour .contents,
body#customers-old .tour .contents,
.content-designer .tour .contents {
  max-width: 1000px !important;
  padding: 0 !important;
  margin: auto !important;
}

body#customers .tour .slides .slick-active + .slide .contents,
body#customers-old .tour .slides .slick-active + .slide .contents,
.content-designer .tour .slides .slick-active + .slide .contents {
  left: -30%;
}

body#customers .tour ul.slick-dots li button:after,
body#customers-old .tour ul.slick-dots li button:after,
.content-designer .tour ul.slick-dots li button:after {
  background: url(/img/assets/active-dot-dark.png) no-repeat center center/contain;
}

body#customers .tour .graphic,
body#customers-old .tour .graphic,
.content-designer .tour .graphic {
  width: auto !important;
  bottom: 0 !important;
}

body#customers .tour .graphic img,
body#customers-old .tour .graphic img,
.content-designer .tour .graphic img {
  max-height: 300px;
}

body#customers .hero,
body#customers-old .hero,
.content-designer .hero {
  background-image: url(/img/backgrounds/customers.jpg);
}

body#customers .logo-cloud,
body#customers-old .logo-cloud,
.content-designer .logo-cloud {
  padding-top: 150px;
  padding-bottom: 100px;
}

body#customers .logo-cloud h2,
body#customers-old .logo-cloud h2,
.content-designer .logo-cloud h2 {
  text-align: center;
  padding: 0 50px;
  margin-bottom: 2em;
  font-weight: 700;
}

body#customers .logo-cloud .container,
body#customers-old .logo-cloud .container,
.content-designer .logo-cloud .container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  justify-content: center;
  max-width: 900px;
  -webkit-box-align: center;
          align-items: center;
}

body#customers .logo-cloud .container:before,
body#customers .logo-cloud .container:after,
body#customers-old .logo-cloud .container:before,
body#customers-old .logo-cloud .container:after,
.content-designer .logo-cloud .container:before,
.content-designer .logo-cloud .container:after {
  content: "";
  display: table;
}

body#customers .logo-cloud .container:after,
body#customers-old .logo-cloud .container:after,
.content-designer .logo-cloud .container:after {
  clear: both;
}

body#customers .logo-cloud .container > *,
body#customers-old .logo-cloud .container > *,
.content-designer .logo-cloud .container > * {
  flex-basis: 24.75%;
  -webkit-box-flex: 1;
          flex-grow: 1;
}

body#customers .logo-cloud .container > *.double,
body#customers-old .logo-cloud .container > *.double,
.content-designer .logo-cloud .container > *.double {
  flex-basis: 49.5%;
}

body#customers .logo-cloud .container > *.full,
body#customers-old .logo-cloud .container > *.full,
.content-designer .logo-cloud .container > *.full {
  flex-basis: 100%;
  max-width: none;
}

body#customers .logo-cloud .container > div,
body#customers-old .logo-cloud .container > div,
.content-designer .logo-cloud .container > div {
  height: 100px;
  text-align: center;
  position: relative;
  margin-bottom: 2%;
  padding: 20px;
  max-width: 24.75%;
  width: 24.75%;
  align-self: center;
}

body#customers .logo-cloud .container > div img,
body#customers-old .logo-cloud .container > div img,
.content-designer .logo-cloud .container > div img {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  width: auto;
  display: inline-block;
}

body#customers .featured-case-studies,
body#customers-old .featured-case-studies,
.content-designer .featured-case-studies {
  background-image: url(/img/backgrounds/black-triangles.png), url(/img/backgrounds/customer-top-black.png);
  background-position: bottom center, top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #303239;
  padding-top: 100px;
  padding-bottom: 50px;
}

body#customers .featured-case-studies .intro,
body#customers-old .featured-case-studies .intro,
.content-designer .featured-case-studies .intro {
  text-align: center;
}

body#customers .featured-case-studies .intro p.tagline,
body#customers-old .featured-case-studies .intro p.tagline,
.content-designer .featured-case-studies .intro p.tagline {
  margin-bottom: 0.7em;
}

body#customers .featured-case-studies .intro h2,
body#customers-old .featured-case-studies .intro h2,
.content-designer .featured-case-studies .intro h2 {
  font-weight: 700;
  color: #fff;
  margin-bottom: 1em;
}

body#customers .featured-case-studies .button-container,
body#customers-old .featured-case-studies .button-container,
.content-designer .featured-case-studies .button-container {
  line-height: 1.625;
  color: #b4b3b3;
  max-width: 650px;
  margin: 0 auto 1.5em;
  text-align: center;
}

body#customers .featured-case-studies .case-study,
body#customers-old .featured-case-studies .case-study,
.content-designer .featured-case-studies .case-study {
  display: block;
  width: 100%;
  background-color: #fff;
  padding-left: 9% !important;
  margin-bottom: 50px;
  position: relative;
  width: auto;
}

body#customers .featured-case-studies .case-study > *,
body#customers-old .featured-case-studies .case-study > *,
.content-designer .featured-case-studies .case-study > * {
  display: block;
  width: 100% !important;
}

body#customers .featured-case-studies .case-study > hr,
body#customers-old .featured-case-studies .case-study > hr,
.content-designer .featured-case-studies .case-study > hr {
  display: none;
}

body#customers .featured-case-studies .case-study.fluid .fixed-cell,
body#customers-old .featured-case-studies .case-study.fluid .fixed-cell,
.content-designer .featured-case-studies .case-study.fluid .fixed-cell {
  width: 100%;
  white-space: normal;
}

body#customers .featured-case-studies .case-study h2,
body#customers .featured-case-studies .case-study p,
body#customers-old .featured-case-studies .case-study h2,
body#customers-old .featured-case-studies .case-study p,
.content-designer .featured-case-studies .case-study h2,
.content-designer .featured-case-studies .case-study p {
  padding-right: 0;
}

body#customers .featured-case-studies .case-study .cover,
body#customers-old .featured-case-studies .case-study .cover,
.content-designer .featured-case-studies .case-study .cover {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25% !important;
  background: url(/img/backgrounds/cover-a.png) no-repeat center center #39424b;
  background-size: cover;
  text-align: center;
  padding: 0 0 0 30px;
  z-index: 600;
}

body#customers .featured-case-studies .case-study .cover img,
body#customers-old .featured-case-studies .case-study .cover img,
.content-designer .featured-case-studies .case-study .cover img {
  -webkit-transform: translate(40px, -50%);
  transform: translate(40px, -50%);
  position: relative;
  top: 50%;
  display: inline-block;
  box-shadow: 25px 25px 43px rgba(0, 0, 0, 0.3);
  margin-right: 0;
}

body#customers .featured-case-studies .case-study .content,
body#customers-old .featured-case-studies .case-study .content,
.content-designer .featured-case-studies .case-study .content {
  background-color: #fff !important;
  padding-top: 70px !important;
  padding-left: 27% !important;
  height: auto !important;
  z-index: 300 !important;
}

body#customers .featured-case-studies .case-study .content .testimonial,
body#customers-old .featured-case-studies .case-study .content .testimonial,
.content-designer .featured-case-studies .case-study .content .testimonial {
  padding-top: 0;
}

body#customers .featured-case-studies .case-study .content .testimonial img.logo,
body#customers-old .featured-case-studies .case-study .content .testimonial img.logo,
.content-designer .featured-case-studies .case-study .content .testimonial img.logo {
  max-height: 80px;
  margin-bottom: 1.5em;
}

body#customers .featured-case-studies .case-study .content .testimonial .quote,
body#customers-old .featured-case-studies .case-study .content .testimonial .quote,
.content-designer .featured-case-studies .case-study .content .testimonial .quote {
  color: #232323;
}

body#customers .featured-case-studies .case-study .content .testimonial .attribute strong,
body#customers-old .featured-case-studies .case-study .content .testimonial .attribute strong,
.content-designer .featured-case-studies .case-study .content .testimonial .attribute strong {
  color: #e6bd00;
}

body#customers .featured-case-studies .case-study .content .testimonial .attribute em,
body#customers-old .featured-case-studies .case-study .content .testimonial .attribute em,
.content-designer .featured-case-studies .case-study .content .testimonial .attribute em {
  color: #000;
}

body#customers .featured-case-studies .case-study:nth-of-type(odd) .cover,
body#customers-old .featured-case-studies .case-study:nth-of-type(odd) .cover,
.content-designer .featured-case-studies .case-study:nth-of-type(odd) .cover {
  left: 0;
  right: 75%;
}

body#customers .featured-case-studies .case-study:nth-of-type(even),
body#customers-old .featured-case-studies .case-study:nth-of-type(even),
.content-designer .featured-case-studies .case-study:nth-of-type(even) {
  padding-right: 9%;
  padding-left: 0;
}

body#customers .featured-case-studies .case-study:nth-of-type(even) .content,
body#customers-old .featured-case-studies .case-study:nth-of-type(even) .content,
.content-designer .featured-case-studies .case-study:nth-of-type(even) .content {
  padding-left: 12%;
  padding-right: 10%;
}

body#customers .featured-case-studies .case-study:nth-of-type(even) .cover,
body#customers-old .featured-case-studies .case-study:nth-of-type(even) .cover,
.content-designer .featured-case-studies .case-study:nth-of-type(even) .cover {
  left: 75%;
  right: 0;
  padding: 0 30px 0 0;
}

body#customers .featured-case-studies .case-study:nth-of-type(even) .cover img,
body#customers-old .featured-case-studies .case-study:nth-of-type(even) .cover img,
.content-designer .featured-case-studies .case-study:nth-of-type(even) .cover img {
  -webkit-transform: translate(-40px, -50%);
  transform: translate(-40px, -50%);
  box-shadow: -25px 25px 43px rgba(0, 0, 0, 0.3);
}

body#customers .featured-case-studies .case-study:nth-of-type(1n) .cover,
body#customers-old .featured-case-studies .case-study:nth-of-type(1n) .cover,
.content-designer .featured-case-studies .case-study:nth-of-type(1n) .cover {
  background-image: url(/img/backgrounds/cover-a.png) !important;
}

body#customers .featured-case-studies .case-study:nth-of-type(2n) .cover,
body#customers-old .featured-case-studies .case-study:nth-of-type(2n) .cover,
.content-designer .featured-case-studies .case-study:nth-of-type(2n) .cover {
  background-image: url(/img/backgrounds/cover-b.png) !important;
}

body#customers .featured-case-studies .case-study:nth-of-type(3n) .cover,
body#customers-old .featured-case-studies .case-study:nth-of-type(3n) .cover,
.content-designer .featured-case-studies .case-study:nth-of-type(3n) .cover {
  background-image: url(/img/backgrounds/cover-c.png) !important;
}

body#customers .featured-case-studies .case-study:nth-of-type(4n) .cover,
body#customers-old .featured-case-studies .case-study:nth-of-type(4n) .cover,
.content-designer .featured-case-studies .case-study:nth-of-type(4n) .cover {
  background-image: url(/img/backgrounds/cover-d.png) !important;
}

body#customers .featured-case-studies .case-study:nth-of-type(5n) .cover,
body#customers-old .featured-case-studies .case-study:nth-of-type(5n) .cover,
.content-designer .featured-case-studies .case-study:nth-of-type(5n) .cover {
  background-image: url(/img/backgrounds/cover-e.png) !important;
}

body#customers .logo-scroller,
body#customers-old .logo-scroller,
.content-designer .logo-scroller {
  display: none;
  width: 100%;
  overflow: hidden;
  margin-bottom: 60px;
  vertical-align: middle;
  background-image: url(/img/backgrounds/triangles-top.gif), url(/img/backgrounds/triangles.jpg);
  background-position: top center, bottom center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: #fff;
}

body#customers .logo-scroller .slick-list,
body#customers-old .logo-scroller .slick-list,
.content-designer .logo-scroller .slick-list {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

body#customers .logo-scroller .slick-slide,
body#customers-old .logo-scroller .slick-slide,
.content-designer .logo-scroller .slick-slide {
  display: inline-block;
  margin: 0 40px;
  vertical-align: middle;
  float: none !important;
}

body#customers .logo-scroller .slick-slide img,
body#customers-old .logo-scroller .slick-slide img,
.content-designer .logo-scroller .slick-slide img {
  height: 60px;
  max-width: 190px;
  -o-object-fit: contain;
     object-fit: contain;
  vertical-align: middle;
  display: inline-block;
}

body#customers .case-studies-customers .logo-scroller,
body#customers-old .case-studies-customers .logo-scroller,
.content-designer .case-studies-customers .logo-scroller {
  background: none;
}

body#customers .featured-customers,
body#customers-old .featured-customers,
.content-designer .featured-customers {
  margin-bottom: 50px;
}

body#customers .featured-customers .container,
body#customers-old .featured-customers .container,
.content-designer .featured-customers .container {
  max-width: 1300px;
}

body#customers .featured-customers .wistia_embed,
body#customers-old .featured-customers .wistia_embed,
.content-designer .featured-customers .wistia_embed {
  max-width: 100% !important;
  max-height: 100% !important;
}

body#customers .featured-customers .customer-text,
body#customers-old .featured-customers .customer-text,
.content-designer .featured-customers .customer-text {
  padding: 0 2.5em;
}

body#customers .featured-customers .customer-text h2,
body#customers-old .featured-customers .customer-text h2,
.content-designer .featured-customers .customer-text h2 {
  font-size: 2.5em;
}

body#customers .featured-customers .logo-blocks,
body#customers-old .featured-customers .logo-blocks,
.content-designer .featured-customers .logo-blocks {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  margin: 4em 0;
  justify-content: center;
}

body#customers .featured-customers .logo-blocks > *,
body#customers-old .featured-customers .logo-blocks > *,
.content-designer .featured-customers .logo-blocks > * {
  flex-basis: 25%;
  -webkit-box-flex: 1;
          flex-grow: 1;
}

body#customers .featured-customers .logo-blocks > *.double,
body#customers-old .featured-customers .logo-blocks > *.double,
.content-designer .featured-customers .logo-blocks > *.double {
  flex-basis: 50%;
}

body#customers .featured-customers .logo-blocks > *.full,
body#customers-old .featured-customers .logo-blocks > *.full,
.content-designer .featured-customers .logo-blocks > *.full {
  flex-basis: 100%;
  max-width: none;
}

body#customers .featured-customers .logo-blocks > div,
body#customers-old .featured-customers .logo-blocks > div,
.content-designer .featured-customers .logo-blocks > div {
  text-align: center;
  position: relative;
  max-width: 25%;
}

body#customers .featured-customers .logo-blocks > div a,
body#customers-old .featured-customers .logo-blocks > div a,
.content-designer .featured-customers .logo-blocks > div a {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  display: block;
  position: relative;
  padding: 2.5em 3em 1.5em;
}

body#customers .featured-customers .logo-blocks > div a:hover img,
body#customers-old .featured-customers .logo-blocks > div a:hover img,
.content-designer .featured-customers .logo-blocks > div a:hover img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

body#customers .featured-customers .logo-blocks img,
body#customers-old .featured-customers .logo-blocks img,
.content-designer .featured-customers .logo-blocks img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  display: block;
  position: relative;
  max-height: 80px;
  margin: 0 auto 2em;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

body#customers .featured-customers .logo-blocks img:hover,
body#customers-old .featured-customers .logo-blocks img:hover,
.content-designer .featured-customers .logo-blocks img:hover {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

body#customers .featured-customers .logo-blocks .text-callout > div,
body#customers-old .featured-customers .logo-blocks .text-callout > div,
.content-designer .featured-customers .logo-blocks .text-callout > div {
  top: 15%;
  display: block;
  position: relative;
  max-height: 80px;
  margin: 0 auto 2em;
}

body#customers .featured-customers .logo-blocks .text-callout h3,
body#customers-old .featured-customers .logo-blocks .text-callout h3,
.content-designer .featured-customers .logo-blocks .text-callout h3 {
  font-size: 3em;
  margin: 0 0 -10px 0;
  font-weight: 500;
}

body#customers .featured-customers .logo-blocks .text-callout p,
body#customers-old .featured-customers .logo-blocks .text-callout p,
.content-designer .featured-customers .logo-blocks .text-callout p {
  margin: 0;
}

body#customers .gartner-reviews,
body#customers-old .gartner-reviews,
.content-designer .gartner-reviews {
  background-color: #f4f4f4;
  padding: 50px 0;
  text-align: center;
}

body#customers .gartner-reviews .fine-print,
body#customers-old .gartner-reviews .fine-print,
.content-designer .gartner-reviews .fine-print {
  max-width: 700px;
  margin: auto;
}

body#customers .gartner-reviews .fine-print p,
body#customers-old .gartner-reviews .fine-print p,
.content-designer .gartner-reviews .fine-print p {
  font-size: 0.8rem;
  color: #afafaf;
}

body#customers .gartner-reviews h2,
body#customers-old .gartner-reviews h2,
.content-designer .gartner-reviews h2 {
  margin-bottom: 50px;
}

body#customers .gartner-reviews .gartner-rating img,
body#customers-old .gartner-reviews .gartner-rating img,
.content-designer .gartner-reviews .gartner-rating img {
  margin: auto;
  max-width: 270px;
}

body#customers .gartner-reviews .gartner-rating p,
body#customers-old .gartner-reviews .gartner-rating p,
.content-designer .gartner-reviews .gartner-rating p {
  color: #e6be00;
  font-weight: 200;
}

body#customers .gartner-reviews .gartner-logo img,
body#customers-old .gartner-reviews .gartner-logo img,
.content-designer .gartner-reviews .gartner-logo img {
  margin: auto;
  max-width: 230px;
}

body#customers .gartner-reviews .gartner-logo,
body#customers-old .gartner-reviews .gartner-logo,
.content-designer .gartner-reviews .gartner-logo {
  margin-bottom: 75px;
}

body#customers .gartner-reviews .reviews,
body#customers-old .gartner-reviews .reviews,
.content-designer .gartner-reviews .reviews {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 75px;
}

body#customers .gartner-reviews .reviews .review,
body#customers-old .gartner-reviews .reviews .review,
.content-designer .gartner-reviews .reviews .review {
  background-color: #fff;
  width: calc(50% - 25px);
  padding: 25px;
  padding-bottom: 0;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-bottom: 4rem;
}

body#customers .gartner-reviews .reviews .review .review-head,
body#customers-old .gartner-reviews .reviews .review .review-head,
.content-designer .gartner-reviews .reviews .review .review-head {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
          align-items: flex-end;
  margin-bottom: 25px;
}

body#customers .gartner-reviews .reviews .review .review-head p.rating,
body#customers-old .gartner-reviews .reviews .review .review-head p.rating,
.content-designer .gartner-reviews .reviews .review .review-head p.rating {
  color: #e6be00;
  font-size: 1.35rem;
  letter-spacing: 2px;
}

body#customers .gartner-reviews .reviews .review .review-head p,
body#customers-old .gartner-reviews .reviews .review .review-head p,
.content-designer .gartner-reviews .reviews .review .review-head p {
  margin-bottom: 0;
}

body#customers .gartner-reviews .reviews .review .review-head p.rating strong,
body#customers-old .gartner-reviews .reviews .review .review-head p.rating strong,
.content-designer .gartner-reviews .reviews .review .review-head p.rating strong {
  color: black;
  margin-right: 5px;
}

body#customers .gartner-reviews .reviews .review .review-head p a,
body#customers-old .gartner-reviews .reviews .review .review-head p a,
.content-designer .gartner-reviews .reviews .review .review-head p a {
  color: #cecece;
  text-decoration: underline;
  font-size: 0.9rem;
}

body#customers .gartner-reviews .reviews .review .review-head p a:hover,
body#customers-old .gartner-reviews .reviews .review .review-head p a:hover,
.content-designer .gartner-reviews .reviews .review .review-head p a:hover {
  color: #52989e;
}

body#customers .gartner-reviews .reviews .review .quote,
body#customers-old .gartner-reviews .reviews .review .quote,
.content-designer .gartner-reviews .reviews .review .quote {
  text-align: left;
  font-family: "Caslon", serif;
  font-size: 1.4rem;
  font-weight: 500;
}

p body#customers .gartner-reviews .reviews .review .quote::before,
p body#customers .gartner-reviews .reviews .review .quote::after,
p body#customers-old .gartner-reviews .reviews .review .quote::before,
p body#customers-old .gartner-reviews .reviews .review .quote::after,
p .content-designer .gartner-reviews .reviews .review .quote::before,
p .content-designer .gartner-reviews .reviews .review .quote::after {
  content: '"';
}

body#customers .gartner-reviews .reviews .review .attribution,
body#customers-old .gartner-reviews .reviews .review .attribution,
.content-designer .gartner-reviews .reviews .review .attribution {
  background-color: #f4f4f4;
  text-align: right;
  margin-left: -25px;
  margin-right: -25px;
  padding-top: 12.5px;
  margin-top: auto;
  position: relative;
}

body#customers .gartner-reviews .reviews .review .attribution .arrow-right,
body#customers-old .gartner-reviews .reviews .review .attribution .arrow-right,
.content-designer .gartner-reviews .reviews .review .attribution .arrow-right {
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: -45px;
  border-bottom: 45px solid transparent;
  /* left arrow slant */
  border-top: 45px solid transparent;
  /* right arrow slant */
  border-left: 45px solid #fff;
  /* bottom, add background color here */
  font-size: 0;
  line-height: 0;
}

body#customers .gartner-reviews .reviews .review .attribution p,
body#customers-old .gartner-reviews .reviews .review .attribution p,
.content-designer .gartner-reviews .reviews .review .attribution p {
  display: inline;
  margin-bottom: 0;
  font-size: 0.7rem;
  font-weight: 600;
  padding-left: 25px;
}

body#customers .gartner-reviews .reviews .review .attribution p:first-child,
body#customers-old .gartner-reviews .reviews .review .attribution p:first-child,
.content-designer .gartner-reviews .reviews .review .attribution p:first-child {
  font-style: italic;
}

body#customers .gartner-reviews .reviews .review .attribution p.date,
body#customers-old .gartner-reviews .reviews .review .attribution p.date,
.content-designer .gartner-reviews .reviews .review .attribution p.date {
  white-space: pre;
}

body#customers .gartner-reviews .reviews .review .attribution p:first-child::before,
body#customers-old .gartner-reviews .reviews .review .attribution p:first-child::before,
.content-designer .gartner-reviews .reviews .review .attribution p:first-child::before {
  content: "\2014   ";
}

body#customers .case-studies-customers,
body#customers-old .case-studies-customers,
.content-designer .case-studies-customers {
  padding: 40px 0;
}

body#customers .case-studies-customers .case-studies,
body#customers-old .case-studies-customers .case-studies,
.content-designer .case-studies-customers .case-studies {
  margin-bottom: 0;
}

/* == FOUNDERS == */

.founders {
  padding-top: 100px;
}

.founders .intro {
  text-align: center;
}

.founders .intro h2 {
  font-weight: 700;
  margin-bottom: 2em;
}

.founders .headshots {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 100px;
}

.founders .headshots > * {
  display: table-cell;
  vertical-align: top;
}

.founders .headshots > hr {
  display: table-cell;
  width: 100px;
  margin: 0;
  padding: 0;
  border: none;
}

.founders .headshots.fluid {
  table-layout: auto;
  width: 100%;
}

.founders .headshots.fluid .fixed-cell {
  width: 1%;
  white-space: nowrap;
}

.founders .headshots img {
  width: 100%;
  position: relative;
  z-index: 2;
}

.founders .headshots div {
  text-align: center;
  position: relative;
  padding-bottom: 100px;
  right: -0.5em;
}

.founders .headshots div h3 {
  font-family: "Space Mono", monospace;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #e6be00;
  font-size: 1.125em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  margin: 0;
  padding: 1em;
}

.founders .headshots div h3:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 2px;
  height: 100px;
  background-color: #e6be00;
  z-index: 1;
}

.founders .headshots div:nth-child(even) {
  padding-top: 100px;
  padding-bottom: 0;
  left: -0.5em;
  right: auto;
}

.founders .headshots div:nth-child(even) h3 {
  top: 0;
  bottom: auto;
}

.founders .headshots div:nth-child(even) h3:after {
  bottom: auto;
  top: 100%;
}

.founders .history {
  -webkit-transition: all 2s ease-in-out 0s;
  transition: all 2s ease-in-out 0s;
  max-width: 660px;
  max-height: 350px;
  margin: 0 auto 100px;
  position: relative;
  overflow: hidden;
}

.founders .history .button-container {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
  /* IE6-9 */
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding-top: 100px;
  margin: 0;
}

.founders .history .button-container button {
  margin: 0;
}

.founders .history.expanded {
  max-height: 3000px;
}

.founders .history.expanded .button-container {
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  opacity: 0;
}

/* == MONITORING == */

.hero .copy.-hero [data-network] span {
  background-color: #52989e;
}

.hero .copy.-hero [data-network] span:hover {
  background-color: black;
}

.hero .copy .group {
  padding-top: 3em;
}

.hero .copy .logo {
  width: 47.5%;
  float: right;
  margin: 0 0 3em 5%;
  text-align: right;
  max-width: none;
}

.hero .copy .logo img {
  max-width: 400px;
  display: inline-block;
}

.hero .copy .logo + p {
  font-size: 1.3em;
  max-width: none;
  text-align: left;
}

/* == PLATFORM == */

.tour {
  padding: 50px 0 50px;
  overflow: hidden;
}

.tour:before,
.tour:after {
  content: "";
  display: table;
}

.tour:after {
  clear: both;
}

.tour .slides .slide {
  margin: 0;
}

.tour .slides .slide .contents {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  background-color: #e6be00;
  padding: 50px;
  margin: 2% auto 0;
  position: relative;
  left: 0;
  max-width: 1100px;
  opacity: 1;
  width: 80%;
}

.tour .slides .slide .contents h2,
.tour .slides .slide .contents p:not(.quote) {
  padding-right: 45%;
}

.tour .slides .slide .contents .graphic {
  -webkit-transition: all 0.8s ease-in-out 0s;
  transition: all 0.8s ease-in-out 0s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  position: absolute;
  bottom: -50px;
  width: 50%;
  right: -5%;
  z-index: 5000;
  opacity: 0;
}

.tour .slides .slide .contents.take-tour {
  background: url(/img/backgrounds/galaxy.jpg) no-repeat top left #26272b;
  background-size: cover;
  color: #b4b3b3;
  padding: 100px 50px 112.5px;
  margin-top: 0;
}

.tour .slides .slide .contents.take-tour .tagline {
  margin-bottom: 0.7em;
}

.tour .slides .slide .contents.take-tour h2 {
  color: #fff;
  font-weight: 700;
}

.tour .slides .slide .contents.take-tour p.intro {
  font-size: 1.5em;
  color: #fff;
  margin-bottom: 3em;
}

.tour .slides .slide .contents.take-tour p.intro em {
  display: block;
}

.tour .slides .slide .contents.take-tour .button-container {
  margin-bottom: 0;
}

.tour .slides .slide .contents.take-tour .graphic {
  bottom: -60px;
  width: 65%;
  right: -10%;
}

.tour .slides .slide .contents h2 {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  opacity: 0.7;
  font-weight: 700;
  line-height: 0.9;
}

.tour .slides .slide .contents p {
  opacity: 0.7;
}

.tour .slides .slide .contents .number {
  width: 4.5em;
  margin-bottom: 1.3em;
  position: relative;
  text-align: center;
  background: url(/img/assets/number-polygon.png) no-repeat center center/contain;
}

.tour .slides .slide .contents .number span {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2.3em;
  font-weight: 700;
  color: #4a4227;
}

.tour .slides .slide .contents .number:after {
  content: "";
  display: block;
  position: relative;
  padding-bottom: 114%;
}

.tour .slides .slick-active {
  z-index: 2000;
}

.tour .slides .slick-active .contents {
  margin: 2% auto 0;
}

.tour .slides .slick-active .contents h2,
.tour .slides .slick-active .contents p {
  opacity: 1 !important;
}

.tour .slides .slick-active .contents .graphic {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.tour .slides .slick-active + .slide .contents {
  left: -15%;
  margin: 2% 5% 0;
}

.tour .slides .slick-active + .slide .contents .graphic {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  opacity: 1;
}

.tour ul.slick-dots {
  padding-left: 0;
  list-style: none;
  margin-top: 50px;
  margin-bottom: 0;
  text-align: center;
}

.tour ul.slick-dots li:before {
  display: none;
}

.tour ul.slick-dots li {
  display: inline-block;
  margin: 0 0.5em;
}

.tour ul.slick-dots li button {
  display: block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  background: none;
  position: relative;
  font-size: 0;
}

.tour ul.slick-dots li button:before,
.tour ul.slick-dots li button:after {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background: url(/img/assets/active-dot.png) no-repeat center center/contain;
  border-radius: 16px;
  z-index: 100;
}

.tour ul.slick-dots li button:before {
  -webkit-transform: skewX(0deg) translate(-50%, -50%);
  transform: skewX(0deg) translate(-50%, -50%);
  opacity: 1;
  width: 16px;
  height: 16px;
  background-image: url(/img/assets/active-bg.png);
  z-index: 50;
}

.tour ul.slick-dots li.slick-active button:after {
  width: 0px;
  height: 0px;
}

body#platform .hero,
body#product .hero {
  background-image: url(/img/backgrounds/platform-galaxy.jpg);
}

body#platform .hero .icon-lead-ins ul li,
body#product .hero .icon-lead-ins ul li {
  vertical-align: top;
}

body#platform .hero .platform-jump,
body#product .hero .platform-jump {
  max-width: 750px;
  margin: 3em auto 0;
}

body#platform .hero .platform-jump ul li strong,
body#product .hero .platform-jump ul li strong {
  color: #fff;
  border-color: #535659;
  padding: 0 1em;
  line-height: 1.2;
}

body#platform .hero .platform-jump ul li:hover strong,
body#product .hero .platform-jump ul li:hover strong {
  color: #52989e;
}

body#platform .hero .platform-jump p,
body#product .hero .platform-jump p {
  text-align: center;
  color: #b4b3b3;
  padding: 1em 1em 0;
}

body#platform .platform-story .row,
body#product .platform-story .row {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
  min-height: 786px;
}

body#platform .platform-story .row > div,
body#product .platform-story .row > div {
  width: 50%;
}

body#platform .platform-story .row .text *,
body#product .platform-story .row .text * {
  max-width: 700px;
}

body#platform .platform-story .row .text,
body#product .platform-story .row .text {
  padding: 100px 50px;
}

body#platform .platform-story .row .text .cta,
body#product .platform-story .row .text .cta {
  margin-top: 50px;
}

body#platform .platform-story .row .text p.subtext,
body#product .platform-story .row .text p.subtext {
  font-weight: 800;
  font-size: 1.2rem;
}

body#platform .platform-story .row .text p.cta-text,
body#product .platform-story .row .text p.cta-text {
  font-family: "Space Mono", monospace;
  font-weight: 900;
}

body#platform .platform-story .row .text.left *,
body#product .platform-story .row .text.left * {
  margin-right: 0;
  margin-left: auto;
}

body#platform .platform-story .row .text h3,
body#product .platform-story .row .text h3 {
  color: #e6be00;
  font-family: "Space Mono", monospace;
  font-size: 1rem;
}

body#platform .platform-story .row .image-feature,
body#product .platform-story .row .image-feature {
  background: #26272b;
  position: relative;
}

body#platform .platform-story .row .image-feature .canvas,
body#product .platform-story .row .image-feature .canvas {
  max-width: 700px;
  width: 100%;
  margin-left: auto;
  margin-right: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

body#platform .platform-story .row .image-feature .canvas img,
body#product .platform-story .row .image-feature .canvas img {
  position: absolute;
}

body#platform .platform-story .row .image-feature.threat .canvas,
body#product .platform-story .row .image-feature.threat .canvas {
  left: 0;
  top: 0;
  bottom: 0;
  margin-left: 0;
  margin-right: auto;
}

body#platform .platform-story .row .image-feature.threat .triangle-shadow,
body#product .platform-story .row .image-feature.threat .triangle-shadow {
  width: 450px;
  left: calc(50% - 225px);
  top: calc(33% - 40px);
}

body#platform .platform-story .row .image-feature.threat .market-color-icon,
body#product .platform-story .row .image-feature.threat .market-color-icon {
  width: 450px;
  left: calc(50% - 225px);
  top: calc(20% - 40px);
}

body#platform .platform-story .row .image-feature.threat .market-yes-no,
body#product .platform-story .row .image-feature.threat .market-yes-no {
  top: 50px;
  left: 0;
  right: 0;
  margin: auto;
  width: 500px;
}

body#platform .platform-story .row .image-feature.threat .hcircle,
body#product .platform-story .row .image-feature.threat .hcircle {
  width: 78px;
}

body#platform .platform-story .row .image-feature.threat .circle-1,
body#platform .platform-story .row .image-feature.threat .circle-2,
body#platform .platform-story .row .image-feature.threat .circle-3,
body#platform .platform-story .row .image-feature.threat .triangle-1,
body#platform .platform-story .row .image-feature.threat .triangle-2,
body#product .platform-story .row .image-feature.threat .circle-1,
body#product .platform-story .row .image-feature.threat .circle-2,
body#product .platform-story .row .image-feature.threat .circle-3,
body#product .platform-story .row .image-feature.threat .triangle-1,
body#product .platform-story .row .image-feature.threat .triangle-2 {
  display: block;
}

body#platform .platform-story .row .image-feature.threat .circle-1,
body#platform .platform-story .row .image-feature.threat .circle-2,
body#platform .platform-story .row .image-feature.threat .circle-3,
body#product .platform-story .row .image-feature.threat .circle-1,
body#product .platform-story .row .image-feature.threat .circle-2,
body#product .platform-story .row .image-feature.threat .circle-3 {
  top: -70px;
  left: 50%;
}

body#platform .platform-story .row .image-feature.threat .triangle-1,
body#platform .platform-story .row .image-feature.threat .triangle-2,
body#product .platform-story .row .image-feature.threat .triangle-1,
body#product .platform-story .row .image-feature.threat .triangle-2 {
  top: -70px;
  right: 50%;
}

body#platform .platform-story .row .image-feature.threat .landed-circles,
body#product .platform-story .row .image-feature.threat .landed-circles {
  bottom: 0;
  right: 0;
  width: 250px;
}

body#platform .platform-story .row .image-feature.threat .landed-icons,
body#product .platform-story .row .image-feature.threat .landed-icons {
  bottom: 0;
  left: 0;
}

body#platform .platform-story .row .image-feature.security,
body#product .platform-story .row .image-feature.security {
  background: url("/img/platformassets/ratings-background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

body#platform .platform-story .row .image-feature.security .layer-3,
body#platform .platform-story .row .image-feature.security .layer-4,
body#product .platform-story .row .image-feature.security .layer-3,
body#product .platform-story .row .image-feature.security .layer-4 {
  width: 400px;
}

body#platform .platform-story .row .image-feature.security .layer-4,
body#product .platform-story .row .image-feature.security .layer-4 {
  top: calc(55% - 230px);
  left: calc(58% - 200px);
}

body#platform .platform-story .row .image-feature.security .layer-3,
body#product .platform-story .row .image-feature.security .layer-3 {
  top: calc(40% - 230px);
  left: calc(50% - 200px);
}

body#platform .platform-story .row .image-feature.security .layer-2,
body#platform .platform-story .row .image-feature.security .layer-1,
body#product .platform-story .row .image-feature.security .layer-2,
body#product .platform-story .row .image-feature.security .layer-1 {
  width: 340px;
  position: absolute;
}

body#platform .platform-story .row .image-feature.security .layer-2,
body#product .platform-story .row .image-feature.security .layer-2 {
  top: 207px;
  left: 125px;
}

body#platform .platform-story .row .image-feature.security .layer-1,
body#product .platform-story .row .image-feature.security .layer-1 {
  top: 30%;
  left: 30%;
}

body#platform .platform-story .row .image-feature.security .layer-1 .outline,
body#product .platform-story .row .image-feature.security .layer-1 .outline {
  top: -154px;
  left: -117px;
  width: 197px;
}

body#platform .platform-story .row .image-feature.security .layer-1 .b,
body#platform .platform-story .row .image-feature.security .layer-1 .c,
body#platform .platform-story .row .image-feature.security .layer-1 .d,
body#platform .platform-story .row .image-feature.security .layer-1 .f,
body#product .platform-story .row .image-feature.security .layer-1 .b,
body#product .platform-story .row .image-feature.security .layer-1 .c,
body#product .platform-story .row .image-feature.security .layer-1 .d,
body#product .platform-story .row .image-feature.security .layer-1 .f {
  width: 100px;
}

body#platform .platform-story .row .image-feature.security .layer-1 .a,
body#product .platform-story .row .image-feature.security .layer-1 .a {
  top: -119px;
  left: -88px;
  width: 140px;
}

body#platform .platform-story .row .image-feature.security .layer-1 .b,
body#product .platform-story .row .image-feature.security .layer-1 .b {
  top: 19px;
  left: 0;
  z-index: 1;
}

body#platform .platform-story .row .image-feature.security .layer-1 .c,
body#product .platform-story .row .image-feature.security .layer-1 .c {
  top: 76px;
  left: 100px;
}

body#platform .platform-story .row .image-feature.security .layer-1 .d,
body#product .platform-story .row .image-feature.security .layer-1 .d {
  top: 39px;
  left: 200px;
}

body#platform .platform-story .row .image-feature.security .layer-1 .f,
body#product .platform-story .row .image-feature.security .layer-1 .f {
  top: 158px;
  left: 240px;
}

body#platform .platform-story .row .image-feature.atlas,
body#product .platform-story .row .image-feature.atlas {
  overflow: hidden;
}

body#platform .platform-story .row .image-feature.atlas .canvas,
body#product .platform-story .row .image-feature.atlas .canvas {
  overflow: visible;
  margin-left: 0;
  margin-right: auto;
  right: auto;
}

body#platform .platform-story .row .image-feature.atlas .atlas-box-shadow,
body#product .platform-story .row .image-feature.atlas .atlas-box-shadow {
  position: absolute;
  top: 140px;
  left: 140px;
  width: 450px;
  height: 450px;
  border: 50px solid #ffaa31;
  z-index: 1;
}

body#platform .platform-story .row .image-feature.atlas .atlas-no,
body#product .platform-story .row .image-feature.atlas .atlas-no {
  position: absolute;
  top: 60px;
  left: 110px;
  z-index: 4;
}

body#platform .platform-story .row .image-feature.atlas .atlas-yes,
body#product .platform-story .row .image-feature.atlas .atlas-yes {
  position: absolute;
  top: 60px;
  left: 490px;
  z-index: 4;
}

body#platform .platform-story .row .image-feature.atlas .q-box,
body#product .platform-story .row .image-feature.atlas .q-box {
  position: absolute;
  width: 132px;
  height: 132px;
}

body#platform .platform-story .row .image-feature.atlas .q-box._1,
body#product .platform-story .row .image-feature.atlas .q-box._1 {
  bottom: -216px;
  left: 30px;
  border: 5px solid #49303e;
}

body#platform .platform-story .row .image-feature.atlas .q-box._2,
body#product .platform-story .row .image-feature.atlas .q-box._2 {
  bottom: -150px;
  left: 100px;
  background-color: #49303e;
}

body#platform .platform-story .row .image-feature.atlas .q-box._3,
body#product .platform-story .row .image-feature.atlas .q-box._3 {
  bottom: -181px;
  left: 140px;
  border: 5px solid #49303e;
}

body#platform .platform-story .row .image-feature.atlas .q-box._4,
body#product .platform-story .row .image-feature.atlas .q-box._4 {
  bottom: -170px;
  left: 190px;
  background-color: #49303e;
}

body#platform .platform-story .row .image-feature.atlas .q-box._5,
body#product .platform-story .row .image-feature.atlas .q-box._5 {
  bottom: -190px;
  left: 250px;
  background-color: #35252e;
}

body#platform .platform-story .row .image-feature.atlas .q-box._6,
body#product .platform-story .row .image-feature.atlas .q-box._6 {
  bottom: -170px;
  left: 320px;
  background-color: #000000;
}

body#platform .platform-story .row .image-feature.atlas .q-box._7,
body#product .platform-story .row .image-feature.atlas .q-box._7 {
  bottom: -140px;
  left: 440px;
  background-color: #000000;
}

body#platform .platform-story .row .image-feature.atlas .q-box._8,
body#product .platform-story .row .image-feature.atlas .q-box._8 {
  bottom: -150px;
  left: 470px;
  background-color: #000000;
}

body#platform .platform-story .row .image-feature.atlas .q-box._9,
body#product .platform-story .row .image-feature.atlas .q-box._9 {
  bottom: -150px;
  left: 570px;
  background-color: #35252e;
}

body#platform .platform-story .row .image-feature.atlas .q-box._10,
body#product .platform-story .row .image-feature.atlas .q-box._10 {
  bottom: -175px;
  left: 760px;
  background-color: #35252e;
}

body#platform .platform-story .row .image-feature.security,
body#product .platform-story .row .image-feature.security {
  overflow: hidden;
}

body#platform .platform-story .row .image-feature.security .canvas,
body#product .platform-story .row .image-feature.security .canvas {
  overflow: visible;
  margin-left: 0;
  margin-right: auto;
  right: auto;
}

body#platform .platform-story .row .image-feature.security .triangle-bg-big,
body#product .platform-story .row .image-feature.security .triangle-bg-big {
  position: absolute;
  top: -120px;
  left: -170px;
  width: 1110px;
  max-width: none;
}

body#platform .platform-story .row .image-feature.security .triangle-bg-small,
body#product .platform-story .row .image-feature.security .triangle-bg-small {
  position: absolute;
  top: 40px;
  left: 60px;
  width: 760px;
  max-width: none;
}

body#platform .platform-story .row .image-feature.security .triangle-gold,
body#product .platform-story .row .image-feature.security .triangle-gold {
  position: absolute;
  top: 110px;
  left: 50px;
  width: 580px;
  z-index: 1;
}

body#platform .platform-story .row .image-feature.security .lock-bar,
body#product .platform-story .row .image-feature.security .lock-bar {
  position: absolute;
  top: 211px;
  left: 283px;
  width: 100px;
  z-index: 3;
}

body#platform .platform-story .row .image-feature.security .lock-body,
body#product .platform-story .row .image-feature.security .lock-body {
  position: absolute;
  top: 280px;
  left: 259px;
  width: 150px;
  z-index: 3;
}

body#platform .platform-story .row .image-feature.security .matrix-numbers,
body#product .platform-story .row .image-feature.security .matrix-numbers {
  font-family: "Space Mono", monospace;
  position: absolute;
}

body#platform .platform-story .row .image-feature.security .matrix-numbers._1,
body#product .platform-story .row .image-feature.security .matrix-numbers._1 {
  top: 0;
  left: -1040px;
  font-size: 69px;
  opacity: 0.12;
  color: #52989e;
}

body#platform .platform-story .row .image-feature.security .matrix-numbers._2,
body#product .platform-story .row .image-feature.security .matrix-numbers._2 {
  top: 230px;
  left: -420px;
  font-size: 28px;
  opacity: 0.68;
  z-index: 2;
}

body#platform .platform-story .row .image-feature.security .matrix-numbers._3,
body#product .platform-story .row .image-feature.security .matrix-numbers._3 {
  top: 300px;
  left: -770px;
  font-size: 48px;
}

body#platform .platform-story .row .image-feature.security .matrix-numbers._4,
body#product .platform-story .row .image-feature.security .matrix-numbers._4 {
  top: 370px;
  left: -440px;
  font-size: 28px;
  opacity: 0.8;
  z-index: 2;
  color: #52989e;
}

body#platform .platform-story .row .image-feature.security .matrix-numbers._5,
body#product .platform-story .row .image-feature.security .matrix-numbers._5 {
  top: 550px;
  left: -1320px;
  font-size: 88px;
  opacity: 0.12;
  color: #52989e;
}

body#platform .platform-story .row .image-feature.professional,
body#product .platform-story .row .image-feature.professional {
  overflow: hidden;
}

body#platform .platform-story .row .image-feature.professional .canvas,
body#product .platform-story .row .image-feature.professional .canvas {
  overflow: visible;
}

body#platform .platform-story .row .image-feature.professional .prof-diamond-bgthick,
body#product .platform-story .row .image-feature.professional .prof-diamond-bgthick {
  width: 930px;
  top: -129px;
  left: -103px;
  max-width: none;
}

body#platform .platform-story .row .image-feature.professional .prof-diamond-bgthin,
body#product .platform-story .row .image-feature.professional .prof-diamond-bgthin {
  width: 940px;
  top: -199px;
  left: -106px;
  max-width: none;
}

body#platform .platform-story .row .image-feature.professional .prof-diamond-three,
body#product .platform-story .row .image-feature.professional .prof-diamond-three {
  width: 511px;
  top: 81px;
  left: 107px;
  max-width: none;
}

body#platform .platform-story .row .image-feature.professional .prof-diamond-four,
body#product .platform-story .row .image-feature.professional .prof-diamond-four {
  width: 305px;
  top: 184px;
  left: 210px;
  max-width: none;
}

body#platform .platform-story .row .image-feature.professional .prof-diamond-two,
body#product .platform-story .row .image-feature.professional .prof-diamond-two {
  width: 175px;
  top: 250px;
  left: 276px;
  max-width: none;
}

body#platform .platform-story .row .image-feature.professional .prof-diamond-one,
body#product .platform-story .row .image-feature.professional .prof-diamond-one {
  width: 95px;
  top: 291px;
  left: 316px;
  max-width: none;
}

body#platform .platform-story .row .image-feature.professional .miter-tray > div,
body#platform .platform-story .row .image-feature.professional .miter-tray > div > div,
body#platform .platform-story .row .image-feature.professional .frame,
body#platform .platform-story .row .image-feature.professional .frame > div,
body#product .platform-story .row .image-feature.professional .miter-tray > div,
body#product .platform-story .row .image-feature.professional .miter-tray > div > div,
body#product .platform-story .row .image-feature.professional .frame,
body#product .platform-story .row .image-feature.professional .frame > div {
  height: 24px !important;
}

body#platform .platform-story .row .image-feature.professional .frame,
body#product .platform-story .row .image-feature.professional .frame {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

body#platform .platform-story .row .image-feature.professional .frame > div,
body#product .platform-story .row .image-feature.professional .frame > div {
  width: 100%;
}

body#platform .platform-story .row .image-feature.professional .miter-tray,
body#product .platform-story .row .image-feature.professional .miter-tray {
  width: 100%;
}

body#platform .platform-story .row .image-feature.professional .miter-row,
body#product .platform-story .row .image-feature.professional .miter-row {
  height: 24px;
  width: 300px;
  position: absolute;
  opacity: 0.64;
  overflow: hidden;
}

body#platform .platform-story .row .image-feature.professional .miter-row .miter-row-wrapper,
body#product .platform-story .row .image-feature.professional .miter-row .miter-row-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  height: 100%;
}

body#platform .platform-story .row .image-feature.professional .miter-row .miter-red,
body#product .platform-story .row .image-feature.professional .miter-row .miter-red {
  background-color: #e73e58;
}

body#platform .platform-story .row .image-feature.professional .miter-row .miter-yellow,
body#product .platform-story .row .image-feature.professional .miter-row .miter-yellow {
  background-color: #e6be00;
}

body#platform .platform-story .row .image-feature.professional .miter-row .miter-white,
body#product .platform-story .row .image-feature.professional .miter-row .miter-white {
  background-color: #fff;
}

body#platform .platform-story .row .image-feature.professional .miter-row .miter-blue,
body#product .platform-story .row .image-feature.professional .miter-row .miter-blue {
  background-color: #52989e;
}

body#platform .platform-story .row .image-feature.professional .miter-row._1,
body#product .platform-story .row .image-feature.professional .miter-row._1 {
  top: 183px;
  left: -89px;
}

body#platform .platform-story .row .image-feature.professional .miter-row._1 .miter-row-wrapper,
body#product .platform-story .row .image-feature.professional .miter-row._1 .miter-row-wrapper {
  width: 500%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._1 .miter-row-wrapper .frame > div,
body#product .platform-story .row .image-feature.professional .miter-row._1 .miter-row-wrapper .frame > div {
  margin-right: 5%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._2,
body#product .platform-story .row .image-feature.professional .miter-row._2 {
  top: 183px;
  left: 506px;
}

body#platform .platform-story .row .image-feature.professional .miter-row._2 .miter-row-wrapper,
body#product .platform-story .row .image-feature.professional .miter-row._2 .miter-row-wrapper {
  width: 300%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._2 .miter-row-wrapper .frame > div,
body#product .platform-story .row .image-feature.professional .miter-row._2 .miter-row-wrapper .frame > div {
  margin-right: 5%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._3,
body#product .platform-story .row .image-feature.professional .miter-row._3 {
  top: 236px;
  left: -140px;
}

body#platform .platform-story .row .image-feature.professional .miter-row._3 .miter-row-wrapper,
body#product .platform-story .row .image-feature.professional .miter-row._3 .miter-row-wrapper {
  width: 400%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._3 .miter-row-wrapper .frame > div,
body#product .platform-story .row .image-feature.professional .miter-row._3 .miter-row-wrapper .frame > div {
  margin-right: 10%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._4,
body#product .platform-story .row .image-feature.professional .miter-row._4 {
  top: 236px;
  left: 559px;
}

body#platform .platform-story .row .image-feature.professional .miter-row._4 .miter-row-wrapper,
body#product .platform-story .row .image-feature.professional .miter-row._4 .miter-row-wrapper {
  width: 500%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._4 .miter-row-wrapper .frame > div,
body#product .platform-story .row .image-feature.professional .miter-row._4 .miter-row-wrapper .frame > div {
  margin-right: 10%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._5,
body#product .platform-story .row .image-feature.professional .miter-row._5 {
  top: 290px;
  left: -190px;
}

body#platform .platform-story .row .image-feature.professional .miter-row._5 .miter-row-wrapper,
body#product .platform-story .row .image-feature.professional .miter-row._5 .miter-row-wrapper {
  width: 500%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._5 .miter-row-wrapper .frame > div,
body#product .platform-story .row .image-feature.professional .miter-row._5 .miter-row-wrapper .frame > div {
  margin-right: 5%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._6,
body#product .platform-story .row .image-feature.professional .miter-row._6 {
  top: 290px;
  left: 612px;
}

body#platform .platform-story .row .image-feature.professional .miter-row._6 .miter-row-wrapper,
body#product .platform-story .row .image-feature.professional .miter-row._6 .miter-row-wrapper {
  width: 350%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._6 .miter-row-wrapper .frame > div,
body#product .platform-story .row .image-feature.professional .miter-row._6 .miter-row-wrapper .frame > div {
  margin-right: 10%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._7,
body#product .platform-story .row .image-feature.professional .miter-row._7 {
  top: 360px;
  left: -190px;
}

body#platform .platform-story .row .image-feature.professional .miter-row._7 .miter-row-wrapper,
body#product .platform-story .row .image-feature.professional .miter-row._7 .miter-row-wrapper {
  width: 200%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._7 .miter-row-wrapper .frame > div,
body#product .platform-story .row .image-feature.professional .miter-row._7 .miter-row-wrapper .frame > div {
  margin-right: 5%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._8,
body#product .platform-story .row .image-feature.professional .miter-row._8 {
  top: 360px;
  left: 612px;
}

body#platform .platform-story .row .image-feature.professional .miter-row._8 .miter-row-wrapper,
body#product .platform-story .row .image-feature.professional .miter-row._8 .miter-row-wrapper {
  width: 250%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._8 .miter-row-wrapper .frame > div,
body#product .platform-story .row .image-feature.professional .miter-row._8 .miter-row-wrapper .frame > div {
  margin-right: 5%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._9,
body#product .platform-story .row .image-feature.professional .miter-row._9 {
  top: 414px;
  left: -140px;
}

body#platform .platform-story .row .image-feature.professional .miter-row._9 .miter-row-wrapper,
body#product .platform-story .row .image-feature.professional .miter-row._9 .miter-row-wrapper {
  width: 170%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._9 .miter-row-wrapper .frame > div,
body#product .platform-story .row .image-feature.professional .miter-row._9 .miter-row-wrapper .frame > div {
  margin-right: 5%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._10,
body#product .platform-story .row .image-feature.professional .miter-row._10 {
  top: 414px;
  left: 560px;
}

body#platform .platform-story .row .image-feature.professional .miter-row._10 .miter-row-wrapper,
body#product .platform-story .row .image-feature.professional .miter-row._10 .miter-row-wrapper {
  width: 330%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._10 .miter-row-wrapper .frame > div,
body#product .platform-story .row .image-feature.professional .miter-row._10 .miter-row-wrapper .frame > div {
  margin-right: 15%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._11,
body#product .platform-story .row .image-feature.professional .miter-row._11 {
  top: 467px;
  left: -89px;
}

body#platform .platform-story .row .image-feature.professional .miter-row._11 .miter-row-wrapper,
body#product .platform-story .row .image-feature.professional .miter-row._11 .miter-row-wrapper {
  width: 300%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._11 .miter-row-wrapper .frame > div,
body#product .platform-story .row .image-feature.professional .miter-row._11 .miter-row-wrapper .frame > div {
  margin-right: 5%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._12,
body#product .platform-story .row .image-feature.professional .miter-row._12 {
  top: 467px;
  left: 510px;
}

body#platform .platform-story .row .image-feature.professional .miter-row._12 .miter-row-wrapper,
body#product .platform-story .row .image-feature.professional .miter-row._12 .miter-row-wrapper {
  width: 150%;
}

body#platform .platform-story .row .image-feature.professional .miter-row._12 .miter-row-wrapper .frame > div,
body#product .platform-story .row .image-feature.professional .miter-row._12 .miter-row-wrapper .frame > div {
  margin-right: 5%;
}

body#platform .platform-story .row .image-feature.services .canvas .connector-top-layer,
body#product .platform-story .row .image-feature.services .canvas .connector-top-layer {
  width: 550px;
  top: 50px;
  right: 0;
  left: 0;
  margin: auto;
}

body#platform .platform-story .row .image-feature.services .canvas .connector-shadow,
body#product .platform-story .row .image-feature.services .canvas .connector-shadow {
  width: 430px;
  top: 193px;
  right: 0;
  left: 0;
  margin: auto;
}

body#platform .platform-story .row .image-feature.services .canvas .left,
body#product .platform-story .row .image-feature.services .canvas .left {
  top: 241px;
  left: 76px;
  width: 79px;
}

body#platform .platform-story .row .image-feature.services .canvas .right,
body#product .platform-story .row .image-feature.services .canvas .right {
  top: 241px;
  right: 76px;
  width: 79px;
}

body#platform .platform-story .row .image-feature.services .beam-1,
body#platform .platform-story .row .image-feature.services .beam-2,
body#platform .platform-story .row .image-feature.services .beam-3,
body#product .platform-story .row .image-feature.services .beam-1,
body#product .platform-story .row .image-feature.services .beam-2,
body#product .platform-story .row .image-feature.services .beam-3 {
  position: absolute;
  width: 100%;
  height: 180px;
  bottom: 0;
}

body#platform .platform-story .row .image-feature.services .beam-1,
body#product .platform-story .row .image-feature.services .beam-1 {
  background: url("/img/platformassets/connectors/connectors-white-wave.png");
  background-position: 0px 0px;
  background-repeat: repeat-x;
  -webkit-animation: animatedBackground 125s linear infinite;
          animation: animatedBackground 125s linear infinite;
}

body#platform .platform-story .row .image-feature.services .beam-2,
body#product .platform-story .row .image-feature.services .beam-2 {
  background: url("/img/platformassets/connectors/connectors-red-wave.png");
  background-position: 0px 0px;
  background-repeat: repeat-x;
  -webkit-animation: animatedBackground 250s linear infinite;
          animation: animatedBackground 250s linear infinite;
}

body#platform .platform-story .row .image-feature.services .beam-3,
body#product .platform-story .row .image-feature.services .beam-3 {
  background: url("/img/platformassets/connectors/connectors-green-wave.png");
  background-position: 0px 0px;
  background-repeat: repeat-x;
  -webkit-animation: animatedBackground 300s linear infinite;
          animation: animatedBackground 300s linear infinite;
}

body#platform .platform-story .row .image-feature.atlas,
body#product .platform-story .row .image-feature.atlas {
  background: url("/img/platformassets/market/market-background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

body#platform .platform-story .row .image-feature.api,
body#platform .platform-story .row .image-feature.professional,
body#product .platform-story .row .image-feature.api,
body#product .platform-story .row .image-feature.professional {
  background: url("/img/platformassets/connectors/connectors-background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

body#platform .scoring-works,
body#product .scoring-works {
  background-image: url(/img/backgrounds/triangles-top.gif), url(/img/backgrounds/triangles.jpg);
  background-position: top center, bottom center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: #fff;
  padding: 100px 0;
}

body#platform .scoring-works hr,
body#product .scoring-works hr {
  width: 50px;
}

body#platform .scoring-works p.tagline,
body#product .scoring-works p.tagline {
  text-align: center;
  color: #cda900;
  text-shadow: 0px 1px 1px #fff;
}

body#platform .scoring-works h2,
body#product .scoring-works h2 {
  font-weight: 700;
  text-align: center;
  margin-bottom: 3rem;
}

body#platform .scoring-works .graphic,
body#product .scoring-works .graphic {
  background-size: auto 100%;
}

body#platform .scoring-works .graphic .columns,
body#product .scoring-works .graphic .columns {
  margin-bottom: 6em;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

body#platform .scoring-works .graphic .columns > div,
body#product .scoring-works .graphic .columns > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-right: 1rem;
}

body#platform .scoring-works .graphic .columns > div:last-child,
body#product .scoring-works .graphic .columns > div:last-child {
  margin-right: 0;
}

body#platform .scoring-works .graphic .text,
body#product .scoring-works .graphic .text {
  margin-bottom: 1rem;
}

body#platform .scoring-works .graphic .number,
body#product .scoring-works .graphic .number {
  font-size: 2.3rem;
  font-family: "Space Mono", monospace;
  color: #fff;
  float: left;
  width: 59px;
  height: 68px;
  background-image: url("/img/platform/numeric.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin-right: 1rem;
}

body#platform .scoring-works .graphic .number + p,
body#product .scoring-works .graphic .number + p {
  overflow: hidden;
}

body#platform .scoring-works .graphic .image,
body#product .scoring-works .graphic .image {
  height: 185px;
  margin-top: auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

body#platform .scoring-works .graphic img,
body#product .scoring-works .graphic img {
  margin: 0 auto;
  max-width: 225px;
  max-height: 185px;
}

body#platform .scoring-works .button-container,
body#product .scoring-works .button-container {
  text-align: center;
  margin-bottom: 0;
}

@media only screen and (max-width: 1030px) {
  body#platform .scoring-works .graphic .columns,
  body#product .scoring-works .graphic .columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  body#platform .scoring-works .graphic .text .number,
  body#product .scoring-works .graphic .text .number {
    float: none;
    margin: 0 auto;
  }

  body#platform .scoring-works .graphic .text .number p,
  body#product .scoring-works .graphic .text .number p {
    text-align: center;
  }
}

.risk-categories {
  padding: 4em 0;
}

.risk-categories .container {
  max-width: 1400px;
}

.risk-categories h2 {
  text-align: center;
  max-width: 1000px;
  margin: 0 auto 1.5em;
}

.risk-categories ul {
  padding-left: 0;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 0;
}

.risk-categories ul li:before {
  display: none;
}

.risk-categories ul li {
  display: inline-block;
  width: 25%;
  background: #eee;
  padding: 2em 1em 2.5em;
  font-weight: 700;
  margin: 0;
  text-align: center;
  font-size: 12.8px;
  vertical-align: middle;
  font-family: "Space Mono", monospace;
  font-weight: 700;
  letter-spacing: 0;
  position: relative;
  background: url(/img/assets/grit.png) no-repeat top left #eee;
  background-size: auto 100%;
  box-shadow: inset -30px -20px 50px #ddd, 0px 0px 0px 1px #fff;
  z-index: 100;
}

.risk-categories ul li .content {
  -webkit-transform: translate(0, -10px);
  transform: translate(0, -10px);
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: absolute;
  height: auto;
  right: 0;
  bottom: 0;
  left: 0;
  background: #52989e;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  color: #fff;
  padding: 1.5em 2em 1.7em;
  z-index: 300;
  text-align: left;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0;
  max-height: 50px;
  overflow: hidden;
}

.risk-categories ul li .content:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 1px;
  height: 1px;
  border: solid 20px transparent;
  border-top-color: #52989e;
  margin-left: -20px;
}

.risk-categories ul li .content h3 {
  font-family: "Space Mono", monospace;
  font-size: 1.4em;
  margin-bottom: 0.8em;
  color: #fff;
}

.risk-categories ul li:hover {
  z-index: 200;
}

.risk-categories ul li:hover .content {
  opacity: 1;
  max-height: 600px;
  bottom: 100%;
  overflow: visible;
}

.risk-categories ul li.break {
  width: 100%;
  padding: 0;
  box-shadow: none;
  background: none;
}

.risk-categories ul li img {
  margin: 0 auto 0.7em;
  max-width: 85px;
}

#platform-security-ratings .image-with-text .image img {
  max-width: 100%;
}

.levels-data,
.process-data {
  background-color: #26272b;
  color: #f0f0f0;
  position: relative;
  padding: 4em 0;
}

.levels-data h2,
.process-data h2 {
  color: #f0f0f0;
  font-weight: 300;
  text-align: center;
  margin-bottom: 2em;
}

.levels-data .levels .level,
.levels-data .levels .step,
.levels-data .steps .level,
.levels-data .steps .step,
.process-data .levels .level,
.process-data .levels .step,
.process-data .steps .level,
.process-data .steps .step {
  margin-bottom: 4em;
}

.levels-data .levels .level:before,
.levels-data .levels .level:after,
.levels-data .levels .step:before,
.levels-data .levels .step:after,
.levels-data .steps .level:before,
.levels-data .steps .level:after,
.levels-data .steps .step:before,
.levels-data .steps .step:after,
.process-data .levels .level:before,
.process-data .levels .level:after,
.process-data .levels .step:before,
.process-data .levels .step:after,
.process-data .steps .level:before,
.process-data .steps .level:after,
.process-data .steps .step:before,
.process-data .steps .step:after {
  content: "";
  display: table;
}

.levels-data .levels .level:after,
.levels-data .levels .step:after,
.levels-data .steps .level:after,
.levels-data .steps .step:after,
.process-data .levels .level:after,
.process-data .levels .step:after,
.process-data .steps .level:after,
.process-data .steps .step:after {
  clear: both;
}

.levels-data .levels .level h4,
.levels-data .levels .step h4,
.levels-data .steps .level h4,
.levels-data .steps .step h4,
.process-data .levels .level h4,
.process-data .levels .step h4,
.process-data .steps .level h4,
.process-data .steps .step h4 {
  color: #52989e;
}

.levels-data .levels .level h3,
.levels-data .levels .step h3,
.levels-data .steps .level h3,
.levels-data .steps .step h3,
.process-data .levels .level h3,
.process-data .levels .step h3,
.process-data .steps .level h3,
.process-data .steps .step h3 {
  color: #fff;
  font-size: 3em;
  line-height: 1.1;
  overflow: hidden;
}

.levels-data .levels .level p,
.levels-data .levels .step p,
.levels-data .steps .level p,
.levels-data .steps .step p,
.process-data .levels .level p,
.process-data .levels .step p,
.process-data .steps .level p,
.process-data .steps .step p {
  font-size: 1.3em;
  color: rgba(240, 240, 240, 0.7);
  overflow: hidden;
  padding: 0 0 0.5em;
}

.levels-data .levels .level .image,
.levels-data .levels .step .image,
.levels-data .steps .level .image,
.levels-data .steps .step .image,
.process-data .levels .level .image,
.process-data .levels .step .image,
.process-data .steps .level .image,
.process-data .steps .step .image {
  width: 65%;
}

.levels-data .levels .level .content,
.levels-data .levels .step .content,
.levels-data .steps .level .content,
.levels-data .steps .step .content,
.process-data .levels .level .content,
.process-data .levels .step .content,
.process-data .steps .level .content,
.process-data .steps .step .content {
  padding-top: 50px;
  position: relative;
}

.levels-data .levels .level:nth-child(odd) .image,
.levels-data .levels .step:nth-child(odd) .image,
.levels-data .steps .level:nth-child(odd) .image,
.levels-data .steps .step:nth-child(odd) .image,
.process-data .levels .level:nth-child(odd) .image,
.process-data .levels .step:nth-child(odd) .image,
.process-data .steps .level:nth-child(odd) .image,
.process-data .steps .step:nth-child(odd) .image {
  -webkit-transform: translate(-50px, 0);
  transform: translate(-50px, 0);
  float: left;
  box-shadow: -40px 50px 150px #0e0e10;
}

.levels-data .levels .level:nth-child(even) .content,
.levels-data .levels .step:nth-child(even) .content,
.levels-data .steps .level:nth-child(even) .content,
.levels-data .steps .step:nth-child(even) .content,
.process-data .levels .level:nth-child(even) .content,
.process-data .levels .step:nth-child(even) .content,
.process-data .steps .level:nth-child(even) .content,
.process-data .steps .step:nth-child(even) .content {
  text-align: right;
}

.levels-data .levels .level:nth-child(even) .image,
.levels-data .levels .step:nth-child(even) .image,
.levels-data .steps .level:nth-child(even) .image,
.levels-data .steps .step:nth-child(even) .image,
.process-data .levels .level:nth-child(even) .image,
.process-data .levels .step:nth-child(even) .image,
.process-data .steps .level:nth-child(even) .image,
.process-data .steps .step:nth-child(even) .image {
  -webkit-transform: translate(50px, 0);
  transform: translate(50px, 0);
  float: right;
  box-shadow: 40px 50px 150px #0e0e10;
}

.process-data .steps .step:nth-child(n) .image {
  box-shadow: none;
}

.use-cases:not(body) {
  padding: 4em 0;
  background: url(/img/backgrounds/gray-galaxy.jpg) no-repeat center center/cover;
  background-attachment: fixed;
}

.use-cases:not(body) h2 {
  font-weight: 700;
  color: #26272b;
  margin-bottom: 1em;
}

.use-cases:not(body) .cases {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  margin-left: -25px;
  margin-right: -25px;
}

.use-cases:not(body) .cases h3 {
  padding: 0 25px;
  margin: 0 0 2em;
  max-width: 30%;
  -webkit-box-flex: 0;
          flex: 0 0 33%;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  color: #404d56;
  line-height: 1.3;
}

/* == RESOURCES == */

/* Styled Checkboxes */

.filters-search {
  overflow: hidden;
  position: relative;
}

.filters-search form#search-form {
  position: relative;
  z-index: 200;
}

.filters-search .filtering {
  position: relative;
  z-index: 200;
  text-align: center;
  margin-bottom: 25px;
}

.filters-search .filtering.resources-0 h4 strong {
  color: #e73e58;
}

.filters-search .filtering h4 {
  display: inline-block;
  color: #404d56;
  margin: 0 1em 0 0;
  font-weight: 400;
  top: 0.4em;
  position: relative;
}

.filters-search .filtering h4 strong {
  font-weight: 700;
}

.filters-search .filtering .button-container {
  display: inline-block;
  float: right;
  position: relative;
  margin: 0;
}

.filters-search .filtering button {
  display: inline-block;
}

.filters-search .loading {
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  background-color: rgba(82, 152, 158, 0.8);
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 50px;
  z-index: 500;
  opacity: 0;
}

.filters-search .loading span {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  color: #fff;
  font-size: 2em;
  font-family: "Caslon", serif;
}

.filters-search.is-loading .loading {
  visibility: visible;
  opacity: 1;
}

.filters .radios .button {
  padding: 0.2em 1.3em;
  text-transform: none;
}

.filters .radios label {
  display: inline-block;
  margin: 0 0.3em 0.6em;
  cursor: pointer;
}

.filters .radios label.-hide {
  display: none;
}

.filters .radios label.-hide.-active {
  display: inline-block;
}

.filters .radios label span {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  color: #b2d4d7;
  font-weight: 700;
  letter-spacing: 0.01em;
  display: inline-block;
  padding: 0.5em 2em;
  background-color: #404d56;
  font-family: "Space Mono", monospace;
  position: relative;
}

.filters .radios label span em {
  font-style: normal;
  display: inline-block;
  margin-left: 0.5em;
  color: #6fafb4;
  font-weight: 400;
}

.filters .radios label span:before {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transform: translate(-30px, -50%);
  transform: translate(-30px, -50%);
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F00C";
  display: inline-block;
  text-align: left;
  position: absolute;
  top: 50%;
  left: 1.15em;
  opacity: 0;
}

.filters .radios label span:hover {
  background-color: #52989e;
  color: #fff;
}

.filters .radios label span:hover em {
  color: #404d56;
}

.filters .radios label input[type=checkbox],
.filters .radios label input[type=radio] {
  display: none;
}

.filters .radios label input[type=checkbox]:checked + span,
.filters .radios label input[type=radio]:checked + span {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  background-color: #7ac46e;
  color: #fff;
  padding: 0.5em 1em 0.5em 3em;
}

.filters .radios label input[type=checkbox]:checked + span em,
.filters .radios label input[type=radio]:checked + span em {
  color: #2d7821;
}

.filters .radios label input[type=checkbox]:checked + span:before,
.filters .radios label input[type=radio]:checked + span:before {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 1;
}

.filters .radios label.none {
  cursor: default;
}

.filters .radios label.none span {
  background-color: rgba(64, 77, 86, 0.25);
  color: #6c8190;
}

.filters .radios label.none span em {
  display: none;
}

.filters-search {
  padding: 25px 50px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#141516", endColorstr="#26272b", GradientType=0);
  /* IE6-9 */
}

.filters-search h3 {
  color: #b4b3b3;
}

.filters-search form {
  margin: 1em 0;
}

.filters-search .filters-row {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.filters-search .filters-row .types {
  width: 50%;
}

@media only screen and (max-width: 770px) {
  .filters-search .filters-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .filters-search .filters-row .types {
    width: 100%;
  }
}

.filters-search .filters {
  margin-bottom: 1.5em;
}

.filters-search .filters .types {
  text-align: center;
}

.filters-search .filters .radios label span {
  font-size: 0.9em;
}

.filters-search .search-field,
.filters-search .submit {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 2em;
}

.filters-search .submit button,
.filters-search .submit a.button {
  margin: 0 0.7em 1em;
  vertical-align: middle;
}

.filters-search .search-field input[type=text] {
  text-align: center;
  background-color: #000;
  color: #7ac46e;
  font-size: 1.2em;
  border-radius: 2px;
  box-shadow: 0px 1px 1px #323339;
}

.filters-search .search-field input[type=text]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #404d56;
  opacity: 1;
  font-weight: 400;
}

.filters-search .search-field input[type=text]::-moz-placeholder {
  /* Firefox 19+ */
  color: #404d56;
  opacity: 1;
  font-weight: 400;
}

.filters-search .search-field input[type=text]:-ms-input-placeholder {
  /* IE 10+ */
  color: #404d56;
  opacity: 1;
  font-weight: 400;
}

.filters-search .search-field input[type=text]:-moz-placeholder {
  /* Firefox 18- */
  color: #404d56;
  opacity: 1;
  font-weight: 400;
}

body#resources .featured-resource {
  margin-bottom: 50px;
  margin-top: -20px;
}

body#resources .featured-resource .content {
  padding: 35px 50px 25px 100px;
}

body#resources .featured-resource .visual .position {
  margin: 35px 100px 31px 0;
}

body#resources .featured-resource.center .content {
  padding: 35px 50px 25px 50px;
}

body#resources .featured-resource.center .position {
  text-align: center;
  margin: 0 auto;
}

body#resources .resources,
.resource-grid {
  padding: 0;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
}

body#resources .resources .container,
.resource-grid .container {
  max-width: 1600px;
}

body#resources .resources img,
.resource-grid img {
  max-width: 300px;
  margin-bottom: 25px;
  display: inline;
}

body#resources .resources .tiles,
.resource-grid .tiles {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
}

body#resources .resources .tiles button,
.resource-grid .tiles button {
  display: block;
  margin: auto;
}

body#resources .resources .tiles > *,
.resource-grid .tiles > * {
  flex-basis: 30%;
  margin-bottom: 50px;
  margin-left: 5%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

body#resources .resources .tiles > * p,
.resource-grid .tiles > * p {
  color: black;
}

body#resources .resources .tiles > *:nth-child(3n+1),
.resource-grid .tiles > *:nth-child(3n+1) {
  border-color: #0ff;
  margin-left: 0;
}

body#resources .resources .tiles > * .date,
.resource-grid .tiles > * .date {
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  color: #26272b !important;
  text-transform: none;
  font-weight: 800;
}

body#resources .resources .tiles > * .date::before,
.resource-grid .tiles > * .date::before {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F133";
  color: #e6be00;
  margin-right: 8px;
}

body#resources .resources .tiles > *,
.resource-grid .tiles > * {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  max-width: 30%;
  padding: 1.5em 1.3em 1em;
  background-color: #fff;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1), 0px -1px 2px rgba(0, 0, 0, 0.1);
}

body#resources .resources .tiles > * .category-icon,
.resource-grid .tiles > * .category-icon {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 25px;
  float: right;
  opacity: 0.5;
  top: -0.3em;
  position: relative;
}

body#resources .resources .tiles > * p.tagline,
.resource-grid .tiles > * p.tagline {
  margin-bottom: 0.7em;
}

body#resources .resources .tiles > * p.tagline span,
.resource-grid .tiles > * p.tagline span {
  display: inline-block;
  white-space: nowrap;
  color: #e73e58;
}

body#resources .resources .tiles > * button,
.resource-grid .tiles > * button {
  align-self: flex-end;
  margin-bottom: 10px;
  padding: 10px 20px 10px 20px;
}

body#resources .resources .tiles > *:hover,
.resource-grid .tiles > *:hover {
  -webkit-transform: translate(0, -10px) scale(1, 1);
  transform: translate(0, -10px) scale(1, 1);
  box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.2), 0px -1px 2px rgba(0, 0, 0, 0.1);
}

body#resources .resources .tiles > *:hover .category-icon,
.resource-grid .tiles > *:hover .category-icon {
  opacity: 1;
}

body.resources .cover-image {
  width: 25%;
  float: right;
  margin: 0 0 3em 2em;
}

/* == PARTNERS == */

body#partners section {
  padding: 100px 0;
}

body#partners-global-partners .partner-grid {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  margin: 4em 0;
  justify-content: center;
}

body#partners-global-partners .partner-grid > * {
  flex-basis: 25%;
  -webkit-box-flex: 1;
          flex-grow: 1;
}

body#partners-global-partners .partner-grid > *.double {
  flex-basis: 50%;
}

body#partners-global-partners .partner-grid > *.full {
  flex-basis: 100%;
  max-width: none;
}

body#partners-global-partners .partner-grid > div {
  text-align: center;
  box-shadow: 0px 0px 0px 1px #ccc;
  position: relative;
  max-width: 25%;
  height: 240px;
}

body#partners-global-partners .partner-grid > div a {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  display: block;
  position: relative;
  padding: 2.5em 3em 1.5em;
}

body#partners-global-partners .partner-grid > div a:hover img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

body#partners-global-partners .partner-grid h2 {
  font-size: 1em;
  font-family: "Space Mono", monospace;
  font-weight: 700;
  margin: 0;
  vertical-align: middle;
  display: inline-block;
  color: rgba(38, 39, 43, 0.5);
}

body#partners-global-partners .partner-grid img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  max-height: 80px;
  margin: 0 auto 2em;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

body#partners-global-partners .partner-callout .style-blue-hex {
  padding: 4em 0;
}

body#partners-global-partners .partner-callout .style-blue-hex p {
  font-size: 1.5em;
}

body#partners-global-partners .partner-callout .style-blue-hex p.button-container {
  font-size: 1em;
}

body#understanding-your-security-rating .hero {
  padding: 230px 0 120px;
}

body#understanding-your-security-rating .style-light-gray .container,
body#understanding-your-security-rating .style-white .container {
  max-width: 1240px;
}

/* == CAREERS == */

body#company-careers .hero {
  padding-bottom: 10em;
}

@media only screen and (max-width: 1200px) {
  body#company-careers .hero {
    padding-bottom: 5em;
  }
}

body#company-careers .hero .copy {
  z-index: 600;
}

body#company-careers .diverse-workforce {
  position: relative;
  background: #404d56 url(/img/careers/grain-texture-slate.jpg) no-repeat top left/auto 100%;
}

@media only screen and (max-width: 770px) {
  body#company-careers .diverse-workforce {
    background-image: none;
    background-color: #35424c;
  }
}

body#company-careers .diverse-workforce .introduction {
  padding: 80px 80px 80px 50%;
  position: relative;
}

@media only screen and (max-width: 1200px) {
  body#company-careers .diverse-workforce .introduction {
    padding-left: 50px;
    padding-right: 350px;
    padding-top: 50px;
  }
}

@media only screen and (max-width: 770px) {
  body#company-careers .diverse-workforce .introduction {
    padding: 0px 40px 40px;
  }
}

body#company-careers .diverse-workforce .introduction .graphic {
  background: url(/img/careers/diversity-abstract.png) no-repeat right top/auto 100%;
  position: absolute;
  top: -54%;
  right: 53%;
  bottom: 0;
  left: 0;
  z-index: 500;
}

@media only screen and (max-width: 1400px) {
  body#company-careers .diverse-workforce .introduction .graphic {
    background-size: 100% auto;
    top: -30%;
  }
}

@media only screen and (max-width: 1200px) {
  body#company-careers .diverse-workforce .introduction .graphic {
    top: -19%;
    right: 0;
    left: auto;
    bottom: auto;
    height: 320px;
    width: 370px;
    background-size: contain;
  }
}

@media only screen and (max-width: 1030px) {
  body#company-careers .diverse-workforce .introduction .graphic {
    top: 5%;
  }
}

@media only screen and (max-width: 770px) {
  body#company-careers .diverse-workforce .introduction .graphic {
    position: relative;
    top: -3em;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    margin: 0 auto -2em;
    background-position: center center;
  }
}

body#company-careers .diverse-workforce .introduction .content {
  max-width: 780px;
}

body#company-careers .diverse-workforce .introduction .content h2 {
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  font-size: 2.25em;
  color: #e6be00;
  font-weight: 900;
  line-height: 1.3;
  margin-bottom: 0.7em;
}

@media only screen and (max-width: 1200px) {
  body#company-careers .diverse-workforce .introduction .content h2 {
    font-size: 1.75em;
  }
}

body#company-careers .diverse-workforce .introduction .content p {
  color: #fff;
  font-size: 1.25em;
  line-height: 1.8;
  max-width: 650px;
}

@media only screen and (max-width: 770px) {
  body#company-careers .diverse-workforce .introduction .content {
    text-align: center;
  }
}

@media only screen and (max-width: 500px) {
  body#company-careers .diverse-workforce .introduction .content {
    font-size: 0.8em;
  }
}

body#company-careers .inclusion-commitment {
  position: relative;
}

@media only screen and (max-width: 770px) {
  body#company-careers .inclusion-commitment {
    padding-bottom: 3em;
  }
}

body#company-careers .inclusion-commitment h2 {
  text-align: center;
  color: #f0f0f0;
  font-family: "Caslon", serif;
  font-size: 3.125em;
  line-height: 1;
}

@media only screen and (max-width: 1200px) {
  body#company-careers .inclusion-commitment h2 {
    font-size: 2em;
  }
}

body#company-careers .inclusion-commitment::after {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(44, 48, 53, 0)), to(#2c3035));
  background: linear-gradient(to bottom, rgba(44, 48, 53, 0) 0%, #2c3035 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002c3035", endColorstr="#2c3035", GradientType=0);
  /* IE6-9 */
}

@media only screen and (max-width: 770px) {
  body#company-careers .inclusion-commitment::after {
    display: none;
  }
}

body#company-careers .inclusion-commitment .position {
  padding: 0;
  position: relative;
  z-index: 200;
}

body#company-careers .inclusion-commitment .columns.graphics {
  background-image: url(/img/careers/color-wave.png), url(/img/careers/gray-waves.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
}

@media only screen and (max-width: 770px) {
  body#company-careers .inclusion-commitment .columns.graphics {
    display: none;
  }
}

body#company-careers .inclusion-commitment .columns.content img {
  display: none;
}

@media only screen and (max-width: 770px) {
  body#company-careers .inclusion-commitment .columns.content img {
    display: block;
    margin: 0 auto;
    width: auto;
  }
}

body#company-careers .inclusion-commitment .columns > div {
  text-align: center;
  position: relative;
}

@media only screen and (max-width: 1030px) {
  body#company-careers .inclusion-commitment .columns > div {
    font-size: 0.75em;
  }
}

@media only screen and (max-width: 770px) {
  body#company-careers .inclusion-commitment .columns > div {
    font-size: 1em;
  }
}

body#company-careers .inclusion-commitment .columns > div img {
  margin: 0 auto;
}

@media only screen and (max-width: 1030px) {
  body#company-careers .inclusion-commitment .columns > div img {
    width: 60%;
  }
}

body#company-careers .inclusion-commitment .columns > div p {
  color: #aabac5;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  font-size: 1.25em;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 400;
  max-width: 350px;
  padding: 0 2em;
  margin: 0 auto 4em;
}

@media only screen and (max-width: 1200px) {
  body#company-careers .inclusion-commitment .columns > div p {
    padding: 0 1em;
  }
}

@media only screen and (max-width: 770px) {
  body#company-careers .inclusion-commitment .columns > div p {
    margin-bottom: 2em;
  }
}

body#company-careers .inclusion-commitment .columns > div p strong {
  color: #fff;
  display: block;
  margin-bottom: 0.33em;
  font-size: 1.5em;
  font-weight: 700;
  padding-top: 1em;
  position: relative;
}

@media only screen and (max-width: 770px) {
  body#company-careers .inclusion-commitment .columns > div p strong {
    padding-top: 0;
  }
}

body#company-careers .inclusion-commitment .columns > div p strong::before {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 18px;
  height: 18px;
  background: url(/img/careers/sm-hex-gray.png) no-repeat center center/contain;
}

@media only screen and (max-width: 770px) {
  body#company-careers .inclusion-commitment .columns > div p strong::before {
    display: none;
  }
}

@media only screen and (max-width: 1030px) {
  body#company-careers .quote-image .columns {
    display: block;
    width: 100%;
  }

  body#company-careers .quote-image .columns > * {
    display: block;
    width: 100% !important;
  }

  body#company-careers .quote-image .columns > hr {
    display: none;
  }

  body#company-careers .quote-image .columns.fluid .fixed-cell {
    width: 100%;
    white-space: normal;
  }
}

body#company-careers .quote-image .columns .blockquote {
  padding: 5em 7em 5.2em 15em;
  background: #f9f9f9;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#f9f9f9), to(#eaeaea));
  background: linear-gradient(to right, #f9f9f9 0%, #eaeaea 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9", endColorstr="#eaeaea", GradientType=1);
  /* IE6-9 */
}

@media only screen and (max-width: 1400px) {
  body#company-careers .quote-image .columns .blockquote {
    padding: 3em 4em 2em 10em;
  }
}

@media only screen and (max-width: 1200px) {
  body#company-careers .quote-image .columns .blockquote {
    padding-left: 7em;
  }
}

@media only screen and (max-width: 500px) {
  body#company-careers .quote-image .columns .blockquote {
    padding: 37.5px 25px;
  }
}

body#company-careers .quote-image .columns .blockquote p.content {
  margin-top: 5em;
  max-width: 600px;
}

@media only screen and (max-width: 1400px) {
  body#company-careers .quote-image .columns .blockquote p.content {
    margin-top: 3em;
  }
}

body#company-careers .quote-image .columns .blockquote p:not(.content) {
  margin: 0;
  font-size: 1.5em;
  line-height: 1.66;
  font-family: "Space Mono", monospace;
  font-weight: 400;
}

@media only screen and (max-width: 1200px) {
  body#company-careers .quote-image .columns .blockquote p:not(.content) {
    font-size: 1.1em;
  }
}

body#company-careers .quote-image .columns .blockquote p:not(.content).quote {
  position: relative;
  color: #26272b;
}

body#company-careers .quote-image .columns .blockquote p:not(.content).quote::before {
  content: "";
  top: 0.5em;
  right: 110%;
  display: block;
  position: absolute;
  width: 3.375em;
  padding-bottom: 100%;
  background: url(/img/careers/quote.png) no-repeat top right/contain;
}

@media only screen and (max-width: 1400px) {
  body#company-careers .quote-image .columns .blockquote p:not(.content).quote::before {
    right: 105%;
  }
}

@media only screen and (max-width: 1030px) {
  body#company-careers .quote-image .columns .blockquote p:not(.content).quote::before {
    width: 2.5em;
  }
}

@media only screen and (max-width: 500px) {
  body#company-careers .quote-image .columns .blockquote p:not(.content).quote::before {
    position: relative;
    right: auto;
    left: 0;
    top: auto;
    width: 2.5em;
    height: 2.5em;
    padding: 0;
  }
}

body#company-careers .quote-image .columns .blockquote p:not(.content).attribute {
  color: #52989e;
  font-weight: 700;
}

body#company-careers .quote-image .columns .blockquote p:not(.content).attribute::before {
  content: "//";
  color: #ccc;
  font-weight: 400;
  display: block;
  margin: 0.7em 0;
  letter-spacing: -0.2em;
}

body#company-careers .quote-image .columns .blockquote p:not(.content).attribute em,
body#company-careers .quote-image .columns .blockquote p:not(.content).attribute i {
  font-weight: 400;
  font-style: italic;
}

body#company-careers .quote-image .columns .image {
  background: #d8d7d4 no-repeat center center/cover;
}

@media only screen and (max-width: 1030px) {
  body#company-careers .quote-image .columns .image {
    display: none;
  }
}

body#company-careers .benefits {
  padding: 0 0 100px 0;
  margin-bottom: 100px;
  background: url(/img/backgrounds/employees-working.jpg) no-repeat bottom left #f0f0f0;
  background-size: 40% auto;
  margin-top: 400px;
}

@media only screen and (max-width: 770px) {
  body#company-careers .benefits {
    margin-top: 0;
  }
}

body#company-careers .benefits .container:not(.opening-video) {
  max-width: 1800px;
}

body#company-careers .benefits .opening-video {
  top: -100px;
  margin-top: -300px;
  margin-bottom: 0;
}

@media only screen and (max-width: 770px) {
  body#company-careers .benefits .opening-video {
    top: 0;
    margin-top: 0;
    margin-bottom: 3em;
  }
}

body#company-careers .benefits .section-header {
  width: 40%;
  float: left;
  padding-right: 75px;
}

body#company-careers .benefits .section-header h2 {
  color: #404d56;
  font-size: 2em;
}

body#company-careers .benefits .benefit-groups {
  padding-top: 1em;
  width: 60%;
  float: right;
  padding-left: 50px;
}

body#company-careers .benefits .benefit-groups .benefit-group {
  width: 47%;
  float: left;
  clear: left;
}

body#company-careers .benefits .benefit-groups .benefit-group:nth-child(even) {
  float: right;
  clear: right;
}

body#company-careers .benefits .benefit-groups .benefit-group ul {
  margin: 0 0 3em;
  padding: 0;
}

body#company-careers .benefits .benefit-groups .benefit-group ul li {
  padding-left: 2em;
  margin: 0 0 1em;
  line-height: 1.1;
}

body#company-careers .benefits .benefit-groups .benefit-group ul li:before {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F00C";
  color: #7ac46e;
  width: auto;
  height: auto;
  top: 0.1em;
  left: 0;
  background: none;
}

body#company-careers .career-photos {
  position: relative;
  z-index: 400;
  overflow-x: hidden;
}

body#company-careers .career-photos .pairing {
  position: relative;
  margin: 0 0 50px;
}

body#company-careers .career-photos .pairing .container {
  padding: 0;
  max-width: 1400px;
}

body#company-careers .career-photos .pairing img {
  width: 100%;
  position: relative;
  z-index: 100;
}

body#company-careers .career-photos .pairing img.tone {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 50;
  width: auto;
  height: 100%;
  opacity: 0.3;
  -webkit-filter: blur(20px);
          filter: blur(20px);
}

body#company-careers .career-photos .pairing .caption {
  color: #fff;
  font-size: 1.5em;
  margin: 0;
  font-family: "Caslon", serif;
  position: absolute;
  top: 50%;
  z-index: 200;
  width: 30%;
  padding: 35px 50px;
  background: rgba(31, 38, 42, 0.95);
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3);
}

body#company-careers .career-photos .pairing:nth-child(5n+1) .caption {
  background-color: rgba(122, 196, 110, 0.95);
}

body#company-careers .career-photos .pairing:nth-child(5n+2) .caption {
  background-color: rgba(231, 62, 88, 0.95);
}

body#company-careers .career-photos .pairing:nth-child(5n+3) .caption {
  background-color: rgba(82, 152, 158, 0.95);
}

body#company-careers .career-photos .pairing:nth-child(5n+4) .caption {
  background-color: rgba(230, 190, 0, 0.95);
}

body#company-careers .career-photos .pairing:nth-child(5n+5) .caption {
  background-color: rgba(240, 136, 0, 0.95);
}

body#company-careers .career-photos .pairing.right .container {
  padding-left: 10%;
}

body#company-careers .career-photos .pairing.right img.tone {
  left: 0;
}

body#company-careers .career-photos .pairing.right .caption {
  right: auto;
  left: 0;
}

body#company-careers .career-photos .pairing.left .container {
  padding-right: 10%;
}

body#company-careers .career-photos .pairing.left img.tone {
  right: 0;
}

body#company-careers .career-photos .pairing.left .caption {
  left: auto;
  right: 0;
}

body#company-careers .career-photos .pairing.full {
  margin: 0;
}

body#company-careers .career-photos .pairing.full .container {
  padding: 0;
  max-width: none;
}

body#company-careers .career-photos .pairing.full .container img {
  width: 100%;
}

body#company-careers .career-photos .pairing.full .caption {
  top: 0;
}

body#company-careers .career-photos .pairing.full img.tone {
  display: none;
}

body#company-careers .career-listings {
  padding: 50px 0;
  background-color: #26272b;
  font-size: 1.2em;
  position: relative;
  z-index: 600;
}

body#company-careers .career-listings:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0px;
  margin-left: -100px;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 60px solid #26272b;
}

body#company-careers .career-listings h2.section-header {
  color: #777;
}

body#company-careers .career-listings h4.header {
  padding-bottom: 0.7em;
  margin-bottom: 1em;
  border-bottom: solid 2px #3e4046;
  color: #52989e;
  margin-top: 2em;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
}

body#company-careers .career-listings .job {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: solid 1px #323339;
  text-align: right;
}

body#company-careers .career-listings .job:before,
body#company-careers .career-listings .job:after {
  content: "";
  display: table;
}

body#company-careers .career-listings .job:after {
  clear: both;
}

body#company-careers .career-listings .job a {
  display: block;
}

body#company-careers .career-listings .job h3,
body#company-careers .career-listings .job .location {
  float: left;
  margin: 0;
}

body#company-careers .career-listings .job h3 {
  color: #fff;
  max-width: 700px;
  text-align: left;
}

body#company-careers .career-listings .job .location {
  clear: left;
  color: #e6be00;
  font-family: "Space Mono", monospace;
  font-size: 0.9em;
}

body#company-careers .career-listings .job .button-container {
  margin: 0;
  display: inline-block;
}

body#company-careers #grnhse_app iframe {
  width: 100%;
  background: #26272b;
}

body#company-careers #grnhse_app iframe h1#board_title {
  color: #fff !important;
}

/* == HISTORY == */

.timeline {
  position: relative;
  padding: 6em 0 200px;
  background-color: #f0f0f0;
}

.timeline .container {
  padding-left: 125px;
  padding-right: 125px;
  position: relative;
}

.timeline:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 50%;
  width: 4px;
  margin-left: -2px;
  z-index: 300;
  background-color: #ddd;
}

.timeline .label {
  text-align: center;
  margin: 2em 0;
  background-color: #f0f0f0;
  position: relative;
  float: none;
  clear: both;
  width: 100%;
  z-index: 500;
  padding: 2em;
}

.timeline .label h2 {
  margin: 0;
  font-weight: 700;
  color: #404d56;
}

.timeline .label:before,
.timeline .label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  border-radius: 200px;
  background-color: #7ac46e;
  z-index: 500;
}

.timeline .label:after {
  top: auto;
  bottom: 0;
}

.timeline .event {
  width: 50%;
  position: relative;
  z-index: 100;
  margin-bottom: 0;
}

.timeline .event h2 {
  font-size: 1em;
  font-family: "Space Mono", monospace;
  color: #e6be00;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding-bottom: 1em;
  margin-bottom: 0.7em;
  position: relative;
  display: inline-block;
}

.timeline .event h2:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ddd;
  border-radius: 900px;
}

.timeline .event .content {
  font-size: 1.3em;
}

.timeline .event:before {
  content: "";
  display: block;
  position: absolute;
  top: 2.2em;
  width: 50px;
  height: 4px;
  border-radius: 900px;
  background-color: #ddd;
}

.timeline .event:nth-of-type(odd) {
  -webkit-transform: translate(-75px, 0);
  transform: translate(-75px, 0);
  float: left;
  clear: both;
  text-align: right;
}

.timeline .event:nth-of-type(odd):before {
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  left: auto;
  right: -50px;
}

.timeline .event:nth-of-type(odd) h2:after {
  left: auto;
  right: 0;
}

.timeline .event:nth-of-type(even) {
  -webkit-transform: translate(75px, 0);
  transform: translate(75px, 0);
  float: right;
  clear: both;
}

.timeline .event:nth-of-type(even):before {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  right: auto;
  left: -50px;
}

.timeline .event:nth-of-type(even) h2:after {
  right: auto;
  left: 0;
}

.timeline .image {
  max-width: 500px;
  position: relative;
  margin: 2em auto;
  float: none;
  clear: both;
}

.timeline .image:before {
  background: url(/img/assets/hex-overlay.png) no-repeat center center;
  background-size: 100% 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
}

.timeline .image img {
  position: relative;
  width: auto;
  z-index: 400;
}

/* == LEADERSHIP ==*/

#company-leadership .torso {
  padding: 75px 0;
}

#company-leadership .torso h2 {
  color: #aaa;
  margin-bottom: 1.5em;
  font-weight: 700;
  text-align: center;
}

#company-leadership .other-leadership {
  padding: 100px 0;
  margin-bottom: 50px;
  background: url("/img/backgrounds/black-triangles-flat.png") #26272b;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#company-leadership .other-leadership h2 {
  color: #fff;
}

#company-leadership .other-leadership h4 {
  color: #b3b3b3;
  font-size: 14px;
}

#company-leadership .other-leadership .list > div {
  text-align: center;
}

#company-leadership .other-leadership .list > div h3 {
  color: #e6be00;
  font-size: 24px;
}

#company-leadership .other-leadership > * {
  margin-bottom: 50px;
}

#company-leadership .other-leadership > *:last-child {
  margin-bottom: 0;
}

#company-leadership .other-leadership .container {
  max-width: 1140px;
  padding: 0;
}

#company-leadership .bio-detail-modal {
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 6000;
  overflow-y: auto;
  color: #f0f0f0;
  background-color: rgba(38, 39, 43, 0.99);
}

#company-leadership .bio-detail-modal .container {
  max-width: none;
  padding-left: 0;
}

#company-leadership .bio-detail-modal .image {
  width: 40%;
  float: left;
}

#company-leadership .bio-detail-modal .image + .content {
  width: 60%;
  float: right;
  max-width: none;
  margin: 0;
}

#company-leadership .bio-detail-modal .content {
  padding: 50px;
  max-width: 700px;
  margin: 0 auto;
}

#company-leadership .bio-detail-modal h3 {
  color: #e6be00;
  font-size: 4em;
  font-weight: 700;
  word-spacing: 9999px;
  line-height: 1;
}

#company-leadership .bio-detail-modal h4 {
  color: #52989e;
  font-size: 2em;
}

#company-leadership .bio-detail-modal p {
  font-size: 1.2em;
  max-width: 700px;
  line-height: 1.8;
}

#company-leadership.bio-modal-showing {
  overflow: hidden;
}

#company-leadership.bio-modal-showing .bio-detail-modal {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  visibility: visible;
  opacity: 1;
}

#company-leadership .list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-pack: center;
          justify-content: center;
}

#company-leadership .list > div {
  margin: 0 60px;
  width: calc(33.333% - 120px);
  overflow: hidden;
  margin-bottom: 50px;
  position: relative;
}

#company-leadership .list > div:nth-child(3n+1) {
  margin-left: 0;
}

#company-leadership .list > div.bio-details .content {
  overflow: hidden;
}

#company-leadership .list > div.bio-details:hover {
  cursor: pointer;
}

#company-leadership .list > div h3 {
  color: #404d56;
}

#company-leadership .list > div .image {
  overflow: hidden;
  margin-bottom: 2em;
}

#company-leadership .list > div img {
  width: 100%;
}

#company-leadership .leadership-bios {
  margin-bottom: 50px;
  padding: 0;
  max-width: 1140px;
}

#company-leadership .leadership-bios .list {
  margin-left: -60px;
  margin-right: -60px;
}

#company-leadership .leadership-bios .list > div.bio-details,
#company-leadership .leadership-bios .list > div.executive {
  text-align: center;
}

#company-leadership .leadership-bios .list > div.bio-details h3,
#company-leadership .leadership-bios .list > div.executive h3 {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

#company-leadership .leadership-bios .list > div.bio-details .image img,
#company-leadership .leadership-bios .list > div.executive .image img {
  -webkit-transition: all 1s ease-in-out 0s;
  transition: all 1s ease-in-out 0s;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

#company-leadership .leadership-bios .list > div.bio-details:hover .teaser-bio:before,
#company-leadership .leadership-bios .list > div.executive:hover .teaser-bio:before {
  background-color: #52989e;
  padding: 0.5em 1.75em;
}

#company-leadership .leadership-bios .list > div.bio-details:hover h3,
#company-leadership .leadership-bios .list > div.executive:hover h3 {
  color: #52989e;
}

#company-leadership .leadership-bios .list > div.bio-details:hover .image img,
#company-leadership .leadership-bios .list > div.executive:hover .image img {
  -webkit-transition: all 3s ease-in-out 0s;
  transition: all 3s ease-in-out 0s;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

#company-leadership .leadership-bios .list > div.bio-details .teaser-bio p {
  font-size: 0;
}

#company-leadership .leadership-bios .list > div .teaser-bio {
  max-height: 6em;
  overflow: hidden;
  position: relative;
  color: #26272b;
}

#company-leadership .leadership-bios .list > div .teaser-bio:before {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  display: inline-block;
  padding: 0.5em 1.5em;
  background-color: #404d56;
  color: #fff;
  content: "Read Bio";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0.75em;
  font-weight: 700;
  text-transform: uppercase;
  z-index: 500;
}

#company-leadership .leadership-bios .list > div .teaser-bio:after {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
  /* IE6-9 */
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 6em 0 0 0;
  z-index: 400;
}

#company-leadership .leadership-bios.-condensed .list {
  margin-left: -30px;
  margin-right: -30px;
}

#company-leadership .leadership-bios.-condensed .bio-details {
  width: calc(25% - 60px);
  margin: 0 30px;
  margin-bottom: 30px;
}

#company-leadership .leadership-bios.-condensed .content h3 {
  font-size: 24px;
}

#company-leadership .leadership-bios.-condensed .content h4 {
  font-size: 14px;
}

#company-leadership .leadership-bios.-condensed .teaser-bio {
  overflow: visible !important;
  padding-bottom: 40px;
}

#company-leadership .board-of-directors .list > div:nth-child(n),
#company-leadership .advisors .list > div:nth-child(n),
#company-leadership .investors .list > div:nth-child(n) {
  margin: 0 0 3em 3%;
  max-width: 22%;
}

#company-leadership .board-of-directors .list > div:nth-child(n):nth-child(4n+1),
#company-leadership .advisors .list > div:nth-child(n):nth-child(4n+1),
#company-leadership .investors .list > div:nth-child(n):nth-child(4n+1) {
  margin-left: 0;
}

#company-leadership .investors {
  max-width: 1443px;
  padding: 0;
}

#company-leadership .investors .list {
  justify-content: space-around;
}

#company-leadership .investors .list > div {
  vertical-align: middle;
  align-self: center;
  margin-bottom: 75px;
}

#company-leadership .investors .list > div img {
  max-height: 80px;
  width: auto;
  margin: 0 auto;
}

#company-leadership .investor-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
}

#company-leadership .investor-list div {
  margin: 0 25px 75px 25px;
  width: calc(20% - 50px);
  text-align: center;
}

#company-leadership .investor-list div img {
  max-height: 60px;
  display: inline;
}

@media only screen and (max-width: 770px) {
  #company-leadership .investor-list div {
    width: calc(50% - 50px);
  }
}

@media only screen and (max-width: 500px) {
  #company-leadership .investor-list div {
    width: calc(100% - 50px);
  }
}

/* == BLOG == */

body#page-blog-entry .hero {
  padding-top: 190px;
  padding-bottom: 0;
}

body#page-blog-entry .blog-detail h2,
body#page-blog-entry .blog-detail h3,
body#page-blog-entry .blog-detail h4,
body#page-blog-entry .blog-detail h5 {
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
}

body#page-blog-entry .blog-detail h2 {
  font-size: 1.9em;
  font-weight: 900;
  color: #404d56;
  line-height: 45px;
  margin-top: 1.7em;
}

body#page-blog-entry .blog-detail h3 {
  font-size: 1.3em;
  color: #666666;
}

body#page-blog-entry .blog-detail h4 {
  color: black;
  text-transform: uppercase;
  font-size: 0.85em;
}

body#page-blog-entry .blog-detail p,
body#page-blog-entry .blog-detail ol,
body#page-blog-entry .blog-detail ul,
body#page-blog-entry .blog-detail li {
  line-height: 1.7em;
  word-break: break-word;
}

body#page-blog-entry .popular-blogs h2.popular-blog-header {
  font-size: 3em;
  font-family: "Caslon", serif;
  border-bottom: 2px solid #eee;
  padding-bottom: 25px;
  margin-bottom: 0;
}

body#page-blog-entry .content-designer .container {
  max-width: 950px;
}

body#page-blog-entry .popular-blogs .grid div {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

body#page-blog-entry .popular-blogs .container {
  max-width: 1200px;
}

body#page-blog-entry .popular-blogs h3 {
  color: #52989e;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
}

body#page-blog-entry .popular-blogs p.meta {
  color: #adadad;
}

body#page-blog-entry .popular-blogs p.description {
  color: black;
  line-height: 2;
  height: 100%;
}

body#page-blog-entry .designer-cta {
  max-width: 850px;
  margin: auto;
  padding: 50px;
}

body#page-blog-entry .designer-cta h2 {
  font-family: "Caslon", serif;
  color: black;
  font-size: 1.8em;
  margin-bottom: 0;
}

body#page-blog-entry .designer-cta a {
  text-decoration: none;
  font-size: 16px;
  padding: 5px 2.6em;
}

body#page-blog-entry .designer-cta.style-universe h2 {
  color: white;
}

body#page-blog-entry .designer-cta.style-condensed {
  background: url(/img/backgrounds/galaxy.jpg) no-repeat center center #26272b;
  background-size: cover;
  max-width: 100%;
  margin-bottom: 50px;
  padding: 25px;
  padding-top: 36px;
}

body#page-blog-entry .designer-cta.style-condensed h2 {
  margin-top: 0;
  color: #e6be00;
  font-size: 2rem;
  margin-bottom: 10px;
  line-height: 1;
}

body#page-blog-entry .designer-cta.style-condensed p {
  color: #fff;
  font-family: "Caslon", serif;
  font-size: 18px;
  margin-bottom: 18px;
}

body#page-blog-entry .designer-cta.style-condensed p.button-container {
  margin-top: 0;
  margin-bottom: 0;
}

.blog-entry-hero .copy {
  text-align: left;
  margin: auto;
  max-width: 850px;
}

.blog-entry-hero .copy h1 {
  font-size: 50px;
  font-weight: 300;
}

.blog-entry-hero .copy p.tagline {
  margin-left: 0;
  margin-bottom: 0;
}

.blog-entry-hero .copy p.tagline.spacer {
  margin-bottom: 50px;
}

.hero .blog-author {
  margin: 0;
  margin-top: 15px;
  position: relative;
  z-index: 182;
}

#blog .hero {
  background: url(/img/backgrounds/galaxy-no-logo.jpg) no-repeat right center #26272b;
  background-size: cover;
}

#blog .hero .blog-categories ul {
  padding-left: 0;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0 0 2em;
  font-size: 0;
}

#blog .hero .blog-categories ul li:before {
  display: none;
}

#blog .hero .blog-categories ul li {
  display: inline-block;
  padding: 0;
  margin: 0 5px 10px;
  font-size: 16px;
}

#blog .hero .blog-categories ul li a {
  display: block;
  padding: 0.75em 1.25em;
  line-height: 1;
  border: solid 2px #1a1b1d;
  background: #1a1b1d;
  color: #52989e;
  font-size: 0.75em;
  white-space: nowrap;
  text-transform: uppercase;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
}

#blog .hero .blog-categories ul li a:hover,
#blog .hero .blog-categories ul li a.active {
  background-color: rgba(38, 39, 43, 0);
  border-color: #52989e;
  color: #52989e;
}

#blog .hero .blog-categories .button-container {
  margin-bottom: 0;
}

#blog .hero .blog-categories.hidden ul {
  display: none;
}

#blog .hero .blog-categories.hidden button.category-toggle span:before {
  content: "Show ";
}

#blog .hero .blog-categories.showing button.category-toggle {
  margin-top: 2em;
}

#blog .hero .blog-categories.showing button.category-toggle span:before {
  content: "Hide ";
}

.popular-blogs {
  padding: 100px 0;
  background: white;
}

.popular-blogs h2.popular-blog-header {
  font-family: "Caslon", serif;
}

.popular-blogs .grid {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: stretch;
          align-items: stretch;
  flex-wrap: wrap;
}

.popular-blogs .grid > a,
.popular-blogs .grid > div {
  margin-bottom: 0;
}

.popular-blogs .grid > a img,
.popular-blogs .grid > div img {
  margin-bottom: 1em;
  align-self: flex-end;
}

.popular-blogs .grid.items-1 > a,
.popular-blogs .grid.items-1 > div {
  text-align: center;
  float: none;
  margin: 50px auto 0;
  width: auto;
  max-width: 600px;
}

.blog-detail {
  padding: 50px 0;
  font-size: 1.3em;
  line-height: 2;
}

.blog-detail .blog-featured-image {
  float: right;
  margin-left: 50px;
  margin-right: -50px;
  margin-top: -100px;
}

.blog-detail .blog-featured-image .container {
  padding: 0;
}

.blog-detail .container:after {
  clear: none;
}

.blog-detail .container .share-this {
  displau: block;
  position: absolute;
  top: -304px;
  left: -50px;
}

.blog-detail .container .share-this .social-sharing {
  position: absolute;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  top: 255px;
  left: 32px;
}

.blog-detail .container .share-this .social-sharing li span {
  width: 34px;
  height: 34px;
  background-color: #52989e;
  margin-bottom: 15px;
}

.blog-detail .container .share-this .social-sharing li span:hover {
  background-color: black;
}

.blog-detail .blog-featured-image {
  position: relative;
  z-index: 300;
  max-width: 45%;
}

.blog-detail .blog-featured-image img {
  margin: 0 auto 75px;
  box-shadow: 0px -25px 50px rgba(38, 39, 43, 0.5);
}

.blog-detail blockquote {
  font-size: 1.2em;
  font-weight: 300;
  margin: 2em auto;
  opacity: 0.8;
}

.blog-detail .container img {
  margin-bottom: 2em;
}

.blog-detail .container ul {
  margin-top: 2em;
}

.blog-detail .container ul li:before {
  top: 0.75em;
}

.blog-detail .container p {
  margin-bottom: 2em;
}

.blog-detail .container p > a {
  font-weight: 700;
  text-decoration: underline;
}

.blog-detail .container p > a:hover,
.blog-detail .container p > a:focus {
  color: #404d56;
}

body.blog .all-blogs {
  padding: 50px 0;
  background: #404d56;
  color: #fff;
  text-align: center;
}

/* == Press Releases, Mentions, and Events == */

.listing-items {
  padding: 3em 0 0;
  /* Blog */
  /* Event List */
  /* Press Releases */
}

.listing-items ul {
  padding-left: 0;
  list-style: none;
}

.listing-items ul li:before {
  display: none;
}

.listing-items ul > li {
  margin-bottom: 3em;
}

.listing-items.blog-list {
  /* Featured/first blog */
}

.listing-items.blog-list .item {
  margin-bottom: 4em;
  position: relative;
}

.listing-items.blog-list .item h2 {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  font-size: 2em;
  font-weight: 700;
  color: #404d56;
}

.listing-items.blog-list .item .container {
  position: relative;
}

.listing-items.blog-list .item .date-headline {
  float: left;
  width: 75%;
  overflow: hidden;
}

.listing-items.blog-list .item .date-headline.has-intro {
  width: 40%;
  margin-right: 5%;
}

.listing-items.blog-list .item .date-headline:hover h2 {
  color: #52989e;
}

.listing-items.blog-list .item .featured-image {
  float: left;
  width: 20%;
  margin: 2.5em 5% 3em 0;
  z-index: 200;
  position: relative;
}

.listing-items.blog-list .item .featured-accent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 20%;
  z-index: 100;
  background-color: #f0f0f0;
}

.listing-items.blog-list .item .featured-accent span {
  -webkit-filter: blur(40px);
  -moz-filter: blur(40px);
  -o-filter: blur(40px);
  -ms-filter: blur(40px);
  filter: blur(40px);
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
  background-position: center center;
  background-size: cover;
  opacity: 0.2;
}

.listing-items.blog-list .item .intro {
  float: right;
  margin-top: 3em;
  width: 30%;
}

.listing-items.blog-list .item .intro p {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  font-size: 0.9em;
  margin: 0;
  line-height: 1.5;
  color: #232323;
  opacity: 0.7;
}

.listing-items.blog-list .item .intro p:hover {
  opacity: 1;
}

.listing-items.blog-list .item .intro p span {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  color: #52989e;
  font-weight: 700;
  white-space: nowrap;
}

.listing-items.blog-list .item .intro p span:hover {
  color: #404d56;
}

.listing-items.blog-list .featured-item {
  background: url(/img/backgrounds/featured-blog.jpg) no-repeat top left #26272b;
  background-size: 100% auto;
  color: #fff;
  margin-top: -3em;
  padding: 3em 0 4em;
  margin-bottom: 4em;
}

.listing-items.blog-list .featured-item h2 {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  font-size: 3em;
  color: #45646c;
}

.listing-items.blog-list .featured-item h2:hover {
  color: #52989e;
}

.listing-items.blog-list .featured-item h4 {
  color: #e6be00;
}

.listing-items.blog-list .featured-item .date-headline {
  float: none;
  width: auto;
}

.listing-items.blog-list .featured-item .featured-image {
  width: 30%;
  float: right;
  margin: 2.5em 0 2em 5%;
}

.listing-items.blog-list .featured-item .intro {
  width: auto;
  float: none;
  border: none;
}

.listing-items.blog-list .featured-item .intro p {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  color: #f0f0f0;
  font-size: 1.2em;
  opacity: 0.7;
}

.listing-items.blog-list .featured-item .intro p:hover {
  opacity: 1;
}

.listing-items.blog-list .featured-item .intro p span:hover {
  color: inherit;
}

.listing-items.event-list .item:before,
.listing-items.event-list .item:after {
  content: "";
  display: table;
}

.listing-items.event-list .item:after {
  clear: both;
}

.listing-items.event-list .item:before {
  background: none;
  width: auto;
}

.listing-items.event-list .item h3.location {
  color: #cda900;
  margin-top: -0.4em;
  margin-bottom: 0.7em;
}

.listing-items.event-list .item .date {
  width: 22%;
  float: left;
  padding-left: 50px;
  margin: 0.5em 50px 3em 0;
}

.listing-items.event-list .item .date > span {
  display: block;
  position: relative;
  padding: 0.5em 0.7em;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.5em;
  line-height: 1.3;
  border: solid 2px #404d56;
  margin-top: -2px;
  color: #52989e;
}

.listing-items.event-list .item .date > span em {
  display: block;
  font-weight: 300;
  font-style: normal;
  opacity: 0.6;
}

.listing-items.event-list .item .date > span .start-time {
  padding-bottom: 0.3em;
  color: #69bd5c;
  display: block;
  font-weight: 700;
  font-size: 0.8em;
}

.listing-items.event-list .item .date > span:first-child:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: auto;
  right: 100%;
  bottom: -2px;
  width: 50px;
  border: solid 2px #404d56;
  background-size: 50% auto, 150% auto;
  background-repeat: no-repeat;
  background-position: 50% 0.6em, top right;
  background-color: #e3e3e3;
}

.listing-items.event-list .item .date.has-end-date span.end-date {
  padding-top: 1.25em;
}

.listing-items.event-list .item .date.has-end-date span.start-date {
  padding-bottom: 1.25em;
  z-index: 50;
}

.listing-items.event-list .item .date.has-end-date span.start-date:before {
  content: "to";
  background: url(/img/assets/event-hex.png) no-repeat center center/contain;
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -1.2em;
  margin-top: -1.2em;
  width: 2.4em;
  height: 2.4em;
  line-height: 2.4;
  font-size: 0.65em;
  font-family: "Space Mono", monospace;
  z-index: 100;
  text-align: center;
  font-weight: 700;
  color: rgba(64, 77, 86, 0.7);
  text-indent: -1px;
}

.listing-items.event-list .item.event .date span:first-child:after {
  background-image: url(/img/icons/resource-types/event-icon.png), url(/img/assets/date-grit.png);
}

.listing-items.event-list .item.webinar .date span:first-child:after {
  background-image: url(/img/icons/resource-types/webinar-icon.png), url(/img/assets/date-grit.png);
}

.listing-items.event-list .item .content {
  overflow: hidden;
}

.listing-items .press-mention-featured-image {
  max-height: 175px;
  padding: 2em;
  border: solid 2px #26272b;
  float: right;
  margin-left: 50px;
}

.newsletterSignupCompact {
  padding: 2rem 0;
  background-image: url(/img/backgrounds/triangles-top.gif), url(/img/backgrounds/triangles.jpg);
  background-position: top center, bottom center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: #fff;
}

.newsletterSignupCompact h2 {
  font-size: 2rem;
  margin-bottom: 0;
}

.newsletterSignupCompact__body p {
  margin-bottom: 0;
  font-size: 1rem;
}

.newsletterSignupCompact__wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
}

.newsletterSignupCompact__form,
.newsletterSignupCompact__body {
  width: 50%;
}

.newsletterSignupCompact__body {
  padding-right: 4rem;
}

.newsletterSignupCompact form {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.newsletterSignupCompact input {
  padding: 0.8em 1em !important;
  margin-right: 20px !important;
  margin-bottom: 0 !important;
}

.newsletterSignupCompact button {
  margin-bottom: 0 !important;
}

.newsletterSignupCompact .mktoFormRow {
  margin-right: 20px;
  width: 100% !important;
}

@media only screen and (max-width: 770px) {
  .newsletterSignupCompact__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .newsletterSignupCompact__form,
  .newsletterSignupCompact__body {
    width: 100%;
  }

  .newsletterSignupCompact__body {
    padding-right: 0;
    margin-bottom: 2rem;
  }
}

/* Newsletter Signup */

.newsletter-signup {
  background: url(/img/backgrounds/black-triangles-flat.png) #26272b;
  box-shadow: inset 0px 5px 40px rgba(64, 77, 86, 0.1);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding: 64px 0;
  position: relative;
}

.newsletter-signup .container {
  position: relative;
  z-index: 200;
  padding: 0;
}

.newsletter-signup .confirmation-text {
  font-family: "Space Mono", monospace;
  color: #e6be00;
}

.newsletter-signup .newsletter-signup-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.newsletter-signup .newsletter-signup-content {
  max-width: 550px;
  width: 100%;
  margin-right: 50px;
}

.newsletter-signup .newsletter-signup-image {
  max-width: 240px;
}

.newsletter-signup:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(64, 77, 86, 0.15);
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.newsletter-signup h2 {
  color: #fff;
  font-size: 2em;
  font-weight: 500;
  margin-bottom: 2px;
}

.newsletter-signup .newsletter-signup-content > p {
  color: #fff;
  margin-bottom: 17px;
  max-width: 450px;
}

.newsletter-signup .mktoButton {
  margin-bottom: 0 !important;
}

.newsletter-signup .mktoField {
  margin-bottom: 22px !important;
}

@media only screen and (max-width: 1200px) {
  .newsletter-signup {
    padding: 30px 0;
  }

  .newsletter-signup .container {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 770px) {
  .newsletter-signup .newsletter-signup-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: start;
            align-items: flex-start;
  }

  .newsletter-signup .newsletter-signup-content {
    margin-bottom: 30px;
    margin-right: 0;
  }
}

.press-detail .content-designer > .container {
  padding-bottom: 4em;
}

body#press-mentions .listing-items ul li h2 {
  overflow: hidden;
}

body.press-releases .press-image {
  float: right;
  margin-right: 50px;
  margin-left: 25px;
  margin-bottom: 25px;
}

body.press-releases .press-image img {
  max-width: 400px;
}

body.press-releases .torso > .container:first-child {
  padding: 0;
  padding-top: 50px;
}

body#press-releases .hero {
  padding-bottom: 0;
}

body#press-releases .hero .loading {
  padding-bottom: 0;
}

body#press-releases p.current-page {
  margin-top: 50px;
  color: #52989e;
  font-family: "Space Mono", monospace;
  margin-bottom: 0;
  font-size: 1.1rem;
}

body#press-releases .listing-items {
  padding-top: 0;
}

body#press-releases .listing-items .container {
  max-width: 1240px;
}

body#press-releases .listing-items .items .container:first-of-type {
  padding-top: 50px;
}

body#press-releases .listing-items .items .featured {
  background-color: #26272b;
  margin-bottom: 50px;
}

body#press-releases .listing-items .items .featured li {
  display: block;
  color: #fff;
}

body#press-releases .listing-items .items .featured li .release-content h2 {
  width: calc(100% - 300px);
}

body#press-releases .listing-items .items .featured li .release-content h2 a {
  color: #52989e;
}

body#press-releases .listing-items .items .featured li .release-content {
  margin-left: 0;
}

body#press-releases .listing-items .items .featured li .release-content p.button-container {
  font-size: 16px;
}

body#press-releases .listing-items .items .featured li .release-content p {
  font-size: 1.1rem;
  line-height: 1.7;
  color: #b2b2b4;
}

body#press-releases .listing-items .items .featured li .release-content h4 {
  color: #e6be00;
}

body#press-releases .listing-items .items .featured li .release-image {
  position: absolute;
  top: 45px;
  right: 50px;
  width: 200px;
}

body#press-releases .listing-items .items .featured li .release-image img {
  margin-top: 0;
  margin-left: 0;
  max-width: 200px;
  max-height: 110px;
  width: auto;
}

body#press-releases .listing-items .items .featured li .release-image::before {
  display: none;
}

body#press-releases .listing-items .items .featured a {
  color: #b2b2b4;
}

body#press-releases .listing-items ul.items li {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  margin-bottom: 50px;
}

body#press-releases .listing-items ul.items li h2 a {
  font-size: 2.6rem;
}

body#press-releases .listing-items ul.items li h2 {
  line-height: 1;
}

body#press-releases .listing-items ul.items li p a {
  color: #000;
  text-decoration: underline;
}

body#press-releases .listing-items ul.items li p a:hover {
  color: #52989e;
}

body#press-releases .listing-items ul.items li p.button-container a {
  color: #52989e;
  text-decoration: none;
}

body#press-releases .listing-items ul.items li .release-image {
  width: 65%;
  position: relative;
}

body#press-releases .listing-items ul.items li .release-image img,
body#press-releases .listing-items ul.items li .release-image a {
  width: 100%;
  position: relative;
  z-index: 2;
}

body#press-releases .listing-items ul.items li .release-image img {
  margin-top: 20%;
  margin-left: 50px;
}

body#press-releases .listing-items ul.items li .release-image::before {
  content: "";
  width: 100%;
  position: absolute;
  height: 100%;
  z-index: 1;
  background: url("/img/backgrounds/press-bg.png") #f0f0f0;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}

body#press-releases .listing-items ul.items li .release-content {
  margin-left: 100px;
}

/* == EVENTS == */

/* == SEARCH == */

body#search .search-form {
  background-color: #26272b;
  padding: 2em 0;
}

body#search .search-form .container {
  position: relative;
  overflow: hidden;
}

body#search .search-form input[type=search] {
  background-color: #0e0e10;
  width: 100%;
  font-size: 1.5em;
  padding: 0.5em 10em 0.5em 1em;
  color: #7ac46e;
  border: none;
  font-family: "Space Mono", monospace;
  letter-spacing: 0.01em;
}

body#search .search-form .text {
  margin-bottom: 0;
}

body#search .search-form .submit {
  -webkit-transform: translate(-50px, -50%);
  transform: translate(-50px, -50%);
  text-align: right;
  position: absolute;
  top: 50%;
  right: 0;
}

body#search .search-form .submit input[type=submit] {
  padding: 1.5em 2em;
}

.search-results .results-meta {
  padding: 1em 0;
  background-color: #f0f0f0;
  font-size: 1.3em;
}

.search-results .results-meta p {
  margin: 0;
}

.search-results .search-listing {
  padding: 2em 0;
  padding-left: 0;
  list-style: none;
}

.search-results .search-listing li:before {
  display: none;
}

.search-results .search-listing > li {
  padding: 0 0 1em;
  margin: 0 0 1.5em;
  border-bottom: solid 2px #f0f0f0;
}

.search-results .search-listing > li .summary {
  overflow: hidden;
}

.search-results .search-listing > li .summary b {
  display: inline-block;
  background-color: #e6be00;
  color: #342b00;
  padding: 0 0.2em;
}

.search-results .search-listing > li .summary a.url {
  font-size: 0.9em;
  display: block;
}

.search-results .search-listing > li .result-thumb {
  width: 100px;
  float: left;
  margin: 0 2em 2em 0;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
}

.search-results .paginator:before,
.search-results .paginator:after {
  content: "";
  display: table;
}

.search-results .paginator:after {
  clear: both;
}

.search-results .paginator .prev,
.search-results .paginator .next {
  margin: 1em 0 3em;
}

.search-results .paginator .prev {
  float: left;
}

.search-results .paginator .next {
  float: right;
}

/* == Hub Index == */

body#hub aside * {
  display: none;
}

/* == Integrations == */

.success-message {
  display: none;
  color: #e6be00;
  font-family: "Space Mono", monospace;
  font-weight: 400;
}

body#hub-integrations .torso main,
body#hub-integrations .torso main .container {
  max-width: 1200px;
}

body#hub-integrations p.intro {
  line-height: 2;
  margin-bottom: 50px;
}

body#hub-integrations .select {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  margin-bottom: 50px;
}

body#hub-integrations .select label {
  font-family: "Caslon", serif;
  font-size: 1.3rem;
  font-weight: 500;
  position: relative;
}

body#hub-integrations .select label::after {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F107";
  display: block;
  position: absolute;
  top: 12px;
  right: 20px;
  color: #52989e;
  pointer-events: none;
}

body#hub-integrations .select select {
  background: #f0f0f0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 12px 19px;
  padding-right: 25px;
  border-radius: 0;
  position: relative;
  font-size: 1rem;
  font-family: "Proxima Nova", "proxima-nova", sans-serif;
  margin-left: 20px;
  padding-right: 50px;
  outline: none;
}

body#hub-integrations .select select::-ms-expand {
  display: none;
}

body#hub-integrations aside * {
  display: none;
}

body#hub-integrations .js-filters-top {
  display: inline-block;
}

body#hub-integrations .filterClear {
  padding: 0.6em 1.6em;
  margin-left: 10px;
  vertical-align: -17px;
}

@media all and (-ms-high-contrast: none) {
  body#hub-integrations .filterClear {
    vertical-align: 52px;
  }
}

body#hub-integrations .resource-grid .tiles .integration-tile {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

body#hub-integrations .resource-grid .tiles .integration-tile button {
  align-self: flex-start;
  margin-top: auto;
  margin-left: 0;
}

body#hub-integrations .resource-grid .tiles .integration-tile h3 {
  margin-bottom: 10px;
}

body#hub-integrations .resource-grid .tiles .integration-tile p.tagline span {
  white-space: normal;
}

body#hub-integrations .resource-grid .tiles .integration-tile p.body {
  margin-bottom: 50px;
}

body#hub-integrations .resource-grid .tiles .integration-tile img.logo {
  margin-bottom: 25px;
  width: 100%;
}

body#hub-integrations .integrations-detail {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

body#hub-integrations .integrations-detail .text {
  width: 66.6666%;
  padding-right: 50px;
}

body#hub-integrations .integrations-detail .text p.tagline {
  margin-bottom: 37.5px;
  color: #e73e58;
}

body#hub-integrations .integrations-detail .text .logo {
  margin-bottom: 25px;
  max-height: 120px;
}

body#hub-integrations .integrations-detail .text p.intro {
  margin-bottom: 5px;
}

body#hub-integrations .integrations-detail .text a {
  font-weight: 600;
}

body#hub-integrations .integrations-detail .form {
  width: 33.3333%;
  background: #52989e;
  padding: 25px;
}

body#hub-integrations .integrations-detail .form h3 {
  font-size: 2.25rem;
  color: #fff;
  margin-bottom: 3px;
  font-weight: 500;
}

body#hub-integrations .integrations-detail .form p.meta {
  color: #b1f4fa;
  font-weight: 300;
}

body#hub-integrations .integrations-detail .form p.meta span {
  font-weight: 700;
}

body#hub-integrations .integrations-detail .form input.mktoField {
  margin-bottom: 25px;
}

body#hub-integrations .integrations-detail .form input::-webkit-input-placeholder {
  color: #000;
}

body#hub-integrations .integrations-detail .form input::-moz-placeholder {
  color: #000;
}

body#hub-integrations .integrations-detail .form input:-ms-input-placeholder {
  color: #000;
}

body#hub-integrations .integrations-detail .form input::-ms-input-placeholder {
  color: #000;
}

body#hub-integrations .integrations-detail .form input::placeholder {
  color: #000;
}

body#hub-integrations .integrations-detail .form button.mktoButton {
  background: #26272b;
  color: #52989e;
  width: 100% !important;
  margin-bottom: 0;
  margin-top: 10px;
}

@media only screen and (max-width: 1400px) {
  body#hub-integrations .integrations-detail .text {
    width: 60%;
  }

  body#hub-integrations .integrations-detail .form {
    width: 40%;
  }
}

@media only screen and (max-width: 1030px) {
  body#hub-integrations .js-filters-top .select select {
    display: block;
    margin-left: 0;
    margin-top: 10px;
  }

  body#hub-integrations .js-filters-top .select {
    margin-bottom: 10px;
  }

  body#hub-integrations .js-filters-top .select label::after {
    top: auto;
    bottom: 11px;
  }

  body#hub-integrations .filterClear {
    margin-bottom: 50px;
    display: block;
    max-width: 206px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 770px) {
  body#hub-integrations .integrations-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  body#hub-integrations .integrations-detail .text,
  body#hub-integrations .integrations-detail .form {
    width: 100%;
  }

  body#hub-integrations .integrations-detail .text {
    padding-right: 0;
    margin-bottom: 25px;
  }
}

/* == Find a Partner == */

body.find-a-partner [v-cloak] > * {
  display: none;
}

body.find-a-partner .loading {
  margin-left: 75px;
}

body.find-a-partner section.find-a-partner > div {
  width: 100%;
}

body.find-a-partner .torso .container {
  padding: 0;
}

body.find-a-partner .find-a-partner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: start;
          align-items: flex-start;
  padding: 75px 0;
}

body.find-a-partner .find-a-partner .filters {
  width: 375px;
  min-width: 375px;
  background: #f0f0f0;
  padding: 30px;
}

body.find-a-partner .find-a-partner .filters .search {
  position: relative;
}

body.find-a-partner .find-a-partner .filters .search button {
  background: none;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0;
  height: 100%;
  width: 50px;
  outline: none;
}

body.find-a-partner .find-a-partner .filters .search button::after {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F002";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: #52989e;
  font-size: 1.3rem;
  -webkit-transition: -webkit-transform 125ms;
  transition: -webkit-transform 125ms;
  transition: transform 125ms;
  transition: transform 125ms, -webkit-transform 125ms;
}

body.find-a-partner .find-a-partner .filters .search button::before {
  display: none;
}

body.find-a-partner .find-a-partner .filters .search button:hover {
  box-shadow: none;
}

body.find-a-partner .find-a-partner .filters h3 {
  margin-bottom: 40px;
}

body.find-a-partner .find-a-partner .filters > div {
  margin-bottom: 20px;
}

body.find-a-partner .find-a-partner .filters input::-webkit-input-placeholder {
  color: #000;
}

body.find-a-partner .find-a-partner .filters input::-moz-placeholder {
  color: #000;
}

body.find-a-partner .find-a-partner .filters input:-ms-input-placeholder {
  color: #000;
}

body.find-a-partner .find-a-partner .filters input::-ms-input-placeholder {
  color: #000;
}

body.find-a-partner .find-a-partner .filters input::placeholder {
  color: #000;
}

body.find-a-partner .find-a-partner .filters input,
body.find-a-partner .find-a-partner .filters select option {
  font-size: 16px;
  color: #232323;
}

body.find-a-partner .find-a-partner .filters .select {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  position: relative;
}

body.find-a-partner .find-a-partner .filters .select label {
  font-family: "Caslon", serif;
  font-size: 1.3rem;
  font-weight: 500;
  position: relative;
}

body.find-a-partner .find-a-partner .filters .select select {
  background: #fff;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 12px 19px;
  padding-right: 25px;
  border-radius: 0;
  position: relative;
  font-size: 1rem;
  font-family: "Space Mono", monospace;
  padding-right: 50px;
  outline: none;
  width: 100%;
}

body.find-a-partner .find-a-partner .filters .select select::-ms-expand {
  display: none;
}

body.find-a-partner .find-a-partner .filters .select::after {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F107";
  display: block;
  position: absolute;
  top: 15px;
  right: 20px;
  color: #52989e;
  pointer-events: none;
  font-size: 20px;
}

body.find-a-partner .find-a-partner .partner-items {
  padding-left: 75px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
}

body.find-a-partner .find-a-partner .partner-items .partner {
  width: calc(50% - 25px);
  margin-right: 50px;
  margin-bottom: 50px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  padding: 25px;
  -webkit-transition: box-shadow 250ms, -webkit-transform 250ms;
  transition: box-shadow 250ms, -webkit-transform 250ms;
  transition: transform 250ms, box-shadow 250ms;
  transition: transform 250ms, box-shadow 250ms, -webkit-transform 250ms;
}

body.find-a-partner .find-a-partner .partner-items .partner:nth-child(even) {
  margin-right: 0;
}

body.find-a-partner .find-a-partner .partner-items .partner img {
  max-height: 65px;
  max-width: 100%;
}

body.find-a-partner .find-a-partner .partner-items .partner .tagline {
  color: #e73e58;
}

body.find-a-partner .find-a-partner .partner-items .partner:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 1030px) {
  body.find-a-partner .torso .container {
    padding: 0 25px;
  }

  body.find-a-partner .find-a-partner .partner-items .partner {
    width: 100%;
    margin-right: 0;
  }

  body.find-a-partner .find-a-partner .filters {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 770px) {
  body.find-a-partner .find-a-partner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  body.find-a-partner .find-a-partner .partner-items {
    padding-left: 0;
  }

  body.find-a-partner .find-a-partner .filters {
    width: 100%;
    min-width: 100%;
  }
}

/* == Partner Detail == */

body.partners .partner-detail {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  padding-top: 50px;
  padding-bottom: 100px;
  -webkit-box-align: start;
          align-items: flex-start;
}

body.partners .partner-detail .text {
  padding-right: 75px;
}

body.partners .partner-detail .text p.tagline {
  margin-bottom: 50px;
  color: #e73e58;
}

body.partners .partner-detail .text p.description,
body.partners .partner-detail .text a,
body.partners .partner-detail .text .partner-location p {
  font-size: 1.1rem;
}

body.partners .partner-detail .text a {
  font-weight: 800;
}

body.partners .partner-detail .text p.description {
  line-height: 2;
}

body.partners .partner-detail .text a img {
  max-height: 110px;
  margin-bottom: 50px;
}

body.partners .partner-detail .text .partner-location {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

body.partners .partner-detail .text .partner-location p span {
  display: block;
  font-weight: 800;
}

body.partners .partner-detail .text .partner-location p {
  width: 33.3333%;
}

body.partners .partner-detail .text .partner-map {
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.3);
  border: 4px solid #fff;
  height: 320px;
  margin-bottom: 50px;
}

body.partners .partner-detail .form {
  width: 325px;
  min-width: 325px;
  background: #52989e;
  padding: 25px;
}

body.partners .partner-detail .form h3 {
  font-size: 2.25rem;
  color: #fff;
  margin-bottom: 3px;
  font-weight: 500;
}

body.partners .partner-detail .form p.meta {
  color: #b1f4fa;
  font-weight: 300;
}

body.partners .partner-detail .form p.meta span {
  font-weight: 700;
}

body.partners .partner-detail .form input.mktoField {
  margin-bottom: 25px;
}

body.partners .partner-detail .form input::-webkit-input-placeholder {
  color: #000;
}

body.partners .partner-detail .form input::-moz-placeholder {
  color: #000;
}

body.partners .partner-detail .form input:-ms-input-placeholder {
  color: #000;
}

body.partners .partner-detail .form input::-ms-input-placeholder {
  color: #000;
}

body.partners .partner-detail .form input::placeholder {
  color: #000;
}

body.partners .partner-detail .form button.mktoButton {
  background: #26272b;
  color: #52989e;
  width: 100% !important;
  margin-bottom: 0;
  margin-top: 10px;
}

@media only screen and (max-width: 770px) {
  body.partners .partner-detail .text .partner-location p {
    width: 50% !important;
  }
}

@media only screen and (max-width: 1030px) {
  body.partners .partner-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  body.partners .partner-detail .text {
    margin-bottom: 50px;
    padding-right: 0;
  }
}

/* == CONTACT == */

body#contact-us .contact-form {
  padding: 75px 0 50px;
  background-color: #404d56;
  position: relative;
  overflow: hidden;
}

body#contact-us .contact-form:before {
  content: "";
  display: block;
  position: absolute;
  top: -50px;
  right: -50px;
  bottom: -50px;
  left: -50px;
  z-index: 100;
  background: url(/img/backgrounds/yellow-hex.jpg) no-repeat bottom center #e6be00;
  background-size: cover;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

body#contact-us .contact-form .container {
  position: relative;
  z-index: 300;
}

body#contact-us .contact-form .mktoFormRow:nth-child(2),
body#contact-us .contact-form .mktoFormRow:nth-child(3) {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}

body#contact-us .contact-form .mktoFormRow:nth-child(2) .mktoFormCol,
body#contact-us .contact-form .mktoFormRow:nth-child(3) .mktoFormCol {
  width: 47.5% !important;
}

body#contact-us .contact-form .mktoFormRow:nth-child(2) .mktoClear,
body#contact-us .contact-form .mktoFormRow:nth-child(3) .mktoClear {
  display: none;
}

@media only screen and (max-width: 500px) {
  body#contact-us .contact-form .mktoFormRow:nth-child(2) .mktoFormCol,
  body#contact-us .contact-form .mktoFormRow:nth-child(3) .mktoFormCol {
    width: 100% !important;
  }
}

.map-contact-details {
  padding-left: 40%;
  position: relative;
}

.map-contact-details .map {
  position: absolute;
  top: 0;
  right: 60%;
  bottom: 0;
  left: 0;
}

.map-contact-details .map iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.map-contact-details .contact-details {
  padding: 100px 50px;
  font-size: 1.3em;
}

.map-contact-details .contact-details .branding a {
  display: block;
  position: relative;
  width: 231px;
  height: 46px;
  overflow: hidden;
  margin-bottom: 1em;
}

.map-contact-details .contact-details .branding a svg {
  width: 231px;
  height: 46px;
}

.map-contact-details .contact-details .branding a svg .type {
  fill: #26272b;
}

.map-contact-details .contact-details .branding a svg .mark {
  fill: #52989e;
}

.map-contact-details .contact-details .branding span {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.map-contact-details .phone-group {
  margin-bottom: 2rem;
}

.map-contact-details .phone-title {
  font-weight: 800;
}

.map-contact-details .phone-group a {
  margin-bottom: 1rem;
  display: block;
}

/* == Section Grid == */

.section-grid {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
}

.section-grid .section-item {
  width: 50%;
  padding: 0 50px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 50px;
}

.section-grid .section-item h2 {
  font-size: 32px;
  color: #3e3e3e;
  text-align: center;
}

.section-grid .section-item img {
  display: inline;
  margin-bottom: 50px;
  max-height: 250px;
  max-width: 100%;
}

.section-grid .section-item a.button {
  white-space: nowrap;
}

.section-grid .section-item a.button.secondary {
  margin-top: 25px;
}

.section-grid .section-item p {
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 770px) {
  .section-grid .section-item {
    width: 100%;
    margin-bottom: 50px;
  }
}

header.landingPageFeature {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  padding-top: 50px;
}

body.featured-landing-page {
  background: #fff;
}

.landingPageFeature svg {
  width: 300px;
}

.landingPageFeature svg .type {
  fill: #fff;
}

.landingPageFeature svg .mark {
  fill: #52989e;
}

.landingPageFeature__badges {
  margin-bottom: calc(1.5rem - 15px);
}

.landingPageFeature__badges img {
  max-height: 92px;
  display: inline;
  margin-right: 15px;
  margin-bottom: 15px;
}

.landingPageFeature__headerWrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.landingPageFeature__hero {
  background-image: url("/img/backgrounds/galaxy.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.landingPageFeature__hero .container {
  padding-top: 160px;
  padding-bottom: 110px;
}

.landingPageFeature__hero.-blackstars {
  background-image: url("/img/backgrounds/blackstars.jpg");
}

.landingPageFeature__hero.-blackstars .landingPageFeature__heroContent h1 {
  max-width: 470px;
}

.landingPageFeature__hero.-blackstars .landingPageFeature__heroContent p {
  max-width: 455px;
}

.landingPageFeature__hero.-blackstars .landingPageFeature__heroWrapper {
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.landingPageFeature__hero.-blackstars \  .landingPageFeature__heroForm h2 {
  text-align: center;
  font-family: "Caslon", serif;
  font-size: 2.1rem;
  font-weight: 400;
}

.landingPageFeature__hero.-blackstars .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
  font-weight: 400;
}

.landingPageFeature__disclaimer {
  font-size: 0.615rem;
  color: #fff;
}

.landingPageFeature__headerLogo span {
  visibility: hidden;
  position: absolute;
}

.landingPageFeature__heroWrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.landingPageFeature__partnerLogo {
  max-width: 280px;
  max-height: 170px;
}

.landingPageFeature__introCardSection {
  margin-top: -80px;
}

.landingPageFeature__introCard {
  max-width: 800px;
  padding: 50px 100px 70px;
  position: relative;
  background: #52989e;
  margin: 0 auto;
  text-align: center;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.landingPageFeature__introCard > *:last-child {
  margin-bottom: 0;
}

.landingPageFeature__introCard * {
  color: #fff;
}

.landingPageFeature__introCard h2 {
  font-size: 2.1rem;
  margin-bottom: 20px;
}

.landingPageFeature__introCard::after {
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: "\F107";
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  color: #fff;
  margin: 0 auto;
  font-size: 1.7rem;
  -webkit-transition: -webkit-transform 250ms linear;
  transition: -webkit-transform 250ms linear;
  transition: transform 250ms linear;
  transition: transform 250ms linear, -webkit-transform 250ms linear;
}

.landingPageFeature__introCard:hover::after {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

.landingPageFeature__heroContent > * {
  color: #fff;
}

.landingPageFeature__heroContent h1 {
  font-size: 2.1rem;
}

.landingPageFeature__heroContent ul {
  list-style-type: none;
}

.landingPageFeature__heroContent li::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: -25px;
  background: url("/img/icons/bullet.png"), transparent;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 12px;
  height: 12px;
}

.landingPageFeature__heroForm {
  width: 40%;
  min-width: 40%;
  margin-left: 60px;
}

.landingPageFeature__heroForm h2 {
  color: #e6be00;
  font-size: 1.2rem;
  font-weight: 300;
  font-family: "Space Mono", monospace;
  margin-bottom: 20px;
}

.landingPageFeature__heroForm .mktoForm input[type=text],
.landingPageFeature__heroForm .mktoForm input[type=email] {
  padding: 8px 16px;
}

.landingPageFeature__heroForm .mktoButtonRow {
  text-align: center;
}

.landingPageFeature__heroForm .mktoButtonRow .mktoButtonWrap.mktoSimple .mktoButton {
  background-color: #e6be00;
  padding: 0.5em 1.6em;
}

.landingPageFeature__heroForm .landingPageFeature__disclaimer {
  text-align: center;
}

.landingPageFeature__badEmail {
  color: #e73e58;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 10px;
  display: none;
}

@media only screen and (max-width: 770px) {
  .landingPageFeature__heroWrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .landingPageFeature__heroForm {
    margin-left: 0;
  }

  .landingPageFeature__heroContent,
  .landingPageFeature__heroForm {
    width: 100%;
  }

  .landingPageFeature__partnerLogo {
    max-width: 100px;
  }

  .landingPageFeature__introCard {
    padding: 25px 20px;
  }

  .landingPageFeature__hero .container {
    padding-top: 100px;
  }

  .landingPageFeature__hero.-blackstars {
    padding-bottom: 0px;
  }

  .landingPageFeature__hero.-blackstars .landingPageFeature__heroContent {
    margin-bottom: 4rem;
  }

  .landingPageFeature__hero.-blackstars .container {
    padding-bottom: 40px;
  }

  .landingPageFeature svg {
    width: 220px;
  }
}

@media only screen and (max-width: 500px) {
  .landingPageFeature svg {
    width: 170px;
  }
}

@media only screen and (max-width: 770px) {
  .landingPageFeature__heroForm h2 {
    text-align: left !important;
  }

  .landingPageFeature__heroForm .mktoButtonRow {
    text-align: left;
  }
}

.twoColumnContent {
  padding: 70px 0;
}

.twoColumnContent .columns > div > *:first-child {
  margin-top: 0;
}

.twoColumnContent h2 {
  font-size: 1.6rem;
  margin-top: 4rem;
  font-weight: 300;
}

@media only screen and (max-width: 770px) {
  .twoColumnContent {
    padding: 30px 0;
  }

  .twoColumnContent .columns > div:first-child {
    margin-bottom: 4rem;
  }
}

.imageWithTextCta {
  background: #fff;
  padding-top: 70px;
  overflow: hidden;
}

.imageWithTextCta__wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.imageWithTextCta__imageWrapper {
  width: 54%;
  position: relative;
}

.imageWithTextCta__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.imageWithTextCta__content {
  width: 46%;
  padding-left: 70px;
  padding-bottom: 70px;
}

.imageWithTextCta__title {
  font-size: 1.6rem;
}

.imageWithTextCta__button {
  padding: 0.5em 1.6em;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 770px) {
  .imageWithTextCta {
    padding-top: 30px;
  }

  .imageWithTextCta__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .imageWithTextCta__imageWrapper,
  .imageWithTextCta__content {
    width: 100%;
  }

  .imageWithTextCta__imageWrapper {
    -webkit-box-ordinal-group: 3;
            order: 2;
    min-height: 300px;
  }

  .imageWithTextCta__content {
    padding-left: 0;
    padding-bottom: 30px;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
}

.iconRowsWithImage {
  padding: 60px 0;
}

.iconRowsWithImage__wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.iconRowsWithImage__iconRow {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  margin-bottom: 40px;
  -webkit-box-align: center;
          align-items: center;
}

.iconRowsWithImage__iconRow p {
  margin-bottom: 0;
}

.iconRowsWithImage__iconRows {
  padding-top: 50px;
  padding-right: 80px;
  width: 70%;
  min-width: 70%;
}

.iconRowsWithImage__iconRowIcon {
  padding-right: 25px;
}

.iconRowsWithImage__iconRowIcon img {
  width: 74px;
  min-width: 74px;
}

.iconRowsWithImage__image {
  margin-right: -300px;
  max-width: 600px;
}

.iconRowsWithImage__buttonWrapper {
  text-align: center;
}

@media only screen and (max-width: 1030px) {
  .iconRowsWithImage__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .iconRowsWithImage__image {
    margin-right: 0px;
  }

  .iconRowsWithImage__iconRows {
    padding-top: 30px;
    padding-right: 0;
    max-width: 940px;
    margin-bottom: 50px;
    width: 100%;
    min-width: 100%;
  }

  .iconRowsWithImage__buttonWrapper {
    padding-left: 0;
    text-align: center;
  }
}

@media only screen and (max-width: 770px) {
  .iconRowsWithImage {
    padding: 30px 0;
  }

  .iconRowsWithImage__iconRow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .iconRowsWithImage__iconRowIcon {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .iconRowsWithImage__iconRowText {
    text-align: center;
  }
}

/* == General Site Queries == */

@media only screen and (max-width: 1400px) {
  #responsive-tester {
    background-color: #fe0002;
  }

  #query-tracker span {
    display: none !important;
  }

  #query-tracker span.mq-red {
    display: block !important;
  }

  .content-designer .image-grid img {
    width: 14.285%;
    height: 14.285vw;
  }

  .marketo-columns .content.no-image {
    padding-left: 75px;
  }

  .call-to-action .content {
    padding: 100px 0 100px 50px;
  }

  .call-to-action .image {
    width: 65%;
  }

  body#platform .platform-story .row .image-feature.threat .circle-1,
  body#platform .platform-story .row .image-feature.threat .circle-2,
  body#platform .platform-story .row .image-feature.threat .circle-3,
  body#product .platform-story .row .image-feature.threat .circle-1,
  body#product .platform-story .row .image-feature.threat .circle-2,
  body#product .platform-story .row .image-feature.threat .circle-3 {
    top: -78px;
    left: 49%;
  }

  body#platform .platform-story .row .image-feature.threat .triangle-1,
  body#platform .platform-story .row .image-feature.threat .triangle-2,
  body#product .platform-story .row .image-feature.threat .triangle-1,
  body#product .platform-story .row .image-feature.threat .triangle-2 {
    top: -78px;
    right: 49%;
  }

  .platform-score-contact {
    position: relative;
  }

  .platform-score-contact .score .position {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .platform-score-contact .score .submit {
    position: absolute;
    top: 0;
    right: 0;
  }

  .platform-score-contact .score .text {
    margin: 0;
  }

  .platform-score-contact .score .text input {
    padding-right: 175px;
  }

  .platform-score-contact .contact {
    overflow-y: auto;
  }

  .platform-score-contact .contact .phone-company {
    display: block;
    width: 100%;
  }

  .platform-score-contact .contact .phone-company > * {
    display: block;
    width: 100% !important;
  }

  .platform-score-contact .contact .phone-company > hr {
    display: none;
  }

  .platform-score-contact .contact .phone-company.fluid .fixed-cell {
    width: 100%;
    white-space: normal;
  }

  body .platform-score-contact .contact div.mktoFormRow:nth-of-type(1),
  body .platform-score-contact .contact div.mktoFormRow:nth-of-type(2) {
    float: none;
    clear: both;
    width: 100% !important;
  }

  body#contact-us .platform-score-contact {
    padding-right: 0;
  }

  body#contact-us .platform-score-contact > .columns {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  body#contact-us .platform-score-contact > .columns > * {
    display: table-cell;
    vertical-align: top;
  }

  body#contact-us .platform-score-contact > .columns > hr {
    display: table-cell;
    width: 100px;
    margin: 0;
    padding: 0;
    border: none;
  }

  body#contact-us .platform-score-contact > .columns.fluid {
    table-layout: auto;
    width: 100%;
  }

  body#contact-us .platform-score-contact > .columns.fluid .fixed-cell {
    width: 1%;
    white-space: nowrap;
  }

  body#customers .tour .slides .slick-active + .slide .contents,
  body#customers-old .tour .slides .slick-active + .slide .contents,
  body#solutions .tour .slides .slick-active + .slide .contents,
  .content-designer .tour .slides .slick-active + .slide .contents {
    left: -20% !important;
  }

  .map-contact-details {
    padding-left: 50%;
  }

  .map-contact-details .map {
    right: 50%;
  }

  /* == PLATFORM == */

  .tour .slides .slide .contents {
    margin: 2% 5% 0;
    max-width: none;
  }
}

@media only screen and (max-width: 1200px) {
  #responsive-tester {
    background-color: #ffff01;
  }

  #company-leadership .leadership-bios .list {
    margin-left: 0;
  }

  .marketo-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .marketo-columns .container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: 0;
  }

  .marketo-columns .content.no-image {
    max-width: 100%;
    padding: 0 50px;
  }

  .marketo-columns .form.dark {
    padding-top: 50px;
  }

  .marketo-columns .form-wrap {
    width: 100%;
  }

  .marketo-columns .form {
    width: 100%;
    padding-top: 0;
    margin: auto;
  }

  .marketo-columns .form form {
    margin: auto !important;
    max-width: 600px !important;
  }

  .marketo-columns .form form .mktoButton {
    margin-bottom: 0 !important;
  }

  body#page-blog-entry .hero {
    padding-top: 125px;
  }

  body#page-blog-entry .blog-detail .container {
    max-width: 950px;
  }

  body#page-blog-entry .blog-detail .share-this {
    position: relative;
  }

  body#page-blog-entry .blog-detail .share-this img {
    display: none;
  }

  body#page-blog-entry .blog-detail .share-this .social-sharing {
    left: 0;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    margin-left: 50px;
  }

  body#page-blog-entry .blog-detail .blog-featured-image {
    top: -150px;
    margin-right: 25px;
  }

  body#page-blog-entry .blog-detail .blog-featured-image .container {
    max-height: 240px;
  }

  #query-tracker span {
    display: none !important;
  }

  #query-tracker span.mq-yellow {
    display: block !important;
  }

  body#customers .tour .slides .slick-active + .slide .contents,
  body#customers-old .tour .slides .slick-active + .slide .contents,
  body#solutions .tour .slides .slick-active + .slide .contents,
  .content-designer .tour .slides .slick-active + .slide .contents {
    left: -10% !important;
  }

  body.menu-showing,
  body.menu-showing.scrolled {
    overflow: hidden;
  }

  body.menu-showing header.primary .navigation,
  body.menu-showing.scrolled header.primary .navigation {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  body.menu-showing header.primary .menu-toggle:before,
  body.menu-showing.scrolled header.primary .menu-toggle:before {
    content: "Close ";
  }

  body.menu-showing header.primary .branding:before,
  body.menu-showing.scrolled header.primary .branding:before {
    opacity: 1;
    height: 90px;
  }

  body.scrolled header.primary .branding a,
  header.primary .branding a {
    width: 231px;
    margin-top: 15px;
    position: relative;
    z-index: 3000;
  }

  body.scrolled header.primary .branding:before,
  header.primary .branding:before {
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(#26272b), to(rgba(38, 39, 43, 0)));
    background: linear-gradient(to bottom, #26272b 0%, rgba(38, 39, 43, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26272b", endColorstr="#0026272b", GradientType=0);
    /* IE6-9 */
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    opacity: 0;
  }

  body.scrolled header.primary .navigation,
  header.primary .navigation {
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    background: #26272b;
    padding: 90px 50px;
  }

  body.scrolled header.primary nav.navPrimary,
  header.primary nav.navPrimary {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  body.scrolled header.primary nav.navPrimary > ul li a,
  header.primary nav.navPrimary > ul li a {
    font-size: 1em;
  }

  body.scrolled header.primary nav.navPrimary > ul li a:after,
  header.primary nav.navPrimary > ul li a:after {
    display: none;
  }

  body.scrolled header.primary nav.navPrimary > ul li a:hover,
  header.primary nav.navPrimary > ul li a:hover {
    color: #fff;
  }

  body.scrolled header.primary nav.navPrimary > ul > li,
  header.primary nav.navPrimary > ul > li {
    display: block;
    margin: 0;
  }

  body.scrolled header.primary nav.navPrimary > ul > li > a,
  header.primary nav.navPrimary > ul > li > a {
    padding: 0.3em 0;
    outline: none;
    font-size: 2em;
    line-height: 1;
  }

  body.scrolled header.primary nav.navPrimary > ul > li:hover .secondary,
  header.primary nav.navPrimary > ul > li:hover .secondary {
    display: -webkit-box;
    display: flex;
  }

  body.scrolled header.primary nav.navPrimary > ul > li .secondary,
  header.primary nav.navPrimary > ul > li .secondary {
    -webkit-transition: none;
    transition: none;
    visibility: visible;
    opacity: 1;
    top: 100%;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: -webkit-box;
    display: flex;
    font-size: 1.25em;
    padding: 0.5em 0 1em;
    background: none;
    margin: 0;
    line-height: 1;
    max-width: 800px;
    min-width: 100px;
  }

  body.scrolled header.primary nav.navPrimary > ul > li .secondary.double,
  header.primary nav.navPrimary > ul > li .secondary.double {
    width: auto;
  }

  body.scrolled header.primary nav.navPrimary > ul > li .secondary:before,
  header.primary nav.navPrimary > ul > li .secondary:before {
    display: none;
  }

  body.scrolled header.primary nav.navPrimary > ul > li .secondary ul li a,
  header.primary nav.navPrimary > ul > li .secondary ul li a {
    padding: 0.3em 0;
    outline: none;
  }

  body.scrolled header.primary nav.utility,
  header.primary nav.utility {
    float: none;
    margin-top: 1em;
    position: relative;
    border-top: solid 1px #4a4c54;
    padding-top: 0.8em;
  }

  body.scrolled header.primary nav.utility ul,
  header.primary nav.utility ul {
    text-align: center;
    display: block;
  }

  body.scrolled header.primary .utility-position,
  header.primary .utility-position {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 6000;
  }

  body.scrolled header.primary .utility-position .menu-toggle,
  header.primary .utility-position .menu-toggle {
    float: right;
    font-size: 16px;
    padding: 0.5em 1.25em;
    line-height: 1;
    border: solid 2px #52989e;
    display: block;
    outline: none;
  }

  body.scrolled header.primary .utility-position nav.utility,
  header.primary .utility-position nav.utility {
    float: right;
    margin-top: 0;
    border: none;
    padding: 0;
    top: 0;
  }

  body.scrolled header.primary .utility-position nav.utility ul,
  header.primary .utility-position nav.utility ul {
    font-size: 0;
  }

  body.scrolled header.primary .utility-position nav.utility ul > li,
  header.primary .utility-position nav.utility ul > li {
    font-size: 16px;
  }

  body.scrolled header.primary .utility-position nav.utility ul > li a,
  header.primary .utility-position nav.utility ul > li a {
    padding: 0.5em 1.25em;
    font-size: 1em;
    line-height: 1;
  }

  .content-designer .image-with-features .container {
    padding: 50px;
  }

  .content-designer .image-grid img {
    width: 14.285%;
    height: 14.285vw;
  }

  .hero {
    padding-top: 110px;
    padding-bottom: 50px;
  }

  body#home .hero {
    padding-top: 115px;
    padding-bottom: 140px;
  }

  .container-with-form {
    padding: 0 50px;
  }

  .hero .landing-page.hero-with-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .hero .landing-page.hero-with-form .hero-text {
    width: 100%;
  }

  .hero .landing-page.hero-with-form .hero-form {
    width: 100%;
    max-width: 400px;
    margin: auto;
  }

  .hero .landing-page.hero-with-form p {
    text-align: left;
    margin: 0;
    margin-bottom: 50px;
  }

  .faqs .container .faq-tiles .faq-tile .question {
    font-size: 1rem;
  }

  .hero .more-space {
    padding-bottom: 50px;
  }

  .call-to-action .content {
    padding: 100px 0 100px 50px;
  }

  .call-to-action .image {
    width: 55%;
  }

  .platform-score-contact > .columns {
    display: block;
    width: 100%;
  }

  .platform-score-contact > .columns > * {
    display: block;
    width: 100% !important;
  }

  .platform-score-contact > .columns > hr {
    display: none;
  }

  .platform-score-contact > .columns.fluid .fixed-cell {
    width: 100%;
    white-space: normal;
  }

  .platform-score-contact > .columns > div {
    width: auto;
  }

  .platform-score-contact .score .position {
    padding: 62.5px 50px;
  }

  .platform-score-contact .contact .position {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .platform-score-contact .contact .columns {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  .platform-score-contact .contact .columns > * {
    display: table-cell;
    vertical-align: top;
  }

  .platform-score-contact .contact .columns > hr {
    display: table-cell;
    width: 100px;
    margin: 0;
    padding: 0;
    border: none;
  }

  .platform-score-contact .contact .columns.fluid {
    table-layout: auto;
    width: 100%;
  }

  .platform-score-contact .contact .columns.fluid .fixed-cell {
    width: 1%;
    white-space: nowrap;
  }

  .platform-score-contact .contact .columns > hr {
    width: 1em !important;
  }

  /* == Base Defaults == */

  .highlights .container {
    padding-left: 50px;
    padding-right: 50px;
  }

  .highlights .columns > hr {
    width: 50px;
  }

  .highlights .highlight p {
    font-size: 1.5em;
  }

  .risk-categories {
    padding: 2em 0;
  }

  .risk-categories .container {
    max-width: none;
  }

  .risk-categories ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
  }

  .risk-categories ul > * {
    flex-basis: 50%;
    -webkit-box-flex: 1;
            flex-grow: 1;
  }

  .risk-categories ul > *.double {
    flex-basis: 100%;
  }

  .risk-categories ul > *.full {
    flex-basis: 100%;
    max-width: none;
  }

  .risk-categories ul li {
    width: 50%;
  }

  .risk-categories ul li.break {
    display: none;
  }

  .risk-categories ul li img {
    margin: 0 auto 0.7em;
    max-width: 120px;
  }
}

@media only screen and (max-width: 1030px) {
  #responsive-tester {
    background-color: #3cb54c;
  }

  #query-tracker span {
    display: none !important;
  }

  #query-tracker span.mq-green {
    display: block !important;
  }

  body.scrolled header.primary .utility-position,
  header.primary .utility-position {
    top: 23px;
  }

  body.scrolled header.primary .utility-position .menu-toggle,
  header.primary .utility-position .menu-toggle {
    font-size: 12.8px;
  }

  body.scrolled header.primary .utility-position nav.utility ul > li a,
  header.primary .utility-position nav.utility ul > li a {
    font-size: 0.8em;
  }

  body#home .hero {
    background-size: auto 100%;
    background-position: right center;
    padding-bottom: 40px;
  }

  body#home .hero:after {
    display: none;
  }

  body#home .hero:before {
    opacity: 0.75;
  }

  body#home .hero h1 {
    font-size: 2em;
    margin-bottom: 0.5em;
  }

  body#home .hero p {
    max-width: 70%;
    font-size: 0.95em;
    margin-bottom: 1em;
  }

  .call-to-action {
    text-align: center;
  }

  .call-to-action .columns {
    display: block;
    width: 100%;
  }

  .call-to-action .columns > * {
    display: block;
    width: 100% !important;
  }

  .call-to-action .columns > hr {
    display: none;
  }

  .call-to-action .columns.fluid .fixed-cell {
    width: 100%;
    white-space: normal;
  }

  .call-to-action .content {
    padding: 75px 50px 0;
  }

  .call-to-action .image {
    margin-top: -3em;
  }

  .call-to-action .image img {
    max-width: 700px;
    margin: 0 auto;
  }

  .platform-score-contact {
    padding-right: 0;
  }

  .platform-score-contact .contact {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto !important;
  }

  /* == Base Defaults == */

  .grid > a,
  .grid > div {
    font-size: 0.9em;
  }

  .grid.equal-widths > hr {
    width: 50px;
  }

  .content-designer .image-with-features .features .feature {
    width: 49%;
  }

  .content-designer .image-grid img {
    width: 14.285%;
    height: 14.285vw;
  }

  .content-designer .resource-grid {
    padding: 50px 0;
  }

  .image-with-text .container {
    padding-left: 0;
    padding-right: 0;
  }

  .featured-resource .visual,
  .featured-resource .content,
  .case-study .visual,
  .case-study .content {
    padding: 50px;
  }

  .featured-resource .visual .position,
  .featured-resource .content .position,
  .case-study .visual .position,
  .case-study .content .position {
    width: auto;
    float: none;
    margin: 0;
    padding: 0;
  }

  .case-study .content .testimonial p.quote:before,
  .cd-testimonial p.quote:before {
    top: auto;
    bottom: 93%;
    left: 0;
    right: auto;
  }

  body#press-releases .listing-items ul.items li .release-image::before {
    display: none;
  }

  body#press-releases .listing-items ul.items li .release-image img {
    margin-left: 0;
    margin-top: 0;
  }

  body#press-releases .listing-items ul.items li .release-content {
    margin-left: 50px;
  }

  body#customers .tour .slides .slick-active + .slide .contents,
  body#customers-old .tour .slides .slick-active + .slide .contents,
  body#solutions .tour .slides .slick-active + .slide .contents,
  .content-designer .tour .slides .slick-active + .slide .contents {
    left: 0 !important;
  }

  body#customers .case-study .content .testimonial p.quote:before,
  body#customers-old .case-study .content .testimonial p.quote:before,
  body#solutions .case-study .content .testimonial p.quote:before,
  .content-designer .case-study .content .testimonial p.quote:before {
    position: absolute !important;
    top: 0.2em !important;
    right: 100% !important;
    left: auto !important;
    bottom: auto !important;
    margin-right: 1em !important;
  }

  .highlights .container h2 {
    margin-bottom: 0.7em;
  }

  .highlights .highlight p {
    font-size: 1.2em;
  }

  .highlights .highlight p:before {
    top: -0.7em;
  }

  .gray-feature .columns .image img {
    left: auto;
    right: -325px;
    width: 172%;
  }

  .feature-grid {
    padding: 50px 0;
  }

  .feature-grid .container {
    padding-left: 50px;
    padding-right: 50px;
  }

  .feature-grid .features {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
    position: relative;
    z-index: 10;
  }

  .feature-grid .features .feature {
    padding: 35px 37.5px;
  }

  .feature-grid .features .feature.has-icon {
    padding-right: 37.5px;
    padding-left: 37.5px;
  }

  .feature-grid .features .feature.has-icon .icon {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 50px;
    position: absolute;
    top: 20px;
    left: 0;
  }

  .feature-grid .features .feature.has-icon:nth-child(even) {
    padding-right: 37.5px;
    padding-left: 37.5px;
  }

  .feature-grid .features .feature.has-icon:nth-child(even) .icon {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    right: 0;
  }

  /* == Footer == */

  footer.primaryFooter .copyright-social p.copyright {
    float: none;
    text-align: center;
  }

  footer.primaryFooter .copyright-social ul.social {
    float: none;
  }

  /* == Homepage == */

  body#home .overview {
    padding-top: 50px;
  }

  body#home .device-content .content {
    width: 60%;
    padding-top: 25px;
    padding-bottom: 0px;
  }

  body#home .device-content .content h2 {
    font-size: 2em;
  }

  body#home .device-content .device img {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 70%;
    top: 50%;
  }

  /* == MONITORING == */

  .hero .copy .group {
    padding-top: 2em;
  }

  .hero .copy .logo {
    width: auto;
    float: none;
    margin: 0 auto 1.5em 0;
    text-align: center;
  }

  .hero .copy .logo img {
    width: 100%;
    max-width: 320px;
  }

  .hero .copy .logo + p {
    text-align: center;
    max-width: 600px;
  }

  /* == Platform == */

  .intro-pair .intro-copy {
    font-size: 1.2em;
  }

  .tour .slides .slide .contents,
  .tour .slides .slide .contents.take-tour {
    text-align: center;
    padding: 35px 50px 25px;
  }

  .tour .slides .slide .contents h2,
  .tour .slides .slide .contents p,
  .tour .slides .slide .contents.take-tour h2,
  .tour .slides .slide .contents.take-tour p {
    padding-right: 0;
  }

  .tour .slides .slide .contents h2,
  .tour .slides .slide .contents.take-tour h2 {
    font-size: 2em;
  }

  .tour .slides .slide .contents .number,
  .tour .slides .slide .contents.take-tour .number {
    -webkit-transform: translate(-50%, 65%);
    transform: translate(-50%, 65%);
    margin-left: auto;
    margin-right: auto;
    width: 3em;
    position: absolute;
    bottom: 100%;
    left: 50%;
  }

  .tour .slides .slide .contents .number span,
  .tour .slides .slide .contents.take-tour .number span {
    font-size: 1.5em;
    color: #e6be00;
  }

  .tour .slides .slide .contents .graphic,
  .tour .slides .slide .contents.take-tour .graphic {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    max-width: 90%;
    margin: 2em auto 0;
  }

  .tour .slides .slide .contents.take-tour,
  .tour .slides .slide .contents.take-tour.take-tour {
    padding: 50px;
  }

  .tour .slides .slide .contents.take-tour p.intro,
  .tour .slides .slide .contents.take-tour.take-tour p.intro {
    margin-bottom: 1em;
  }

  body#platform .platform-story .row > div,
  body#product .platform-story .row > div {
    width: 100%;
  }

  body#platform .platform-story .row .image-feature,
  body#product .platform-story .row .image-feature {
    min-height: 271px;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }

  body#platform .platform-story .row .text *,
  body#product .platform-story .row .text * {
    max-width: 100%;
  }

  body#platform .platform-story .row .image-feature.security .canvas,
  body#platform .platform-story .row .image-feature.api .canvas,
  body#product .platform-story .row .image-feature.security .canvas,
  body#product .platform-story .row .image-feature.api .canvas {
    left: 0;
    margin: auto;
  }

  body#platform .platform-story .row .image-feature.threat .canvas,
  body#product .platform-story .row .image-feature.threat .canvas {
    right: 0;
    margin: auto;
  }

  body#platform .platform-story .row .image-feature.api .canvas .connector-top-layer,
  body#product .platform-story .row .image-feature.api .canvas .connector-top-layer {
    top: -40%;
  }

  body#platform .platform-story .row .image-feature.api .beam-1,
  body#platform .platform-story .row .image-feature.api .beam-2,
  body#platform .platform-story .row .image-feature.api .beam-3,
  body#product .platform-story .row .image-feature.api .beam-1,
  body#product .platform-story .row .image-feature.api .beam-2,
  body#product .platform-story .row .image-feature.api .beam-3 {
    background: none;
  }

  body#platform .platform-story .row .image-feature.api .canvas .left,
  body#platform .platform-story .row .image-feature.api .canvas .right,
  body#product .platform-story .row .image-feature.api .canvas .left,
  body#product .platform-story .row .image-feature.api .canvas .right {
    top: 59px;
  }

  body#platform .platform-story .row .image-feature.threat .circle-1,
  body#platform .platform-story .row .image-feature.threat .circle-2,
  body#platform .platform-story .row .image-feature.threat .circle-3,
  body#platform .platform-story .row .image-feature.threat .triangle-1,
  body#platform .platform-story .row .image-feature.threat .triangle-2,
  body#product .platform-story .row .image-feature.threat .circle-1,
  body#product .platform-story .row .image-feature.threat .circle-2,
  body#product .platform-story .row .image-feature.threat .circle-3,
  body#product .platform-story .row .image-feature.threat .triangle-1,
  body#product .platform-story .row .image-feature.threat .triangle-2 {
    display: none;
  }

  body#platform .platform-story .row .image-feature.threat .market-color-icon,
  body#product .platform-story .row .image-feature.threat .market-color-icon {
    left: 0%;
    top: -20%;
    right: 0%;
    margin: auto;
  }

  body#platform .scoring-works .graphic .number,
  body#product .scoring-works .graphic .number {
    font-size: 2em;
  }

  body#platform .scoring-works .graphic .columns > hr,
  body#product .scoring-works .graphic .columns > hr {
    width: 50px;
  }

  .risk-categories ul li .content,
  .risk-categories ul li:hover .content {
    background: none;
    padding: 3em 1em 1em;
    color: #26272b;
    text-align: center;
    opacity: 1;
    position: static;
    min-height: 0;
    max-height: none;
  }

  .risk-categories ul li .content:after,
  .risk-categories ul li:hover .content:after {
    display: none;
  }

  .risk-categories ul li .content h3,
  .risk-categories ul li:hover .content h3 {
    display: none;
  }

  .levels-data,
  .process-data {
    padding: 3em 0;
  }

  .levels-data .levels .level,
  .levels-data .levels .step,
  .levels-data .steps .level,
  .levels-data .steps .step,
  .process-data .levels .level,
  .process-data .levels .step,
  .process-data .steps .level,
  .process-data .steps .step {
    margin-bottom: 3em;
  }

  .levels-data .levels .level h3,
  .levels-data .levels .step h3,
  .levels-data .steps .level h3,
  .levels-data .steps .step h3,
  .process-data .levels .level h3,
  .process-data .levels .step h3,
  .process-data .steps .level h3,
  .process-data .steps .step h3 {
    font-size: 2em;
  }

  .levels-data .levels .level p,
  .levels-data .levels .step p,
  .levels-data .steps .level p,
  .levels-data .steps .step p,
  .process-data .levels .level p,
  .process-data .levels .step p,
  .process-data .steps .level p,
  .process-data .steps .step p {
    font-size: 1.2em;
  }

  .levels-data .levels .level .image,
  .levels-data .levels .step .image,
  .levels-data .steps .level .image,
  .levels-data .steps .step .image,
  .process-data .levels .level .image,
  .process-data .levels .step .image,
  .process-data .steps .level .image,
  .process-data .steps .step .image {
    width: 50%;
  }

  .levels-data .levels .level .content,
  .levels-data .levels .step .content,
  .levels-data .steps .level .content,
  .levels-data .steps .step .content,
  .process-data .levels .level .content,
  .process-data .levels .step .content,
  .process-data .steps .level .content,
  .process-data .steps .step .content {
    padding-top: 2em;
  }

  .use-cases {
    padding: 3em 0;
  }

  .use-cases h2 {
    margin-bottom: 0.7em;
  }

  .use-cases .cases h3 {
    margin: 0 0 1.5em;
    font-size: 1.3em;
  }

  /* == Customers == */

  body#customers .featured-case-studies .contents,
  body#customers-old .featured-case-studies .contents,
  body#solutions .featured-case-studies .contents,
  .content-designer .featured-case-studies .contents {
    width: 100% !important;
  }

  body#customers .featured-case-studies .case-study,
  body#customers-old .featured-case-studies .case-study,
  body#solutions .featured-case-studies .case-study,
  .content-designer .featured-case-studies .case-study {
    padding-left: 15% !important;
    background: none;
  }

  body#customers .featured-case-studies .case-study .cover:nth-child(n),
  body#customers-old .featured-case-studies .case-study .cover:nth-child(n),
  body#solutions .featured-case-studies .case-study .cover:nth-child(n),
  .content-designer .featured-case-studies .case-study .cover:nth-child(n) {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    width: 20% !important;
    padding: 0 !important;
  }

  body#customers .featured-case-studies .case-study .cover:nth-child(n) img,
  body#customers-old .featured-case-studies .case-study .cover:nth-child(n) img,
  body#solutions .featured-case-studies .case-study .cover:nth-child(n) img,
  .content-designer .featured-case-studies .case-study .cover:nth-child(n) img {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    top: auto !important;
  }

  body#customers .featured-case-studies .case-study .content,
  body#customers-old .featured-case-studies .case-study .content,
  body#solutions .featured-case-studies .case-study .content,
  .content-designer .featured-case-studies .case-study .content {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  body#customers .featured-case-studies .case-study .content .testimonial p.quote:before,
  body#customers-old .featured-case-studies .case-study .content .testimonial p.quote:before,
  body#solutions .featured-case-studies .case-study .content .testimonial p.quote:before,
  .content-designer .featured-case-studies .case-study .content .testimonial p.quote:before {
    margin-right: 0.6em !important;
  }

  body#customers .featured-case-studies .case-study .content .button-container,
  body#customers-old .featured-case-studies .case-study .content .button-container,
  body#solutions .featured-case-studies .case-study .content .button-container,
  .content-designer .featured-case-studies .case-study .content .button-container {
    margin-bottom: 0 !important;
  }

  body#customers .featured-case-studies .case-study .content .button-container .button,
  body#customers-old .featured-case-studies .case-study .content .button-container .button,
  body#solutions .featured-case-studies .case-study .content .button-container .button,
  .content-designer .featured-case-studies .case-study .content .button-container .button {
    display: block !important;
    text-align: center !important;
  }

  body#customers .featured-case-studies .case-study:nth-of-type(odd) .cover,
  body#customers-old .featured-case-studies .case-study:nth-of-type(odd) .cover,
  body#solutions .featured-case-studies .case-study:nth-of-type(odd) .cover,
  .content-designer .featured-case-studies .case-study:nth-of-type(odd) .cover {
    left: 0 !important;
    right: auto !important;
  }

  body#customers .featured-case-studies .case-study:nth-of-type(even),
  body#customers-old .featured-case-studies .case-study:nth-of-type(even),
  body#solutions .featured-case-studies .case-study:nth-of-type(even),
  .content-designer .featured-case-studies .case-study:nth-of-type(even) {
    padding-right: 15% !important;
  }

  body#customers .featured-case-studies .case-study:nth-of-type(even) .cover,
  body#customers-old .featured-case-studies .case-study:nth-of-type(even) .cover,
  body#solutions .featured-case-studies .case-study:nth-of-type(even) .cover,
  .content-designer .featured-case-studies .case-study:nth-of-type(even) .cover {
    left: auto !important;
    right: 0 !important;
  }

  body#customers .featured-case-studies .case-study:nth-of-type(even) .content,
  body#customers-old .featured-case-studies .case-study:nth-of-type(even) .content,
  body#solutions .featured-case-studies .case-study:nth-of-type(even) .content,
  .content-designer .featured-case-studies .case-study:nth-of-type(even) .content {
    padding-left: 62.5px !important;
    padding-right: 100px !important;
  }

  /* == Resources == */

  body#resources .resources .tiles > *,
  body#resources .resources .tiles > *:nth-child(n),
  .resource-grid .tiles > *,
  .resource-grid .tiles > *:nth-child(n) {
    flex-basis: 47.5%;
    margin-bottom: 50px;
    margin-left: 5%;
    max-width: 47.5%;
  }

  body#resources .resources .tiles > *:nth-child(2n+1),
  body#resources .resources .tiles > *:nth-child(n):nth-child(2n+1),
  .resource-grid .tiles > *:nth-child(2n+1),
  .resource-grid .tiles > *:nth-child(n):nth-child(2n+1) {
    margin-left: 0;
  }

  /* == Careers == */

  body#company-careers .benefits {
    background-size: auto 75%;
    padding: 50px 0;
  }

  body#company-careers .benefits .section-header {
    width: auto;
    float: none;
    padding-right: 0;
    margin-bottom: 4em;
  }

  body#company-careers .benefits .benefit-groups {
    width: auto;
    float: none;
    padding: 0;
  }

  body#company-careers .career-photos .pairing .caption {
    font-size: 1em;
  }

  /* == Leadership == */

  #company-leadership .bio-detail-modal .image {
    position: relative;
  }

  #company-leadership .bio-detail-modal .image img {
    position: relative;
    z-index: 400;
  }

  #company-leadership .bio-detail-modal h3 {
    font-size: 3em;
    position: relative;
    z-index: 600;
  }

  #company-leadership .bio-detail-modal h4 {
    font-size: 1.5em;
    margin: 1em 0;
  }

  #company-leadership .bio-detail-modal p {
    font-size: 1em;
  }

  #company-leadership .leadership-bios,
  #company-leadership .board-of-directors,
  #company-leadership .advisors,
  #company-leadership .investors {
    padding: 0 80px;
  }

  #company-leadership .leadership-bios .list > *,
  #company-leadership .leadership-bios .list > div:nth-child(n),
  #company-leadership .board-of-directors .list > *,
  #company-leadership .board-of-directors .list > div:nth-child(n),
  #company-leadership .advisors .list > *,
  #company-leadership .advisors .list > div:nth-child(n),
  #company-leadership .investors .list > *,
  #company-leadership .investors .list > div:nth-child(n) {
    max-width: 47.5%;
    width: 47.5%;
    margin: 0 0 3em 5%;
  }

  #company-leadership .leadership-bios .list > *:nth-child(2n+1),
  #company-leadership .leadership-bios .list > div:nth-child(n):nth-child(2n+1),
  #company-leadership .board-of-directors .list > *:nth-child(2n+1),
  #company-leadership .board-of-directors .list > div:nth-child(n):nth-child(2n+1),
  #company-leadership .advisors .list > *:nth-child(2n+1),
  #company-leadership .advisors .list > div:nth-child(n):nth-child(2n+1),
  #company-leadership .investors .list > *:nth-child(2n+1),
  #company-leadership .investors .list > div:nth-child(n):nth-child(2n+1) {
    margin-left: 0;
  }

  #company-leadership .leadership-bios .list,
  #company-leadership .investors .list {
    margin-left: -60px;
  }

  #company-leadership .advisors .board-of-directors .list {
    margin-left: 0;
  }

  #company-leadership .leadership-bios.-condensed .list .bio-details {
    width: calc(33% - 60px);
    margin: 0 30px !important;
    margin-bottom: 30px !important;
  }

  /* == Press Releases, Mentions, and Events == */

  .listing-items .press-mention-featured-image {
    max-height: 120px;
    padding: 1.25em;
    margin: 0 0 50px 25px;
  }

  .listing-items.blog-list .featured-item h2 {
    font-size: 2em;
  }

  .listing-items.event-list .item .date {
    width: 33%;
  }

  /* == Contact == */

  body#contact-us .platform-score-contact > .columns {
    display: block;
    width: 100%;
  }

  body#contact-us .platform-score-contact > .columns > * {
    display: block;
    width: 100% !important;
  }

  body#contact-us .platform-score-contact > .columns > hr {
    display: none;
  }

  body#contact-us .platform-score-contact > .columns.fluid .fixed-cell {
    width: 100%;
    white-space: normal;
  }

  .map-contact-details {
    padding-left: 0;
  }

  .map-contact-details .map {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: 400px;
  }

  /* == Blog == */

  .blog-detail .blog-featured-image img {
    margin-bottom: 0;
  }
}

@media all and (-ms-high-contrast: none) {
  .speakers .columns .speaker .photo {
    height: calc(100% - 500px);
  }
}

@media (max-width: 850px) {
  body#page-blog-entry .pull-quote {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 770px) {
  #responsive-tester {
    background-color: #003470;
  }

  #query-tracker span {
    display: none !important;
  }

  #query-tracker span.mq-blue {
    display: block !important;
  }

  .marketo-columns.image-with-text .image div {
    padding-right: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }

  .columns:not(.delay-break) {
    display: block;
    width: 100%;
  }

  .columns:not(.delay-break) > * {
    display: block;
    width: 100% !important;
  }

  .columns:not(.delay-break) > hr {
    display: none;
  }

  .columns:not(.delay-break).fluid .fixed-cell {
    width: 100%;
    white-space: normal;
  }

  h2 {
    font-size: 2em;
  }

  h3 {
    font-size: 1.5em;
  }

  .container,
  .padded {
    padding-left: 25px;
    padding-right: 25px;
  }

  .button,
  .submit input[type=submit],
  button {
    padding-left: 2em;
    padding-right: 2em;
  }

  body.scrolled header.primary .navigation,
  header.primary .navigation {
    padding-left: 25px;
    padding-right: 25px;
  }

  body.scrolled header.primary nav.navPrimary > ul > li > a,
  header.primary nav.navPrimary > ul > li > a {
    font-size: 1.3em;
  }

  body.scrolled header.primary nav.navPrimary > ul > li .secondary,
  header.primary nav.navPrimary > ul > li .secondary {
    font-size: 1em;
  }

  body.scrolled header.primary .utility-position,
  header.primary .utility-position {
    top: 23px;
    text-align: right;
  }

  body.scrolled header.primary .utility-position .menu-toggle,
  header.primary .utility-position .menu-toggle {
    float: none;
    display: inline-block;
    margin-bottom: 0.75em;
    width: 100%;
  }

  body.scrolled header.primary .utility-position nav.utility,
  header.primary .utility-position nav.utility {
    visibility: hidden;
    float: none;
    opacity: 0;
    top: 2em;
  }

  body.scrolled header.primary .utility-position nav.utility ul > li,
  header.primary .utility-position nav.utility ul > li {
    display: block;
    margin: 0 0 0.75em 0;
  }

  body.menu-showing header.primary .utility-position nav.utility {
    visibility: visible;
    opacity: 1;
    top: 0;
  }

  /* == Pagination == */

  .pagination-layer nav.pagination ul {
    text-align: center;
  }

  .pagination-layer nav.pagination ul li {
    display: none;
  }

  .pagination-layer nav.pagination ul li.prev a,
  .pagination-layer nav.pagination ul li.next a {
    background-color: #52989e;
    color: #fff;
  }

  .pagination-layer nav.pagination ul li.prev {
    display: inline-block;
    float: left;
  }

  .pagination-layer nav.pagination ul li.next {
    display: inline-block;
    float: right;
  }

  .pagination-layer nav.pagination ul li.current {
    display: inline-block;
    background: none;
  }

  .pagination-layer nav.pagination ul li.current span {
    background: none;
    color: #7ac46e;
    border: solid 2px #7ac46e;
  }

  .pagination-layer nav.pagination ul li.current span:before {
    content: "Current Page: ";
    display: inline;
    background: none;
    border-radius: 0;
    top: auto;
    left: auto;
    font-weight: 300;
    opacity: 0.7;
    padding-right: 0.6em;
  }

  /* == Pop-Up == */

  .popup {
    padding: 45px 35px 40px 35px;
    margin: 0 35px;
    width: calc(100% - 70px);
  }

  .popup img {
    width: 25px;
  }

  .popup.marketoPopup.popup-with-image {
    padding: 40px 40px 40px 40px;
  }

  .popup.marketoPopup.popup-with-image .popup-image-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    margin-bottom: 0;
  }

  .popup.marketoPopup.popup-with-image .popup-image-group img {
    margin: auto;
    margin-bottom: 12.5px;
  }

  .popup.marketoPopup {
    padding: 45px 35px 10px 35px;
    margin: 0 35px;
    width: calc(100% - 70px);
  }

  .popup.marketoPopup img {
    width: 25px;
  }

  .popup.marketoPopup .mktoButtonRow {
    text-align: center;
  }

  .popup.marketoPopup h3 {
    font-size: 24px;
    margin-bottom: 0;
  }

  /* == Alert == */

  .alert-banner.tall {
    padding: 1em 2em;
  }

  .alert-banner.tall .container > div p:first-child {
    font-size: 18px;
    font-family: "Caslon", serif;
  }

  .alert-banner .container div:first-child {
    margin-bottom: 10px;
  }

  /* == Search == */

  .search-overlay form input[type=text] {
    font-size: 1.5em;
  }

  /* == Footer == */

  footer.primaryFooter .address {
    float: none;
  }

  footer.primaryFooter .footer-nav {
    float: none;
    width: auto;
    padding-left: 75px;
  }

  footer.primaryFooter .footer-nav ul {
    width: 30%;
    margin-left: 5%;
  }

  /* Marketo Form Footer Overrides */

  body .platform-score-contact .contact div.mktoFormRow:nth-of-type(1),
  body .platform-score-contact .contact div.mktoFormRow:nth-of-type(2) {
    float: none;
    clear: both;
    width: 100% !important;
  }

  /* == Base Defaults == */

  .gray-feature .columns .image img {
    position: relative;
    right: auto;
    width: 100%;
  }

  .gray-feature .columns .content {
    margin-bottom: 0;
  }

  .gray-feature .columns .content ul {
    margin-bottom: 0;
  }

  .gray-feature .columns .image {
    margin-top: 0;
  }

  .video-feature .wistia-embed {
    position: relative;
    bottom: 0;
  }

  .video-feature .wistia-embed h4 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .image-list .columns > div > .columns div:first-child {
    width: 147px;
    margin-bottom: 25px;
  }

  .image-list .columns > div > .columns div:first-child img {
    margin: auto;
  }

  .feature-blocks {
    padding: 50px 25px;
  }

  .feature-blocks .speaker {
    margin-bottom: 50px;
  }

  .gray-text-alone {
    padding: 50px 25px;
  }

  .video-feature .container {
    padding-bottom: 50px;
    margin-bottom: 50px;
  }

  .faqs .container .faq-tiles .faq-tile {
    width: 100%;
  }

  .paddedTopAndBottom {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .paddedTopOnly {
    padding-top: 50px;
  }

  .paddedBottomOnly {
    padding-bottom: 50px;
  }

  .content-designer .image-grid img {
    width: 33.3333%;
    height: 33.3333vw;
  }

  .image-with-text {
    padding: 0;
  }

  .image-with-text .container {
    padding-left: 25px;
    padding-right: 25px;
  }

  .image-with-text .image {
    margin: 3em auto;
  }

  .image-with-text .content {
    padding: 0 !important;
    margin: 3em auto;
  }

  .icon-lead-ins ul {
    display: block;
    width: 100%;
  }

  .icon-lead-ins ul > * {
    display: block;
    width: 100% !important;
  }

  .icon-lead-ins ul > hr {
    display: none;
  }

  .icon-lead-ins ul.fluid .fixed-cell {
    width: 100%;
    white-space: normal;
  }

  .icon-lead-ins ul li:nth-child(n) {
    margin-bottom: 3em;
  }

  .icon-lead-ins ul li:nth-child(n) strong {
    border: none;
  }

  .icon-lead-ins ul li:nth-child(n):hover img {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
  }

  body.press-releases .press-image {
    display: block;
    float: none;
    width: 100%;
  }

  body.press-releases .press-image img {
    width: calc(100% - 50px);
  }

  body#press-releases .listing-items ul.items li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  body#press-releases .listing-items ul.items li .release-content {
    margin-left: 0;
  }

  body#press-releases .listing-items ul.items li .release-image {
    margin-bottom: 25px;
    display: none;
  }

  body#press-releases .listing-items .items .featured li .release-image {
    position: relative;
    display: block;
    width: 80%;
    top: 0;
    padding-left: 50px;
  }

  body#press-releases .listing-items .items .featured li .release-image a,
  body#press-releases .listing-items .items .featured li .release-image img {
    display: block;
    width: 100%;
    max-height: none;
    max-width: none;
  }

  body#press-releases .listing-items .items .featured li .release-content h2 {
    width: 100%;
  }

  body#page-blog-entry .blog-detail .container.height-collapse {
    height: 50px;
  }

  body#page-blog-entry .blog-detail .blog-featured-image {
    float: none;
    top: 0;
    margin-left: 0;
    margin-top: -50px;
    max-width: 400px;
    width: 100%;
  }

  body#page-blog-entry .blog-detail .blog-featured-image .container {
    max-height: none;
    height: auto;
    margin: 50px 0;
  }

  body#page-blog-entry .blog-detail .blog-featured-image img {
    width: 100%;
    box-shadow: 0px -25px 50px rgba(38, 39, 43, 0);
  }

  body#page-blog-entry .popular-blogs {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  body#page-blog-entry .popular-blogs h2.popular-blog-header {
    margin-bottom: 50px;
  }

  body#page-blog-entry .popular-blogs .grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding-bottom: 0;
  }

  body#page-blog-entry .popular-blogs .grid > div:last-child {
    margin-bottom: 0 !important;
  }

  body#customers .gartner-reviews .reviews,
  body#customers-old .gartner-reviews .reviews {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
  }

  body#customers .gartner-reviews .reviews .review,
  body#customers-old .gartner-reviews .reviews .review {
    width: 100%;
    max-width: 400px;
  }

  body#customers .gartner-reviews .reviews .review:first-child,
  body#customers-old .gartner-reviews .reviews .review:first-child {
    margin-bottom: 50px;
  }

  .content-designer .simple-resource .simple-resource-detail {
    width: 100%;
    padding-right: 50px;
  }

  .content-designer .simple-resource .simple-resource-detail.no-image {
    padding-left: 50px;
    padding-right: 50px;
  }

  .content-designer .simple-resource .simple-resource-image {
    display: none;
  }

  .content-designer .image-with-features .features .feature {
    width: 100%;
  }

  .content-designer .cd-testimonial {
    padding: 2.5em 0 0;
  }

  .content-designer .cd-testimonial p.quote {
    font-size: 1.5em;
  }

  .content-designer .designer-cta.style-blue-hex {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .content-designer .designer-cta.style-blue-hex h2 {
    font-size: 2em;
  }

  .content-designer .cd-video {
    padding: 2em 0;
  }

  .content-designer .cd-video h2 {
    font-size: 1.2em;
  }

  .featured-resource,
  .case-study {
    display: block;
    width: 100%;
  }

  .featured-resource > *,
  .case-study > * {
    display: block;
    width: 100% !important;
  }

  .featured-resource > hr,
  .case-study > hr {
    display: none;
  }

  .featured-resource.fluid .fixed-cell,
  .case-study.fluid .fixed-cell {
    width: 100%;
    white-space: normal;
  }

  .featured-resource .visual,
  .case-study .visual {
    overflow: visible;
    padding: 25px 25px 50px;
  }

  .featured-resource .visual .cover,
  .case-study .visual .cover {
    box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.4);
    max-width: 30%;
    float: right;
    margin: 0 0 3em 2em;
  }

  .featured-resource .visual .cover:before,
  .featured-resource .visual .cover:after,
  .case-study .visual .cover:before,
  .case-study .visual .cover:after {
    display: none;
  }

  .featured-resource .content,
  .case-study .content {
    padding-left: 25px;
    padding-right: 25px;
  }

  .highlights {
    padding-top: 50px;
    padding-bottom: 30px;
  }

  .highlights h2 {
    margin-bottom: 1em;
  }

  .highlights .container {
    padding-left: 25px;
    padding-right: 25px;
  }

  .highlights .highlight p {
    font-size: 1.2em;
    padding-left: 3em;
    padding-top: 0;
    margin-bottom: 1.25em;
    line-height: 1.2;
  }

  .highlights .highlight p:before {
    top: 0.5em;
    width: 2em;
    border-radius: 900px;
  }

  /* == Hero == */

  body#home .hero h1 {
    max-width: none;
  }

  body#home .hero p {
    max-width: none;
    margin-bottom: 2em;
    font-size: 1em;
  }

  .hero #bgvideo {
    width: 200vw;
    left: -50%;
  }

  /* == Icon Lead Ins == */

  .icon-items a:nth-child(n) {
    text-align: center;
    margin-bottom: 2.5em;
  }

  .icon-items a:nth-child(n) .content {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    margin: 0 auto;
    float: none;
  }

  .icon-items a:nth-child(n) .content h3 {
    padding-top: 0;
  }

  .icon-items a:nth-child(n) .content p {
    padding: 0;
    margin-bottom: 1.5em;
  }

  .icon-items a:nth-child(n) .icon {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    float: none;
    margin: 0 auto 1em;
  }

  .icon-items a:nth-child(n) .icon:after {
    display: none;
  }

  .icon-items a:nth-child(n) .icon img {
    margin: 0 auto;
    width: 120px;
  }

  /* == Homepage == */

  .platform-lead-ins {
    padding: 50px 0;
  }

  .case-studies-customers .case-studies {
    display: block;
    width: 100%;
  }

  .case-studies-customers .case-studies:before,
  .case-studies-customers .case-studies:after {
    content: "";
    display: table;
  }

  .case-studies-customers .case-studies:after {
    clear: both;
  }

  .case-studies-customers .case-studies > * {
    display: block;
    width: 100% !important;
  }

  .case-studies-customers .case-studies > hr {
    display: none;
  }

  .case-studies-customers .case-studies.fluid .fixed-cell {
    width: 100%;
    white-space: normal;
  }

  .case-studies-customers .case-studies a {
    width: 46% !important;
    float: left;
    clear: left;
    padding: 0;
    margin-bottom: 1.5em;
  }

  .case-studies-customers .case-studies a img {
    margin: 0;
  }

  .case-studies-customers .case-studies a:nth-child(even) {
    float: right;
    clear: right;
  }

  .company-feed {
    padding: 50px 0;
  }

  .company-feed .container > h2 {
    margin-bottom: 1em;
    font-size: 3em;
    font-weight: 700;
    opacity: 0.3;
  }

  .company-feed .featured-blog {
    text-align: center;
  }

  .company-feed .featured-blog .content {
    padding-right: 0;
  }

  .company-feed .featured-blog .image {
    width: 100%;
    margin-top: 3em;
  }

  .company-feed .featured-blog .image img {
    margin: 0 auto 2em;
  }

  .company-feed .show-more button {
    max-width: none;
    width: auto;
  }

  .hero .bgvideofallback {
    height: 130%;
    width: auto;
    max-width: none;
  }

  .grid,
  .grid.equal-widths {
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 1em;
  }

  .grid > *,
  .grid.equal-widths > * {
    display: block;
    width: 100% !important;
  }

  .grid > hr,
  .grid.equal-widths > hr {
    display: none;
  }

  .grid.fluid .fixed-cell,
  .grid.equal-widths.fluid .fixed-cell {
    width: 100%;
    white-space: normal;
  }

  .grid > a:nth-child(n),
  .grid > div:nth-child(n),
  .grid.equal-widths > a:nth-child(n),
  .grid.equal-widths > div:nth-child(n) {
    margin: 0 0 2.5em !important;
  }

  .grid > a:nth-child(n) .tagline,
  .grid > div:nth-child(n) .tagline,
  .grid.equal-widths > a:nth-child(n) .tagline,
  .grid.equal-widths > div:nth-child(n) .tagline {
    margin-bottom: 0.7em;
  }

  /* == Platform == */

  body#platform .scoring-works .graphic,
  body#product .scoring-works .graphic {
    background-image: none;
  }

  body#platform .scoring-works .graphic .columns > div,
  body#product .scoring-works .graphic .columns > div {
    text-align: center;
  }

  body#platform .scoring-works .graphic .columns > div img,
  body#product .scoring-works .graphic .columns > div img {
    margin: 0 auto 1em;
  }

  body#platform .scoring-works .graphic .number,
  body#product .scoring-works .graphic .number {
    font-size: 3em;
    float: none;
    margin: 0 auto 0.2em;
    line-height: 1;
    top: auto;
  }

  .intro-pair .intro-copy {
    padding: 2em 0 1em;
    font-size: 1.2em;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
  }

  .intro-pair .intro-image {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .intro-pair .intro-image img {
    width: 100%;
    max-width: 100%;
  }

  .feature-grid .features {
    display: block;
  }

  .feature-grid .features .feature {
    width: 100%;
    max-width: 100%;
  }

  .feature-grid .features .feature:nth-child(even) {
    top: 0;
  }

  .feature-grid .features .feature:nth-child(odd):not(.media) {
    -webkit-transform: translate(25px, 0);
    transform: translate(25px, 0);
  }

  .feature-grid .features .feature:nth-child(even):not(.media) {
    -webkit-transform: translate(-25px, 0);
    transform: translate(-25px, 0);
  }

  .feature-grid .features .feature.has-icon:nth-child(odd) {
    padding-left: 75px;
  }

  .feature-grid .features .feature.has-icon:nth-child(even) {
    top: 0;
    padding-right: 75px;
  }

  .feature-grid .features .feature.has-icon .icon {
    width: 100px;
  }

  .risk-categories ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
  }

  .risk-categories ul > * {
    flex-basis: 100%;
    -webkit-box-flex: 1;
            flex-grow: 1;
  }

  .risk-categories ul > *.double {
    flex-basis: 200%;
  }

  .risk-categories ul > *.full {
    flex-basis: 100%;
    max-width: none;
  }

  .risk-categories ul li {
    width: 100%;
  }

  .levels-data,
  .process-data {
    padding: 3em 0;
  }

  .levels-data .levels .level:nth-child(n) .image,
  .levels-data .levels .step:nth-child(n) .image,
  .levels-data .steps .level:nth-child(n) .image,
  .levels-data .steps .step:nth-child(n) .image,
  .process-data .levels .level:nth-child(n) .image,
  .process-data .levels .step:nth-child(n) .image,
  .process-data .steps .level:nth-child(n) .image,
  .process-data .steps .step:nth-child(n) .image {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    float: none;
    margin: 0 auto 1em;
    width: 100%;
    max-width: 600px;
  }

  .levels-data .levels .level:nth-child(n) .content,
  .levels-data .levels .step:nth-child(n) .content,
  .levels-data .steps .level:nth-child(n) .content,
  .levels-data .steps .step:nth-child(n) .content,
  .process-data .levels .level:nth-child(n) .content,
  .process-data .levels .step:nth-child(n) .content,
  .process-data .steps .level:nth-child(n) .content,
  .process-data .steps .step:nth-child(n) .content {
    text-align: center;
    padding: 0;
    max-width: 600px;
    margin: 0 auto;
  }

  .use-cases .cases h3 {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
    max-width: 50%;
  }

  /* == Customers == */

  body#customers .logo-cloud,
  body#customers-old .logo-cloud,
  .content-designer .logo-cloud {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  body#customers .logo-cloud .container > div,
  body#customers-old .logo-cloud .container > div,
  .content-designer .logo-cloud .container > div {
    width: 50%;
    max-width: 50%;
    flex-basis: 50%;
    height: 100px;
  }

  body#customers .featured-case-studies .case-study:nth-child(n),
  body#customers-old .featured-case-studies .case-study:nth-child(n),
  .content-designer .featured-case-studies .case-study:nth-child(n) {
    margin-bottom: 25px !important;
  }

  body#customers .featured-case-studies .case-study:nth-child(n) .content,
  body#customers-old .featured-case-studies .case-study:nth-child(n) .content,
  .content-designer .featured-case-studies .case-study:nth-child(n) .content {
    padding-right: 25px !important;
    padding-bottom: 25px !important;
  }

  body#customers .video,
  body#customers-old .video,
  .content-designer .video {
    margin-bottom: 60px;
  }

  body#customers .featured-customers .logo-blocks,
  body#customers-old .featured-customers .logo-blocks,
  .content-designer .featured-customers .logo-blocks {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
  }

  body#customers .featured-customers .logo-blocks > *,
  body#customers-old .featured-customers .logo-blocks > *,
  .content-designer .featured-customers .logo-blocks > * {
    flex-basis: 50%;
    -webkit-box-flex: 1;
            flex-grow: 1;
  }

  body#customers .featured-customers .logo-blocks > *.double,
  body#customers-old .featured-customers .logo-blocks > *.double,
  .content-designer .featured-customers .logo-blocks > *.double {
    flex-basis: 100%;
  }

  body#customers .featured-customers .logo-blocks > *.full,
  body#customers-old .featured-customers .logo-blocks > *.full,
  .content-designer .featured-customers .logo-blocks > *.full {
    flex-basis: 100%;
    max-width: none;
  }

  body#customers .featured-customers .logo-blocks > div,
  body#customers-old .featured-customers .logo-blocks > div,
  .content-designer .featured-customers .logo-blocks > div {
    max-width: 50%;
  }

  body#customers .featured-customers .customer-text h2,
  body#customers-old .featured-customers .customer-text h2,
  .content-designer .featured-customers .customer-text h2 {
    font-size: 2em;
  }

  body#solutions .featured-case-studies .case-study:nth-child(n) {
    margin-bottom: 25px !important;
  }

  body#solutions .featured-case-studies .case-study:nth-child(n) .content {
    padding-right: 25px;
    padding-bottom: 25px;
  }

  body#customers .featured-case-studies .case-study:nth-of-type(n),
  body#customers-old .featured-case-studies .case-study:nth-of-type(n),
  body#solutions .featured-case-studies .case-study:nth-of-type(n),
  .content-designer .featured-case-studies .case-study:nth-of-type(n) {
    padding: 0 !important;
    margin-bottom: 50px !important;
  }

  body#customers .featured-case-studies .case-study:nth-of-type(n) .cover,
  body#customers-old .featured-case-studies .case-study:nth-of-type(n) .cover,
  body#solutions .featured-case-studies .case-study:nth-of-type(n) .cover,
  .content-designer .featured-case-studies .case-study:nth-of-type(n) .cover {
    display: none !important;
  }

  body#customers .featured-case-studies .case-study:nth-of-type(n) .content,
  body#customers-old .featured-case-studies .case-study:nth-of-type(n) .content,
  body#solutions .featured-case-studies .case-study:nth-of-type(n) .content,
  .content-designer .featured-case-studies .case-study:nth-of-type(n) .content {
    padding: 35px 62.5px 35px 62.5px !important;
  }

  body#customers .featured-case-studies .case-study:nth-of-type(n) .content .testimonial p.quote:after,
  body#customers-old .featured-case-studies .case-study:nth-of-type(n) .content .testimonial p.quote:after,
  body#solutions .featured-case-studies .case-study:nth-of-type(n) .content .testimonial p.quote:after,
  .content-designer .featured-case-studies .case-study:nth-of-type(n) .content .testimonial p.quote:after {
    display: none !important;
  }

  body#customers .featured-case-studies .case-study:nth-of-type(n) .content .testimonial img.logo,
  body#customers-old .featured-case-studies .case-study:nth-of-type(n) .content .testimonial img.logo,
  body#solutions .featured-case-studies .case-study:nth-of-type(n) .content .testimonial img.logo,
  .content-designer .featured-case-studies .case-study:nth-of-type(n) .content .testimonial img.logo {
    height: auto !important;
    max-width: 85% !important;
    max-height: 100px !important;
  }

  body#customers .featured-case-studies .case-study:nth-of-type(n) .content .testimonial .attribute,
  body#customers-old .featured-case-studies .case-study:nth-of-type(n) .content .testimonial .attribute,
  body#solutions .featured-case-studies .case-study:nth-of-type(n) .content .testimonial .attribute,
  .content-designer .featured-case-studies .case-study:nth-of-type(n) .content .testimonial .attribute {
    margin-bottom: 1em !important;
  }

  /* == Platform == */

  .tour .slides .slide .contents {
    padding: 30px 25px;
    font-size: 0.85em;
  }

  .timeline {
    padding: 3em 0 200px;
  }

  .timeline .container {
    padding-left: 50px;
    padding-right: 50px;
  }

  .timeline .event {
    font-size: 0.8em;
  }

  .timeline .event .content {
    font-size: 1.1em;
  }

  .timeline .event:before {
    width: 25px;
  }

  .timeline .event:nth-of-type(odd) {
    -webkit-transform: translate(-25px, 0);
    transform: translate(-25px, 0);
  }

  .timeline .event:nth-of-type(odd):before {
    right: -25px;
  }

  .timeline .event:nth-of-type(even) {
    -webkit-transform: translate(25px, 0);
    transform: translate(25px, 0);
  }

  .timeline .event:nth-of-type(even):before {
    left: -25px;
  }

  /* == Partners == */

  body#partners .partner-grid {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
    margin: 2em 0;
  }

  body#partners .partner-grid > * {
    flex-basis: 50%;
    -webkit-box-flex: 1;
            flex-grow: 1;
  }

  body#partners .partner-grid > *.double {
    flex-basis: 100%;
  }

  body#partners .partner-grid > *.full {
    flex-basis: 100%;
    max-width: none;
  }

  body#partners .partner-grid > div {
    max-width: 50%;
  }

  /* == Resources == */

  body#resources .hero {
    padding-bottom: 0;
  }

  body#resources .resources {
    padding: 0;
  }

  .filters-search {
    padding: 25px;
    padding-bottom: 0;
  }

  .filters-search .filters {
    font-size: 0.8em;
  }

  .filters-search .filters .search-field input[type=text] {
    font-size: 1em;
  }

  .filters-search .filtering {
    text-align: center;
  }

  .filters-search .filtering h4 {
    display: block;
    top: auto;
    margin: 0 0 0.5em;
  }

  .filters-search .filtering h4 strong {
    display: block;
  }

  .filters-search .filtering .button-container {
    display: block;
    float: none;
  }

  body#resources .resources .tiles > *,
  body#resources .resources .tiles > *:nth-child(n),
  .resource-grid .tiles > *,
  .resource-grid .tiles > *:nth-child(n) {
    flex-basis: 100%;
    margin-left: 0;
    max-width: 100%;
    margin-bottom: 1.5em;
  }

  /* == Company == */

  .founders {
    padding-top: 50px;
  }

  .founders .headshots {
    margin-bottom: 50px;
  }

  .founders .headshots img {
    position: relative;
  }

  .founders .headshots div:nth-child(n) {
    padding: 0;
  }

  .founders .headshots div:nth-child(n) h3 {
    position: relative;
    padding: 1em 2em;
  }

  .founders .headshots div:nth-child(n) h3:after {
    display: none;
  }

  .founders .headshots div:nth-child(even) {
    padding-top: 50px;
  }

  body#company-careers .career-photos .pairing .caption {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
  }

  body#company-careers .career-photos .pairing.left .caption {
    right: -50px;
  }

  body#company-careers .career-photos .pairing.right .caption {
    right: 50px;
    left: auto;
  }

  body#company-careers .career-photos .pairing.full .caption {
    top: -4em;
  }

  body#company-careers .career-listings:before {
    border-bottom: 20px solid #26272b;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    margin-left: -50px;
  }

  body#company-careers .career-listings .job {
    text-align: left;
  }

  body#company-careers .career-listings .job .location {
    float: none;
    margin-bottom: 1em;
  }

  /* == Leadership == */

  #company-leadership .bio-detail-modal .container {
    padding: 0;
  }

  #company-leadership .bio-detail-modal .image,
  #company-leadership .bio-detail-modal .content,
  #company-leadership .bio-detail-modal .image + .content {
    float: none;
    width: auto;
    max-width: none;
  }

  #company-leadership .bio-detail-modal .content {
    padding: 50px 25px;
  }

  #company-leadership .bio-detail-modal .image:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 4em;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(38, 39, 43, 0)), color-stop(1%, rgba(38, 39, 43, 0.01)), to(#26272b));
    background: linear-gradient(to bottom, rgba(38, 39, 43, 0) 0%, rgba(38, 39, 43, 0.01) 1%, #26272b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0026272b", endColorstr="#26272b", GradientType=0);
    /* IE6-9 */
    z-index: 500;
  }

  #company-leadership .bio-detail-modal .image img {
    width: 100%;
  }

  #company-leadership .bio-detail-modal .image + .content {
    padding-top: 0;
  }

  #company-leadership .bio-detail-modal .image + .content h3 {
    margin-top: -0.845em;
  }

  #company-leadership .leadership-bios .list > *,
  #company-leadership .leadership-bios .list > div:nth-child(n),
  #company-leadership .board-of-directors .list > *,
  #company-leadership .board-of-directors .list > div:nth-child(n),
  #company-leadership .advisors .list > *,
  #company-leadership .advisors .list > div:nth-child(n),
  #company-leadership .investors .list > *,
  #company-leadership .investors .list > div:nth-child(n) {
    max-width: 100%;
    width: 100%;
    margin: 0 0 3em 0;
  }

  #company-leadership .leadership-bios.-condensed .list .bio-details {
    width: calc(50% - 60px);
    margin: 0 30px !important;
    margin-bottom: 30px !important;
  }

  /* == Contact Us == */

  .map-contact-details {
    padding-left: 0;
  }

  .map-contact-details .map {
    height: 400px;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
  }

  .map-contact-details .contact-details {
    padding: 50px 25px;
  }

  /* == Blog == */

  .popular-blogs .grid > a img,
  .popular-blogs .grid > div img {
    display: none;
  }

  .listing-items {
    padding: 2em 0 0;
  }

  .listing-items.blog-list .item {
    margin-bottom: 3em;
  }

  .listing-items.blog-list .item h2 {
    font-size: 1.7em;
  }

  .listing-items.blog-list .item .date-headline,
  .listing-items.blog-list .item .date-headline.has-intro {
    float: none;
    width: auto;
  }

  .listing-items.blog-list .item .intro {
    display: none;
  }

  .listing-items.blog-list .featured-item {
    padding: 2em 0;
  }

  .listing-items.blog-list .featured-item .intro p {
    font-size: 1em;
  }
}

.intro {
  margin-bottom: 50px;
}

@media only screen and (max-width: 500px) {
  #responsive-tester {
    background-color: #440e62;
  }

  #query-tracker span {
    display: none !important;
  }

  #query-tracker span.mq-purple {
    display: block !important;
  }

  .hero h1 {
    font-size: 2em;
  }

  body#home .hero h1 {
    font-size: 1.75em;
  }

  .speakers .columns .speaker {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .speakers .columns .speaker .description {
    margin-left: 0;
    width: 100%;
  }

  .speakers .columns .speaker .photo {
    width: 50%;
    margin-bottom: 25px;
  }

  /* == ALERT BANNER == */

  .alert-banner {
    font-size: 13.6px;
  }

  body.scrolled header.primary .navigation,
  header.primary .navigation {
    padding-top: 180px;
  }

  body.scrolled header.primary nav.navPrimary > ul > li .secondary,
  header.primary nav.navPrimary > ul > li .secondary {
    font-size: 1em;
  }

  body.scrolled header.primary nav.navPrimary > ul > li .secondary li a,
  header.primary nav.navPrimary > ul > li .secondary li a {
    white-space: normal;
  }

  body.scrolled header.primary nav.utility,
  header.primary nav.utility {
    margin-bottom: 3em;
  }

  body.scrolled header.primary nav.utility.-ctas ul,
  header.primary nav.utility.-ctas ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  body.scrolled header.primary nav.utility.-ctas ul > li,
  header.primary nav.utility.-ctas ul > li {
    margin-bottom: 1em !important;
    width: 100% !important;
  }

  body.scrolled header.primary nav.utility.-ctas ul > li:last-child,
  header.primary nav.utility.-ctas ul > li:last-child {
    margin-bottom: 0 !important;
  }

  body.scrolled header.primary .utility-position,
  header.primary .utility-position {
    left: 20px;
  }

  body.scrolled header.primary .utility-position .menu-toggle,
  header.primary .utility-position .menu-toggle {
    width: 3em;
    padding-left: 0;
    padding-right: 0;
    color: rgba(0, 0, 0, 0);
    overflow: hidden;
    margin-bottom: 2em;
  }

  body.scrolled header.primary .utility-position .menu-toggle:before,
  header.primary .utility-position .menu-toggle:before {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: "\F0C9";
    color: #26272b;
    font-size: 1.5em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
  }

  body.scrolled header.primary .utility-position nav.utility,
  header.primary .utility-position nav.utility {
    margin-bottom: 0;
  }

  body.scrolled header.primary .utility-position nav.utility ul > li,
  header.primary .utility-position nav.utility ul > li {
    display: block;
    margin: 0;
    width: 47.5%;
  }

  body.scrolled header.primary .utility-position nav.utility ul > li a,
  header.primary .utility-position nav.utility ul > li a {
    box-shadow: 0px 10px 20px 10px #26272b;
  }

  body.scrolled header.primary .utility-position nav.utility ul > li.score,
  header.primary .utility-position nav.utility ul > li.score {
    float: left;
  }

  body.scrolled header.primary .utility-position nav.utility ul > li.score a,
  header.primary .utility-position nav.utility ul > li.score a {
    background: #26272b;
  }

  body.scrolled header.primary .utility-position nav.utility ul > li.demo,
  header.primary .utility-position nav.utility ul > li.demo {
    float: right;
  }

  body.menu-showing header.primary .utility-position nav.utility {
    visibility: visible;
    opacity: 1;
    top: 0;
  }

  body.menu-showing header.primary .utility-position .menu-toggle:before,
  body.menu-showing.scrolled header.primary .utility-position .menu-toggle:before {
    content: "\F00D";
  }

  /* == Base Defaults == */

  .paddedTopAndBottom {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .paddedTopOnly {
    padding-top: 25px;
  }

  .paddedBottomOnly {
    padding-bottom: 25px;
  }

  .featured-resource .visual,
  .case-study .visual {
    padding: 25px 0 0 0;
  }

  .featured-resource .visual .cover,
  .case-study .visual .cover {
    display: none;
  }

  .featured-resource .content,
  .case-study .content {
    padding: 37.5px 25px 25px;
  }

  .featured-resource .content .testimonial .attribute,
  .case-study .content .testimonial .attribute {
    margin-bottom: 0;
  }

  .content-designer .designer-cta.style-blue-hex {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .content-designer .designer-cta.style-blue-hex h2 {
    font-size: 1.75em;
  }

  body .platform-score-contact .score div.mktoFormRow:nth-of-type(2),
  body .platform-score-contact .score div.mktoFormRow:nth-of-type(3) {
    float: none;
    clear: both;
    width: 100% !important;
  }

  /* == Footer == */

  footer.primaryFooter .address {
    font-size: 1.3em;
    margin-bottom: 1.5em;
  }

  footer.primaryFooter .footer-nav {
    padding-left: 75px;
    margin-bottom: 2em;
  }

  footer.primaryFooter .footer-nav ul {
    width: auto;
    float: none;
    margin-left: 0;
    margin: 0;
  }

  footer.primaryFooter .footer-nav ul li {
    margin: 0 0 0.2em;
    font-size: 1em;
  }

  footer.primaryFooter .footer-nav ul li a {
    font-weight: 700;
  }

  footer.primaryFooter .footer-nav ul:last-child {
    margin-top: 1em;
  }

  footer.primaryFooter .footer-nav ul:last-child li a {
    font-weight: 400;
  }

  footer.primaryFooter .copyright-social {
    text-align: center;
    margin-top: 1.5em;
    padding-top: 2em;
  }

  footer.primaryFooter .copyright-social p.copyright {
    float: none;
  }

  footer.primaryFooter .copyright-social p.copyright a {
    display: block;
    margin: 0.3em auto;
  }

  footer.primaryFooter .copyright-social .footer-security-badge {
    width: 200px;
    float: none;
    margin: 3em auto;
  }

  footer.primaryFooter .copyright-social ul.social {
    float: none;
  }

  /* == Modal Defaults == */

  .modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0;
    width: 30px;
    height: 30px;
  }

  /* == Marketo Demo == */

  body #demo-form div.mktoFormRow,
  body .modal-form div.mktoFormRow {
    width: 100% !important;
  }

  body #demo-form div.mktoFormRow:nth-of-type(n),
  body .modal-form div.mktoFormRow:nth-of-type(n) {
    float: none;
    clear: none;
  }

  body #demo-form .container,
  body .modal-form .container {
    padding-top: 3em;
  }

  body #demo-form .mktoForm input[type=text],
  body #demo-form .mktoForm input[type=url],
  body #demo-form .mktoForm input[type=email],
  body #demo-form .mktoForm input[type=tel],
  body #demo-form .mktoForm input[type=number],
  body #demo-form .mktoForm input[type=date],
  body #demo-form .mktoForm textarea.mktoField,
  body #demo-form .mktoForm select.mktoField,
  body .modal-form .mktoForm input[type=text],
  body .modal-form .mktoForm input[type=url],
  body .modal-form .mktoForm input[type=email],
  body .modal-form .mktoForm input[type=tel],
  body .modal-form .mktoForm input[type=number],
  body .modal-form .mktoForm input[type=date],
  body .modal-form .mktoForm textarea.mktoField,
  body .modal-form .mktoForm select.mktoField {
    padding: 0.8em;
    margin: 0 0 1.5em;
    font-size: 0.9em;
  }

  /* == Contact == */

  body#contact-us .contact-form {
    padding: 35px 0 0;
  }

  body#contact-us .contact-form div.mktoFormRow:nth-of-type(1),
  body#contact-us .contact-form div.mktoFormRow:nth-of-type(2) {
    float: none;
    clear: none;
    width: 100% !important;
  }

  /* == Search == */

  .search-overlay form {
    padding: 30px 75px 50px 25px;
  }

  .search-overlay form input[type=text] {
    font-size: 1em;
  }

  .search-overlay form button {
    font-size: 1em;
  }

  /* == Platform == */

  .platform-score-contact {
    padding-right: 0;
    text-align: center;
  }

  .platform-score-contact .score .position,
  .platform-score-contact .contact .position {
    padding: 35px 25px;
  }

  .platform-score-contact .score .submit,
  .platform-score-contact .contact .submit {
    text-align: center;
  }

  .platform-score-contact .score form .submit {
    position: relative;
    text-align: center;
  }

  .platform-score-contact .score p.scoretext {
    font-size: 1em;
  }

  .platform-score-contact .score h2 {
    font-size: 2.5em;
  }

  .platform-score-contact .score .text {
    margin-bottom: 1em;
  }

  .platform-score-contact .score .text input {
    padding-right: 2em;
    text-align: center;
    padding-left: 2em;
  }

  .platform-score-contact .contact .columns {
    display: block;
    width: 100%;
  }

  .platform-score-contact .contact .columns > * {
    display: block;
    width: 100% !important;
  }

  .platform-score-contact .contact .columns > hr {
    display: none;
  }

  .platform-score-contact .contact .columns.fluid .fixed-cell {
    width: 100%;
    white-space: normal;
  }

  .platform-score-contact .contact h2 {
    font-size: 2.5em;
  }

  /* == Homepage == */

  body#home .device-content {
    display: block;
    width: 100%;
  }

  body#home .device-content > * {
    display: block;
    width: 100% !important;
  }

  body#home .device-content > hr {
    display: none;
  }

  body#home .device-content.fluid .fixed-cell {
    width: 100%;
    white-space: normal;
  }

  body#home .device-content .content {
    width: auto;
    text-align: center;
  }

  body#home .device-content .device img {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    height: auto;
    top: auto;
    position: relative;
    margin: 0 auto;
    width: 100%;
  }

  .case-studies-customers {
    padding: 50px 0;
  }

  .featured-resource h2,
  .case-study h2 {
    font-size: 1.75em;
  }

  /* == Platform == */

  body#platform .tour,
  body#product .tour {
    padding-top: 50px;
  }

  .hero .bgvideofallback {
    height: 130%;
    width: auto;
    max-width: none;
    left: -300px;
  }

  .feature-grid .features .feature {
    font-size: 1em;
  }

  .feature-grid .features .feature.has-icon:nth-child(odd) {
    padding-left: 50px;
  }

  .feature-grid .features .feature.has-icon:nth-child(even) {
    top: 0;
    padding-right: 50px;
  }

  .feature-grid .features .feature.has-icon .icon {
    width: 50px;
  }

  .use-cases .cases {
    margin: 0;
  }

  .use-cases .cases h3 {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }

  /* == Solutions == */

  body#solutions h2.solution-title {
    font-size: 3em;
    font-weight: 700;
  }

  /* == Customers == */

  body#customers .featured-case-studies .case-study:nth-child(n),
  body#customers-old .featured-case-studies .case-study:nth-child(n),
  body#solutions .featured-case-studies .case-study:nth-child(n),
  .content-designer .featured-case-studies .case-study:nth-child(n) {
    margin-bottom: 25px !important;
  }

  body#customers .featured-case-studies .case-study:nth-child(n) .content,
  body#customers-old .featured-case-studies .case-study:nth-child(n) .content,
  body#solutions .featured-case-studies .case-study:nth-child(n) .content,
  .content-designer .featured-case-studies .case-study:nth-child(n) .content {
    padding-right: 25px !important;
    padding-bottom: 25px !important;
  }

  .timeline {
    padding-bottom: 5em;
  }

  .timeline:before {
    left: 25px;
  }

  .timeline .label {
    text-align: left;
    padding-left: 0;
  }

  .timeline .label:before,
  .timeline .label:after {
    left: -25px;
    top: 50%;
    margin-top: -0.5em;
  }

  .timeline .label:after {
    display: none;
  }

  .timeline .event {
    width: auto;
  }

  .timeline .event:before {
    width: 25px;
  }

  .timeline .event:nth-of-type(n) {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    text-align: left;
    top: auto;
    min-height: 0;
    margin: 0 0 3em;
    float: none;
  }

  .timeline .event:nth-of-type(n):before {
    display: none;
  }

  .timeline .event:nth-of-type(n) h2:after {
    left: -25px;
    right: auto;
    width: 50px;
  }

  /* == Partners == */

  body#partners .partner-callout .style-blue-hex {
    padding: 2em 0;
  }

  body#partners .partner-callout .style-blue-hex p {
    font-size: 1.1em;
  }

  body#partners .partner-callout .style-blue-hex p.button-container {
    font-size: 1em;
  }

  /* == Resources == */

  body.resources .cover-image {
    width: 100%;
    float: none;
    margin: 0 0 2em;
  }

  /* == Careers == */

  body#company-careers .benefits {
    background-size: 100% auto;
  }

  body#company-careers .benefits .benefit-groups .benefit-group:nth-child(n) {
    width: auto;
    float: none;
  }

  body#understanding-your-security-rating .hero {
    padding: 100px 0 40px;
  }

  .faqs .container h2 {
    margin-bottom: 50px;
  }

  /* == Company == */

  .founders .headshots {
    display: block;
    width: 100%;
    margin-bottom: 1em;
  }

  .founders .headshots > * {
    display: block;
    width: 100% !important;
  }

  .founders .headshots > hr {
    display: none;
  }

  .founders .headshots.fluid .fixed-cell {
    width: 100%;
    white-space: normal;
  }

  .founders .headshots div:nth-child(n) {
    padding: 0;
    right: auto;
    left: auto;
    margin-bottom: 2em;
  }

  .founders .headshots div:nth-child(n) h3 {
    position: relative;
    padding: 1em 2em;
  }

  /* == Leadership == */

  #company-leadership .leadership-bios .list > *,
  #company-leadership .leadership-bios .list > div,
  #company-leadership .board-of-directors .list > *,
  #company-leadership .board-of-directors .list > div,
  #company-leadership .advisors .list > *,
  #company-leadership .advisors .list > div,
  #company-leadership .investors .list > *,
  #company-leadership .investors .list > div {
    flex-basis: 100%;
    max-width: 100%;
    width: auto;
    margin-bottom: 2em;
  }

  #company-leadership .investors .list > div {
    margin-bottom: 75px;
  }

  #company-leadership .investors .list > div img {
    max-width: 200px;
  }

  /* == Press Releases, Mentions, and Events == */

  .listing-items .press-mention-featured-image {
    float: none;
    margin: 0 0 1.5em;
  }

  .listing-items.blog-list .item h2 {
    font-size: 1.3em;
  }

  .listing-items.blog-list .featured-item .featured-image {
    width: auto;
    float: none;
    margin: 0 auto 2em;
  }

  .listing-items.event-list .item .date {
    float: none;
    margin: 0 0 1em;
    width: auto;
  }

  .listing-items.event-list .item .date span {
    text-align: left;
  }

  .listing-items.event-list .item .date span em {
    display: inline;
  }

  .listing-items.event-list .item .date.has-end-date span.start-date:before {
    left: 2.3em;
  }

  .listing-items.event-list .item .content {
    padding-left: 50px;
  }

  #blog .hero .blog-categories ul li a {
    padding: 0.5em 1em;
    font-size: 0.6em;
  }

  .blog-detail {
    font-size: 1.1em;
  }

  .hero .featured-spacer {
    height: 2em;
  }
}

@media only screen and (max-width: 400px) {
  #responsive-tester {
    background-color: #000;
  }

  #query-tracker span {
    display: none !important;
  }

  #query-tracker span.mq-black {
    display: block !important;
  }

  body.scrolled header.primary .utility-position nav.utility ul > li,
  header.primary .utility-position nav.utility ul > li {
    width: auto;
  }

  body.scrolled header.primary .utility-position nav.utility ul > li a,
  header.primary .utility-position nav.utility ul > li a {
    font-size: 0.75em;
  }

  /* == Base Defaults == */

  .intro-pair .intro-copy {
    font-size: 1em;
  }

  .content-designer .designer-cta {
    font-size: 0.9em;
  }

  .content-designer .cd-testimonial {
    padding: 3em 0 0;
  }

  .content-designer .cd-testimonial .attribute {
    margin-bottom: 1em;
  }

  .content-designer .cd-testimonial p.quote {
    font-size: 1.25em;
  }

  .content-designer .cd-testimonial p.quote:before {
    bottom: 97%;
  }

  /* == Homepage == */

  .company-feed .container > h2 {
    font-size: 2em;
  }

  /* == Platform == */

  .feature-grid .container {
    padding: 0 25px;
  }

  .feature-grid .features .feature {
    text-align: center;
  }

  .feature-grid .features .feature:nth-child(n):not(.media) {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .feature-grid .features .feature.has-icon:nth-child(n) {
    padding-left: 25px;
    padding-right: 25px;
  }

  .feature-grid .features .feature.has-icon:nth-child(n) .icon {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100px;
    position: relative;
    margin: 0 auto 2em;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  /* == Solutions == */

  body#solutions h2.solution-title {
    font-size: 2.5em;
  }

  /* Customers */

  .case-study .content .testimonial .attribute .headshot,
  .cd-testimonial .attribute .headshot {
    float: none;
    top: auto;
    margin-bottom: 1em;
  }

  .case-study .content .testimonial p.quote,
  .cd-testimonial p.quote {
    font-size: 1.1em;
  }

  /* == Partners == */

  body#partners .partner-grid {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
  }

  body#partners .partner-grid > * {
    flex-basis: 100%;
    -webkit-box-flex: 1;
            flex-grow: 1;
  }

  body#partners .partner-grid > *.double {
    flex-basis: 200%;
  }

  body#partners .partner-grid > *.full {
    flex-basis: 100%;
    max-width: none;
  }

  body#partners .partner-grid > div {
    max-width: 100%;
  }

  /* == Leadership == */

  #company-leadership .bio-detail-modal h3 {
    font-size: 2em;
  }

  #company-leadership .bio-detail-modal h4 {
    font-size: 1em;
  }
}

@media only screen and (max-width: 350px) {
  #responsive-tester {
    color: #f00;
  }

  .container,
  .padded,
  .image-with-text .container {
    padding-left: 12.5px;
    padding-right: 12.5px;
  }

  body.scrolled header.primary .menu-toggle,
  header.primary .menu-toggle {
    font-size: 0.7em;
  }

  body.scrolled header.primary .branding a,
  header.primary .branding a {
    width: 200px;
    height: 40px;
  }

  body.scrolled header.primary .branding a svg,
  header.primary .branding a svg {
    width: 200px;
    height: 40px;
  }
}