@charset "UTF-8";
/* ! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

template,
[hidden] {
  display: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
}

optgroup {
  font-weight: bold;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* === End Normalize === */
/* ! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
html {
  color: #1C1E2A;
  font-size: 1em;
  line-height: 1.4;
}

* {
  -webkit-tap-highlight-color: transparent;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/* === End Boilerplate top === */
/**
 * Layout Classes
 */
.row {
  margin: 0 -8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row > .column {
  padding: 0 8px;
}

.row.no-spacing {
  margin: 0 -0px;
}

.row.no-spacing > .column {
  padding: 0 0px;
}

.column {
  float: left;
  width: 100%;
}

.column.float-right {
  float: right;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.column.pad-top {
  padding-top: 16px;
}

.grid .column {
  padding-top: 16px;
}

.xs-offset-0 {
  margin-left: 0;
}

.xs-offset-right-0 {
  margin-right: 0;
}

.xs-1 {
  width: 8.33333%;
  max-width: 8.33333%;
}

.xs-offset-1 {
  margin-left: 8.33333%;
}

.xs-offset-right-1 {
  margin-right: 8.33333%;
}

.xs-2 {
  width: 16.66667%;
  max-width: 16.66667%;
}

.xs-offset-2 {
  margin-left: 16.66667%;
}

.xs-offset-right-2 {
  margin-right: 16.66667%;
}

.xs-3 {
  width: 25%;
  max-width: 25%;
}

.xs-offset-3 {
  margin-left: 25%;
}

.xs-offset-right-3 {
  margin-right: 25%;
}

.xs-4 {
  width: 33.33333%;
  max-width: 33.33333%;
}

.xs-offset-4 {
  margin-left: 33.33333%;
}

.xs-offset-right-4 {
  margin-right: 33.33333%;
}

.xs-5 {
  width: 41.66667%;
  max-width: 41.66667%;
}

.xs-offset-5 {
  margin-left: 41.66667%;
}

.xs-offset-right-5 {
  margin-right: 41.66667%;
}

.xs-6 {
  width: 50%;
  max-width: 50%;
}

.xs-offset-6 {
  margin-left: 50%;
}

.xs-offset-right-6 {
  margin-right: 50%;
}

.xs-7 {
  width: 58.33333%;
  max-width: 58.33333%;
}

.xs-offset-7 {
  margin-left: 58.33333%;
}

.xs-offset-right-7 {
  margin-right: 58.33333%;
}

.xs-8 {
  width: 66.66667%;
  max-width: 66.66667%;
}

.xs-offset-8 {
  margin-left: 66.66667%;
}

.xs-offset-right-8 {
  margin-right: 66.66667%;
}

.xs-9 {
  width: 75%;
  max-width: 75%;
}

.xs-offset-9 {
  margin-left: 75%;
}

.xs-offset-right-9 {
  margin-right: 75%;
}

.xs-10 {
  width: 83.33333%;
  max-width: 83.33333%;
}

.xs-offset-10 {
  margin-left: 83.33333%;
}

.xs-offset-right-10 {
  margin-right: 83.33333%;
}

.xs-11 {
  width: 91.66667%;
  max-width: 91.66667%;
}

.xs-offset-11 {
  margin-left: 91.66667%;
}

.xs-offset-right-11 {
  margin-right: 91.66667%;
}

.xs-12 {
  width: 100%;
  max-width: 100%;
}

.xs-offset-12 {
  margin-left: 100%;
}

.xs-offset-right-12 {
  margin-right: 100%;
}

@media only screen and (min-width: 768px) {
  .sm-offset-0 {
    margin-left: 0;
  }
  .sm-offset-right-0 {
    margin-right: 0;
  }
  .sm-1 {
    width: 8.33333%;
    max-width: 8.33333%;
  }
  .sm-offset-1 {
    margin-left: 8.33333%;
  }
  .sm-offset-right-1 {
    margin-right: 8.33333%;
  }
  .sm-2 {
    width: 16.66667%;
    max-width: 16.66667%;
  }
  .sm-offset-2 {
    margin-left: 16.66667%;
  }
  .sm-offset-right-2 {
    margin-right: 16.66667%;
  }
  .sm-3 {
    width: 25%;
    max-width: 25%;
  }
  .sm-offset-3 {
    margin-left: 25%;
  }
  .sm-offset-right-3 {
    margin-right: 25%;
  }
  .sm-4 {
    width: 33.33333%;
    max-width: 33.33333%;
  }
  .sm-offset-4 {
    margin-left: 33.33333%;
  }
  .sm-offset-right-4 {
    margin-right: 33.33333%;
  }
  .sm-5 {
    width: 41.66667%;
    max-width: 41.66667%;
  }
  .sm-offset-5 {
    margin-left: 41.66667%;
  }
  .sm-offset-right-5 {
    margin-right: 41.66667%;
  }
  .sm-6 {
    width: 50%;
    max-width: 50%;
  }
  .sm-offset-6 {
    margin-left: 50%;
  }
  .sm-offset-right-6 {
    margin-right: 50%;
  }
  .sm-7 {
    width: 58.33333%;
    max-width: 58.33333%;
  }
  .sm-offset-7 {
    margin-left: 58.33333%;
  }
  .sm-offset-right-7 {
    margin-right: 58.33333%;
  }
  .sm-8 {
    width: 66.66667%;
    max-width: 66.66667%;
  }
  .sm-offset-8 {
    margin-left: 66.66667%;
  }
  .sm-offset-right-8 {
    margin-right: 66.66667%;
  }
  .sm-9 {
    width: 75%;
    max-width: 75%;
  }
  .sm-offset-9 {
    margin-left: 75%;
  }
  .sm-offset-right-9 {
    margin-right: 75%;
  }
  .sm-10 {
    width: 83.33333%;
    max-width: 83.33333%;
  }
  .sm-offset-10 {
    margin-left: 83.33333%;
  }
  .sm-offset-right-10 {
    margin-right: 83.33333%;
  }
  .sm-11 {
    width: 91.66667%;
    max-width: 91.66667%;
  }
  .sm-offset-11 {
    margin-left: 91.66667%;
  }
  .sm-offset-right-11 {
    margin-right: 91.66667%;
  }
  .sm-12 {
    width: 100%;
    max-width: 100%;
  }
  .sm-offset-12 {
    margin-left: 100%;
  }
  .sm-offset-right-12 {
    margin-right: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  .md-offset-0 {
    margin-left: 0;
  }
  .md-offset-right-0 {
    margin-right: 0;
  }
  .md-1 {
    width: 8.33333%;
    max-width: 8.33333%;
  }
  .md-offset-1 {
    margin-left: 8.33333%;
  }
  .md-offset-right-1 {
    margin-right: 8.33333%;
  }
  .md-2 {
    width: 16.66667%;
    max-width: 16.66667%;
  }
  .md-offset-2 {
    margin-left: 16.66667%;
  }
  .md-offset-right-2 {
    margin-right: 16.66667%;
  }
  .md-3 {
    width: 25%;
    max-width: 25%;
  }
  .md-offset-3 {
    margin-left: 25%;
  }
  .md-offset-right-3 {
    margin-right: 25%;
  }
  .md-4 {
    width: 33.33333%;
    max-width: 33.33333%;
  }
  .md-offset-4 {
    margin-left: 33.33333%;
  }
  .md-offset-right-4 {
    margin-right: 33.33333%;
  }
  .md-5 {
    width: 41.66667%;
    max-width: 41.66667%;
  }
  .md-offset-5 {
    margin-left: 41.66667%;
  }
  .md-offset-right-5 {
    margin-right: 41.66667%;
  }
  .md-6 {
    width: 50%;
    max-width: 50%;
  }
  .md-offset-6 {
    margin-left: 50%;
  }
  .md-offset-right-6 {
    margin-right: 50%;
  }
  .md-7 {
    width: 58.33333%;
    max-width: 58.33333%;
  }
  .md-offset-7 {
    margin-left: 58.33333%;
  }
  .md-offset-right-7 {
    margin-right: 58.33333%;
  }
  .md-8 {
    width: 66.66667%;
    max-width: 66.66667%;
  }
  .md-offset-8 {
    margin-left: 66.66667%;
  }
  .md-offset-right-8 {
    margin-right: 66.66667%;
  }
  .md-9 {
    width: 75%;
    max-width: 75%;
  }
  .md-offset-9 {
    margin-left: 75%;
  }
  .md-offset-right-9 {
    margin-right: 75%;
  }
  .md-10 {
    width: 83.33333%;
    max-width: 83.33333%;
  }
  .md-offset-10 {
    margin-left: 83.33333%;
  }
  .md-offset-right-10 {
    margin-right: 83.33333%;
  }
  .md-11 {
    width: 91.66667%;
    max-width: 91.66667%;
  }
  .md-offset-11 {
    margin-left: 91.66667%;
  }
  .md-offset-right-11 {
    margin-right: 91.66667%;
  }
  .md-12 {
    width: 100%;
    max-width: 100%;
  }
  .md-offset-12 {
    margin-left: 100%;
  }
  .md-offset-right-12 {
    margin-right: 100%;
  }
}

@media only screen and (min-width: 1240px) {
  .lg-offset-0 {
    margin-left: 0;
  }
  .lg-offset-right-0 {
    margin-right: 0;
  }
  .lg-1 {
    width: 8.33333%;
    max-width: 8.33333%;
  }
  .lg-offset-1 {
    margin-left: 8.33333%;
  }
  .lg-offset-right-1 {
    margin-right: 8.33333%;
  }
  .lg-2 {
    width: 16.66667%;
    max-width: 16.66667%;
  }
  .lg-offset-2 {
    margin-left: 16.66667%;
  }
  .lg-offset-right-2 {
    margin-right: 16.66667%;
  }
  .lg-3 {
    width: 25%;
    max-width: 25%;
  }
  .lg-offset-3 {
    margin-left: 25%;
  }
  .lg-offset-right-3 {
    margin-right: 25%;
  }
  .lg-4 {
    width: 33.33333%;
    max-width: 33.33333%;
  }
  .lg-offset-4 {
    margin-left: 33.33333%;
  }
  .lg-offset-right-4 {
    margin-right: 33.33333%;
  }
  .lg-5 {
    width: 41.66667%;
    max-width: 41.66667%;
  }
  .lg-offset-5 {
    margin-left: 41.66667%;
  }
  .lg-offset-right-5 {
    margin-right: 41.66667%;
  }
  .lg-6 {
    width: 50%;
    max-width: 50%;
  }
  .lg-offset-6 {
    margin-left: 50%;
  }
  .lg-offset-right-6 {
    margin-right: 50%;
  }
  .lg-7 {
    width: 58.33333%;
    max-width: 58.33333%;
  }
  .lg-offset-7 {
    margin-left: 58.33333%;
  }
  .lg-offset-right-7 {
    margin-right: 58.33333%;
  }
  .lg-8 {
    width: 66.66667%;
    max-width: 66.66667%;
  }
  .lg-offset-8 {
    margin-left: 66.66667%;
  }
  .lg-offset-right-8 {
    margin-right: 66.66667%;
  }
  .lg-9 {
    width: 75%;
    max-width: 75%;
  }
  .lg-offset-9 {
    margin-left: 75%;
  }
  .lg-offset-right-9 {
    margin-right: 75%;
  }
  .lg-10 {
    width: 83.33333%;
    max-width: 83.33333%;
  }
  .lg-offset-10 {
    margin-left: 83.33333%;
  }
  .lg-offset-right-10 {
    margin-right: 83.33333%;
  }
  .lg-11 {
    width: 91.66667%;
    max-width: 91.66667%;
  }
  .lg-offset-11 {
    margin-left: 91.66667%;
  }
  .lg-offset-right-11 {
    margin-right: 91.66667%;
  }
  .lg-12 {
    width: 100%;
    max-width: 100%;
  }
  .lg-offset-12 {
    margin-left: 100%;
  }
  .lg-offset-right-12 {
    margin-right: 100%;
  }
}

@media only screen and (min-width: 1600px) {
  .xl-offset-0 {
    margin-left: 0;
  }
  .xl-offset-right-0 {
    margin-right: 0;
  }
  .xl-1 {
    width: 8.33333%;
    max-width: 8.33333%;
  }
  .xl-offset-1 {
    margin-left: 8.33333%;
  }
  .xl-offset-right-1 {
    margin-right: 8.33333%;
  }
  .xl-2 {
    width: 16.66667%;
    max-width: 16.66667%;
  }
  .xl-offset-2 {
    margin-left: 16.66667%;
  }
  .xl-offset-right-2 {
    margin-right: 16.66667%;
  }
  .xl-3 {
    width: 25%;
    max-width: 25%;
  }
  .xl-offset-3 {
    margin-left: 25%;
  }
  .xl-offset-right-3 {
    margin-right: 25%;
  }
  .xl-4 {
    width: 33.33333%;
    max-width: 33.33333%;
  }
  .xl-offset-4 {
    margin-left: 33.33333%;
  }
  .xl-offset-right-4 {
    margin-right: 33.33333%;
  }
  .xl-5 {
    width: 41.66667%;
    max-width: 41.66667%;
  }
  .xl-offset-5 {
    margin-left: 41.66667%;
  }
  .xl-offset-right-5 {
    margin-right: 41.66667%;
  }
  .xl-6 {
    width: 50%;
    max-width: 50%;
  }
  .xl-offset-6 {
    margin-left: 50%;
  }
  .xl-offset-right-6 {
    margin-right: 50%;
  }
  .xl-7 {
    width: 58.33333%;
    max-width: 58.33333%;
  }
  .xl-offset-7 {
    margin-left: 58.33333%;
  }
  .xl-offset-right-7 {
    margin-right: 58.33333%;
  }
  .xl-8 {
    width: 66.66667%;
    max-width: 66.66667%;
  }
  .xl-offset-8 {
    margin-left: 66.66667%;
  }
  .xl-offset-right-8 {
    margin-right: 66.66667%;
  }
  .xl-9 {
    width: 75%;
    max-width: 75%;
  }
  .xl-offset-9 {
    margin-left: 75%;
  }
  .xl-offset-right-9 {
    margin-right: 75%;
  }
  .xl-10 {
    width: 83.33333%;
    max-width: 83.33333%;
  }
  .xl-offset-10 {
    margin-left: 83.33333%;
  }
  .xl-offset-right-10 {
    margin-right: 83.33333%;
  }
  .xl-11 {
    width: 91.66667%;
    max-width: 91.66667%;
  }
  .xl-offset-11 {
    margin-left: 91.66667%;
  }
  .xl-offset-right-11 {
    margin-right: 91.66667%;
  }
  .xl-12 {
    width: 100%;
    max-width: 100%;
  }
  .xl-offset-12 {
    margin-left: 100%;
  }
  .xl-offset-right-12 {
    margin-right: 100%;
  }
}

.xs-fifth {
  width: 20%;
  max-width: 20%;
}

.xs-offset-fifth {
  margin-left: 20%;
}

.xs-offset-right-fifth {
  margin-right: 20%;
}

@media only screen and (min-width: 768px) {
  .sm-fifth {
    width: 20%;
    max-width: 20%;
  }
  .sm-offset-fifth {
    margin-left: 20%;
  }
  .sm-offset-right-fifth {
    margin-right: 20%;
  }
}

@media only screen and (min-width: 1025px) {
  .md-fifth {
    width: 20%;
    max-width: 20%;
  }
  .md-offset-fifth {
    margin-left: 20%;
  }
  .md-offset-right-fifth {
    margin-right: 20%;
  }
}

@media only screen and (min-width: 1240px) {
  .lg-fifth {
    width: 20%;
    max-width: 20%;
  }
  .lg-offset-fifth {
    margin-left: 20%;
  }
  .lg-offset-right-fifth {
    margin-right: 20%;
  }
}

@media only screen and (min-width: 1600px) {
  .xl-fifth {
    width: 20%;
    max-width: 20%;
  }
  .xl-offset-fifth {
    margin-left: 20%;
  }
  .xl-offset-right-fifth {
    margin-right: 20%;
  }
}

.container {
  margin: 0 auto;
  display: block;
  max-width: 1346px;
  padding: 0 30px;
}

@media only screen and (max-width: 767px) {
  .container {
    padding: 0 15px;
  }
}

.container.large {
  max-width: 1680px;
}

.container.edge {
  padding: 0;
  max-width: 1286px;
}

.container.map {
  padding: 0;
  max-width: 1286px;
}

@media only screen and (max-width: 1360px) {
  .container.map {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .container.map {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .container.map {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.container.mid-spaced {
  width: 88%;
  padding: 60px 0;
}

@media only screen and (max-width: 500px) {
  .container.mid-spaced {
    width: 94%;
  }
}

.container.split .row {
  margin: 0;
  padding: 0 15px;
}

.split .short-width-container,
.short-width-container {
  max-width: none;
  padding: 0;
  width: 980px;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
  .split .short-width-container,
  .short-width-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}

@media only screen and (max-width: 980px) {
  .split .short-width-container,
  .short-width-container {
    width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  .split .short-width-container,
  .short-width-container {
    padding: 40px 0;
  }
}

@media only screen and (max-width: 500px) {
  .split .short-width-container.force-extra-padding,
  .short-width-container.force-extra-padding {
    padding: 80px 0;
  }
}

.split .short-width-container .flex-grid,
.short-width-container .flex-grid {
  width: 100%;
  margin: 0 auto;
}

.split .short-width-container .challenge-box,
.short-width-container .challenge-box {
  height: auto;
}

.split .short-width-container .split-content,
.short-width-container .split-content {
  padding: 0;
}

.split .short-width-container .slide-content,
.short-width-container .slide-content {
  padding: 0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: none;
}

@media only screen and (max-width: 1024px) {
  .split .short-width-container .slide-content,
  .short-width-container .slide-content {
    left: 5%;
  }
}

.split .short-width-container .slide-content.right,
.short-width-container .slide-content.right {
  padding: 0 85px 0 0;
  left: 30%;
}

@media only screen and (max-width: 767px) {
  .split .short-width-container .slide-content.right,
  .short-width-container .slide-content.right {
    padding: 10px;
  }
}

.split .short-width-container .slide-content.left,
.short-width-container .slide-content.left {
  left: -30%;
}

.split .short-width-container .split-title,
.short-width-container .split-title {
  line-height: 1.6em;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .split .short-width-container .split-title,
  .short-width-container .split-title {
    line-height: 1.3em;
    padding-right: 35px;
    font-size: 24px;
  }
}

@media only screen and (max-width: 500px) {
  .split .short-width-container .split-title,
  .short-width-container .split-title {
    line-height: 1.4em;
    font-size: 18px;
  }
}

@media only screen and (max-width: 414px) {
  .split .short-width-container .split-title,
  .short-width-container .split-title {
    padding: 0 20px 0 0;
  }
}

.split .short-width-container .larger-text,
.short-width-container .larger-text {
  font-size: 50px;
  font-weight: 500;
  line-height: 1em;
}

@media only screen and (max-width: 1024px) {
  .split .short-width-container .larger-text,
  .short-width-container .larger-text {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .split .short-width-container .larger-text,
  .short-width-container .larger-text {
    font-size: 30px;
  }
}

@media only screen and (max-width: 500px) {
  .split .short-width-container .larger-text,
  .short-width-container .larger-text {
    font-size: 22px;
  }
}

.vcenter {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.center-row {
  margin: 0 auto !important;
}

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

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

.flex-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center !important;
}

.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.flex-row.wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-grid {
  margin: 0 -8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}

.flex-grid.columns {
  height: 1600px;
  margin: 0;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media only screen and (max-width: 1239px) {
  .flex-grid.columns {
    height: 1290px;
  }
}

@media only screen and (max-width: 1024px) {
  .flex-grid.columns {
    height: 990px;
  }
}

@media only screen and (max-width: 767px) {
  .flex-grid.columns {
    height: auto;
  }
}

.flex-grid.columns .cell {
  width: 50%;
}

@media only screen and (max-width: 767px) {
  .flex-grid.columns .cell {
    width: 100%;
  }
}

.flex-grid.wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-grid.full-width {
  width: 100%;
}

.flex-grid .wrap {
  width: 100%;
}

.flex-grid .grid-half {
  float: left;
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.flex-grid .block {
  text-decoration: none;
  display: block;
}

.flex-grid .cell {
  padding: 16px 8px 0;
}

.flex-grid .cell.auto {
  height: auto;
  padding: 0 8px;
}

.flex-grid .cell .title {
  max-width: 475px;
}

.flex-grid .cell.quarter {
  width: 50%;
}

@media only screen and (max-width: 1024px) {
  .flex-grid .cell.quarter {
    width: 100%;
  }
}

.flex-grid .cell.quarter .title {
  max-width: auto;
}

.flex-grid .cell.flex-fill {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-grid > .column {
  padding: 0 8px;
  margin-bottom: 16px;
}

.flex-grid .half-wrap {
  padding: 0;
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

@media only screen and (max-width: 767px) {
  .flex-grid .half-wrap {
    width: 100%;
  }
}

.flex-grid .thirds-wrap {
  width: 30%;
}

.flex-grid.height-three {
  height: 616px;
}

@media only screen and (max-width: 1024px) {
  .flex-grid.height-three {
    height: 397px;
  }
}

@media only screen and (max-width: 767px) {
  .flex-grid.height-three {
    height: 679px;
  }
}

.flex-grid.height-seven {
  height: 1300px;
}

@media only screen and (max-width: 1239px) {
  .flex-grid.height-seven {
    height: 1032px;
  }
}

@media only screen and (max-width: 1024px) {
  .flex-grid.height-seven {
    height: 792px;
  }
}

@media only screen and (max-width: 767px) {
  .flex-grid.height-seven {
    height: 1075px;
  }
}

@media only screen and (max-width: 1024px) {
  .flex-grid.height-seven .block .title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1024px) {
  .flex-grid.height-seven .cell.quarter {
    width: 50%;
  }
}

@media only screen and (max-width: 1024px) {
  .flex-grid.height-seven .cell.quarter .block .title {
    font-size: 18px;
  }
}

#printables .flex-grid {
  -moz-box-pack: center;
  justify-content: center;
}

#printables .doc-icon {
  display: inline-block;
  margin-bottom: 15px;
  width: 50px;
}

#printables .contact-box .doc-icon {
  max-height: 60px;
  display: block;
  margin: 0 auto 25px;
}

.three-col .flex-grid .cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}

.btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 30px;
  text-align: center;
  text-decoration: none;
  min-width: 120px;
  position: relative;
  margin: 5px 10px 5px 0;
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

@media only screen and (max-width: 1239px) {
  .btn {
    padding: 10px 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 767px) {
  .btn {
    font-size: 14px;
  }
}

.btn:last-child {
  margin-right: 0;
}

.btn.big {
  padding: 15px 40px;
}

.btn.small {
  font-size: 16px;
  padding: 10px 15px;
  margin: 5px 5px 5px 0;
  min-width: 100px;
}

.btn .btn-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}

.btn .right-arrow span:before {
  content: '';
  display: block;
  position: absolute;
  top: 35%;
  right: 0px;
  width: 5px;
  height: 2px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn .right-arrow span:after {
  content: '';
  display: block;
  position: absolute;
  top: calc(35% + 4px);
  right: 0px;
  width: 5px;
  height: 2px;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.btn .btn-icon {
  display: inline-block;
  position: relative;
  width: 11px;
  height: 11px;
  margin: 0 -5px 0 0;
  right: -6px;
}

.btn.prm-blue {
  color: #FFFFFF;
  background: #2343B8;
}

.btn.prm-blue .btn-icon {
  fill: #FFFFFF;
}

.btn.prm-blue.bp {
  background: #1486c7;
}

.btn.prm-blue:hover, .btn.prm-blue:focus {
  background: #193FC3;
}

.btn.prm-orange {
  color: #FFFFFF;
  background: #F47F0C;
}

.btn.prm-orange .btn-icon {
  fill: #FFFFFF;
}

.btn.prm-orange:hover, .btn.prm-orange:focus {
  background: #E0750B;
}

.btn.prm-red {
  color: #FFFFFF;
  background: #AD141F;
}

.btn.prm-red .btn-icon {
  fill: #FFFFFF;
}

.btn.prm-red:hover, .btn.prm-red:focus {
  background: #AD141F;
}

.btn.orange-yellow {
  color: #FFFFFF;
  background: #F47F0C;
  background: -moz-linear-gradient(45deg, #F47F0C 0%, #FFD000 100%);
  background: -webkit-linear-gradient(45deg, #F47F0C 0%, #FFD000 100%);
  background: -o-linear-gradient(45deg, #F47F0C 0%, #FFD000 100%);
  background: -ms-linear-gradient(45deg, #F47F0C 0%, #FFD000 100%);
  background: linear-gradient(45deg, #F47F0C 0%, #FFD000 100%);
}

.btn.orange-yellow.large-text {
  font-size: 23px;
  font-weight: 500;
}

.btn.prm-gray {
  background-color: #EEEEEF;
  color: #343642;
}

.btn.sec-blue {
  color: #2343B8;
  border: 1px solid #2343B8;
  background: transparent;
  padding: 9px 30px;
}

.btn.sec-blue .btn-icon {
  fill: #2343B8;
}

.btn.sec-blue.tech-document {
  padding: 9px 20px 9px 40px;
}

.btn.sec-blue.tech-document:hover .lock-icon, .btn.sec-blue.tech-document:focus .lock-icon {
  fill: #FFFFFF;
}

.btn.sec-blue:hover, .btn.sec-blue:focus {
  background: #193FC3;
  color: #FFFFFF;
}

.btn.sec-blue:hover .btn-icon, .btn.sec-blue:focus .btn-icon {
  fill: #FFFFFF;
}

.btn.prm-white {
  color: #2343B8;
  background: #FFFFFF;
}

.btn.prm-white .btn-icon {
  fill: #2343B8;
}

.btn.prm-white.bp {
  color: #1486c7;
}

.btn.prm-white:hover, .btn.prm-white:focus {
  background: #EEEEEF;
}

.btn.sec-white {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  background: transparent;
  padding: 9px 30px;
}

.btn.sec-white .btn-icon {
  fill: #FFFFFF;
}

.btn.sec-white:hover, .btn.sec-white:focus {
  background: #FFFFFF;
  color: #2343B8;
}

.btn.sec-white:hover .btn-icon, .btn.sec-white:focus .btn-icon {
  fill: #2343B8;
}

.btn.solid-gray {
  color: #2343B8;
  background: #EEEEEF;
}

.btn.solid-gray .btn-icon {
  fill: #2343B8;
}

.btn.solid-gray:hover, .btn.solid-gray:focus {
  background: #E4E5E6;
}

.btn .chevron {
  width: 10px;
  height: 10px;
  margin-left: 10px;
}

.category-btn {
  text-align: center;
  color: #1C1E2A;
  background: #E4E5E6;
  padding: 15px;
  width: 100%;
  text-decoration: none;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 1024px) {
  .category-btn {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 767px) {
  .category-btn {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.category-btn:hover {
  background: #FFFFFF;
}

.category-btn.dark {
  background: #282A36;
  color: #FFFFFF;
}

.category-btn.dark:hover {
  background: #545868;
}

.category-btn:before, .category-btn:after {
  background: #1C1E2A;
}

.transparent-btn {
  text-align: center;
  color: #FFFFFF;
  background: rgba(228, 229, 230, 0.15);
  padding: 15px;
  width: 100%;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 1024px) {
  .transparent-btn {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 767px) {
  .transparent-btn {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.transparent-btn:hover {
  background: #FFFFFF;
  color: #284ecf;
}

.indent {
  padding: 0 15px;
}

.field-row {
  position: relative;
  margin: 0 0 20px;
}

.field-row.labeled {
  padding: 20px 0 0;
}

.field-row input[type=checkbox],
.field-row input[type=radio] {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  margin: 3px 10px 0  0;
}

.field-row label {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.field-row .description {
  width: calc(100% - 40px);
}

.field-row .aligned {
  display: inline-block;
  width: auto;
  margin: 0 20px 0 0;
}

.field-row .top-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border-radius: 3px;
  border: 2px solid #FFFFFF;
  padding: 5px 15px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 10px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  color: #282A36;
}

.field-row .select-arrow {
  background: #FFFFFF;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 100%;
  pointer-events: none;
  z-index: 21;
  border: 2px solid #FFFFFF;
  border-left: none;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.field-row .select-arrow svg {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin: -8px 0 0;
  stroke: #2343B8;
}

.field-row input[type=text],
.field-row input[type=email],
.field-row input[type=phone],
.field-row input[type=password],
.field-row textarea,
.field-row select {
  width: 100%;
  display: block;
  border: none;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  resize: none;
  background: transparent;
  position: relative;
  z-index: 20;
  padding: 5px 0 5px 15px;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.field-row input[type=text]:focus + label,
.field-row input[type=email]:focus + label,
.field-row input[type=phone]:focus + label,
.field-row input[type=password]:focus + label,
.field-row textarea:focus + label,
.field-row select:focus + label {
  border-color: #2343B8;
  color: #2343B8;
}

.field-row input[type=text]:focus + label + .select-arrow,
.field-row input[type=email]:focus + label + .select-arrow,
.field-row input[type=phone]:focus + label + .select-arrow,
.field-row input[type=password]:focus + label + .select-arrow,
.field-row textarea:focus + label + .select-arrow,
.field-row select:focus + label + .select-arrow {
  border-color: #2343B8;
}

.field-row input[type=text]:focus + label .req,
.field-row input[type=email]:focus + label .req,
.field-row input[type=phone]:focus + label .req,
.field-row input[type=password]:focus + label .req,
.field-row textarea:focus + label .req,
.field-row select:focus + label .req {
  color: inherit;
}

.field-row input[type=text],
.field-row input[type=email],
.field-row input[type=password],
.field-row input[type=phone] {
  height: 36px;
}

.field-row textarea {
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  border-radius: 3px;
  height: 175px;
  padding-right: 15px;
}

.field-row textarea:focus {
  border-color: #2343B8;
}

.field-row.error textarea:focus {
  border-color: #2343B8;
}

.field-row.labeled textarea {
  border-top: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.field-row select {
  padding: 20px 10px 0 15px;
  cursor: pointer;
}

.field-row select {
  height: 56px;
}

.field-row p {
  font-style: italic;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.required .req {
  color: #AD141F;
}

.required .req .req-email {
  display: none;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  color: #AD141F;
  text-transform: none;
  font-style: italic;
  margin-left: 10px;
}

.required input[type=checkbox] + label {
  position: relative;
}

.required input[type=checkbox] + label .req {
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -8px;
}

.required.error label, .required.error textarea, .required.error .select-arrow {
  border-color: #AD141F;
}

.required.error .g-recaptcha div div {
  border: 2px solid #d31924;
}

.required.error.captcha iframe {
  width: 300px;
  height: 76px;
}

.required.checkbox-error label {
  color: #AD141F;
}

.required.invalid-email .req-email {
  display: inline;
}

.tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
  min-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}

.tabs.four-column .tab {
  width: 25%;
  height: 104px;
  text-align: left;
  padding-top: 20px;
}

.tabs.left-align {
  text-align: left;
}

.tabs .tab {
  display: inline-block;
  background: #2343B8;
  color: #FFFFFF;
  cursor: pointer;
  padding: 0 20px;
  min-height: 80px;
  border-right: 1px solid #EEEEEF;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

@media only screen and (max-width: 1239px) {
  .tabs .tab {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 1024px) {
  .tabs .tab {
    min-height: 80px;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.35em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 767px) {
  .tabs .tab {
    padding: 0 10px;
    min-height: 60px;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.tabs .tab:hover {
  background: #1f3ba3;
}

.tabs .tab.active {
  background: #FFFFFF;
  color: #2343B8;
  border-bottom: 1px solid #EEEEEF;
}

.tabs .tab.active svg {
  fill: #2343B8;
}

.tabs .tab svg {
  width: 30px;
  height: 26px;
  fill: #FFFFFF;
}

@media only screen and (max-width: 767px) {
  .tabs .tab svg {
    width: 25px;
    height: 21px;
  }
}

.tabs .tab .year {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

@media only screen and (max-width: 767px) {
  .tabs .tab .year {
    font-weight: 700;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.tab-window {
  display: none;
}

.tab-window.active {
  display: block;
}

.tab-carousel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.tab-wrap {
  display: inline-block;
  overflow: hidden;
  width: 100%;
}

.tab-wrap.nav {
  width: calc(100% - 210px);
}

@media only screen and (max-width: 1024px) {
  .tab-wrap.nav {
    width: 100%;
  }
}

.tab-wrap .tabs {
  position: relative;
  overflow: visible;
}

.tab-wrap .tabs .tab {
  min-width: 20%;
}

@media only screen and (max-width: 1024px) {
  .tab-wrap .tabs .tab {
    min-width: 16.66667%;
    color: rgba(255, 255, 255, 0.5);
  }
}

@media only screen and (max-width: 767px) {
  .tab-wrap .tabs .tab {
    min-width: 25%;
  }
}

@media only screen and (max-width: 350px) {
  .tab-wrap .tabs .tab {
    min-width: 33.33333%;
  }
}

@media only screen and (max-width: 1024px) {
  .tab-wrap .tabs .tab.active {
    background: #2343B8;
    color: #FFFFFF;
    border-bottom: 4px solid #193FC3;
  }
}

@media only screen and (max-width: 1024px) {
  .tab-wrap .tabs.three-column .tab {
    min-width: 33.33333%;
  }
}

@media only screen and (max-width: 767px) {
  .tab-wrap .tabs.three-column .tab {
    min-width: 50%;
  }
}

.tab-arrow {
  width: 105px;
  display: inline-block;
  background: #FFFFFF;
}

.tab-arrow svg {
  display: block;
  width: 50px;
  height: 50px;
  fill: #2343B8;
  position: relative;
  margin: 17px auto 0;
}

.tab-arrow.locked {
  visibility: hidden;
  pointer-events: none;
}

@media only screen and (max-width: 1024px) {
  .tab-arrow {
    display: none;
  }
}

html {
  background: #EEEEEF;
  font-family: "aktiv-grotesk", "Helvetica", "arial", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body {
  opacity: 1;
  overflow-x: hidden;
  transition: opacity .25s ease-in-out;
  width: 100%;
}

html.locked,
body.locked {
  overflow: hidden;
}

.retarging-pixel-wrapper img {
  display: block;
  width: 0;
  height: 0;
}

sup {
  font-size: 8px;
  font-weight: 400;
  top: -1.5em;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-2px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 0, 0);
  }
}

main {
  position: relative;
  z-index: 0;
}

img {
  max-width: 100%;
  height: auto;
}

p a {
  text-decoration: underline;
}

.thin {
    font-family:"aktiv-grotesk-thin", "Helvetica", "arial", sans-serif;
}

.comp-title {
    font-family:"aktiv-grotesk-thin", "Helvetica", "arial", sans-serif;
}


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

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

.right-float {
  float: right;
}

.left-float {
  float: left;
}

.hidden-overflow {
  overflow: hidden;
}

a[href^=tel] {
  color: inherit;
}

p a {
  color: #2343B8;
}

li {
  font-size: 18px;
  font-weight: 300;
}

.italic {
  font-style: italic;
}

.bolded {
  font-weight: 500;
}

.spaced, .no-webgl .view-3d + .gray-bg {
  padding: 100px 0;
}

@media only screen and (max-width: 1024px) {
  .spaced, .no-webgl .view-3d + .gray-bg {
    padding: 50px 0;
  }
}

.spaced.extra-top, .no-webgl .view-3d + .extra-top.gray-bg {
  padding-top: 150px;
}

@media only screen and (max-width: 767px) {
  .mobile-spaced {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.half-spaced {
  padding: 50px 0 !important;
}

@media only screen and (max-width: 1024px) {
  .half-spaced {
    padding: 25px 0 !important;
  }
}

.half-space-top {
  padding: 50px 0 0 !important;
}

@media only screen and (max-width: 1024px) {
  .half-space-top {
    padding: 25px 0 0 !important;
  }
}

.half-space-bottom {
  padding: 0 0 50px !important;
}

@media only screen and (max-width: 1024px) {
  .half-space-bottom {
    padding: 0 0 25px !important;
  }
}

.no-margin {
  margin: 0 !important;
}

.no-left-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-border {
  border: 0 none !important;
}

.remove-bold {
  font-weight: 300 !important;
}

.extra-bold {
  font-weight: 700 !important;
}

.show-inline-block {
  display: inline-block !important;
}

.font-sizer-20 {
  font-size: 20px !important;
}

.no-letter-spacing {
  letter-spacing: 0 !important;
}

.no-letter-spacing p {
  letter-spacing: 0 !important;
}

.min-height-auto {
  min-height: auto !important;
  padding: 0 !important;
}

.position-relative {
  position: relative;
}

.position-relative.pin-back {
  z-index: 1;
}

.all-centered {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.black-border {
  border: 1px solid #1C1E2A;
}

.dark,
.features .comp-title.dark {
  color: #1C1E2A;
}

.header {
  padding: 100px 0 0 0;
}

.space-bottom {
  padding-bottom: 100px !important;
}

@media only screen and (max-width: 1024px) {
  .space-bottom {
    padding-bottom: 50px !important;
  }
}

.space-bottom.no-padding-left {
  padding-left: 0;
}

.space-bottom.no-padding-right {
  padding-right: 0;
}

.space-bottom.no-padding-top {
  padding-top: 0;
}

@media only screen and (max-width: 767px) {
  .mobile-space-bottom {
    padding-bottom: 50px;
  }
}

.no-space {
  padding: 0;
}

.space-top {
  padding-top: 100px;
}

@media only screen and (max-width: 1024px) {
  .space-top {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile-space-top {
    padding-top: 50px;
  }
}

.one-third {
  width: 33%;
}

.force-space-top {
  padding-top: 100px !important;
}

@media only screen and (max-width: 1024px) {
  .force-space-top {
    padding-top: 50px !important;
  }
}

.force-margin-left-65 {
  margin-left: 65px !important;
}

@media only screen and (max-width: 767px) {
  .force-margin-left-65 {
    margin-left: 30px !important;
  }
}

.force-full-width {
  width: 100% !important;
  max-width: 100% !important;
}

.alt-subtext {
  font-weight: 300;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  margin-top: 2%;
}

@media only screen and (max-width: 1239px) {
  .alt-subtext {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .alt-subtext {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .alt-subtext {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 500px) {
  .alt-subtext {
    font-size: 14px;
  }
}

.alt-subtext.extra-bold {
  font-weight: 700;
}

.force-auto-height {
  height: auto !important;
}

.white-top {
  position: relative;
}

.white-top:before {
  content: '';
  position: absolute;
  top: 74px;
  left: 0;
  width: 100%;
  background: #FFFFFF;
}

.light {
  color: #ffffff;
}

.smoke {
  color: #343642;
}

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

.large-text-24 {
  font-size: 24px !important;
}

.lock-test {
  overflow-y: hidden !important;
}

.nav-open {
  overflow: visible !important;
  width: auto;
}

.nav-open body {
  overflow: hidden !important;
}

.right-border {
  border-right: 1px solid #dbdcdd;
}

@media only screen and (max-width: 1024px) {
  .right-border {
    border: none;
  }
}

.left-border {
  border-left: 1px solid #dbdcdd;
}

@media only screen and (max-width: 1024px) {
  .left-border {
    border: none;
  }
}

.relative {
  position: relative;
}

.bg-left {
  background-position: center left !important;
}

.bg-right {
  background-position: center right !important;
}

.bg-center {
  background-position: center center !important;
}

.bg-center-top {
  background-position: center top !important;
}

.bg-center-bottom {
  background-position: center bottom !important;
}

.category {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  color: #00C298;
  text-transform: uppercase;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.category.orange {
  color: #d78534;
}

.category.orange a {
  color: #d78534;
  text-decoration: none;
}

.category.white {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .category.white {
    color: #1C1E2A;
  }
}

.category.white a {
  color: #ffffff;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .category.white a {
    color: #1C1E2A;
  }
}

.white-bg .category {
  color: #800A68;
}

#mti_wfs_colophon {
  display: none !important;
}

/*
*  Backgrounds
*/
.white-bg {
  color: #1C1E2A;
  background-color: #FFFFFF;
}

.white-bg + .white-bg {
  padding-top: 0;
}

.white-bg p a:not(.btn), .white-bg a:not(.btn) {
  color: #2343B8;
  text-decoration: underline;
}

.white-bg .gray-bg,
.white-bg .dark-gray-bg,
.white-bg .pure-black-bg,
.white-bg .black-bg,
.white-bg .black-rock-bg,
.white-bg .blue-green,
.white-bg .question-cta,
.white-bg .green-blue,
.white-bg .purple-blue,
.white-bg .blue-purple,
.white-bg .red-purple,
.white-bg .purple-red,
.white-bg .orange-red,
.white-bg .red-orange,
.white-bg .red-orange-reverse,
.white-bg .yellow-orange,
.white-bg .yellow-green,
.white-bg .green-yellow,
.white-bg .green-yellow-reverse,
.white-bg .grey-black,
.white-bg .black-grey,
.white-bg .gray-black,
.white-bg .lgrey-dgrey,
.white-bg .dgrey-lgrey,
.white-bg .lblue-dblue,
.white-bg .bp-light-blue,
.white-bg .bp-medium-blue,
.white-bg .bp-royal-blue,
.white-bg .bp-dark-blue,
.white-bg .bp-gray,
.white-bg .black-pearl {
  color: #FFFFFF;
}

.white-bg .gray-bg.block,
.white-bg .dark-gray-bg.block,
.white-bg .pure-black-bg.block,
.white-bg .black-bg.block,
.white-bg .black-rock-bg.block,
.white-bg .blue-green.block,
.white-bg .block.question-cta,
.white-bg .green-blue.block,
.white-bg .purple-blue.block,
.white-bg .blue-purple.block,
.white-bg .red-purple.block,
.white-bg .purple-red.block,
.white-bg .orange-red.block,
.white-bg .red-orange.block,
.white-bg .red-orange-reverse.block,
.white-bg .yellow-orange.block,
.white-bg .yellow-green.block,
.white-bg .green-yellow.block,
.white-bg .green-yellow-reverse.block,
.white-bg .grey-black.block,
.white-bg .black-grey.block,
.white-bg .gray-black.block,
.white-bg .lgrey-dgrey.block,
.white-bg .dgrey-lgrey.block,
.white-bg .lblue-dblue.block,
.white-bg .bp-light-blue.block,
.white-bg .bp-medium-blue.block,
.white-bg .bp-royal-blue.block,
.white-bg .bp-dark-blue.block,
.white-bg .bp-gray.block,
.white-bg .black-pearl.block {
  color: #FFFFFF;
  text-decoration: none;
}

.white-bg .gray-bg p a:not(.btn), .white-bg .gray-bg a:not(.btn),
.white-bg .dark-gray-bg p a:not(.btn),
.white-bg .dark-gray-bg a:not(.btn),
.white-bg .pure-black-bg p a:not(.btn),
.white-bg .pure-black-bg a:not(.btn),
.white-bg .black-bg p a:not(.btn),
.white-bg .black-bg a:not(.btn),
.white-bg .black-rock-bg p a:not(.btn),
.white-bg .black-rock-bg a:not(.btn),
.white-bg .blue-green p a:not(.btn),
.white-bg .question-cta p a:not(.btn),
.white-bg .blue-green a:not(.btn),
.white-bg .question-cta a:not(.btn),
.white-bg .green-blue p a:not(.btn),
.white-bg .green-blue a:not(.btn),
.white-bg .purple-blue p a:not(.btn),
.white-bg .purple-blue a:not(.btn),
.white-bg .blue-purple p a:not(.btn),
.white-bg .blue-purple a:not(.btn),
.white-bg .red-purple p a:not(.btn),
.white-bg .red-purple a:not(.btn),
.white-bg .purple-red p a:not(.btn),
.white-bg .purple-red a:not(.btn),
.white-bg .orange-red p a:not(.btn),
.white-bg .orange-red a:not(.btn),
.white-bg .red-orange p a:not(.btn),
.white-bg .red-orange a:not(.btn),
.white-bg .red-orange-reverse p a:not(.btn),
.white-bg .red-orange-reverse a:not(.btn),
.white-bg .yellow-orange p a:not(.btn),
.white-bg .yellow-orange a:not(.btn),
.white-bg .yellow-green p a:not(.btn),
.white-bg .yellow-green a:not(.btn),
.white-bg .green-yellow p a:not(.btn),
.white-bg .green-yellow a:not(.btn),
.white-bg .green-yellow-reverse p a:not(.btn),
.white-bg .green-yellow-reverse a:not(.btn),
.white-bg .grey-black p a:not(.btn),
.white-bg .grey-black a:not(.btn),
.white-bg .black-grey p a:not(.btn),
.white-bg .black-grey a:not(.btn),
.white-bg .gray-black p a:not(.btn),
.white-bg .gray-black a:not(.btn),
.white-bg .lgrey-dgrey p a:not(.btn),
.white-bg .lgrey-dgrey a:not(.btn),
.white-bg .dgrey-lgrey p a:not(.btn),
.white-bg .dgrey-lgrey a:not(.btn),
.white-bg .lblue-dblue p a:not(.btn),
.white-bg .lblue-dblue a:not(.btn),
.white-bg .bp-light-blue p a:not(.btn),
.white-bg .bp-light-blue a:not(.btn),
.white-bg .bp-medium-blue p a:not(.btn),
.white-bg .bp-medium-blue a:not(.btn),
.white-bg .bp-royal-blue p a:not(.btn),
.white-bg .bp-royal-blue a:not(.btn),
.white-bg .bp-dark-blue p a:not(.btn),
.white-bg .bp-dark-blue a:not(.btn),
.white-bg .bp-gray p a:not(.btn),
.white-bg .bp-gray a:not(.btn),
.white-bg .black-pearl p a:not(.btn),
.white-bg .black-pearl a:not(.btn) {
  color: #2343B8;
  text-decoration: none;
}

.white-bg .gray-bg.dark,
.white-bg .dark-gray-bg.dark,
.white-bg .pure-black-bg.dark,
.white-bg .black-bg.dark,
.white-bg .black-rock-bg.dark,
.white-bg .blue-green.dark,
.white-bg .dark.question-cta,
.white-bg .green-blue.dark,
.white-bg .purple-blue.dark,
.white-bg .blue-purple.dark,
.white-bg .red-purple.dark,
.white-bg .purple-red.dark,
.white-bg .orange-red.dark,
.white-bg .red-orange.dark,
.white-bg .red-orange-reverse.dark,
.white-bg .yellow-orange.dark,
.white-bg .yellow-green.dark,
.white-bg .green-yellow.dark,
.white-bg .green-yellow-reverse.dark,
.white-bg .grey-black.dark,
.white-bg .black-grey.dark,
.white-bg .gray-black.dark,
.white-bg .lgrey-dgrey.dark,
.white-bg .dgrey-lgrey.dark,
.white-bg .lblue-dblue.dark,
.white-bg .bp-light-blue.dark,
.white-bg .bp-medium-blue.dark,
.white-bg .bp-royal-blue.dark,
.white-bg .bp-dark-blue.dark,
.white-bg .bp-gray.dark,
.white-bg .black-pearl.dark {
  color: #1C1E2A;
}

.white-bg a.block {
  text-decoration: none;
}

.gray-bg {
  background-color: #EEEEEF;
}

.gray-bg + .gray-bg {
  padding-top: 0;
}

.dark-gray-bg {
  background-color: #DBDCDD;
}

.dark-gray-bg + .dark-gray-bg {
  padding-top: 0;
}

.pure-black-bg {
  color: #FFFFFF;
  background-color: #000000;
}

.pure-black-bg + .pure-black-bg {
  padding-top: 0;
}

.black-bg {
  color: #FFFFFF;
  background-color: #1C1E2A;
}

.black-bg + .black-bg {
  padding-top: 0;
}

.black-rock-bg {
  background-color: #282A36;
  color: #FFFFFF;
}

.black-rock-bg + .black-rock-bg {
  padding-top: 0;
}

.top-quarter {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100%;
}

@media only screen and (max-width: 767px) {
  .top-quarter {
    background-image: none !important;
  }
}

.box-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2em;
  margin: 0 0 5px;
}

.blue-green, .question-cta {
  color: #FFFFFF;
  background: #2343B8;
  background: -moz-linear-gradient(45deg, #2343B8 0%, #00C298 100%);
  background: -webkit-linear-gradient(45deg, #2343B8 0%, #00C298 100%);
  background: -o-linear-gradient(45deg, #2343B8 0%, #00C298 100%);
  background: -ms-linear-gradient(45deg, #2343B8 0%, #00C298 100%);
  background: linear-gradient(45deg, #2343B8 0%, #00C298 100%);
}

.blue-green p a:not(.btn), .question-cta p a:not(.btn), .blue-green a:not(.btn), .question-cta a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.blue-green .comp-title a, .question-cta .comp-title a, .blue-green .component-nav a, .question-cta .component-nav a {
  text-decoration: none;
}

.blue-green .white-bg .component-nav a, .question-cta .white-bg .component-nav a {
  color: #1C1E2A;
}

.blue-green .cell .transparent-btn, .question-cta .cell .transparent-btn {
  text-decoration: none;
}

.blue-green .cell .transparent-btn:hover, .question-cta .cell .transparent-btn:hover {
  color: #284ecf;
}

.green-blue {
  color: #FFFFFF;
  background: #00C298;
  background: -moz-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  background: -webkit-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  background: -o-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  background: -ms-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  background: linear-gradient(45deg, #00C298 0%, #2343B8 100%);
}

.green-blue p a:not(.btn), .green-blue a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.green-blue .comp-title a, .green-blue .component-nav a {
  text-decoration: none;
}

.green-blue .white-bg .component-nav a {
  color: #1C1E2A;
}

.green-blue .cell .transparent-btn {
  text-decoration: none;
}

.green-blue .cell .transparent-btn:hover {
  color: #284ecf;
}

.lighter-green-blue {
  color: #FFFFFF;
  background: #8fca5c;
  background: -moz-linear-gradient(45deg, #8fca5c 0%, #2343B8 100%);
  background: -webkit-linear-gradient(45deg, #8fca5c 0%, #2343B8 100%);
  background: -o-linear-gradient(45deg, #8fca5c 0%, #2343B8 100%);
  background: -ms-linear-gradient(45deg, #8fca5c 0%, #2343B8 100%);
  background: linear-gradient(45deg, #8fca5c 0%, #2343B8 100%);
}

.lighter-green-blue p a:not(.btn), .lighter-green-blue a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.lighter-green-blue .comp-title a, .lighter-green-blue .component-nav a {
  text-decoration: none;
}

.lighter-green-blue .white-bg .component-nav a {
  color: #1C1E2A;
}

.lighter-green-blue .cell .transparent-btn {
  text-decoration: none;
}

.lighter-green-blue .cell .transparent-btn:hover {
  color: #284ecf;
}

.purple-blue {
  color: #FFFFFF;
  background: #800A68;
  background: -moz-linear-gradient(45deg, #800A68 0%, #2343B8 100%);
  background: -webkit-linear-gradient(45deg, #800A68 0%, #2343B8 100%);
  background: -o-linear-gradient(45deg, #800A68 0%, #2343B8 100%);
  background: -ms-linear-gradient(45deg, #800A68 0%, #2343B8 100%);
  background: linear-gradient(45deg, #800A68 0%, #2343B8 100%);
}

.purple-blue p a:not(.btn), .purple-blue a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.purple-blue .comp-title a, .purple-blue .component-nav a {
  text-decoration: none;
}

.purple-blue .white-bg .component-nav a {
  color: #1C1E2A;
}

.purple-blue .cell .transparent-btn {
  text-decoration: none;
}

.purple-blue .cell .transparent-btn:hover {
  color: #284ecf;
}

.blue-purple {
  color: #FFFFFF;
  background: #2343B8;
  background: -moz-linear-gradient(45deg, #2343B8 0%, #800A68 100%);
  background: -webkit-linear-gradient(45deg, #2343B8 0%, #800A68 100%);
  background: -o-linear-gradient(45deg, #2343B8 0%, #800A68 100%);
  background: -ms-linear-gradient(45deg, #2343B8 0%, #800A68 100%);
  background: linear-gradient(45deg, #2343B8 0%, #800A68 100%);
}

.blue-purple p a:not(.btn), .blue-purple a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.blue-purple .comp-title a, .blue-purple .component-nav a {
  text-decoration: none;
}

.blue-purple .white-bg .component-nav a {
  color: #1C1E2A;
}

.blue-purple .cell .transparent-btn {
  text-decoration: none;
}

.blue-purple .cell .transparent-btn:hover {
  color: #284ecf;
}

.red-purple {
  color: #FFFFFF;
  background: #D31924;
  background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
}

.red-purple p a:not(.btn), .red-purple a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.red-purple .comp-title a, .red-purple .component-nav a {
  text-decoration: none;
}

.red-purple .white-bg .component-nav a {
  color: #1C1E2A;
}

.red-purple .cell .transparent-btn {
  text-decoration: none;
}

.red-purple .cell .transparent-btn:hover {
  color: #284ecf;
}

.purple-red {
  color: #FFFFFF;
  background: #800A68;
  background: -moz-linear-gradient(45deg, #800A68 0%, #D31924 100%);
  background: -webkit-linear-gradient(45deg, #800A68 0%, #D31924 100%);
  background: -o-linear-gradient(45deg, #800A68 0%, #D31924 100%);
  background: -ms-linear-gradient(45deg, #800A68 0%, #D31924 100%);
  background: linear-gradient(45deg, #800A68 0%, #D31924 100%);
}

.purple-red p a:not(.btn), .purple-red a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.purple-red .comp-title a, .purple-red .component-nav a {
  text-decoration: none;
}

.purple-red .white-bg .component-nav a {
  color: #1C1E2A;
}

.purple-red .cell .transparent-btn {
  text-decoration: none;
}

.purple-red .cell .transparent-btn:hover {
  color: #284ecf;
}

.orange-red {
  color: #FFFFFF;
  background: #F47F0C;
  background: -moz-linear-gradient(45deg, #F47F0C 0%, #D31924 100%);
  background: -webkit-linear-gradient(45deg, #F47F0C 0%, #D31924 100%);
  background: -o-linear-gradient(45deg, #F47F0C 0%, #D31924 100%);
  background: -ms-linear-gradient(45deg, #F47F0C 0%, #D31924 100%);
  background: linear-gradient(45deg, #F47F0C 0%, #D31924 100%);
}

.orange-red p a:not(.btn), .orange-red a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.orange-red .comp-title a, .orange-red .component-nav a {
  text-decoration: none;
}

.orange-red .white-bg .component-nav a {
  color: #1C1E2A;
}

.orange-red .cell .transparent-btn {
  text-decoration: none;
}

.orange-red .cell .transparent-btn:hover {
  color: #284ecf;
}

.red-orange {
  color: #FFFFFF;
  background: #D31924;
  background: -moz-linear-gradient(45deg, #D31924 0%, #F47F0C 100%);
  background: -webkit-linear-gradient(45deg, #D31924 0%, #F47F0C 100%);
  background: -o-linear-gradient(45deg, #D31924 0%, #F47F0C 100%);
  background: -ms-linear-gradient(45deg, #D31924 0%, #F47F0C 100%);
  background: linear-gradient(45deg, #D31924 0%, #F47F0C 100%);
}

.red-orange p a:not(.btn), .red-orange a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.red-orange .comp-title a, .red-orange .component-nav a {
  text-decoration: none;
}

.red-orange .white-bg .component-nav a {
  color: #1C1E2A;
}

.red-orange .cell .transparent-btn {
  text-decoration: none;
}

.red-orange .cell .transparent-btn:hover {
  color: #284ecf;
}

.red-orange-reverse {
  color: #FFFFFF;
  background: #D31924;
  background: -moz-linear-gradient(-30deg, #D31924 20%, #F47F0C 100%);
  background: -webkit-linear-gradient(-30deg, #D31924 20%, #F47F0C 100%);
  background: -o-linear-gradient(-30deg, #D31924 20%, #F47F0C 100%);
  background: -ms-linear-gradient(-30deg, #D31924 20%, #F47F0C 100%);
  background: linear-gradient(120deg, #D31924 20%, #F47F0C 100%);
}

.red-orange-reverse p a:not(.btn), .red-orange-reverse a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.red-orange-reverse .comp-title a, .red-orange-reverse .component-nav a {
  text-decoration: none;
}

.red-orange-reverse .white-bg .component-nav a {
  color: #1C1E2A;
}

.red-orange-reverse .cell .transparent-btn {
  text-decoration: none;
}

.red-orange-reverse .cell .transparent-btn:hover {
  color: #284ecf;
}

.yellow-orange {
  color: #FFFFFF;
  background: #FFD000;
  background: -moz-linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  background: -webkit-linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  background: -o-linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  background: -ms-linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  background: linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
}

.yellow-orange p a:not(.btn), .yellow-orange a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.yellow-orange .comp-title a, .yellow-orange .component-nav a {
  text-decoration: none;
}

.yellow-orange .white-bg .component-nav a {
  color: #1C1E2A;
}

.yellow-orange .cell .transparent-btn {
  text-decoration: none;
}

.yellow-orange .cell .transparent-btn:hover {
  color: #284ecf;
}

.yellow-green {
  color: #FFFFFF;
  background: #FFD000;
  background: -moz-linear-gradient(45deg, #FFD000 0%, #00C298 100%);
  background: -webkit-linear-gradient(45deg, #FFD000 0%, #00C298 100%);
  background: -o-linear-gradient(45deg, #FFD000 0%, #00C298 100%);
  background: -ms-linear-gradient(45deg, #FFD000 0%, #00C298 100%);
  background: linear-gradient(45deg, #FFD000 0%, #00C298 100%);
}

.yellow-green p a:not(.btn), .yellow-green a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.yellow-green .comp-title a, .yellow-green .component-nav a {
  text-decoration: none;
}

.yellow-green .white-bg .component-nav a {
  color: #1C1E2A;
}

.yellow-green .cell .transparent-btn {
  text-decoration: none;
}

.yellow-green .cell .transparent-btn:hover {
  color: #284ecf;
}

.green-yellow {
  color: #FFFFFF;
  background: #00C298;
  background: -moz-linear-gradient(45deg, #00C298 0%, #FFD000 100%);
  background: -webkit-linear-gradient(45deg, #00C298 0%, #FFD000 100%);
  background: -o-linear-gradient(45deg, #00C298 0%, #FFD000 100%);
  background: -ms-linear-gradient(45deg, #00C298 0%, #FFD000 100%);
  background: linear-gradient(45deg, #00C298 0%, #FFD000 100%);
}

.green-yellow p a:not(.btn), .green-yellow a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.green-yellow .comp-title a, .green-yellow .component-nav a {
  text-decoration: none;
}

.green-yellow .white-bg .component-nav a {
  color: #1C1E2A;
}

.green-yellow .cell .transparent-btn {
  text-decoration: none;
}

.green-yellow .cell .transparent-btn:hover {
  color: #284ecf;
}

.green-yellow-reverse {
  color: #FFFFFF;
  background: #00C298;
  background: -moz-linear-gradient(-30deg, #00C298 0%, #FFD000 100%);
  background: -webkit-linear-gradient(-30deg, #00C298 0%, #FFD000 100%);
  background: -o-linear-gradient(-30deg, #00C298 0%, #FFD000 100%);
  background: -ms-linear-gradient(-30deg, #00C298 0%, #FFD000 100%);
  background: linear-gradient(120deg, #00C298 0%, #FFD000 100%);
}

.green-yellow-reverse p a:not(.btn), .green-yellow-reverse a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.green-yellow-reverse .comp-title a, .green-yellow-reverse .component-nav a {
  text-decoration: none;
}

.green-yellow-reverse .white-bg .component-nav a {
  color: #1C1E2A;
}

.green-yellow-reverse .cell .transparent-btn {
  text-decoration: none;
}

.green-yellow-reverse .cell .transparent-btn:hover {
  color: #284ecf;
}

.grey-black {
  color: #FFFFFF;
  background: #343642;
  background: -moz-linear-gradient(45deg, #343642 0%, #1C1E2A 100%);
  background: -webkit-linear-gradient(45deg, #343642 0%, #1C1E2A 100%);
  background: -o-linear-gradient(45deg, #343642 0%, #1C1E2A 100%);
  background: -ms-linear-gradient(45deg, #343642 0%, #1C1E2A 100%);
  background: linear-gradient(45deg, #343642 0%, #1C1E2A 100%);
}

.grey-black p a:not(.btn), .grey-black a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.grey-black .comp-title a, .grey-black .component-nav a {
  text-decoration: none;
}

.grey-black .white-bg .component-nav a {
  color: #1C1E2A;
}

.grey-black .cell .transparent-btn {
  text-decoration: none;
}

.grey-black .cell .transparent-btn:hover {
  color: #284ecf;
}

.black-grey {
  color: #FFFFFF;
  background: #1C1E2A;
  background: -moz-linear-gradient(45deg, #1C1E2A 0%, #343642 100%);
  background: -webkit-linear-gradient(45deg, #1C1E2A 0%, #343642 100%);
  background: -o-linear-gradient(45deg, #1C1E2A 0%, #343642 100%);
  background: -ms-linear-gradient(45deg, #1C1E2A 0%, #343642 100%);
  background: linear-gradient(45deg, #1C1E2A 0%, #343642 100%);
}

.black-grey p a:not(.btn), .black-grey a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.black-grey .comp-title a, .black-grey .component-nav a {
  text-decoration: none;
}

.black-grey .white-bg .component-nav a {
  color: #1C1E2A;
}

.black-grey .cell .transparent-btn {
  text-decoration: none;
}

.black-grey .cell .transparent-btn:hover {
  color: #284ecf;
}

.gray-black {
  background: #545868;
  background: -moz-linear-gradient(-90deg, #545868 0%, #000000 100%);
  background: -webkit-linear-gradient(-90deg, #545868 0%, #000000 100%);
  background: -o-linear-gradient(-90deg, #545868 0%, #000000 100%);
  background: -ms-linear-gradient(-90deg, #545868 0%, #000000 100%);
  background: linear-gradient(180deg, #545868 0%, #000000 100%);
  color: #FFFFFF;
}

.lgrey-dgrey {
  color: #FFFFFF;
  background: #80828C;
  background: -moz-linear-gradient(45deg, #80828C 0%, #343642 100%);
  background: -webkit-linear-gradient(45deg, #80828C 0%, #343642 100%);
  background: -o-linear-gradient(45deg, #80828C 0%, #343642 100%);
  background: -ms-linear-gradient(45deg, #80828C 0%, #343642 100%);
  background: linear-gradient(45deg, #80828C 0%, #343642 100%);
}

.lgrey-dgrey p a:not(.btn), .lgrey-dgrey a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.lgrey-dgrey .comp-title a, .lgrey-dgrey .component-nav a {
  text-decoration: none;
}

.lgrey-dgrey .white-bg .component-nav a {
  color: #1C1E2A;
}

.lgrey-dgrey .cell .transparent-btn {
  text-decoration: none;
}

.lgrey-dgrey .cell .transparent-btn:hover {
  color: #284ecf;
}

.dgrey-lgrey {
  color: #FFFFFF;
  background: #343642;
  background: -moz-linear-gradient(45deg, #343642 0%, #80828C 100%);
  background: -webkit-linear-gradient(45deg, #343642 0%, #80828C 100%);
  background: -o-linear-gradient(45deg, #343642 0%, #80828C 100%);
  background: -ms-linear-gradient(45deg, #343642 0%, #80828C 100%);
  background: linear-gradient(45deg, #343642 0%, #80828C 100%);
}

.dgrey-lgrey p a:not(.btn), .dgrey-lgrey a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.dgrey-lgrey .comp-title a, .dgrey-lgrey .component-nav a {
  text-decoration: none;
}

.dgrey-lgrey .white-bg .component-nav a {
  color: #1C1E2A;
}

.dgrey-lgrey .cell .transparent-btn {
  text-decoration: none;
}

.dgrey-lgrey .cell .transparent-btn:hover {
  color: #284ecf;
}

.lblue-dblue {
  color: #FFFFFF;
  background: #0080be;
  background: -moz-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: -webkit-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: -o-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: -ms-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: linear-gradient(45deg, #0080be 0%, #003D99 100%);
}

.lblue-dblue p a:not(.btn), .lblue-dblue a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.lblue-dblue .comp-title a, .lblue-dblue .component-nav a {
  text-decoration: none;
}

.lblue-dblue .white-bg .component-nav a {
  color: #1C1E2A;
}

.lblue-dblue .cell .transparent-btn {
  text-decoration: none;
}

.lblue-dblue .cell .transparent-btn:hover {
  color: #284ecf;
}

.bp-light-gray {
  color: #555;
  background-color: #f1f2f2;
}

.bp-light-gray p {
  color: #555;
}

.bp-light-blue {
  color: #FFFFFF;
  background-color: #1ba9cc;
}

.bp-light-blue p a:not(.btn), .bp-light-blue a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.bp-light-blue .comp-title a, .bp-light-blue .component-nav a {
  text-decoration: none;
}

.bp-light-blue .white-bg .component-nav a {
  color: #1C1E2A;
}

.bp-light-blue .cell .transparent-btn {
  text-decoration: none;
}

.bp-light-blue .cell .transparent-btn:hover {
  color: #284ecf;
}

.bp-medium-blue {
  color: #FFFFFF;
  background-color: #1486c7;
}

.bp-medium-blue p a:not(.btn), .bp-medium-blue a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.bp-medium-blue .comp-title a, .bp-medium-blue .component-nav a {
  text-decoration: none;
}

.bp-medium-blue .white-bg .component-nav a {
  color: #1C1E2A;
}

.bp-medium-blue .cell .transparent-btn {
  text-decoration: none;
}

.bp-medium-blue .cell .transparent-btn:hover {
  color: #284ecf;
}

.bp-royal-blue {
  color: #FFFFFF;
  background-color: #0841a2;
}

.bp-royal-blue p a:not(.btn), .bp-royal-blue a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.bp-royal-blue .comp-title a, .bp-royal-blue .component-nav a {
  text-decoration: none;
}

.bp-royal-blue .white-bg .component-nav a {
  color: #1C1E2A;
}

.bp-royal-blue .cell .transparent-btn {
  text-decoration: none;
}

.bp-royal-blue .cell .transparent-btn:hover {
  color: #284ecf;
}

.bp-dark-blue {
  color: #FFFFFF;
  background-color: #0d3562;
}

.bp-dark-blue p a:not(.btn), .bp-dark-blue a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.bp-dark-blue .comp-title a, .bp-dark-blue .component-nav a {
  text-decoration: none;
}

.bp-dark-blue .white-bg .component-nav a {
  color: #1C1E2A;
}

.bp-dark-blue .cell .transparent-btn {
  text-decoration: none;
}

.bp-dark-blue .cell .transparent-btn:hover {
  color: #284ecf;
}

.bp-gray {
  color: #FFFFFF;
  background-color: #374450;
}

.bp-gray p a:not(.btn), .bp-gray a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.bp-gray .comp-title a, .bp-gray .component-nav a {
  text-decoration: none;
}

.bp-gray .white-bg .component-nav a {
  color: #1C1E2A;
}

.bp-gray .cell .transparent-btn {
  text-decoration: none;
}

.bp-gray .cell .transparent-btn:hover {
  color: #284ecf;
}

.insight-article-gradient {
  position: relative;
}

.insight-article-gradient:after {
  content: '';
  position: absolute;
  top: 176px;
  z-index: 0;
  width: 100%;
  height: 805px;
  background: #EEEEEF;
  background: -moz-linear-gradient(top, #EEEEEF 0%, #FFFFFF 100%);
  background: -webkit-linear-gradient(top, #EEEEEF 0%, #FFFFFF 100%);
  background: -o-linear-gradient(top, #EEEEEF 0%, #FFFFFF 100%);
  background: -ms-linear-gradient(top, #EEEEEF 0%, #FFFFFF 100%);
  background: linear-gradient(to bottom, #EEEEEF 0%, #FFFFFF 100%);
}

.insight-article-gradient .container {
  position: relative;
  z-index: 1;
}

.overlay:before {
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.reverse-overlay:before {
  background: rgba(0, 0, 0, 0.7);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 54%);
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 54%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 54%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 54%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 54%);
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.even-overlay:before,
.slight-even-overlay:before {
  background-color: rgba(0, 0, 0, 0.5);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.slight-even-overlay:before {
  background-color: rgba(0, 0, 0, 0.35);
}

.overlay .model,
.even-overlay .model,
.slight-even-overlay .model,
.overlay .sub-text .even-overlay .sub-text,
.slight-even-overlay .sub-text {
  opacity: 0.999;
}

.purple-blue-img {
  color: #FFFFFF;
}

@media only screen and (min-width: 1240px) {
  .purple-blue-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("/__data/assets/image/0021/6528/prx-purple-blue-1x.jpg?v=0.0.1");
  }
}

@media only screen and (min-width: 1240px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-width: 1240px) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 2dppx) and (min-width: 320px) {
  .purple-blue-img {
    background-image: url("/__data/assets/image/0019/6526/prx-purple-blue-2x.jpg?v=0.0.1");
  }
}

@media only screen and (max-width: 1239px) {
  .purple-blue-img {
    background: #800A68;
    background: -moz-linear-gradient(45deg, #800A68 0%, #2343B8 100%);
    background: -webkit-linear-gradient(45deg, #800A68 0%, #2343B8 100%);
    background: -o-linear-gradient(45deg, #800A68 0%, #2343B8 100%);
    background: -ms-linear-gradient(45deg, #800A68 0%, #2343B8 100%);
    background: linear-gradient(45deg, #800A68 0%, #2343B8 100%);
  }
}

.purple-blue-img p a:not(.btn), .purple-blue-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.purple-blue-img .comp-title a, .purple-blue-img .component-nav a {
  text-decoration: none;
}

.purple-blue-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.purple-blue-img .cell .transparent-btn {
  text-decoration: none;
}

.purple-blue-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.red-purple-img {
  color: #FFFFFF;
}

@media only screen and (min-width: 1240px) {
  .red-purple-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("/__data/assets/image/0022/6529/prx-red-purple-1x.jpg?v=0.0.1");
  }
}

@media only screen and (min-width: 1240px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-width: 1240px) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 2dppx) and (min-width: 320px) {
  .red-purple-img {
    background-image: url("/__data/assets/image/0014/6530/prx-red-purple-2x.jpg?v=0.0.1");
  }
}

@media only screen and (max-width: 1239px) {
  .red-purple-img {
    background: #D31924;
    background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
  }
}

.red-purple-img p a:not(.btn), .red-purple-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.red-purple-img .comp-title a, .red-purple-img .component-nav a {
  text-decoration: none;
}

.red-purple-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.red-purple-img .cell .transparent-btn {
  text-decoration: none;
}

.red-purple-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.green-blue-img {
  color: #FFFFFF;
}

@media only screen and (min-width: 1240px) {
  .green-blue-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("/__data/assets/image/0015/6531/prx-green-blue-1x.jpg?v=0.0.1");
  }
}

@media only screen and (min-width: 1240px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-width: 1240px) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 2dppx) and (min-width: 320px) {
  .green-blue-img {
    background-image: url("/__data/assets/image/0016/6532/prx-green-blue-2x.jpg?v=0.0.1");
  }
}

@media only screen and (max-width: 1239px) {
  .green-blue-img {
    background: #00C298;
    background: -moz-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
    background: -webkit-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
    background: -o-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
    background: -ms-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
    background: linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  }
}

.green-blue-img p a:not(.btn), .green-blue-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.green-blue-img .comp-title a, .green-blue-img .component-nav a {
  text-decoration: none;
}

.green-blue-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.green-blue-img .cell .transparent-btn {
  text-decoration: none;
}

.green-blue-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.orange-red-img {
  color: #FFFFFF;
}

@media only screen and (min-width: 1240px) {
  .orange-red-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("/__data/assets/image/0017/6533/prx-orange-red.jpg?v=0.0.1");
  }
}

@media only screen and (max-width: 1239px) {
  .orange-red-img {
    background: #00C298;
    background: -moz-linear-gradient(45deg, #00C298 0%, #FFD000 100%);
    background: -webkit-linear-gradient(45deg, #00C298 0%, #FFD000 100%);
    background: -o-linear-gradient(45deg, #00C298 0%, #FFD000 100%);
    background: -ms-linear-gradient(45deg, #00C298 0%, #FFD000 100%);
    background: linear-gradient(45deg, #00C298 0%, #FFD000 100%);
  }
}

.orange-red-img p a:not(.btn), .orange-red-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.orange-red-img .comp-title a, .orange-red-img .component-nav a {
  text-decoration: none;
}

.orange-red-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.orange-red-img .cell .transparent-btn {
  text-decoration: none;
}

.orange-red-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.blue-green-img {
  color: #FFFFFF;
}

@media only screen and (min-width: 1240px) {
  .blue-green-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("/__data/assets/image/0018/6534/prx-gradient-bg-1x.jpg?v=0.0.1");
  }
}

@media only screen and (min-width: 1240px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-width: 1240px) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 2dppx) and (min-width: 320px) {
  .blue-green-img {
    background-image: url("/__data/assets/image/0019/6535/prx-gradient-bg-2x.jpg?v=0.0.1");
  }
}

@media only screen and (max-width: 1239px) {
  .blue-green-img {
    background: #2343B8;
    background: -moz-linear-gradient(45deg, #2343B8 0%, #00C298 100%);
    background: -webkit-linear-gradient(45deg, #2343B8 0%, #00C298 100%);
    background: -o-linear-gradient(45deg, #2343B8 0%, #00C298 100%);
    background: -ms-linear-gradient(45deg, #2343B8 0%, #00C298 100%);
    background: linear-gradient(45deg, #2343B8 0%, #00C298 100%);
  }
}

.blue-green-img p a:not(.btn), .blue-green-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.blue-green-img .comp-title a, .blue-green-img .component-nav a {
  text-decoration: none;
}

.blue-green-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.blue-green-img .cell .transparent-btn {
  text-decoration: none;
}

.blue-green-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.blue-3-img {
  color: #FFFFFF;
  background-image: url("/__data/assets/image/0020/6536/prx_3_wave_bg_blue.png?v=0.0.1");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.blue-3-img p a:not(.btn), .blue-3-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.blue-3-img .comp-title a, .blue-3-img .component-nav a {
  text-decoration: none;
}

.blue-3-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.blue-3-img .cell .transparent-btn {
  text-decoration: none;
}

.blue-3-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.green-3-img {
  color: #FFFFFF;
  background-image: url("/__data/assets/image/0021/6537/prx_3_wave_bg_green.png?v=0.0.1");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.green-3-img p a:not(.btn), .green-3-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.green-3-img .comp-title a, .green-3-img .component-nav a {
  text-decoration: none;
}

.green-3-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.green-3-img .cell .transparent-btn {
  text-decoration: none;
}

.green-3-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.orange-3-img {
  color: #FFFFFF;
  background-image: url("/__data/assets/image/0022/6538/prx_3_wave_bg_orange.png?v=0.0.1");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.orange-3-img p a:not(.btn), .orange-3-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.orange-3-img .comp-title a, .orange-3-img .component-nav a {
  text-decoration: none;
}

.orange-3-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.orange-3-img .cell .transparent-btn {
  text-decoration: none;
}

.orange-3-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.purple-3-img {
  color: #FFFFFF;
  background-image: url("/__data/assets/image/0023/6539/prx_3_wave_bg_purple.png?v=0.0.1");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.purple-3-img p a:not(.btn), .purple-3-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.purple-3-img .comp-title a, .purple-3-img .component-nav a {
  text-decoration: none;
}

.purple-3-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.purple-3-img .cell .transparent-btn {
  text-decoration: none;
}

.purple-3-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.red-3-img {
  color: #FFFFFF;
  background-image: url("/__data/assets/image/0015/6540/prx_3_wave_bg_red.png?v=0.0.1");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.red-3-img p a:not(.btn), .red-3-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.red-3-img .comp-title a, .red-3-img .component-nav a {
  text-decoration: none;
}

.red-3-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.red-3-img .cell .transparent-btn {
  text-decoration: none;
}

.red-3-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.yellow-3-img {
  color: #FFFFFF;
  background-image: url("/__data/assets/image/0016/6541/prx_3_wave_bg_yellow.png?v=0.0.1");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.yellow-3-img p a:not(.btn), .yellow-3-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.yellow-3-img .comp-title a, .yellow-3-img .component-nav a {
  text-decoration: none;
}

.yellow-3-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.yellow-3-img .cell .transparent-btn {
  text-decoration: none;
}

.yellow-3-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.blue-4-img {
  color: #FFFFFF;
  background-image: url("/__data/assets/image/0017/6542/prx_4_wave_bg_blue.png?v=0.0.1");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.blue-4-img p a:not(.btn), .blue-4-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.blue-4-img .comp-title a, .blue-4-img .component-nav a {
  text-decoration: none;
}

.blue-4-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.blue-4-img .cell .transparent-btn {
  text-decoration: none;
}

.blue-4-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.green-4-img {
  color: #FFFFFF;
  background-image: url("/__data/assets/image/0018/6543/prx_4_wave_bg_green.png?v=0.0.1");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.green-4-img p a:not(.btn), .green-4-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.green-4-img .comp-title a, .green-4-img .component-nav a {
  text-decoration: none;
}

.green-4-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.green-4-img .cell .transparent-btn {
  text-decoration: none;
}

.green-4-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.orange-4-img {
  color: #FFFFFF;
  background-image: url("/__data/assets/image/0019/6544/prx_4_wave_bg_orange.png?v=0.0.1");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.orange-4-img p a:not(.btn), .orange-4-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.orange-4-img .comp-title a, .orange-4-img .component-nav a {
  text-decoration: none;
}

.orange-4-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.orange-4-img .cell .transparent-btn {
  text-decoration: none;
}

.orange-4-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.purple-4-img {
  color: #FFFFFF;
  background-image: url("/__data/assets/image/0020/6545/prx_4_wave_bg_purple.png?v=0.0.1");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.purple-4-img p a:not(.btn), .purple-4-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.purple-4-img .comp-title a, .purple-4-img .component-nav a {
  text-decoration: none;
}

.purple-4-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.purple-4-img .cell .transparent-btn {
  text-decoration: none;
}

.purple-4-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.red-4-img {
  color: #FFFFFF;
  background-image: url("/__data/assets/image/0021/6546/prx_4_wave_bg_red.png?v=0.0.1");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.red-4-img p a:not(.btn), .red-4-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.red-4-img .comp-title a, .red-4-img .component-nav a {
  text-decoration: none;
}

.red-4-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.red-4-img .cell .transparent-btn {
  text-decoration: none;
}

.red-4-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.yellow-4-img {
  color: #FFFFFF;
  background-image: url("/__data/assets/image/0022/6547/prx_4_wave_bg_yellow.png?v=0.0.1");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.yellow-4-img p a:not(.btn), .yellow-4-img a:not(.btn) {
  color: #FFFFFF;
  text-decoration: underline;
}

.yellow-4-img .comp-title a, .yellow-4-img .component-nav a {
  text-decoration: none;
}

.yellow-4-img .white-bg .component-nav a {
  color: #1C1E2A;
}

.yellow-4-img .cell .transparent-btn {
  text-decoration: none;
}

.yellow-4-img .cell .transparent-btn:hover {
  color: #284ecf;
}

.black-pearl {
  color: #FFFFFF;
  background-color: #1C1E2A;
}

.white-lilac {
  background-color: #EEEEEF;
}

.clear-black {
  background-color: rgba(28, 30, 42, 0.1);
}

.half-container {
  width: 50%;
  padding: 0 0 100px;
}

@media only screen and (max-width: 1024px) {
  .half-container {
    padding: 0 0 50px;
  }
}

@media only screen and (max-width: 767px) {
  .half-container {
    width: 100%;
  }
}

.half-container .comp-title {
  margin: 0 0 20px;
}

.half-container p {
  margin: 0 0 20px;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.35em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .half-container p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 1024px) {
  .half-container p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.nine-tenths-container {
  width: 90%;
  padding: 0;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .nine-tenths-container {
    width: 100%;
  }
}

.inner-container {
  max-width: 906px;
  margin: 0 auto;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .inner-container {
    max-width: 800px;
  }
}

@media only screen and (max-width: 767px) {
  .inner-container {
    max-width: 600px;
  }
}

.watch-link {
  color: #FFFFFF;
  display: block;
  position: relative;
  margin: 20px 0 0;
}

.watch-link img {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
  margin: 0 10px 0 0;
}

.comp-title {
  margin: 0 0 .75em;
  font-weight: 200;
  font-size: 42px;
  line-height: 1.12em;
}

@media only screen and (max-width: 1239px) {
  .comp-title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .comp-title {
    font-size: 28px;
  }
}

.comp-title.large {
  font-weight: 300;
  font-size: 60px;
  line-height: 1.13em;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 1239px) {
  .comp-title.large {
    font-weight: 300;
    font-size: 50px;
    line-height: 1.16em;
    letter-spacing: -0.01em;
  }
}

@media only screen and (max-width: 1024px) {
  .comp-title.large {
    font-weight: 300;
    font-size: 42px;
    line-height: 1.12em;
  }
}

@media only screen and (max-width: 767px) {
  .comp-title.large {
    font-weight: 300;
    font-size: 28px;
    line-height: 1.3em;
  }
}

.comp-title.small {
  font-size: 36px;
}

@media only screen and (max-width: 1239px) {
  .comp-title.small {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .comp-title.small {
    font-size: 22px;
  }
}

.comp-title.thin {
  font-weight: 200;
}

@media only screen and (max-width: 1024px) {
  .comp-title.insights-landing {
    font-weight: 200;
    font-size: 36px;
    line-height: 1.2em;
  }
}

@media only screen and (max-width: 767px) {
  .comp-title.insights-landing {
    font-weight: 200;
    font-size: 32px;
    line-height: 1.25em;
  }
}

.comp-title.capitalize {
  text-transform: capitalize;
}

.comp-title a:not(.btn) {
  color: inherit;
  text-decoration: none !important;
}

.comp-title a:not(.btn):hover, .comp-title a:not(.btn):visited, .comp-title a:not(.btn):active {
  color: inherit;
}

.comp-title.extra-top-margin {
  margin: 1em 0 0.75em;
}

.bolded-title {
  font-size: 25px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin: 0;
  color: #1c1e2a;
}

.add-margin-top {
  margin-top: 0.75em;
}

.add-padding-top {
  padding-top: 3em;
}

.comp-subtitle {
  font-size: 26px;
  font-weight: 300;
  line-height: 1.32em;
  margin: 0;
  padding: 0 0 1em;
}

@media only screen and (max-width: 1239px) {
  .comp-subtitle {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .comp-subtitle {
    font-size: 18px;
  }
}

.white-bg .comp-title {
  margin: 0;
  padding: 0 0 0.5em;
}

.section-title {
  font-size: 40px;
  font-weight: 500;
}

.split-title {
  font-weight: 300;
  font-size: 36px;
  line-height: 1.2em;
  margin: 0 0 0.57em;
  opacity: 0.999;
}

.split-title.thin {
  font-weight: 200;
}

.split-title.bolded {
  font-weight: 500;
}

@media only screen and (max-width: 1239px) {
  .split-title {
    font-weight: 300;
    font-size: 36px;
    line-height: 1.2em;
    margin-bottom: 0.83em;
  }
}

@media only screen and (max-width: 1024px) {
  .split-title {
    font-weight: 300;
    font-size: 28px;
    line-height: 1.3em;
  }
}

.small-title {
  margin: 0 0 1em;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.sub-title {
  margin: 0 0 .5em;
  font-weight: 300;
  font-size: 36px;
  line-height: 1.2em;
}

@media only screen and (max-width: 1239px) {
  .sub-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.cta-header {
  padding: 0 30px;
}

.cta-header:after {
  content: "";
  display: table;
  clear: both;
}

.cta-header .comp-title {
  float: left;
  margin: 0;
  font-weight: 200;
  font-size: 42px;
  line-height: 1.12em;
}

@media only screen and (max-width: 1024px) {
  .cta-header .comp-title {
    font-weight: 200;
    font-size: 36px;
    line-height: 1.2em;
  }
}

@media only screen and (max-width: 767px) {
  .cta-header .comp-title {
    font-weight: 200;
    font-size: 32px;
    line-height: 1.25em;
    float: none;
  }
}

.cta-header .btn,
.cta-header .sort-dropdown-container {
  float: right;
}

@media only screen and (max-width: 767px) {
  .cta-header .btn,
  .cta-header .sort-dropdown-container {
    float: none;
    margin-top: 15px;
  }
}

.large-icon {
  margin-bottom: 20px;
  max-height: 142px;
}

.sdn-nfv-collapser {
  letter-spacing: 0;
  margin-left: -1px;
}

.paragraph-title {
  font-size: 21px;
  font-weight: 500;
}

/**
 * Header & Navigation
 */
#site-header {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}

#branding {
  display: inline-block;
  margin: 18px auto 0px 30px;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  #branding {
    margin: 12px auto 8px 30px;
  }
}

#branding.bp-logo {
  margin: 10px auto 0px 30px;
}

#branding img {
  width: 165px;
  height: 65px;
}

@media only screen and (max-width: 767px) {
  #branding img {
    width: 102px;
    height: 40px;
  }
}

#branding .show-mobile {
  margin: 8px 0 0;
}

#main-nav-container {
  height: 84px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

@media only screen and (min-width: 1025px) {
  #main-nav-container {
    padding-right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  #main-nav-container {
    height: 64px;
  }
}

#main-nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: 100%;
}

#main-nav li {
  position: relative;
  height: 100%;
  float: left;
  margin-right: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 1599px) {
  #main-nav li {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 1239px) {
  #main-nav li {
    margin-right: 30px;
  }
}

#main-nav li:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #D31924;
  background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

#main-nav li:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #D31924;
  background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

#main-nav li.active:before {
  height: 4px;
}

#main-nav li.current span, #main-nav li.current a {
  font-weight: 400;
}

#main-nav:not(.open) li.current:after {
  height: 4px;
}

#main-nav span, #main-nav a {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  line-height: 1.3em;
  text-decoration: none;
  height: 100%;
  display: flex;
  align-items: center;
  color: #343642;
  cursor: pointer;
}

@media only screen and (max-width: 1599px) {
  #main-nav span, #main-nav a {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.in-english:after {
  content: "";
  background: url("/__data/assets/image/0023/6548/prx-in-english-icon.png?v=0.0.1") no-repeat 0 0;
  width: 15px;
  display: inline-block;
  height: 16px;
  margin-left: 5px;
}

.in-english.white:after {
  background: url("/__data/assets/image/0024/6549/prx-in-english-icon-white.png?v=0.0.1") no-repeat 0 0;
}

#site-search-container {
  width: 300px;
  margin-right: 20px;
  position: relative;
}

@media only screen and (max-width: 1239px) {
  #site-search-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1C1E2A;
    z-index: 2;
  }
}

#site-search {
  position: relative;
}

@media only screen and (max-width: 1239px) {
  #site-search {
    height: 100%;
    padding: 0 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }
}

@media only screen and (max-width: 767px) {
  #site-search {
    padding: 0 15px;
  }
}

#site-search button {
  position: absolute;
  top: 50%;
  right: 15px;
  background: transparent;
  border: none;
  z-index: 3;
  cursor: pointer;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media only screen and (max-width: 767px) {
  #site-search button {
    right: 10px;
  }
}

#site-search button svg {
  width: 20px;
  height: 20px;
  fill: #1C1E2A;
}

#search-input {
  position: relative;
  border-radius: 30px;
  padding: 1px;
}

@media only screen and (max-width: 1239px) {
  #search-input {
    width: 100%;
    max-width: 609px;
  }
}

#search-input:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 30px;
  z-index: 1;
  background: #D31924;
  background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
}

#search-input form {
  width: 100%;
}

#search-input input {
  background: #FFFFFF;
  border: none;
  height: 42px;
  width: 100%;
  padding: 10px 55px 10px 20px;
  border-radius: 30px;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  #search-input input {
    height: 38px;
    padding-right: 45px;
  }
}

.js-funnelback-suggestions-form {
  position: relative;
  z-index: 1;
}

#smart-search {
  background-color: #FFFFFF;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  width: 100%;
  margin-top: 30px;
  z-index: 2;
  padding: 10px 0;
  border: 1px solid #E4E5E6;
}

#smart-search .gray-triangle {
  border-color: transparent transparent #E4E5E6;
  border-style: solid;
  border-width: 0 21px 21px;
  height: 0;
  left: 19px;
  position: absolute;
  top: -21px;
  width: 0;
  z-index: 3002;
}

#smart-search .white-triangle {
  border-color: transparent transparent #FFFFFF;
  border-style: solid;
  border-width: 0 20px 20px;
  height: 0;
  left: 20px;
  position: absolute;
  top: -20px;
  width: 0;
  z-index: 3002;
}

#smart-search ul {
  margin: 0;
  padding: 0;
  border-top: 1px solid #E4E5E6;
}

#smart-search li {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.3px;
  list-style-type: none;
  text-align: left;
}

#smart-search a {
  color: #343642;
  padding: 5px 40px;
  display: block;
  text-decoration: none;
}

#smart-search a:hover {
  background-color: #EEEEEF;
}

@media only screen and (max-width: 767px) {
  #smart-search a {
    padding: 5px 20px;
  }
}

#smart-search div[class$="suggestions-loader"],
#smart-search div[class$="suggestions-error"],
#smart-search div[class$="suggestions-empty"],
#smart-search label {
  display: block;
  font-size: 12px;
  color: #E4E5E6;
  text-align: left;
  padding: 5px 40px;
}

@media only screen and (max-width: 767px) {
  #smart-search div[class$="suggestions-loader"],
  #smart-search div[class$="suggestions-error"],
  #smart-search div[class$="suggestions-empty"],
  #smart-search label {
    padding: 5px 20px;
  }
}

.mobile-search {
  cursor: pointer;
}

.mobile-search svg {
  width: 20px;
  height: 20px;
  fill: #1C1E2A;
}

.close-mobile-search {
  cursor: pointer;
  margin-left: 35px;
}

@media only screen and (max-width: 767px) {
  .close-mobile-search {
    margin-left: 15px;
  }
}

.close-mobile-search svg {
  width: 28px;
  height: 28px;
  fill: #FFFFFF;
}

@media only screen and (max-width: 1024px) {
  .close-mobile-search svg {
    width: 16px;
    height: 16px;
  }
}

#header-icons a {
  margin-left: 20px;
}

#header-icons a:first-child {
  margin: 0;
}

@media only screen and (max-width: 1239px) {
  #header-icons a:first-child {
    margin-left: 20px;
  }
}

#header-icons svg {
  width: 20px;
  height: 20px;
}

#header-icons .phone {
  margin-top: 2px;
  fill: none;
  stroke: #343642;
  stroke-width: 2;
}

#header-icons .world {
  fill: #343642;
}

#header-icons .portal {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: #343642;
  stroke-width: 1.5;
}

/* Tables */
table.spaced, .no-webgl .view-3d + table.gray-bg {
  padding: 30px 0;
}

table.space-bottom {
  padding: 0 0 30px;
}

table.space-top {
  padding: 30px 0 0;
}

td {
  max-width: 290px;
}

.right-align,
.article-content .article-body table thead th.right-align {
  text-align: right;
}

/* Short Stack */
#short-stack-container {
  height: 84px;
  padding: 0 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

@media only screen and (max-width: 767px) {
  #short-stack-container {
    height: 60px;
  }
}

#short-stack-container.active {
  background: #1C1E2A;
}

#short-stack {
  position: relative;
  width: 22px;
  height: 14px;
  cursor: pointer;
}

#short-stack span, #short-stack:before, #short-stack:after {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #343642;
}

#short-stack span {
  top: 50%;
  margin-top: -1px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

#short-stack:before, #short-stack:after {
  content: '';
  -webkit-transition: all 0.25s ease-in-out 0.2s;
  -moz-transition: all 0.25s ease-in-out 0.2s;
  -ms-transition: all 0.25s ease-in-out 0.2s;
  -o-transition: all 0.25s ease-in-out 0.2s;
  transition: all 0.25s ease-in-out 0.2s;
}

#short-stack:before {
  top: 0;
}

#short-stack:after {
  bottom: 0;
}

.active #short-stack span, .active #short-stack:before, .active #short-stack:after {
  background: #FFFFFF;
}

.active #short-stack span {
  -webkit-transition: all 0.25s ease-in-out 0.2s;
  -moz-transition: all 0.25s ease-in-out 0.2s;
  -ms-transition: all 0.25s ease-in-out 0.2s;
  -o-transition: all 0.25s ease-in-out 0.2s;
  transition: all 0.25s ease-in-out 0.2s;
}

.active #short-stack span:first-child {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.active #short-stack span:last-child {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.active #short-stack:before, .active #short-stack:after {
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.active #short-stack:before {
  top: 50%;
}

.active #short-stack:after {
  bottom: 50%;
}

/* Nav Dropdown */
#nav-close {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 110px;
  background: #1C1E2A;
  cursor: pointer;
}

@media only screen and (max-width: 1239px) {
  #nav-close {
    width: 92px;
  }
}

#nav-close svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
  fill: #FFFFFF;
}

#nav-dropdown {
  display: none;
  position: absolute;
  top: 84px;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2000;
}

#nav-dropdown p {
  margin: 0;
}

#dropdown-block-container {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 20px);
  height: 100%;
  z-index: 2;
  overflow-y: scroll;
}

#dropdown-block-container .great-place-banner {
  background-color: #FFFFFF;
  margin-bottom: 16px;
}

#dropdown-block-container .great-place-banner .badge-container {
  padding-left: 85px;
}

@media only screen and (max-width: 1360px) {
  #dropdown-block-container .great-place-banner .badge-container {
    padding-left: 60px;
  }
}

@media only screen and (max-width: 1239px) {
  #dropdown-block-container .great-place-banner .badge-container {
    padding-left: 40px;
  }
}

#dropdown-block-container .great-place-banner a {
  padding-right: 35px;
}

@media only screen and (max-width: 1360px) {
  #dropdown-block-container .great-place-banner a {
    padding-right: 15px;
  }
}

#dropdown-block-container .great-place-banner p {
  width: 50%;
  padding-top: 30px;
}

@media only screen and (max-width: 1360px) {
  #dropdown-block-container .great-place-banner p {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 1239px) {
  #dropdown-block-container .great-place-banner p {
    font-size: 20px;
  }
}

#dropdown-block-container .great-place-banner .close {
  top: 5px;
  right: 15px;
}

.dropdown-block {
  display: none;
  float: left;
  padding: 40px 0 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
  margin-right: -100%;
}

@media only screen and (max-width: 1360px) {
  .dropdown-block .container {
    width: 964px;
    padding: 0;
  }
}

@media screen and (max-height: 950px) {
  .dropdown-block {
    padding: 25px 0 0;
  }
}

#dropdown-backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#dropdown-backgrounds span {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#dropdown-backgrounds span.fade-in {
  z-index: 2;
}

@media only screen and (min-width: 1025px) {
  #nav-products {
    background-image: url("/__data/assets/image/0016/6550/prx-products-background-1000x510-v2.jpeg?v=0.0.1");
  }
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1025px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1025px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-width: 1025px) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1025px) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-width: 320px) {
  #nav-products {
    background-image: url("/__data/assets/image/0017/6551/prx-products-background-v2.jpeg?v=0.0.1");
  }
}

@media only screen and (min-width: 1025px) {
  #nav-network-insights {
    background-image: url("/__data/assets/image/0018/6552/prx-network-insights-background-1000x510-v2.jpeg?v=0.0.1");
  }
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1025px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1025px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-width: 1025px) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1025px) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-width: 320px) {
  #nav-network-insights {
    background-image: url("/__data/assets/image/0019/6553/prx-network-insights-background-v2.jpeg?v=0.0.1");
  }
}

@media only screen and (min-width: 1025px) {
  #nav-sales-support {
    background-image: url("/__data/assets/image/0020/6554/prx-save-and-support-background-1000x510.jpeg?v=0.0.1");
  }
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1025px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1025px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-width: 1025px) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1025px) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-width: 320px) {
  #nav-sales-support {
    background-image: url("/__data/assets/image/0021/6555/prx-save-and-support-background.jpeg?v=0.0.1");
  }
}

@media only screen and (min-width: 1025px) {
  #nav-about-us {
    background-image: url("/__data/assets/image/0021/6780/prx-nav-about-us-background-1000x510.jpg?v=0.0.1");
  }
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1025px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1025px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-width: 1025px) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1025px) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-width: 320px) {
  #nav-about-us {
    background-image: url("/__data/assets/image/0022/6556/prx-nav-about-us-background.jpeg?v=0.0.1");
  }
}

.nav-header {
  margin-bottom: 20px;
}

.nav-header a {
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  padding-right: 55px;
  padding-left: 15px;
  text-decoration: none;
}

@media only screen and (max-width: 1599px) {
  .nav-header a {
    font-size: 20px;
  }
}

.nav-header span {
  font-weight: 400;
}

.nav-header .svg-icon {
  width: 38px;
  height: 38px;
  background: #fff;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.nav-header svg {
  height: 15px;
  width: 15px;
  stroke: #2343B8;
  stroke-width: 2px;
  position: absolute;
  top: 32%;
  left: 35%;
}

.nav-row + .nav-row {
  margin-top: 16px;
}

.wrapper-201 {
  width: 201px;
  margin: 0 0 0 16px;
}

@media only screen and (max-width: 1360px) {
  .wrapper-201 {
    width: 150px;
  }
}

.wrapper-201 .box-201 .nav-title a {
  padding: 0;
}

.wrapper-201 .box-201 .nav-title span {
  padding: 10px 10px 0 15px;
}

@media only screen and (max-width: 1360px) {
  .wrapper-201 .box-201 .nav-title span {
    padding: 10px 10px 0 15px;
  }
}

.wrapper-201 .box-201 + .box-201 {
  margin: 16px 0 0;
}

.nav-block-title {
  font-weight: 300;
  letter-spacing: 0;
  display: flex;
  justify-content: center;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 1em;
  margin-bottom: 10px;
}

.nav-block {
  float: left;
}

.nav-block + .nav-block {
  margin-left: 16px;
}

.nav-block.half-large, .nav-block.half-full {
  width: 635px;
}

@media only screen and (max-width: 1360px) {
  .nav-block.half-large, .nav-block.half-full {
    width: 474px;
  }
}

.nav-block.half-full .nav-box {
  width: 100%;
}

.nav-block.half-full .nav-box a {
  display: inline;
  font-size: 17px;
  font-weight: 300;
  letter-spacing: 0;
}

.nav-block.half-small {
  width: 309px;
}

@media only screen and (max-width: 1360px) {
  .nav-block.half-small {
    width: 229px;
  }
}

.nav-block.two-thirds {
  width: 960px;
}

@media only screen and (max-width: 1360px) {
  .nav-block.two-thirds {
    width: 719px;
  }
}

.nav-block.two-thirds-852 {
  width: 852px;
}

@media only screen and (max-width: 1360px) {
  .nav-block.two-thirds-852 {
    width: 638px;
  }
}

.nav-block.one-third {
  width: 309px;
}

@media only screen and (max-width: 1360px) {
  .nav-block.one-third {
    width: 229px;
  }
}

.nav-block .insight-sum:hover {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.nav-block .nav-space-left {
  margin-left: 16px;
}

.nav-block.nav-space-bottom {
  margin-bottom: 16px;
}

.nav-block .nav-product-box .nav-box-child {
  height: 376px;
}

@media only screen and (max-width: 1599px) {
  .nav-block .nav-product-box .nav-box-child {
    height: 244px;
  }
}

@media only screen and (max-width: 1599px) {
  .nav-block .nav-product-box .nav-box-child .center-nav-image {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 1360px) {
  .nav-block .nav-product-box .nav-box-child .center-nav-image {
    padding: 0 10px;
  }
}

.nav-block .nav-product-box .nav-box-child .nav-product-image {
  padding: 0;
}

@media only screen and (max-width: 1360px) {
  .nav-block .nav-product-box .nav-box-child .nav-product-image {
    padding: 0 15px;
  }
}

.nav-block .nav-product-box .nav-box-child .nav-product-name {
  margin: 10px 0 0;
  padding: 0 30px;
  text-align: left;
}

@media only screen and (max-width: 1599px) {
  .nav-block .nav-product-box .nav-box-child .nav-product-name {
    padding: 0;
  }
}

@media only screen and (max-width: 1360px) {
  .nav-block .nav-product-box .nav-box-child .nav-product-name {
    padding: 0 20px;
  }
}

.nav-box-top-spacer {
  margin-top: 16px;
}

.nav-box {
  float: left;
  width: 217px;
}

@media only screen and (max-width: 1360px) {
  .nav-box {
    width: 163px;
  }
}

.nav-box.thirds {
  width: 208px;
}

@media only screen and (max-width: 1360px) {
  .nav-box.thirds {
    width: 155px;
  }
}

.nav-box.thirds a {
  padding: 20px 30px;
}

.nav-box.border-left {
  border-left: 1px solid #E4E5E6;
}

.nav-box.wide {
  width: 326px;
}

@media only screen and (max-width: 1360px) {
  .nav-box.wide {
    width: 245px;
  }
}

.nav-box.narrow {
  width: 91px;
}

@media only screen and (max-width: 1360px) {
  .nav-box.narrow {
    width: 66px;
  }
}

.nav-box.mid-narrow {
  width: 54px;
}

@media only screen and (max-width: 1360px) {
  .nav-box.mid-narrow {
    width: 30px;
  }
}

.nav-box.mid-narrow .nav-box-child svg {
  margin: 0 0 0 7px;
}

.nav-box.full {
  width: 100%;
}

.nav-box.half {
  width: 50%;
}

.nav-box.over-half {
  width: 370px;
}

@media only screen and (max-width: 1360px) {
  .nav-box.over-half {
    width: 288px;
  }
}

.nav-box.over-half-leftover {
  width: 265px;
}

@media only screen and (max-width: 1360px) {
  .nav-box.over-half-leftover {
    width: 186px;
  }
}

.nav-box.box-201 {
  width: 201px;
  height: 100%;
}

@media only screen and (max-width: 1360px) {
  .nav-box.box-201 {
    width: 150px;
  }
}

.nav-box.box-256 {
  width: 256px;
}

@media only screen and (max-width: 1360px) {
  .nav-box.box-256 {
    width: 200px;
  }
}

.nav-box.box-257 {
  width: 257px;
  height: 100%;
  background-size: cover;
}

.nav-box.box-310 {
  width: 310px;
}

@media only screen and (max-width: 1360px) {
  .nav-box.box-310 {
    width: 230px;
  }
}

.nav-box.box-350 {
  width: 350px;
  height: 100%;
  background-size: cover;
}

@media only screen and (max-width: 1360px) {
  .nav-box.box-350 {
    width: 280px;
  }
}

.nav-box.box-430 {
  width: 430px;
}

@media only screen and (max-width: 1360px) {
  .nav-box.box-430 {
    width: 337px;
  }
}

.nav-box.box-432 {
  background-size: cover;
  height: 100%;
  width: 432px;
}

@media only screen and (max-width: 1360px) {
  .nav-box.box-432 {
    width: 364px;
  }
}

.nav-box.box-595 {
  width: 595px;
  height: 100%;
}

.nav-box.box-852 {
  height: 100%;
  width: 852px;
}

@media only screen and (max-width: 1360px) {
  .nav-box.box-852 {
    width: 600px;
  }
}

.nav-box.box-852 svg {
  stroke: #ffffff;
  stroke-width: 1px;
  margin: 0;
  position: absolute;
  left: 135px;
  top: 50%;
  transform: translateY(-40%);
}

.nav-box.box-934 {
  width: 934px;
  height: 100%;
}

@media only screen and (max-width: 1360px) {
  .nav-box.box-934 {
    width: 684px;
  }
}

.nav-box a {
  display: block;
  height: 100%;
}

.nav-box .left-spacing {
  padding-left: 30px;
  display: block;
}

.nav-box-child {
  height: 188px;
  overflow: hidden;
}

@media only screen and (max-width: 1599px) {
  .nav-box-child {
    height: 122px;
  }
}

.nav-box-child.align-top a {
  padding: 20px 10px 0 0px;
}

.nav-box-child.insights-box {
  height: 250px;
}

.nav-box-child.insights-box li {
  margin: 0;
}

.nav-box-child.short-81 {
  height: 81px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.short-81 {
    height: 65px;
  }
}

.nav-box-child.short-91 {
  height: 91px;
}

.nav-box-child.short-120 {
  height: 120px;
}

.nav-box-child.short-120 span {
  position: absolute;
}

.nav-box-child.short-120 .post-title {
  font-size: 20px;
}

.nav-box-child.short-120 a.btn {
  font-size: 17px;
  display: inline;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  height: auto;
  margin: 0;
  padding: 9px 20px;
}

.nav-box-child.short-120 a.btn:hover span {
  color: #2343B8;
}

.nav-box-child.short-120.flex-120 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-box-child.short-120.flex-120 .flex-vert-center {
  position: static;
}

.nav-box-child.short-120.flex-120 .aria-hidden {
  font-size: 18px;
  padding: 0;
}

.nav-box-child.short-120.flex-120 a.btn {
  transform: none;
  position: relative;
  margin-right: 15px;
  top: 0;
  left: 0;
}

.nav-box-child.short-120.flex-120 a.btn span {
  position: static;
}

.nav-box-child.short-102 {
  height: 102px;
}

.nav-box-child.short-106 {
  height: 106px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.short-106 {
    height: 88px;
  }
}

.nav-box-child.short-107 {
  height: 107px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.short-107 {
    height: 89px;
  }
}

.nav-box-child.short-122 {
  height: 122px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.short-122 {
    height: 89px;
  }
}

.nav-box-child.short-125 {
  height: 125px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.short-125 {
    height: 118px;
  }
}

.nav-box-child.short-128 {
  height: 128px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.short-128 {
    height: 118px;
  }
}

.nav-box-child.short-137 {
  height: 137px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.short-137 {
    height: 115px;
  }
}

.nav-box-child.short-140 {
  height: 140px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.short-140 {
    height: 128px;
  }
}

.nav-box-child.short-142 {
  height: 142px;
}

.nav-box-child.short-146 {
  height: 146px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.short-146 {
    height: 145px;
  }
}

.nav-box-child.short-148 {
  height: 148px;
}

.nav-box-child.short-153 {
  height: 153px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.short-153 {
    height: 149px;
  }
}

.nav-box-child.short-155 {
  height: 155px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.nav-box-child.short-155 img {
  max-width: 100%;
  height: auto;
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%;
}

.nav-box-child.short-164 {
  height: 164px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.short-164 {
    height: 145px;
  }
}

.nav-box-child.short-168 {
  height: 168px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.short-168 {
    height: 158px;
  }
}

.nav-box-child.short-172 {
  height: 172px;
}

.nav-box-child.tall-330 {
  height: 330px;
}

.nav-box-child.tall-335 {
  height: 335px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.tall-335 {
    height: 282px;
  }
}

.nav-box-child.tall-350 {
  height: 344px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.tall-350 {
    height: 310px;
  }
}

.nav-box-child.tall-355 {
  height: 355px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.tall-355 {
    height: 310px;
  }
}

.nav-box-child.tall-365 {
  height: 365px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.tall-365 {
    height: 335px;
  }
}

.nav-box-child.tall-552 {
  height: 552px;
}

@media screen and (max-height: 950px) {
  .nav-box-child.tall-552 {
    height: 490px;
  }
}

.nav-box-child ul {
  margin: 15px 10px 15px 15px;
  padding: 0;
}

@media only screen and (max-width: 1360px) {
  .nav-box-child ul {
    margin: 17px 10px 20px 15px;
  }
}

.nav-box-child ul.nav-list {
  margin: 12px 10px 10px 15px;
}

@media only screen and (max-width: 1360px) {
  .nav-box-child ul.nav-list {
    margin: 10px 10px 12px 15px;
  }
}

.nav-box-child ul.nav-list li {
  margin: 0;
}

.nav-box-child li {
  list-style: none;
  margin-bottom: 3px;
}

.nav-box-child.insights-box ul {
  margin: 10px 10px 11px 15px;
}

.nav-box-child:not(.nav-title) {
  background: #FFFFFF;
}

.nav-box-child:not(.nav-title) a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  color: #343642;
  font-size: 15px;
}

.nav-box-child:not(.nav-title) a.left-align {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.nav-box-child:not(.nav-title) a.left-align img {
  height: 100%;
  width: auto;
}

.nav-box-child:not(.nav-title) strong {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.nav-box-child + .nav-box-child {
  border-top: 1px solid #E4E5E6;
}

.nav-box-child.tall {
  height: 376px;
}

@media only screen and (max-width: 1599px) {
  .nav-box-child.tall {
    height: 244px;
  }
}

.nav-box-child.short {
  height: 180px;
}

@media only screen and (max-width: 1599px) {
  .nav-box-child.short {
    height: 114px;
  }
}

.nav-box-child .center-align {
  padding: 0 10px;
}

.nav-box-child.left-align {
  align-items: flex-start;
  justify-content: flex-start;
}

.nav-box-child.left-align a {
  align-items: flex-start;
  justify-content: flex-start;
  padding-left: 0;
  white-space: normal;
}

.nav-box-child.left-align a.full-width {
  width: 100%;
  align-items: center;
}

.nav-box-child.left-align span {
  padding: 0;
}

.nav-box-child .center-text {
  padding: 0 10px;
}

.nav-box-child a {
  position: relative;
}

.nav-box-child a:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  background: rgba(28, 30, 42, 0.05);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.nav-box-child a:hover:before {
  opacity: 1;
}

.nav-box-child .nav-cta {
  font-size: 17px;
  display: inline;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  height: auto;
  margin: 0;
  padding: 9px 20px;
}

.nav-box-child .nav-cta:hover .aria-hidden {
  color: #2343B8;
}

.nav-box-child .nav-cta .aria-hidden {
  font-size: 18px;
  padding: 0;
}

@media screen and (max-height: 950px) {
  .nav-box-child .nav-cta .aria-hidden {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1599px) {
  .nav-box-child .nav-cta .aria-hidden {
    font-size: 17px;
  }
}

.nav-box-child .btn:hover:before {
  opacity: 0;
}

.nav-box-child small {
  font-size: 14px;
  font-weight: 400;
  color: #80828C;
}

@media only screen and (max-width: 1599px) {
  .nav-box-child small {
    font-size: 12px;
  }
}

.nav-box-child svg {
  display: block;
  width: 15px;
  height: 15px;
  stroke: #2343B8;
  stroke-width: 2px;
  margin: 0 auto 10px;
}

.nav-box-child.single {
  height: 376px;
}

.nav-article-box-horiz .nav-box-child a {
  display: block;
  padding: 20px;
}

.nav-article-box-horiz .category .cat-icon {
  margin: 0;
  display: inline-block;
  color: #800A68;
  fill: #800A68;
  width: 20px;
  height: 20px;
  stroke: none;
  margin-right: 10px;
}

.nav-article-box-horiz .category span {
  position: static;
  color: #800A68;
}

.nav-article-box-horiz .post-title {
  line-height: 1.3em;
  margin-top: 5px;
}

.nav-title + .nav-title {
  border-color: rgba(28, 30, 42, 0.3);
}

.nav-title a, .nav-title span {
  padding: 30px 55px 0 20px;
  font-weight: 300;
  font-size: 26px;
  line-height: 1.3em;
  color: #FFFFFF;
}

@media only screen and (max-width: 1599px) {
  .nav-title a, .nav-title span {
    font-size: 21px;
    padding: 30px 25px 0 30px;
  }
}

@media only screen and (max-width: 1360px) {
  .nav-title a, .nav-title span {
    font-size: 17px;
    padding: 25px 10px 0 15px;
  }
}

.nav-title a:before, .nav-title span:before {
  background: rgba(28, 30, 42, 0.1);
}

.nav-title span {
  position: relative;
  z-index: 10;
  font-weight: 300;
  font-size: 26px;
  line-height: 1.3em;
  padding: 0 0 0 20px;
}

.nav-title .anchor-container {
  padding: 0;
}

.nav-title .anchor-container span.btn {
  padding: 9px 20px;
}

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

@media only screen and (min-width: 1600px) {
  .center-nav-image br {
    display: none;
  }
}

@media only screen and (max-width: 1599px) {
  .center-nav-image:not(.stacked-center-nav-image) {
    text-align: left;
    width: 245px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .center-nav-image:not(.stacked-center-nav-image) .nav-product-name {
    width: 108px;
  }
}

.nav-product-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

@media only screen and (min-width: 1600px) {
  .nav-product-image {
    height: 110px;
    margin-bottom: 10px;
    padding: 0 60px;
  }
  .nav-product-image img {
    max-height: 100%;
    width: auto;
  }
}

@media only screen and (max-width: 1599px) {
  .nav-product-image {
    width: 137px;
  }
}

.nav-article-box {
  height: 376px;
}

@media only screen and (max-width: 1599px) {
  .nav-article-box {
    height: 244px;
  }
  .nav-article-box .insight-sum.thumb {
    padding-bottom: 122px;
  }
  .nav-article-box .insight-sum.thumb:hover .excerpt {
    top: 50%;
  }
  .nav-article-box .insight-sum.thumb:hover .excerpt p {
    opacity: 0;
    visibility: hidden;
  }
  .nav-article-box .insight-sum.thumb .excerpt {
    padding: 15px;
    top: 122px;
  }
  .nav-article-box .insight-sum .category {
    margin-bottom: 10px;
  }
  .nav-article-box .insight-sum .post-title {
    font-size: 17px;
  }
  .nav-article-box .insight-sum .thumbnail,
  .nav-article-box .insight-sum .excerpt {
    min-height: 122px;
  }
}

@media only screen and (max-width: 1360px) {
  .nav-article-box .insight-sum .post-title {
    font-size: 15px;
  }
}

#dropdown-footer {
  text-align: center;
  padding-bottom: 30px;
}

#dropdown-footer.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
}

#dropdown-footer a {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  color: #FFFFFF;
}

@media only screen and (max-width: 1599px) {
  #dropdown-footer a {
    font-size: 16px;
  }
}

#dropdown-footer a + a {
  margin-left: 80px;
}

/* Redesign 2018-specific edits */
.nav-update-2018 .nav-header a {
  display: inline-block;
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .nav-header a .svg-icon {
    width: 32px;
    height: 32px;
  }
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .nav-header a svg {
    width: 13px;
    height: 13px;
  }
}

.nav-update-2018 .nav-box.one-third {
  width: 209px;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-box.one-third {
    width: 155px;
  }
}

.nav-update-2018 .nav-box.one-third .nav-box-child.nav-title a {
  padding-top: 20px;
  width: 100%;
}

.nav-update-2018 .nav-box .nav-box-child.short-116 {
  height: 116px;
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .nav-box .nav-box-child.short-116 {
    height: 116px;
  }
}

.nav-update-2018 .nav-box .nav-box-child.short-146 {
  height: 146px;
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .nav-box .nav-box-child.short-146 {
    height: 99px;
  }
}

.nav-update-2018 .nav-box .nav-box-child.short-164 {
  height: 164px;
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .nav-box .nav-box-child.short-164 {
    height: 159px;
  }
}

.nav-update-2018 .nav-box .nav-box-child.tall-580 {
  height: 580px;
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .nav-box .nav-box-child.tall-580 {
    height: 556px;
  }
}

.nav-update-2018 .nav-box.one-third-adjusted {
  width: 209px;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-box.one-third-adjusted {
    width: 142px;
  }
}

.nav-update-2018 .nav-box.extra-narrow {
  width: 15px;
}

.nav-update-2018 .nav-box.extra-narrow svg {
  width: 15px;
  height: 15px;
}

.nav-update-2018 .nav-box.one-third-wide {
  width: 248px;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-box.one-third-wide {
    width: 155px;
  }
}

.nav-update-2018 .nav-box.one-third-wide span {
  padding: 0 20px 0 15px;
  line-height: 1.2em;
  display: block;
}

.nav-update-2018 .nav-box.one-third-short {
  width: 155px;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-box.one-third-short {
    width: 140px;
  }
}

.nav-update-2018 .nav-box.vertical-gradient {
  width: 25px;
}

.nav-update-2018 .nav-box.vertical-gradient .nav-box-child.short-155 {
  height: 155px;
  background: transparent;
}

.nav-update-2018 .nav-box.vertical-gradient .nav-box-child.short-146 {
  height: 146px;
  background: transparent;
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .nav-box.vertical-gradient .nav-box-child.short-146 {
    height: 99px;
  }
}

.nav-update-2018 .nav-box.one-half {
  width: 556px;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-box.one-half {
    width: 419px;
  }
}

.nav-update-2018 .nav-box.one-half a {
  padding: 0 0 0 25px;
  width: 100%;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-box.one-half a {
    padding: 0 0 0 15px;
  }
}

.nav-update-2018 .nav-box.one-half a span {
  font-size: 22px;
}

.nav-update-2018 .nav-box.one-fourth {
  width: 230px;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-box.one-fourth {
    width: 174px;
  }
}

.nav-update-2018 .nav-box.one-fourth a {
  padding: 0 0 0 25px;
  width: 100%;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-box.one-fourth a {
    padding: 0 0 0 15px;
  }
}

.nav-update-2018 .nav-box.one-fourth a span {
  font-size: 22px;
}

.nav-update-2018 .nav-box.one-fifth {
  width: 165px;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-box.one-fifth {
    width: 125px;
  }
}

.nav-update-2018 .nav-box.one-fifth a {
  padding: 0 0 0 25px;
  width: 100%;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-box.one-fifth a {
    padding: 0 0 0 10px;
  }
}

.nav-update-2018 .nav-box.one-fifth a span {
  font-size: 22px;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-box.one-fifth a span {
    font-size: 19px;
  }
}

.nav-update-2018 .nav-box a {
  text-decoration: none;
}

.nav-update-2018 .nav-title .box-852 span {
  padding: 0 0 0 20px;
}

.nav-update-2018 .nav-title span {
  font-size: 24px;
  display: block;
  padding: 0 0 0 15px;
  max-width: 400px;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-title span {
    max-width: 270px;
    font-size: 19px;
  }
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .nav-title span {
    font-size: 19px;
  }
}

.nav-update-2018 .nav-title span.full {
  max-width: 80%;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-title span.full {
    max-width: 70%;
  }
}

.nav-update-2018 .nav-title span.large {
  font-size: 30px;
}

.nav-update-2018 .nav-title span.bolded {
  font-weight: 400;
}

.nav-update-2018 .nav-title.white-bg span {
  color: #343642;
  padding: 0 0 0 15px;
}

.nav-update-2018 .thumbnail {
  background-size: cover;
  background-position: center;
  padding: 0;
}

.nav-update-2018 .dark {
  color: #343642;
}

.nav-update-2018 .insights-nav-featured-wrapper {
  margin-bottom: 0;
}

.nav-update-2018 .insights-nav-featured-wrapper .featured-title span {
  font-size: 33px;
  line-height: 1em;
  display: block;
  position: absolute;
  top: 30px;
  padding: 0 0 0 15px;
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .insights-nav-featured-wrapper .featured-title span {
    font-size: 28px;
  }
}

.nav-update-2018 .insights-nav-featured-wrapper .featured-content {
  font-size: 18px;
  padding: 35px 15px 0;
  line-height: 1.3em;
  font-weight: 300;
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .insights-nav-featured-wrapper .featured-content {
    padding: 15px 15px 0;
  }
}

.nav-update-2018 .insights-nav-featured-wrapper .featured-content span {
  font-size: 18px;
  padding: 6px 0 0;
  font-weight: 500;
  line-height: 1.3em;
}

.nav-update-2018 .insights-nav-featured-wrapper .featured-content .btn {
  font-size: 18px;
  display: flex;
  width: auto;
  padding: 9px 20px;
  max-width: 150px;
  justify-content: center;
  margin: 30px 0 0;
  font-weight: 400;
  border: 1px solid #FFFFFF;
  letter-spacing: 0;
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .insights-nav-featured-wrapper .featured-content .btn {
    margin: 15px 0 0;
    max-width: 135px;
  }
}

@media only screen and (max-width: 1599px) {
  .nav-update-2018 .insights-nav-featured-wrapper .featured-content .btn {
    font-size: 17px;
    max-width: 135px;
  }
}

.nav-update-2018 .insights-nav-featured-wrapper .featured-content .btn:hover .aria-hidden {
  color: #2343B8;
}

.nav-update-2018 .insights-nav-featured-wrapper .featured-content .btn .aria-hidden {
  font-weight: 400;
  padding: 0;
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .insights-nav-featured-wrapper .featured-content .btn .aria-hidden {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1599px) {
  .nav-update-2018 .insights-nav-featured-wrapper .featured-content .btn .aria-hidden {
    font-size: 17px;
  }
}

.nav-update-2018 .nav-block-wrapper {
  width: 743px;
  background-color: #6B7085;
  padding: 15px 10px 10px;
  float: left;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-block-wrapper {
    width: 552px;
  }
}

.nav-update-2018 .nav-block-wrapper .nav-block {
  margin-bottom: 0;
}

.nav-update-2018 .nav-block-wrapper .nav-block + .nav-block {
  margin: 10px 0 0;
}

.nav-update-2018 .nav-block-wrapper .nav-title a {
  padding: 0;
}

.nav-update-2018 .nav-block-wrapper .nav-title span {
  padding: 20px 10px 0 15px;
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .nav-block-wrapper .nav-title span {
    padding: 12px 10px 0 15px;
  }
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-block-wrapper .nav-box.narrow {
    width: 45px;
  }
}

.nav-update-2018 .nav-block-wrapper .nav-box-child.align-vert {
  display: flex;
  align-items: center;
}

.nav-update-2018 .nav-block-wrapper .nav-box-child.align-vert ul {
  margin: 0 10px 0 15px;
}

.nav-update-2018 .nav-block-wrapper .nav-box-child.align-vert ul .list-head:last-child {
  margin-bottom: 0;
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .nav-block-wrapper .nav-box-child ul {
    margin: 12px 10px 12px 15px;
  }
}

.nav-update-2018 .nav-block-wrapper .nav-box-child li {
  margin: 0;
}

.nav-update-2018 .nav-block-wrapper .nav-box-child li a {
  justify-content: flex-start;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-block-wrapper .nav-box-child li a span {
    font-size: 15px;
  }
}

.nav-update-2018 .nav-block-wrapper .nav-box-child li a svg {
  margin: 0 0 0 15px;
  padding: 0;
}

.nav-update-2018 .nav-block-wrapper .nav-box-child li.list-head {
  margin: 0 0 8px;
  white-space: nowrap;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-block-wrapper .nav-box-child li.list-head {
    margin: 0 0 5px;
  }
}

.nav-update-2018 .nav-block-wrapper .nav-box-child li.list-head.list-separator {
  margin: 12px 0 8px;
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .nav-block-wrapper .nav-box-child li.list-head.list-separator {
    margin: 10px 0 5px;
  }
}

.nav-update-2018 .nav-block-wrapper .nav-box-child li.list-head.mid-list-separator {
  margin: 6px 0 8px;
}

.nav-update-2018 .nav-block-wrapper .nav-box-child li.list-head a {
  display: flex;
  padding-bottom: 2px;
}

.nav-update-2018 .nav-block-wrapper .nav-box-child li.list-head span {
  font-size: 21px;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .nav-block-wrapper .nav-box-child li.list-head span {
    font-size: 18px;
  }
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .nav-block-wrapper .nav-box-child li.list-head span {
    font-size: 20px;
  }
}

.nav-update-2018 .nav-block-wrapper .nav-box-child li.list-head .aria-hidden {
  line-height: 1.1em;
}

@media screen and (max-height: 950px) {
  .nav-update-2018 .nav-block-wrapper .nav-box-child.tall-335 {
    height: 305px;
  }
}

.nav-update-2018 .dropdown-block.about-us .nav-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

.nav-update-2018 .dropdown-block.about-us .nav-row .nav-block {
  float: none;
  width: 100%;
}

.nav-update-2018 .dropdown-block.about-us .nav-row .nav-block .nav-box.one-third {
  width: 100%;
  max-width: 339px;
}

@media only screen and (max-width: 1360px) {
  .nav-update-2018 .dropdown-block.about-us .nav-row .nav-block .nav-box.one-third {
    max-width: 255px;
  }
}

.nav-update-2018 .dropdown-block.about-us .nav-row .nav-block .nav-box.one-third .nav-box-child.nav-title a {
  padding: 0 20px;
}

.nav-update-2018 .dropdown-block.about-us .nav-row .nav-block .nav-box.one-third-wide {
  width: 100%;
  max-width: 418px;
}

.nav-update-2018 .dropdown-block.about-us .nav-row .nav-block .nav-box.one-third-wide .nav-box-child.nav-title a {
  padding: 0 20px 0 45px;
  display: block;
}

/* Mobile Nav */
#mobile-nav-container {
  display: none;
  position: fixed;
  top: 84px;
  right: 0;
  bottom: 0;
  left: 0;
  background: #1C1E2A;
  z-index: 9999;
  overflow-x: hidden;
}

@media only screen and (max-width: 767px) {
  #mobile-nav-container {
    top: 60px;
  }
}

.mobile-nav-block {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
  overflow-y: scroll;
  background: #1C1E2A;
}

.mobile-nav-block::-webkit-scrollbar {
  display: none;
}

.mobile-nav-block:first-child {
  left: 0;
}

.mobile-nav-block a,
.mobile-nav-block span {
  padding-left: 15px;
}

.mobile-nav a,
.mobile-nav > span {
  position: relative;
  display: block;
  padding: 25px 15px;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  border-bottom: 1px solid #282A36;
}

.mobile-nav a.scolor, .mobile-nav a.back,
.mobile-nav > span.scolor,
.mobile-nav > span.back {
  color: #80828C;
}

.mobile-nav a:before,
.mobile-nav > span:before {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #1C1E2A;
}

.mobile-nav a svg,
.mobile-nav > span svg {
  width: 10px;
  height: 10px;
  fill: #FFFFFF;
  margin: 0 0 0 10px;
  display: inline-block;
}

.mobile-nav .chevron {
  width: 16px;
  height: 16px;
  stroke: #545868;
  stroke-width: 2px;
}

.mobile-nav .chevron-right {
  position: absolute;
  right: 15px;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.mobile-nav .chevron-left {
  margin-right: 15px;
}

.mobile-nav strong {
  font-weight: 500;
}

.mobile-nav .phone {
  width: 20px;
  height: 20px;
  stroke: #545868;
  stroke-width: 1.5px;
  fill: none;
  margin-right: 20px;
}

.mobile-nav .world {
  width: 20px;
  height: 20px;
  fill: #545868;
  margin-right: 20px;
}

.mobile-nav-sublinks {
  list-style-type: none;
  margin: 35px 0 0;
  padding: 0;
}

.mobile-nav-sublinks li + li {
  margin-top: 25px;
}

.mobile-nav-sublinks a {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  color: #80828C;
}

/**
* Special case
*/
#trade-shows .split .column {
  min-height: initial;
}

/*
* Two Column short
*/
.no-min-height.split .column {
  min-height: auto;
}

.no-min-height.split.cta-two-column .column {
  min-height: auto;
}

.no-min-height.inqueries .column {
  height: auto;
}

/**
 * 50/50 & insight components
 */
.split {
  background-size: cover;
}

@media only screen and (min-width: 1025px) {
  .split .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .split .row:after {
    display: none;
  }
  .split .column {
    min-height: 580px;
  }
  .split.cta-two-column .column {
    min-height: 371px;
  }
}

@media only screen and (max-width: 1024px) {
  .split .left-align {
    text-align: left;
  }
  .split .left-align ul {
    text-align: left;
  }
}

.split p {
  margin: 0 0 2em;
  opacity: 0.999;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .split p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.split strong {
  font-weight: 500;
}

.split .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
}

.split.top-align .column {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.split.restrict-width .row {
  max-width: 1680px;
  margin: 0 auto;
}

.split.white-bg + .split.white-bg {
  border-top: 1px solid #EEEEEF;
}

.split.meetup.white-bg + .split.meetup.white-bg {
  border: 0 none;
}

@media only screen and (min-width: 1025px) {
  .split.inqueries .row {
    min-height: 360px;
  }
}

@media only screen and (min-width: 768px) {
  .split.inqueries .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.split.pixel-fix {
  background-color: #70707b;
}

@media only screen and (max-width: 1024px) {
  .split.location {
    text-align: center;
  }
}

.split.location .featured-image {
  width: 56px;
  height: 56px;
}

@media only screen and (max-width: 767px) {
  .split.location .featured-image {
    width: 38px;
    height: 38px;
  }
}

.split.location p {
  font-weight: 200;
  font-size: 36px;
  line-height: 1.2em;
}

@media only screen and (max-width: 1239px) {
  .split.location p {
    font-weight: 200;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .split.location p {
    font-weight: 200;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.split .featured-image {
  margin-bottom: 20px;
}

.split .featured-image.top-left {
  position: absolute;
  top: 0;
  left: 0;
}

.split .featured-image.top-right {
  position: absolute;
  top: 0;
  right: 0;
}

.split .featured-image.bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}

.split .featured-image.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}

.split .split-content {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.split .split-content.split-image {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
}

.split .split-content.full {
  max-width: 700px;
}

/*
* Full Width Component
 */
.full-width .comp-title {
  margin: 0 0 20px;
}

.full-width p {
  margin: 0 0 20px;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

.image-tile {
  min-height: 580px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.image-tile.bg-right {
  background-position: center right;
}

.image-tile.bg-left {
  background-position: center left;
}

.image-tile.bg-center {
  background-position: center center;
}

@media only screen and (max-width: 1599px) {
  .image-tile {
    min-height: 502px;
  }
}

@media only screen and (max-width: 1239px) {
  .image-tile {
    min-height: 472px;
  }
}

@media only screen and (max-width: 1024px) {
  .image-tile {
    min-height: 340px;
  }
}

@media only screen and (max-width: 767px) {
  .image-tile {
    min-height: 240px;
  }
}

.split-content {
  width: 100%;
  padding: 100px 30px calc( 100px - 2em);
}

@media only screen and (max-width: 1599px) {
  .split-content {
    padding: 80px 30px;
  }
}

@media only screen and (max-width: 1239px) {
  .split-content {
    padding: 50px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .split-content {
    padding: 50px 15px;
  }
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    top: -50px;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}

@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    top: -50px;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}

@-o-keyframes slide-in {
  0% {
    opacity: 0;
    top: -50px;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}

@keyframes slide-in {
  0% {
    opacity: 0;
    top: -50px;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}

@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    top: 0;
  }
  100% {
    top: -50px;
    opacity: 0;
  }
}

@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    top: 0;
  }
  100% {
    top: -50px;
    opacity: 0;
  }
}

@-o-keyframes slide-out {
  0% {
    opacity: 1;
    top: 0;
  }
  100% {
    top: -50px;
    opacity: 0;
  }
}

@keyframes slide-out {
  0% {
    opacity: 1;
    top: 0;
  }
  100% {
    top: -50px;
    opacity: 0;
  }
}

.quick-scroll {
  width: 100%;
  z-index: 1000;
  border-top: 1px solid #e4e5e6;
  position: relative;
  background: #FFFFFF;
}

.quick-scroll.insights {
  background: #FFFFFF;
}

@media only screen and (max-width: 1024px) {
  .quick-scroll {
    position: relative;
    top: 0;
  }
}

.quick-scroll .wrap {
  background: white none repeat scroll 0 0;
  max-width: 1346px;
  padding: 15px 30px;
  margin: 0 auto;
}

.quick-scroll .wrap:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 1024px) {
  .quick-scroll .wrap {
    padding: 15px;
  }
}

.quick-scroll .wrap.no-space {
  padding: 0;
}

@media only screen and (max-width: 1024px) {
  .quick-scroll .wrap.no-space {
    padding: 15px;
  }
}

.quick-scroll .share, .quick-scroll .podcast-share {
  padding: 0;
  background: transparent;
  float: left;
}

.quick-scroll .share span,
.quick-scroll .share a, .quick-scroll .podcast-share span,
.quick-scroll .podcast-share a {
  display: inline-block;
  vertical-align: middle;
}

.quick-scroll .share span, .quick-scroll .podcast-share span {
  color: #343642;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1024px) {
  .quick-scroll .share span, .quick-scroll .podcast-share span {
    padding: 0px 16px;
  }
}

.quick-scroll .share a, .quick-scroll .podcast-share a {
  margin: 10px;
}

@media only screen and (max-width: 1024px) {
  .quick-scroll .share a, .quick-scroll .podcast-share a {
    margin: 0 10px 0 0;
  }
}

.quick-scroll .share svg, .quick-scroll .podcast-share svg {
  width: 20px;
  height: 20px;
  position: relative;
}

.quick-scroll .share .facebook, .quick-scroll .podcast-share .facebook {
  fill: #425AA5;
}

.quick-scroll .share .twitter, .quick-scroll .podcast-share .twitter {
  fill: #19A4DD;
  top: 2px;
  height: 22px;
  width: 22px;
}

.quick-scroll .share .linkedin, .quick-scroll .podcast-share .linkedin {
  fill: #00739C;
}

.quick-scroll .share .gplus, .quick-scroll .podcast-share .gplus {
  fill: #B6251A;
  width: 30px;
  top: 1px;
}

.quick-scroll .share .email, .quick-scroll .podcast-share .email {
  fill: #284EB7;
  width: 25px;
  height: 17px;
  top: 2px;
}

.quick-scroll .quick-nav {
  float: left;
  padding: 0;
}

@media only screen and (max-width: 1024px) {
  .quick-scroll .quick-nav {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    padding: 15px 0;
    display: none;
    -webkit-box-shadow: 0 9px 26px rgba(28, 30, 42, 0.1);
    -moz-box-shadow: 0 9px 26px rgba(28, 30, 42, 0.1);
    box-shadow: 0 9px 26px rgba(28, 30, 42, 0.1);
  }
}

@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .quick-scroll .quick-nav {
    overflow-x: auto;
    max-height: calc(100vh - 90px);
  }
}

.quick-scroll .quick-nav .link {
  display: inline-block;
  text-decoration: none;
  color: #343642;
  padding: 10px 0;
  margin: 0 20px 0 0;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

@media only screen and (max-width: 1239px) {
  .quick-scroll .quick-nav .link {
    margin: 0 10px 0 0;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 1024px) {
  .quick-scroll .quick-nav .link {
    display: block;
    text-align: left;
    border-bottom: 1px solid #EEEEEF;
    opacity: 0;
    visibility: none;
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
  }
}

.quick-scroll .quick-nav .link.active {
  border-bottom: 1px solid #343642;
}

@media only screen and (max-width: 1024px) {
  .quick-scroll .quick-nav .link.active {
    border-color: #EEEEEF;
  }
}

.quick-scroll .quick-nav .link:last-child {
  margin: 0;
}

@media only screen and (max-width: 1024px) {
  .quick-scroll .quick-nav .link:last-child {
    border: none;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1024px) {
  .quick-scroll .quick-nav .nav-heading {
    display: block;
    text-align: left;
    opacity: 0;
    visibility: none;
    width: 90%;
    max-width: 600px;
    margin: 10px auto;
    font-weight: 700;
  }
}

.quick-scroll .dropdown-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  cursor: pointer;
}

.quick-scroll .left-link {
  float: left;
}

.quick-scroll .right-link {
  float: right;
}

.quick-scroll .qck-link {
  position: relative;
  padding: 0 15px 0 0;
  color: #2343B8;
}

@media only screen and (max-width: 500px) {
  .quick-scroll .qck-link {
    display: none;
  }
}

.quick-scroll .qck-link:before {
  content: '';
  display: block;
  position: absolute;
  top: 35%;
  right: 0px;
  width: 5px;
  height: 2px;
  background: #2343B8;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.quick-scroll .qck-link:after {
  content: '';
  display: block;
  position: absolute;
  top: calc(35% + 4px);
  right: 0px;
  width: 5px;
  height: 2px;
  background: #2343B8;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.quick-scroll .buttons {
  bottom: -67px;
  padding: 15px 25px;
  position: absolute;
  right: 0;
  text-align: right;
  width: 100%;
}

.quick-scroll .buttons a {
  margin: 0 0 0 10px;
}

.quick-scroll .post-scroll {
  display: none;
}

.quick-scroll.white .quick-nav a {
  color: #FFFFFF;
}

@media only screen and (max-width: 1024px) {
  .quick-scroll.white .quick-nav a {
    color: #1C1E2A;
  }
}

.quick-scroll.white .quick-nav a.active {
  border-color: #FFFFFF;
}

@media only screen and (max-width: 1024px) {
  .quick-scroll.white .quick-nav a.active {
    border-color: #FFFFFF;
  }
}

.quick-scroll.white .quick-nav a.prm-blue {
  color: #FFFFFF;
}

.quick-scroll.white .quick-nav a.prm-blue:hover, .quick-scroll.white .quick-nav a.prm-blue:focus {
  color: #FFFFFF;
}

.quick-scroll.white.fixed .quick-nav a.active {
  border-color: #1C1E2A;
}

@media only screen and (max-width: 1024px) {
  .quick-scroll.white.fixed .quick-nav a.active {
    border-color: #2343B8;
  }
}

.quick-scroll.fixed {
  position: fixed;
  opacity: 0;
  top: -50vh;
  left: 0;
  width: 100%;
  background: #FFFFFF;
}

.quick-scroll.fixed .wrap {
  max-width: none;
}

@media only screen and (max-width: 1024px) {
  .quick-scroll.fixed .quick-nav {
    max-height: calc(100vh - 30px);
  }
}

.quick-scroll.fixed .quick-nav a {
  color: #1C1E2A;
}

.quick-scroll.fixed .quick-nav .solid-gray {
  color: #2343B8;
}

.quick-scroll.fixed .quick-nav .prm-blue {
  color: #FFFFFF;
}

.quick-scroll.fixed .quick-nav .prm-white {
  color: #2343B8;
}

.quick-scroll.fixed .pre-scroll {
  display: none;
}

.quick-scroll.fixed .post-scroll {
  display: inline-block;
}

.quick-scroll.fixed .trans-white {
  color: #1C1E2A;
}

.quick-scroll.fixed .trans-white:before {
  background: #E4E5E6;
}

.quick-scroll.fixed .trans-white .btn-icon {
  fill: #1C1E2A;
}

.quick-scroll.fade-in {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in .5s;
  -moz-animation: slide-in .5s;
  -o-animation: slide-in .5s;
  animation: slide-in .5s;
  animation-fill-mode: both;
}

.quick-scroll.fade-out {
  -webkit-animation: slide-out .5s;
  -moz-animation: slide-out .5s;
  -o-animation: slide-out .5s;
  animation: slide-out .5s;
  animation-fill-mode: both;
}

.quick-scroll .btn {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  padding: 9px 10px;
}

.quick-scroll.white-overlay {
  top: 0;
  background: #FFFFFF;
  border-top: 1px solid #EEEEEF;
}

.quick-scroll .lock-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 14px;
  top: 8px;
  fill: #2343B8;
}

.quick-scroll:not(.fixed) .white-override {
  color: #2343B8;
  background: #FFFFFF;
}

.product-landing-group {
  padding-top: 76px !important;
}

@media only screen and (max-width: 1024px) {
  .product-landing-group {
    padding-top: 53px !important;
  }
}

@media only screen and (max-width: 500px) {
  .product-landing-group {
    padding-top: 31px !important;
  }
}

.product-landing-group .quick-scroll {
  position: absolute;
  top: 0;
}

.product-landing-group .quick-scroll.fixed {
  position: fixed;
}

.dropdown-nav {
  background: white;
  width: 100%;
  display: none;
}

.dropdown-nav.open {
  -webkit-transition: box-shadow 0.5s;
  -moz-transition: box-shadow 0.5s;
  -ms-transition: box-shadow 0.5s;
  -o-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
  -webkit-box-shadow: 0 9px 5px rgba(28, 30, 42, 0.15);
  -moz-box-shadow: 0 9px 5px rgba(28, 30, 42, 0.15);
  box-shadow: 0 9px 5px rgba(28, 30, 42, 0.15);
}

.dropdown-nav .group-title {
  display: inline-block;
  margin: 0 -2px;
  width: 250px;
  vertical-align: top;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.dropdown-nav .link-list {
  display: inline-block;
  margin: 0 -2px;
  width: calc(100% - 250px);
  padding: 0 0 30px;
  vertical-align: top;
}

.dropdown-nav .link-list a {
  color: #1C1E2A;
  display: inline-block;
  margin: 0 20px 5px 0;
  text-decoration: none;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes animate-in {
  0% {
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-moz-keyframes animate-in {
  0% {
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes animate-in {
  0% {
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes animate-in {
  0% {
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes nav-in {
  0% {
    -moz-transform: translate(0, -30px);
    -o-transform: translate(0, -30px);
    -ms-transform: translate(0, -30px);
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-moz-keyframes nav-in {
  0% {
    -moz-transform: translate(0, -30px);
    -o-transform: translate(0, -30px);
    -ms-transform: translate(0, -30px);
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes nav-in {
  0% {
    -moz-transform: translate(0, -30px);
    -o-transform: translate(0, -30px);
    -ms-transform: translate(0, -30px);
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes nav-in {
  0% {
    -moz-transform: translate(0, -30px);
    -o-transform: translate(0, -30px);
    -ms-transform: translate(0, -30px);
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes nav-out {
  0% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, -30px);
    -o-transform: translate(0, -30px);
    -ms-transform: translate(0, -30px);
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px);
    opacity: 0;
  }
}

@-moz-keyframes nav-out {
  0% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, -30px);
    -o-transform: translate(0, -30px);
    -ms-transform: translate(0, -30px);
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px);
    opacity: 0;
  }
}

@-o-keyframes nav-out {
  0% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, -30px);
    -o-transform: translate(0, -30px);
    -ms-transform: translate(0, -30px);
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px);
    opacity: 0;
  }
}

@keyframes nav-out {
  0% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, -30px);
    -o-transform: translate(0, -30px);
    -ms-transform: translate(0, -30px);
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px);
    opacity: 0;
  }
}

.animate-in {
  -webkit-animation: animate-in .7s;
  -moz-animation: animate-in .7s;
  -o-animation: animate-in .7s;
  animation: animate-in .7s;
  animation-fill-mode: both;
}

.nav-animate-in {
  -webkit-animation: nav-in .5s;
  -moz-animation: nav-in .5s;
  -o-animation: nav-in .5s;
  animation: nav-in .5s;
  animation-fill-mode: both;
}

.nav-animate-out {
  -webkit-animation: nav-out .5s;
  -moz-animation: nav-out .5s;
  -o-animation: nav-out .5s;
  animation: nav-out .5s;
  animation-fill-mode: both;
}

.hero-banner {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 540px;
  overflow: hidden;
}

@media only screen and (max-width: 1599px) {
  .hero-banner {
    height: 442px;
  }
}

@media only screen and (max-width: 1239px) {
  .hero-banner {
    height: 334px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner {
    height: 250px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner {
    height: 150px;
  }
}

@media only screen and (max-width: 768px) {
  .hero-banner.badge-container .column {
    min-height: 0;
  }
}

@media only screen and (max-width: 500px) {
  .hero-banner.badge-container .column .badge {
    float: left;
    padding: 10px 5px 0 0;
  }
}

@media only screen and (max-width: 500px) {
  .hero-banner.badge-container .column .btn {
    margin-top: 7%;
  }
}

.hero-banner .logo-overlay {
  position: absolute;
  bottom: 5%;
  left: 5%;
  max-width: 180px;
}

@media only screen and (max-width: 1152px) {
  .hero-banner .logo-overlay {
    max-width: 140px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner .logo-overlay {
    max-width: 120px;
  }
}

@media only screen and (max-width: 500px) {
  .hero-banner .logo-overlay {
    max-width: 80px;
  }
}

.hero-banner .column {
  height: 540px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 1599px) {
  .hero-banner .column {
    height: 442px;
  }
}

@media only screen and (max-width: 1239px) {
  .hero-banner .column {
    height: 334px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner .column {
    height: 250px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner .column {
    height: 150px;
  }
}

.hero-banner .column + .column {
  padding-top: 6.81818%;
  padding-bottom: 6.81818%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.hero-banner .column .wrap {
  padding: 0 15%;
  max-width: 100%;
  position: relative;
}

.hero-banner.bottom-align .column {
  align-items: flex-end;
  padding-bottom: 3%;
}

.hero-banner .hero-banner-content {
  width: 100%;
}

.hero-banner .hero-banner-content .category {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  color: #800A68;
  text-transform: uppercase;
  margin: 0;
}

@media only screen and (max-width: 500px) {
  .hero-banner .hero-banner-content .category {
    font-size: 9px;
  }
}

.hero-banner .hero-banner-content .category.orange {
  color: #d78534;
}

@media only screen and (max-width: 1024px) {
  .hero-banner .hero-banner-content .btn-container {
    margin: 15px 0 0;
  }
}

.hero-banner .hero-banner-summary p {
  line-height: 1.3em;
  margin: 25px 0 0;
}

@media only screen and (max-width: 1024px) {
  .hero-banner .hero-banner-summary p {
    line-height: 1.2em;
    margin: 10px 0 0;
  }
}

.hero-banner .hero-banner-summary.medium p {
  font-size: 24px;
}

@media only screen and (max-width: 1360px) {
  .hero-banner .hero-banner-summary.medium p {
    font-size: 21px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner .hero-banner-summary.medium p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner .hero-banner-summary.medium p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 414px) {
  .hero-banner .hero-banner-summary.medium p {
    font-size: 14px;
  }
}

.hero-banner .hero-banner-summary.large p {
  font-size: 28px;
}

@media only screen and (max-width: 1360px) {
  .hero-banner .hero-banner-summary.large p {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner .hero-banner-summary.large p {
    font-size: 21px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner .hero-banner-summary.large p {
    font-size: 15px;
  }
}

@media only screen and (max-width: 414px) {
  .hero-banner .hero-banner-summary.large p {
    font-size: 14px;
  }
}

.hero-banner .hero-banner-summary.regular p {
  font-weight: 400;
}

.hero-banner .hero-banner-summary.bold p {
  font-weight: 700;
}

.hero-banner .hero-banner-summary.extra-bold p {
  font-weight: 900;
}

.hero-banner.centered {
  text-align: center;
}

.hero-banner.centered .column {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.hero-banner.centered .sub-text {
  margin-bottom: 7%;
}

.hero-banner.centered .hero-banner-content {
  padding: 0 7.68049%;
}

.hero-banner.tall {
  height: 962px;
}

@media only screen and (max-width: 1599px) {
  .hero-banner.tall {
    height: 792px;
  }
}

@media only screen and (max-width: 1239px) {
  .hero-banner.tall {
    height: 594px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.tall {
    height: 385px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner.tall {
    height: 188px;
  }
}

.hero-banner.tall .column {
  height: 962px;
}

@media only screen and (max-width: 1599px) {
  .hero-banner.tall .column {
    height: 792px;
  }
}

@media only screen and (max-width: 1239px) {
  .hero-banner.tall .column {
    height: 594px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.tall .column {
    height: 385px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner.tall .column {
    height: 188px;
  }
}

.hero-banner.plus {
  height: 650px;
}

@media only screen and (max-width: 1599px) {
  .hero-banner.plus {
    height: 550px;
  }
}

@media only screen and (max-width: 1239px) {
  .hero-banner.plus {
    height: 450px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.plus {
    height: 350px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner.plus {
    height: 188px;
  }
}

.hero-banner.plus .column {
  height: 650px;
}

@media only screen and (max-width: 1599px) {
  .hero-banner.plus .column {
    height: 550px;
  }
}

@media only screen and (max-width: 1239px) {
  .hero-banner.plus .column {
    height: 450px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.plus .column {
    height: 350px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner.plus .column {
    height: 188px;
  }
}

.hero-banner.short {
  height: 380px;
}

@media only screen and (max-width: 1239px) {
  .hero-banner.short {
    height: 380px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.short {
    height: 260px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner.short {
    height: 230px;
  }
}

@media only screen and (max-width: 500px) {
  .hero-banner.short {
    height: 188px;
  }
}

.hero-banner.short .model {
  font-size: 65px;
}

@media only screen and (max-width: 1239px) {
  .hero-banner.short .model {
    font-size: 60px;
  }
}

@media only screen and (max-width: 1152px) {
  .hero-banner.short .model {
    font-size: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.short .model {
    font-size: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner.short .model {
    font-size: 26px;
  }
}

@media only screen and (max-width: 500px) {
  .hero-banner.short .model {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1599px) {
  .hero-banner.short.mini {
    height: 300px;
  }
}

@media only screen and (max-width: 1239px) {
  .hero-banner.short.mini {
    height: 275px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.short.mini {
    height: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner.short.mini {
    height: 150px;
  }
}

@media only screen and (max-width: 1239px) {
  .hero-banner.short.mini .model {
    font-size: 60px;
  }
}

@media only screen and (max-width: 1152px) {
  .hero-banner.short.mini .model {
    font-size: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.short.mini .model {
    font-size: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner.short.mini .model {
    font-size: 26px;
  }
}

@media only screen and (max-width: 500px) {
  .hero-banner.short.mini .model {
    font-size: 20px;
  }
}

.hero-banner.short.product-family .model {
  font-size: 180px;
}

@media only screen and (max-width: 1239px) {
  .hero-banner.short.product-family .model {
    font-size: 98px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.short.product-family .model {
    font-size: 74px;
  }
}

@media only screen and (max-width: 500px) {
  .hero-banner.short.product-family .model {
    font-size: 42px;
  }
}

.hero-banner.short .container,
.hero-banner.short .row,
.hero-banner.short .column {
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .hero-banner.short .container,
  .hero-banner.short .row,
  .hero-banner.short .column {
    min-height: inherit;
  }
}

.hero-banner.short .column + .column {
  position: relative;
  top: 20%;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.hero-banner.extra-short {
  height: 260px;
}

@media only screen and (max-width: 1239px) {
  .hero-banner.extra-short {
    height: 211px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.extra-short {
    height: 144px;
  }
}

.hero-banner.extra-short .column {
  height: 260px;
}

@media only screen and (max-width: 1239px) {
  .hero-banner.extra-short .column {
    height: 211px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.extra-short .column {
    height: 144px;
  }
}

.hero-banner.extra-short .column .model {
  font-size: 60px;
}

@media only screen and (max-width: 1239px) {
  .hero-banner.extra-short .column .model {
    font-size: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.extra-short .column .model {
    font-size: 26px;
  }
}

@media only screen and (max-width: 500px) {
  .hero-banner.extra-short .column .model {
    font-size: 20px;
  }
}

.hero-banner.bg-right {
  background-position: center right;
}

.hero-banner.bg-left {
  background-position: center left;
}

.hero-banner.bg-top {
  background-position: top;
}

.hero-banner.bg-bottom {
  background-position: bottom;
}

.hero-banner.white {
  color: #FFFFFF;
}

.hero-banner.black {
  color: #1C1E2A;
}

.hero-banner.article-detail {
  height: 755px;
}

@media only screen and (max-width: 1599px) {
  .hero-banner.article-detail {
    height: 537px;
  }
}

@media only screen and (max-width: 1239px) {
  .hero-banner.article-detail {
    height: 423px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.article-detail {
    height: 248px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner.article-detail {
    height: 184px;
  }
}

.hero-banner.short-left-aligned {
  height: 420px;
  background-size: auto;
  background-position: 30px;
  margin: 0 auto;
  width: 100%;
  max-width: 1346px;
}

@media only screen and (max-width: 1239px) {
  .hero-banner.short-left-aligned {
    height: 340px;
  }
}

@media only screen and (max-width: 1152px) {
  .hero-banner.short-left-aligned {
    background-position: left;
    background-size: auto;
    width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.short-left-aligned {
    background-position: center;
    background-size: cover;
    height: 280px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner.short-left-aligned {
    height: 184px;
  }
}

@media only screen and (max-width: 414px) {
  .hero-banner.short-left-aligned {
    height: 150px;
  }
}

.hero-banner.short-center-aligned {
  height: 380px;
  background-size: auto;
}

@media only screen and (max-width: 1360px) {
  .hero-banner.short-center-aligned {
    height: 340px;
    margin-left: 19%;
    background-position: center;
    width: 62%;
  }
}

@media only screen and (max-width: 1239px) {
  .hero-banner.short-center-aligned {
    height: 320px;
    margin-left: 3%;
    background-position: left;
    width: 100%;
  }
}

@media only screen and (max-width: 1152px) {
  .hero-banner.short-center-aligned {
    height: 280px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.short-center-aligned {
    background-position: left;
    height: 230px;
    background-size: cover;
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner.short-center-aligned {
    height: 184px;
  }
}

@media only screen and (max-width: 414px) {
  .hero-banner.short-center-aligned {
    height: 150px;
  }
}

.hero-banner .model {
  margin: 0;
  font-weight: 700;
  font-size: 98px;
  line-height: 1.1em;
  letter-spacing: -0.02em;
}

@media only screen and (max-width: 1599px) {
  .hero-banner .model {
    font-size: 74px;
  }
}

@media only screen and (max-width: 1239px) {
  .hero-banner .model {
    font-size: 60px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner .model {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner .model {
    font-size: 26px;
  }
}

.hero-banner .model.thin {
  font-weight: 200;
}

.hero-banner .model.regular {
  font-weight: 300;
}

.hero-banner .model.bold {
  font-weight: 700;
}

.hero-banner .model.extra-bold {
  font-weight: 900;
}

.hero-banner .model.small {
  font-size: 60px;
}

@media only screen and (max-width: 1360px) {
  .hero-banner .model.small {
    font-size: 45px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner .model.small {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner .model.small {
    font-size: 23px;
  }
}

@media only screen and (max-width: 500px) {
  .hero-banner .model.small {
    font-size: 20px;
  }
}

@media only screen and (max-width: 414px) {
  .hero-banner .model.small {
    font-size: 18px;
  }
}

.hero-banner .model.medium {
  font-size: 74px;
}

@media only screen and (max-width: 1360px) {
  .hero-banner .model.medium {
    font-size: 60px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner .model.medium {
    font-size: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner .model.medium {
    font-size: 38px;
  }
}

@media only screen and (max-width: 500px) {
  .hero-banner .model.medium {
    font-size: 32px;
  }
}

@media only screen and (max-width: 500px) {
  .hero-banner .model.medium {
    font-size: 25px;
  }
}

.hero-banner .model a {
  color: #FFFFFF;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .hero-banner .model a {
    color: #1C1E2A;
  }
}

.hero-banner .model a:hover {
  text-decoration: underline;
}

.hero-banner.bp-mdso-hero .model {
  font-size: 68px;
}

@media only screen and (max-width: 1599px) {
  .hero-banner.bp-mdso-hero .model {
    font-size: 64px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.bp-mdso-hero .model {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner.bp-mdso-hero .model {
    font-size: 20px;
  }
}

.hero-banner .badge {
  padding: 20px 30px 0 0;
}

@media only screen and (max-width: 1024px) {
  .hero-banner .badge {
    max-height: 100px;
  }
}

.hero-banner .sub-text {
  margin: 10px 0 0;
  opacity: 0.999;
  font-weight: 300;
  font-size: 36px;
  line-height: 1.2em;
}

@media only screen and (max-width: 1599px) {
  .hero-banner .sub-text {
    font-size: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner .sub-text {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner .sub-text {
    font-size: 15px;
  }
}

.hero-banner .sub-text.thin {
  font-weight: 200;
}

.hero-banner .sub-text.regular {
  font-weight: 300;
}

.hero-banner .sub-text.bold {
  font-weight: 700;
}

.hero-banner .sub-text.extra-bold {
  font-weight: 900;
}

.hero-banner .sub-text.small {
  font-size: 28px;
}

@media only screen and (max-width: 1360px) {
  .hero-banner .sub-text.small {
    font-size: 25px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner .sub-text.small {
    font-size: 23px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner .sub-text.small {
    font-size: 15px;
  }
}

.hero-banner .sub-text.large {
  font-size: 55px;
}

@media only screen and (max-width: 1360px) {
  .hero-banner .sub-text.large {
    font-size: 45px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner .sub-text.large {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner .sub-text.large {
    font-size: 28px;
    margin: 0;
  }
}

@media only screen and (max-width: 500px) {
  .hero-banner .sub-text.large {
    font-size: 25px;
  }
}

@media only screen and (max-width: 414px) {
  .hero-banner .sub-text.large {
    font-size: 20px;
  }
}

.hero-banner .sub-text a {
  color: #FFFFFF;
}

@media only screen and (max-width: 767px) {
  .hero-banner .sub-text a {
    color: #1C1E2A;
  }
}

.hero-banner .product-preview {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.hero-banner.auto-height {
  height: auto;
}

.hero-banner.search-banner {
  height: auto;
  transition: 2s;
  overflow: visible;
}

.hero-banner.search-banner .column {
  height: auto;
  min-height: 180px;
}

.hero-banner p a {
  color: #FFFFFF;
}

@media only screen and (max-width: 767px) {
  .hero-banner p a {
    color: #1C1E2A;
  }
}

.hero-banner p a:not(.btn):hover {
  text-decoration: underline;
}

.hero-banner .hero-icon {
  margin-top: 2%;
}

@media only screen and (max-width: 1360px) {
  .hero-banner .hero-icon {
    max-width: 150px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner .hero-icon {
    max-width: 125px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner .hero-icon {
    max-width: 65px;
    margin: 0;
  }
}

.full-text .hero-banner-content {
  padding-top: 80px;
}

@media only screen and (max-width: 1024px) {
  .full-text .hero-banner-content {
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .full-text .hero-banner-content .category {
    font-size: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .full-text .column {
    width: 83.33333%;
  }
}

@media only screen and (max-width: 414px) {
  .full-text .column {
    width: 100%;
    max-width: 100%;
  }
}

.full-text .column .model {
  font-size: 80px;
}

@media only screen and (max-width: 1239px) {
  .full-text .column .model {
    font-size: 60px;
  }
}

@media only screen and (max-width: 1152px) {
  .full-text .column .model {
    font-size: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .full-text .column .model {
    font-size: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .full-text .column .model {
    font-size: 26px;
  }
}

@media only screen and (max-width: 500px) {
  .full-text .column .model {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .full-text .column .sub-text {
    font-size: 16px;
  }
}

.carousel-container {
  position: relative;
  margin: 0;
}

.carousel-container .brand-story-title {
  text-align: center;
}

.carousel-container.short {
  margin: 0;
  height: 820px;
}

@media only screen and (max-width: 1024px) {
  .carousel-container.short {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-container.short {
    height: 470px;
  }
}

@media only screen and (max-width: 500px) {
  .carousel-container.short {
    height: 390px;
  }
}

.carousel-container.short .carousel .slick-slide {
  height: 480px;
}

@media only screen and (max-width: 1024px) {
  .carousel-container.short .carousel .slick-slide {
    height: 370px;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-container.short .carousel .slick-slide {
    height: 250px;
  }
}

@media only screen and (max-width: 500px) {
  .carousel-container.short .carousel .slick-slide {
    height: 150px;
  }
}

@media only screen and (max-width: 350px) {
  .carousel-container.short .carousel .slick-slide {
    height: 130px;
  }
}

.carousel-container.short .slick-dotted.slick-slider {
  margin-bottom: 20px;
}

.carousel-container .comp-title {
  margin: 0;
  text-align: center;
}

.carousel-container .carousel .slick-list {
  overflow: inherit;
}

.carousel-container .carousel .slick-slide {
  opacity: .2;
  position: relative;
  height: 574px;
  width: 1020px;
  padding: 0;
  margin: 0 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.carousel-container .carousel .slick-slide img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  max-height: 580px;
  width: 100vw;
  max-width: 1020px;
  margin: auto;
}

@media only screen and (max-width: 1239px) {
  .carousel-container .carousel .slick-slide img {
    max-height: 510px;
    max-width: 940px;
  }
}

@media only screen and (max-width: 1150px) {
  .carousel-container .carousel .slick-slide img {
    max-height: 510px;
    max-width: 860px;
  }
}

@media only screen and (max-width: 1050px) {
  .carousel-container .carousel .slick-slide img {
    max-height: 423px;
    max-width: 780px;
  }
}

@media only screen and (max-width: 950px) {
  .carousel-container .carousel .slick-slide img {
    max-height: 379px;
    max-width: 700px;
  }
}

@media only screen and (max-width: 850px) {
  .carousel-container .carousel .slick-slide img {
    max-height: 336px;
    max-width: 620px;
  }
}

@media only screen and (max-width: 750px) {
  .carousel-container .carousel .slick-slide img {
    max-height: 293px;
    max-width: 540px;
  }
}

@media only screen and (max-width: 700px) {
  .carousel-container .carousel .slick-slide img {
    max-height: 249px;
    max-width: 460px;
  }
}

@media only screen and (max-width: 650px) {
  .carousel-container .carousel .slick-slide img {
    max-height: 206px;
    max-width: 380px;
  }
}

@media only screen and (max-width: 550px) {
  .carousel-container .carousel .slick-slide img {
    max-height: 163px;
    max-width: 300px;
  }
}

@media only screen and (max-width: 450px) {
  .carousel-container .carousel .slick-slide img {
    max-height: 125px;
    max-width: 250px;
  }
}

.carousel-container .carousel .slick-slide .video-info {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}

.carousel-container .carousel .slick-slide .video-info img {
  width: 100px;
}

@media only screen and (max-width: 767px) {
  .carousel-container .carousel .slick-slide .video-info img {
    width: 15%;
  }
}

@media only screen and (max-width: 1239px) {
  .carousel-container .carousel .slick-slide {
    height: 560px;
    width: 996px;
  }
}

@media only screen and (max-width: 768px) {
  .carousel-container .carousel .slick-slide {
    height: 240px;
  }
}

@media only screen and (max-width: 1150px) {
  .carousel-container .carousel .slick-slide {
    height: 512px;
    width: 910px;
  }
}

@media only screen and (max-width: 1050px) {
  .carousel-container .carousel .slick-slide {
    height: 467px;
    width: 831px;
  }
}

@media only screen and (max-width: 950px) {
  .carousel-container .carousel .slick-slide {
    height: 422px;
    width: 750px;
  }
}

@media only screen and (max-width: 850px) {
  .carousel-container .carousel .slick-slide {
    height: 378px;
    width: 671px;
  }
}

@media only screen and (max-width: 750px) {
  .carousel-container .carousel .slick-slide {
    height: 332px;
    width: 590px;
  }
}

@media only screen and (max-width: 700px) {
  .carousel-container .carousel .slick-slide {
    height: 288px;
    width: 511px;
  }
}

@media only screen and (max-width: 650px) {
  .carousel-container .carousel .slick-slide {
    height: 242px;
    width: 430px;
  }
}

@media only screen and (max-width: 550px) {
  .carousel-container .carousel .slick-slide {
    height: 198px;
    width: 351px;
  }
}

@media only screen and (max-width: 450px) {
  .carousel-container .carousel .slick-slide {
    height: 152px;
    width: 270px;
  }
}

.carousel-container .carousel .slick-slide .pin-marker img {
  width: auto;
}

.carousel-container .carousel .slick-center {
  position: relative;
  opacity: 1;
  z-index: 100;
}

.carousel-container .carousel .slick-dots {
  position: relative;
  z-index: -1;
}

.carousel-container .launch-jw-carousel iframe {
  height: 580px;
}

.carousel-container .launch-player,
.carousel-container .launch-jw-carousel {
  cursor: pointer;
}

.carousel-container .pin-marker {
  position: absolute;
}

@media only screen and (max-width: 767px) {
  .carousel-container .pin-marker {
    display: none;
  }
}

.carousel-container .pin-marker img {
  width: auto;
  cursor: pointer;
  box-shadow: none;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}

.carousel-container .pin-marker .pin-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 12px 12.5px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: -12px;
  left: 14px;
}

.carousel-container .pin-marker .pin-content {
  display: none;
  background-color: #FFFFFF;
  padding: 17px;
  position: absolute;
  width: 360px;
  top: 28px;
  left: 0;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

@media only screen and (max-width: 1024px) {
  .carousel-container .pin-marker .pin-content {
    top: 24px;
  }
}

.carousel-container .pin-marker .pin-content p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}

.carousel-container .pin-marker.one {
  left: 12%;
  top: 40%;
}

.carousel-container .pin-marker.two {
  left: 28%;
  top: 61%;
}

.carousel-container .pin-marker.three {
  left: 42%;
  top: 48%;
}

.carousel-container .pin-marker.four {
  right: 35.5%;
  top: 46%;
}

.carousel-container .pin-marker.four .pin-content {
  left: auto;
  right: -50px;
}

.carousel-container .pin-marker.four .pin-triangle {
  left: auto;
  right: 12px;
}

.carousel-container .pin-marker.five {
  right: 26%;
  top: 55.5%;
}

.carousel-container .pin-marker.five .pin-content {
  left: auto;
  right: -50px;
}

.carousel-container .pin-marker.five .pin-triangle {
  left: auto;
  right: 12px;
}

.carousel-container .pin-marker.six {
  left: 50%;
  top: 57%;
}

.carousel-container .carousel-caption {
  width: 80%;
  color: #343642;
  font-weight: 200;
  font-size: 24px;
  text-align: center;
  min-height: 24px;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
  .carousel-container .carousel-caption {
    padding-top: 0;
  }
}

.carousel-container .carousel-left-arrow,
.carousel-container .carousel-right-arrow {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 200;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  .carousel-container .carousel-left-arrow,
  .carousel-container .carousel-right-arrow {
    margin-top: -40px;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-container .carousel-left-arrow,
  .carousel-container .carousel-right-arrow {
    margin-top: -30px;
  }
}

@media only screen and (max-width: 500px) {
  .carousel-container .carousel-left-arrow,
  .carousel-container .carousel-right-arrow {
    margin-top: -50px;
  }
}

.carousel-container .carousel-left-arrow {
  left: 50%;
  margin-left: -565px;
}

@media only screen and (max-width: 1239px) {
  .carousel-container .carousel-left-arrow {
    left: 51.5%;
  }
}

@media only screen and (max-width: 1152px) {
  .carousel-container .carousel-left-arrow {
    left: 55%;
  }
}

@media only screen and (max-width: 1050px) {
  .carousel-container .carousel-left-arrow {
    left: 60%;
  }
}

@media only screen and (max-width: 950px) {
  .carousel-container .carousel-left-arrow {
    left: 65%;
  }
}

@media only screen and (max-width: 900px) {
  .carousel-container .carousel-left-arrow {
    left: 66%;
  }
}

@media only screen and (max-width: 850px) {
  .carousel-container .carousel-left-arrow {
    left: 72%;
  }
}

.carousel-container .carousel-right-arrow {
  right: 50%;
  margin-right: -565px;
}

@media only screen and (max-width: 1239px) {
  .carousel-container .carousel-right-arrow {
    right: 51.5%;
  }
}

@media only screen and (max-width: 1152px) {
  .carousel-container .carousel-right-arrow {
    right: 55%;
  }
}

@media only screen and (max-width: 1050px) {
  .carousel-container .carousel-right-arrow {
    right: 60%;
  }
}

@media only screen and (max-width: 950px) {
  .carousel-container .carousel-right-arrow {
    right: 65%;
  }
}

@media only screen and (max-width: 900px) {
  .carousel-container .carousel-right-arrow {
    right: 66%;
  }
}

@media only screen and (max-width: 850px) {
  .carousel-container .carousel-right-arrow {
    right: 72%;
  }
}

.carousel-container .slide-arrow {
  width: 50px;
  height: 50px;
  fill: #1C1E2A;
}

@media only screen and (max-width: 1024px) {
  .carousel-container .slide-arrow {
    width: 40px;
    height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .carousel-container .slide-arrow {
    display: none;
  }
}

.intro {
  text-align: center;
}

.intro.dark {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #FFFFFF;
}

.intro.restrict-width {
  max-width: 1680px;
  margin: 0 auto;
}

@media only screen and (max-width: 1599px) {
  .intro.restrict-width {
    max-width: 100%;
    margin: 0;
  }
}

.intro .wrap {
  max-width: 906px;
  padding: 0 15px;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
  .intro .wrap {
    max-width: 800px;
  }
}

@media only screen and (max-width: 767px) {
  .intro .wrap {
    max-width: 600px;
  }
}

@media only screen and (max-width: 500px) {
  .intro .wrap {
    max-width: 92%;
  }
}

.intro .comp-heading {
  margin: 0 0 20px;
}

.intro p {
  margin: 0 0 30px;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
}

@media only screen and (max-width: 1239px) {
  .intro p {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.35em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 1024px) {
  .intro p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 767px) {
  .intro p {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 500px) {
  .intro p {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.intro p.thin {
  font-weight: 200;
}

.intro .small {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1024px) {
  .intro .small {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.intro img:not(.profile-pic) {
  width: 70px;
  margin-bottom: 25px;
}

@media only screen and (max-width: 1599px) {
  .intro img:not(.profile-pic) {
    width: 60px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .intro img:not(.profile-pic) {
    width: 50px;
    margin-bottom: 15px;
  }
}

.intro .profile-pic {
  max-width: 175px;
}

@media only screen and (max-width: 767px) {
  .intro .profile-pic {
    margin-bottom: 0;
  }
}

.intro img.full-size-img {
  width: auto;
}

.intro a:not(.btn):hover {
  text-decoration: underline;
}

.listing-meeting-location p {
  margin: 0;
}

.double-heading .model {
  font-weight: 700;
  font-size: 180px;
  line-height: 1.1em;
  letter-spacing: -.02em;
  color: #FFFFFF;
}

@media only screen and (max-width: 1239px) {
  .double-heading .model {
    font-weight: 700;
    font-size: 98px;
    line-height: 1.1em;
    letter-spacing: -0.02em;
  }
}

@media only screen and (max-width: 1024px) {
  .double-heading .model {
    font-weight: 700;
    font-size: 74px;
    line-height: 1.1em;
    letter-spacing: -0.01em;
  }
}

@media only screen and (max-width: 500px) {
  .double-heading .model {
    font-weight: 700;
    font-size: 42px;
    line-height: 1.12em;
  }
}

.double-heading .column + .column {
  padding-top: 0;
  padding-bottom: 0;
}

.double-heading .sub-text {
  font-weight: 200;
  font-size: 60px;
  line-height: 1.13em;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  margin: 0;
  line-height: 1em;
}

@media only screen and (max-width: 1239px) {
  .double-heading .sub-text {
    font-weight: 200;
    font-size: 50px;
    line-height: 1.16em;
    letter-spacing: -0.01em;
  }
}

@media only screen and (max-width: 1024px) {
  .double-heading .sub-text {
    font-weight: 200;
    font-size: 42px;
    line-height: 1.12em;
  }
}

@media only screen and (max-width: 767px) {
  .double-heading .sub-text {
    font-weight: 200;
    font-size: 28px;
    line-height: 1.3em;
  }
}

@media only screen and (max-width: 500px) {
  .double-heading .sub-text {
    font-weight: 200;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 414px) {
  .double-heading .sub-text {
    font-weight: 200;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

/**
 * Canvas
 */
#hero {
  position: relative;
}

#hero.hasMobileHero .mobileHero {
  display: none;
}

@media only screen and (max-width: 767px) {
  #hero.hasMobileHero .mobileHero {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  #hero.hasMobileHero .hero-bg:not(.mobileHero) {
    display: none;
  }
}

#hero .hero-bg {
  display: block;
  width: 100%;
  top: 0;
  left: 0;
}

#hero .hero-content .category.sentence-case {
  text-transform: none;
}

@media only screen and (max-width: 1599px) {
  #hero .container {
    width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  #hero .category {
    margin-bottom: 5px;
  }
}

#hero .home-hero-icon {
  position: absolute;
  right: 0;
}

#hero .home-hero-icon.right {
  right: 0;
}

#hero .home-hero-icon.left {
  right: initial;
  left: 0;
}

#hero .home-hero-icon.top {
  top: 18%;
  transform: translateY(-18%);
}

#hero .home-hero-icon.middle {
  top: 35%;
  transform: translateY(-35%);
}

#hero .home-hero-icon.bottom {
  bottom: 40%;
  top: initial;
  transform: translateY(-40%);
}

#hero .home-robot-overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

#hero.align-hero-content .container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 57px;
  width: 100%;
}

@media only screen and (max-width: 1239px) {
  #hero.align-hero-content .container {
    left: 25px;
  }
}

@media only screen and (max-width: 1024px) {
  #hero.align-hero-content .container {
    left: 35px;
  }
}

@media only screen and (max-width: 767px) {
  #hero.align-hero-content .container {
    position: static;
    transform: translateY(0%);
  }
}

#hero.align-hero-content .story-one {
  left: 0;
}

@media only screen and (max-width: 1239px) {
  #hero.align-hero-content .story-one {
    left: 18px;
  }
}

#hero.align-hero-content h2 {
  padding-left: 8px;
}

#hero .alt-subtext {
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
  margin-top: 2%;
}

@media only screen and (max-width: 1599px) {
  #hero .alt-subtext {
    font-size: 28px;
  }
}

@media only screen and (max-width: 1360px) {
  #hero .alt-subtext {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1239px) {
  #hero .alt-subtext {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  #hero .alt-subtext {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  #hero .alt-subtext {
    font-weight: 400;
    letter-spacing: 0;
  }
}

#hero .alt-subtext.extra-bold {
  font-weight: 700;
  margin: 0;
}

/* Message */
#message-bar {
  background-color: #264AC9;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 500px) {
  #message-bar {
    padding: 10px;
    justify-content: space-between;
  }
}

#message-bar #message {
  margin: 0;
  font-size: 25px;
  font-weight: 400;
  color: #FFFFFF;
}

@media only screen and (max-width: 1152px) {
  #message-bar #message {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  #message-bar #message {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  #message-bar #message {
    font-size: 15px;
  }
}

@media only screen and (max-width: 500px) {
  #message-bar #message {
    font-size: 12px;
  }
}

#message-bar #message-cta {
  margin: 0 0 0 15px;
}

@media only screen and (max-width: 500px) {
  #message-bar #message-cta {
    font-size: 12px;
    padding: 8px 15px;
    margin: 0 0 0 5px;
  }
}

.fade-in-animation {
  animation: fadein 1s 2.5s alternate forwards;
  visibility: hidden;
  opacity: 0;
}

@keyframes fadein {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}

.great-place-banner {
  width: 100%;
  height: 160px;
  background-color: rgba(255, 255, 255, 0.7);
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .great-place-banner {
    background-color: white;
    border-top: 2px solid #e3e4e5;
  }
}

@media only screen and (max-width: 767px) {
  .great-place-banner {
    height: 210px;
  }
}

@media only screen and (max-width: 1024px) {
  .great-place-banner .container a {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .great-place-banner .container a {
    margin: 0 auto;
  }
}

.great-place-banner .badge-container {
  display: inline-block;
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .great-place-banner .badge-container {
    width: 20%;
  }
}

.great-place-banner a {
  padding: 13px 40px 0 0;
  display: inline-block;
  vertical-align: top;
}

@media only screen and (max-width: 1239px) {
  .great-place-banner a {
    padding-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .great-place-banner a {
    display: block;
  }
}

@media only screen and (max-width: 1024px) {
  .great-place-banner .great-place {
    width: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .great-place-banner .great-place {
    width: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .great-place-banner .great-place {
    width: 45px;
  }
}

@media only screen and (max-width: 1024px) {
  .great-place-banner .fortune-badge {
    width: 160px;
  }
}

@media only screen and (max-width: 767px) {
  .great-place-banner .fortune-badge {
    width: 100px;
  }
}

@media only screen and (max-width: 500px) {
  .great-place-banner .fortune-badge {
    width: 75px;
  }
}

.great-place-banner p {
  font-size: 26px;
  font-family: "aktiv-grotesk", "Helvetica", "arial", sans-serif;
  width: 60%;
  font-weight: 100;
  display: inline-block;
  z-index: 500;
  line-height: 30px;
  padding-top: 10px;
}

@media only screen and (max-width: 1239px) {
  .great-place-banner p {
    margin: 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .great-place-banner p {
    font-size: 23px;
  }
}

@media only screen and (max-width: 767px) {
  .great-place-banner p {
    margin: 15px 25px;
    font-size: 20px;
  }
}

@media only screen and (max-width: 500px) {
  .great-place-banner p {
    margin: 0 0 0 10px;
    width: 65%;
    font-size: 15px;
  }
}

.great-place-banner .close {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 15px 10px;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  .great-place-banner .close {
    top: 30%;
    right: 15px;
  }
}

@media only screen and (max-width: 500px) {
  .great-place-banner .close {
    right: 5px;
  }
}

.great-place-banner .close svg {
  width: 20px;
  height: 20px;
}

@media only screen and (max-width: 1024px) {
  .great-place-banner .close svg {
    width: 23px;
    height: 23px;
  }
}

@media only screen and (max-width: 500px) {
  .great-place-banner .close svg {
    width: 20px;
    height: 20px;
  }
}

.story-one {
  max-width: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 1239px) {
  .story-one {
    left: 10%;
  }
}

@media only screen and (max-width: 1152px) {
  .story-one {
    left: 6%;
  }
}

@media only screen and (max-width: 767px) {
  .story-one {
    position: static;
    padding: 40px 0 0;
    max-width: 355px;
    margin: 0 auto;
    text-align: center;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}

.story-one.full-width {
  max-width: 100%;
}

.story-one.three-quarter-width {
  max-width: 75%;
}

@media only screen and (max-width: 1024px) {
  .story-one.three-quarter-width {
    max-width: 100%;
  }
}

.story-one.three-quarter-width.left-15-point-8 {
  left: 15.8%;
}

.story-one.three-quarter-width.left-15-point-8 .category {
  display: block;
  position: absolute;
  top: -50%;
  left: 0;
}

@media only screen and (max-width: 1599px) {
  .story-one.three-quarter-width.left-15-point-8 .category {
    top: -35%;
  }
}

@media only screen and (max-width: 1360px) {
  .story-one.three-quarter-width.left-15-point-8 .category {
    top: -30%;
  }
}

@media only screen and (max-width: 1239px) {
  .story-one.three-quarter-width.left-15-point-8 .category {
    top: -25%;
  }
}

@media only screen and (max-width: 1024px) {
  .story-one.three-quarter-width.left-15-point-8 .category {
    top: -50%;
  }
}

@media only screen and (max-width: 900px) {
  .story-one.three-quarter-width.left-15-point-8 .category {
    top: -30%;
  }
}

@media only screen and (max-width: 767px) {
  .story-one.three-quarter-width.left-15-point-8 .category {
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
  }
}

.story-one.five-eighths {
  max-width: 60%;
}

@media only screen and (max-width: 1360px) {
  .story-one.five-eighths {
    max-width: 50%;
  }
}

@media only screen and (max-width: 1239px) {
  .story-one.five-eighths {
    max-width: 52%;
  }
}

@media only screen and (max-width: 1152px) {
  .story-one.five-eighths {
    max-width: 60%;
  }
}

@media only screen and (max-width: 1024px) {
  .story-one.five-eighths {
    max-width: 70%;
  }
}

@media only screen and (max-width: 767px) {
  .story-one.five-eighths {
    max-width: 90%;
  }
}

.story-one.an-robot {
  max-width: none;
  top: initial;
  transform: translateX(-50%);
  left: 50%;
  bottom: 0;
  width: 100%;
  padding-bottom: 1.5%;
}

@media only screen and (max-width: 767px) {
  .story-one.an-robot {
    left: 0;
    transform: none;
  }
}

.story-one.an-robot.reverse-overlay:before {
  background: rgba(0, 0, 0, 0.7);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
}

@media only screen and (max-width: 767px) {
  .story-one.an-robot.reverse-overlay:before {
    background: none;
  }
}

.story-one.an-robot .title {
  margin: 0;
  overflow: hidden;
  position: relative;
}

.story-one.an-robot span {
  display: block;
  width: 50%;
  line-height: 1.1em;
}

@media only screen and (max-width: 767px) {
  .story-one.an-robot span {
    line-height: 1.5em;
  }
}

.story-one.an-robot .left-title {
  font-size: 45px;
  text-align: right;
  width: 50%;
  padding-right: 5px;
}

@media only screen and (max-width: 1239px) {
  .story-one.an-robot .left-title {
    font-size: 35px;
  }
}

@media only screen and (max-width: 1024px) {
  .story-one.an-robot .left-title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .story-one.an-robot .left-title {
    width: 100%;
    text-align: center;
  }
}

@media only screen and (max-width: 414px) {
  .story-one.an-robot .left-title {
    font-size: 24px;
  }
}

.story-one.an-robot .right-title {
  font-weight: 500;
  font-size: 43px;
  float: right;
  width: 50%;
  text-align: left;
  padding-left: 5px;
}

@media only screen and (max-width: 1239px) {
  .story-one.an-robot .right-title {
    font-size: 33px;
  }
}

@media only screen and (max-width: 1024px) {
  .story-one.an-robot .right-title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .story-one.an-robot .right-title {
    width: 100%;
    text-align: center;
  }
}

@media only screen and (max-width: 414px) {
  .story-one.an-robot .right-title {
    font-size: 22px;
  }
}

.story-one.an-robot .btn {
  clear: both;
}

.story-one .three-quarter-width {
  max-width: 75%;
}

@media only screen and (max-width: 767px) {
  .story-one .category {
    display: block;
    font-size: 10px;
  }
}

.story-one .title {
  margin: 0 0 30px;
  /* This was changed for 5g brand canvas. it was 20 */
  font-weight: 200;
  font-size: 60px;
  line-height: 1.13em;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 1599px) {
  .story-one .title {
    font-weight: 200;
    font-size: 50px;
    line-height: 1.16em;
    letter-spacing: -0.01em;
  }
}

@media only screen and (max-width: 1239px) {
  .story-one .title {
    font-weight: 200;
    font-size: 42px;
    line-height: 1.12em;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .story-one .title {
    font-weight: 300;
    font-size: 28px;
    line-height: 1.3em;
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .story-one .title {
    font-weight: 200;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.story-one .title.extra-bold {
  font-weight: 700;
  font-size: 85px;
}

@media only screen and (max-width: 1599px) {
  .story-one .title.extra-bold {
    font-size: 75px;
  }
}

@media only screen and (max-width: 1239px) {
  .story-one .title.extra-bold {
    font-size: 70px;
  }
}

@media only screen and (max-width: 1152px) {
  .story-one .title.extra-bold {
    font-size: 60px;
  }
}

@media only screen and (max-width: 1024px) {
  .story-one .title.extra-bold {
    font-size: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .story-one .title.extra-bold {
    font-size: 35px;
  }
}

.story-one .title.extra-bolded {
  font-weight: 700;
}

@media only screen and (max-width: 1024px) {
  .story-one .title.extra-bolded {
    line-height: 1em;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .story-one .title.extra-bolded {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
    line-height: 1.1em;
  }
}

.story-one .title.bolded {
  font-weight: 500;
  line-height: 1.3em;
}

@media only screen and (max-width: 1024px) {
  .story-one .title.bolded {
    line-height: 1em;
  }
}

.story-one .title .naas-hero-custom-title {
  font-weight: 300;
  font-size: 36px;
  letter-spacing: 0;
  display: block;
  line-height: 1.16em;
  margin-top: 9%;
}

@media only screen and (max-width: 1024px) {
  .story-one .title .naas-hero-custom-title {
    font-size: 20px;
  }
}

.story-one .subtitle {
  font-size: 30px;
  font-weight: 100;
  line-height: 35px;
  margin: 10px 0;
}

@media only screen and (max-width: 1599px) {
  .story-one .subtitle {
    max-width: 100%;
  }
}

@media only screen and (max-width: 1239px) {
  .story-one .subtitle {
    font-size: 24px;
    line-height: 29px;
  }
}

@media only screen and (max-width: 1024px) {
  .story-one .subtitle {
    font-size: 19px;
    line-height: 24px;
    margin: 0 0 10px;
  }
}

.story-one .subtitle.bolded {
  font-weight: 300;
}

.story-one .subtitle.extra-bolded {
  font-weight: 700;
}

.story-one .subtitle.large {
  font-size: 55px;
}

@media only screen and (max-width: 1239px) {
  .story-one .subtitle.large {
    font-size: 38px;
  }
}

@media only screen and (max-width: 1024px) {
  .story-one .subtitle.large {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .story-one .subtitle.large {
    font-size: 18px;
  }
}

.story-one.white-text {
  color: #FFFFFF;
}

@media only screen and (max-width: 767px) {
  .story-one.white-text {
    color: #1C1E2A;
  }
}

@media only screen and (max-width: 767px) {
  .story-one .sec-white {
    color: #2343B8;
    background: #FFFFFF;
  }
}

@media only screen and (max-width: 1152px) {
  .story-one .btn-container {
    margin-top: 20px;
  }
}

.question-cta {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  padding: 60px 30px;
  margin: 0 auto 15px;
  font-weight: 300;
  font-size: 42px;
  line-height: 1.12em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

@media only screen and (max-width: 1599px) {
  .question-cta {
    max-width: 90%;
    padding: 40px 30px;
    font-weight: 300;
    font-size: 32px;
    line-height: 1.25em;
  }
}

@media only screen and (max-width: 1239px) {
  .question-cta {
    max-width: 85%;
    font-weight: 300;
    font-size: 28px;
    line-height: 1.3em;
  }
}

@media only screen and (max-width: 1024px) {
  .question-cta {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .question-cta {
    padding: 20px;
    max-width: none;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

.question-cta:hover {
  -moz-transform: scale(1.025) perspective(1px);
  -o-transform: scale(1.025) perspective(1px);
  -ms-transform: scale(1.025) perspective(1px);
  -webkit-transform: scale(1.025) perspective(1px);
  transform: scale(1.025) perspective(1px);
  -webkit-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  -moz-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
}

.question-cta span {
  display: inline-block;
  width: calc(100% - 153px);
  vertical-align: middle;
}

@media only screen and (max-width: 1239px) {
  .question-cta span {
    width: calc(100% - 115px);
  }
}

@media only screen and (max-width: 1024px) {
  .question-cta span {
    width: calc(100% - 73px);
  }
}

.question-cta .q-icon {
  fill: #FFFFFF;
  width: 64px;
  height: 64px;
  margin: 0 10px;
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (max-width: 1239px) {
  .question-cta .q-icon {
    width: 57px;
    height: 57px;
    margin: 0 5px 0 0;
  }
}

@media only screen and (max-width: 1024px) {
  .question-cta .q-icon {
    width: 30px;
    height: 30px;
  }
}

.question-cta .arrow-icon {
  fill: #FFFFFF;
  width: 50px;
  height: 50px;
  height: 111px;
  display: inline-block;
  vertical-align: middle;
}

@media only screen and (max-width: 1239px) {
  .question-cta .arrow-icon {
    width: 40px;
    height: 40px;
  }
}

@media only screen and (max-width: 1024px) {
  .question-cta .arrow-icon {
    width: 25px;
    height: 25px;
  }
}

.canvas-stories {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .canvas-stories {
    margin: 16px 0 -16px;
  }
}

.canvas-stories .story {
  height: 555px;
  padding: 100px 30px;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

@media only screen and (max-width: 1599px) {
  .canvas-stories .story {
    height: 450px;
  }
}

@media only screen and (max-width: 1239px) {
  .canvas-stories .story {
    height: 350px;
    padding: 50px 15px;
  }
}

@media only screen and (max-width: 1024px) {
  .canvas-stories .story {
    height: 250px;
    padding: 40px 25px;
  }
}

@media only screen and (max-width: 767px) {
  .canvas-stories .story {
    height: 170px;
    padding: 20px;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}

.canvas-stories .story:hover {
  -moz-transform: scale(1.025) perspective(1px);
  -o-transform: scale(1.025) perspective(1px);
  -ms-transform: scale(1.025) perspective(1px);
  -webkit-transform: scale(1.025) perspective(1px);
  transform: scale(1.025) perspective(1px);
  -webkit-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  -moz-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
}

.canvas-stories .story.align-btns {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.canvas-stories .story.align-btns .category {
  margin: 0;
}

.canvas-stories .story.align-btns .subtitle {
  width: 100%;
}

.canvas-stories .story.align-btns .btn-container {
  align-self: flex-end;
  margin: 0;
}

.canvas-stories .story.align-btns .btn-container .btn {
  margin: 0;
}

.canvas-stories .story .category {
  position: relative;
  margin: 0 0 15px;
}

@media only screen and (max-width: 767px) {
  .canvas-stories .story .category {
    margin: 0 0 5px;
    font-weight: 500;
    font-size: 10px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.canvas-stories .story .title {
  position: relative;
  z-index: 100;
  margin: 0;
  width: 100%;
  font-weight: 300;
  font-size: 42px;
  line-height: 1.12em;
  -webkit-transition: color 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: color 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: color 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: color 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  transition: color 0.75s cubic-bezier(0.4, 0, 0.2, 1);
}

@media only screen and (max-width: 1239px) {
  .canvas-stories .story .title {
    font-weight: 300;
    font-size: 36px;
    line-height: 1.2em;
  }
}

@media only screen and (max-width: 1024px) {
  .canvas-stories .story .title {
    font-weight: 300;
    font-size: 28px;
    line-height: 1.3em;
  }
}

@media only screen and (max-width: 767px) {
  .canvas-stories .story .title {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.35em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 500px) {
  .canvas-stories .story .title {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.canvas-stories .story .title.extra-bolded {
  font-weight: 700;
  line-height: 1.3em;
}

@media only screen and (max-width: 1024px) {
  .canvas-stories .story .title.extra-bolded {
    line-height: 1em;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .canvas-stories .story .title.extra-bolded {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
    line-height: 1.1em;
  }
}

.canvas-stories .story .title.bolded {
  font-weight: 500;
  line-height: 1.3em;
}

@media only screen and (max-width: 1024px) {
  .canvas-stories .story .title.bolded {
    line-height: 1em;
  }
}

.canvas-stories .story .subtitle {
  font-weight: 200;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  margin: 5px 0 0;
  position: relative;
}

@media only screen and (max-width: 1239px) {
  .canvas-stories .story .subtitle {
    font-weight: 200;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 1024px) {
  .canvas-stories .story .subtitle {
    font-weight: 200;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 767px) {
  .canvas-stories .story .subtitle {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 500px) {
  .canvas-stories .story .subtitle {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.canvas-stories .story .subtitle.extra-bolded {
  font-weight: 700;
  line-height: 1.3em;
}

.canvas-stories .story .subtitle.bolded {
  font-weight: 500;
  line-height: 1.3em;
}

.canvas-stories .story p {
  max-width: 575px;
  visibility: hidden;
  opacity: 0;
  position: relative;
  z-index: 100;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  -webkit-transition: all 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.75s cubic-bezier(0.4, 0, 0.2, 1);
}

@media only screen and (max-width: 1239px) {
  .canvas-stories .story p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 1024px) {
  .canvas-stories .story p {
    display: none;
  }
}

.canvas-stories .story .btn-container {
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .canvas-stories .story .btn-container {
    margin-top: 10px;
  }
}

.canvas-stories .story .btn {
  position: absolute;
  bottom: 30px;
  left: 30px;
  visibility: hidden;
  opacity: 0;
  z-index: 100;
}

@media only screen and (max-width: 1239px) {
  .canvas-stories .story .btn {
    bottom: 15px;
    left: 15px;
  }
}

@media only screen and (max-width: 1024px) {
  .canvas-stories .story .btn {
    bottom: 20px;
    left: 20px;
  }
}

.canvas-stories .story .btn.signal-btn {
  visibility: visible;
  opacity: 1;
  position: relative;
  margin-top: 0;
  top: 0;
  left: 0;
}

.canvas-stories .story.white-text .title, .canvas-stories .story.white-text .subtitle {
  color: #FFFFFF;
}

@media only screen and (max-width: 767px) {
  .canvas-stories .story.white-text .title, .canvas-stories .story.white-text .subtitle {
    width: 100%;
  }
}

.canvas-stories .story .summary-overlay {
  background: rgba(255, 255, 255, 0.95);
  position: absolute;
  bottom: -90%;
  left: 0;
  width: 100%;
  height: 90%;
  padding: 45px 30px 0;
  -webkit-transition: all 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.75s cubic-bezier(0.4, 0, 0.2, 1);
  /**/
}

@media only screen and (max-width: 1024px) {
  .canvas-stories .story .summary-overlay {
    display: none;
  }
}

.canvas-stories .story:not(.animate-disabled):hover .title {
  color: #1C1E2A;
}

.canvas-stories .story:not(.animate-disabled):hover .summary-overlay {
  bottom: 0;
}

.canvas-stories .story:not(.animate-disabled):hover p,
.canvas-stories .story:not(.animate-disabled):hover .btn {
  visibility: visible;
  opacity: 1;
}

@media only screen and (max-width: 1024px) {
  .canvas-stories .story:not(.animate-disabled):hover p,
  .canvas-stories .story:not(.animate-disabled):hover .btn {
    visibility: hidden;
  }
}

.canvas-stories .story.animate-disabled {
  cursor: pointer;
}

.canvas-stories .row .column {
  padding: 16px 8px 8px;
}

@media only screen and (max-width: 767px) {
  .canvas-stories .row .column {
    padding: 16px 8px 0;
  }
  .canvas-stories .row .column:last-child {
    padding: 16px 8px 8px;
  }
}

.canvas-stories.no-margin {
  margin: 0;
}

.rtl {
  text-align: right;
  direction: rtl;
}

/* Worldwide Gateway */
.worldwide-gateway {
  background: #EEEEEF;
  background: rgba(238, 238, 239, 0.9);
  width: 100%;
  height: auto;
  overflow: hidden;
  position: absolute;
  top: 84px;
  z-index: 3000;
  text-align: center;
  display: none;
}

@media only screen and (max-width: 767px) {
  .worldwide-gateway {
    top: 68px;
  }
}

.worldwide-gateway .container {
  max-width: 900px;
}

.worldwide-gateway svg {
  height: 15px;
  width: 15px;
}

.worldwide-gateway p {
  margin: 0;
  padding: 15px 0;
  position: relative;
}

.worldwide-gateway p .gateway-close {
  position: absolute;
  top: 5px;
  right: 0;
}

.worldwide-gateway p a {
  color: #00C298;
}

.worldwide-gateway .btn {
  margin: 5px 0 0 15px;
}

/* Liquid Spectrum */
.liquid-spectrum {
  position: relative;
}

.liquid-spectrum .comp-title {
  position: absolute;
  /*@include translate($y: -50%);
        top: 50%;*/
  -moz-transform: translate(0, -5%);
  -o-transform: translate(0, -5%);
  -ms-transform: translate(0, -5%);
  -webkit-transform: translate(0, -5%);
  transform: translate(0, -5%);
  top: 5%;
  color: #FFFFFF;
  width: 100%;
  text-align: center;
  font-size: 32px;
  padding: 0 5%;
  z-index: 1;
}

@media only screen and (max-width: 500px) {
  .liquid-spectrum .comp-title {
    font-size: 24px;
  }
}

.liquid-spectrum .row {
  height: 600px;
}

@media only screen and (max-width: 767px) {
  .liquid-spectrum .row {
    height: 570px;
  }
}

@media only screen and (max-width: 500px) {
  .liquid-spectrum .row {
    height: 440px;
  }
}

@media only screen and (max-width: 1024px) {
  .liquid-spectrum .column.md-6 {
    max-width: 50%;
    width: 50%;
    padding: 80px 0 0;
  }
}

@media only screen and (max-width: 500px) {
  .liquid-spectrum .column.md-6 {
    padding: 0;
  }
}

.liquid-spectrum.split .split-content {
  height: 490px;
}

@media only screen and (max-width: 500px) {
  .liquid-spectrum.split .split-content {
    height: 430px;
  }
}

@media only screen and (max-width: 1599px) {
  .liquid-spectrum .split-content {
    padding: 100px 30px calc( 100px - 2em);
  }
}

@media only screen and (max-width: 767px) {
  .liquid-spectrum .split-content {
    padding: 0;
  }
}

.liquid-spectrum .dial-bg {
  position: relative;
  top: 40%;
  transform: translateY(-55%);
}

@media only screen and (max-width: 500px) {
  .liquid-spectrum .dial-bg {
    top: 50%;
  }
}

.liquid-spectrum .dial-markers {
  border: 1px solid green;
  height: auto;
  left: 0;
  position: absolute;
  top: 52%;
  transform: translate(0px, -52%);
  width: 100%;
}

.liquid-spectrum .outer-marker {
  border: 1px solid #fff;
  height: 1px;
  position: absolute;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  width: 1px;
}

.liquid-spectrum .column-label {
  bottom: 18%;
  color: #ffffff;
  font-size: 29px;
  font-weight: 500;
  left: 50%;
  letter-spacing: 2px;
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .liquid-spectrum .column-label {
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .liquid-spectrum .column-label {
    font-size: 20px;
    bottom: 20%;
  }
}

@media only screen and (max-width: 500px) {
  .liquid-spectrum .column-label {
    bottom: 20%;
    font-size: 14px;
  }
}

@media only screen and (max-width: 414px) {
  .liquid-spectrum .column-label {
    bottom: 24%;
    font-size: 14px;
  }
}

.liquid-spectrum .bar-dial-wrapper {
  left: 50%;
  margin-bottom: 45px;
  position: absolute;
  top: 45%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 500px) {
  .liquid-spectrum .bar-dial-wrapper {
    top: 50%;
  }
}

.liquid-spectrum .bar-dial-fill {
  background-color: #ffffff;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  width: 80%;
}

.liquid-spectrum .btn-container {
  bottom: 30px;
  left: 50%;
  margin: 0;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  width: 100%;
}

.liquid-spectrum .dial-needle-wrapper {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 49%;
  transform: translateX(-50%);
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .liquid-spectrum .dial-needle-wrapper {
    transform: translateX(-49%);
    top: 50%;
  }
}

@media only screen and (max-width: 414px) {
  .liquid-spectrum .dial-needle-wrapper {
    top: 46%;
  }
}

@media only screen and (max-width: 350px) {
  .liquid-spectrum .dial-needle-wrapper {
    top: 45%;
  }
}

.liquid-spectrum .needle-label {
  bottom: 25%;
  color: #fff;
  font-size: 37px;
  font-weight: 200;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
  .liquid-spectrum .needle-label {
    font-size: 28px;
  }
}

@media only screen and (max-width: 500px) {
  .liquid-spectrum .needle-label {
    font-size: 22px;
  }
}

@media only screen and (max-width: 414px) {
  .liquid-spectrum .needle-label {
    bottom: 29%;
  }
}

.liquid-spectrum .needle {
  padding: 1% 20.325% 0 0;
  -moz-transform: rotate(-41deg);
  -o-transform: rotate(-41deg);
  -ms-transform: rotate(-41deg);
  -webkit-transform: rotate(-41deg);
  transform: rotate(-41deg);
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -ms-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
}

.liquid-spectrum .needle.position-1 {
  -moz-transform: rotate(-23deg);
  -o-transform: rotate(-23deg);
  -ms-transform: rotate(-23deg);
  -webkit-transform: rotate(-23deg);
  transform: rotate(-23deg);
}

.liquid-spectrum .needle.position-2 {
  -moz-transform: rotate(-7deg);
  -o-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
}

.liquid-spectrum .needle.position-3 {
  -moz-transform: rotate(11deg);
  -o-transform: rotate(11deg);
  -ms-transform: rotate(11deg);
  -webkit-transform: rotate(11deg);
  transform: rotate(11deg);
}

.liquid-spectrum .needle.position-4 {
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.liquid-spectrum .needle.position-5 {
  -moz-transform: rotate(50deg);
  -o-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
}

.liquid-spectrum .needle.position-6 {
  -moz-transform: rotate(71deg);
  -o-transform: rotate(71deg);
  -ms-transform: rotate(71deg);
  -webkit-transform: rotate(71deg);
  transform: rotate(71deg);
}

.liquid-spectrum .needle.position-7 {
  -moz-transform: rotate(91deg);
  -o-transform: rotate(91deg);
  -ms-transform: rotate(91deg);
  -webkit-transform: rotate(91deg);
  transform: rotate(91deg);
}

.liquid-spectrum .needle.position-8 {
  -moz-transform: rotate(112deg);
  -o-transform: rotate(112deg);
  -ms-transform: rotate(112deg);
  -webkit-transform: rotate(112deg);
  transform: rotate(112deg);
}

.liquid-spectrum .needle.position-9 {
  -moz-transform: rotate(132deg);
  -o-transform: rotate(132deg);
  -ms-transform: rotate(132deg);
  -webkit-transform: rotate(132deg);
  transform: rotate(132deg);
}

.liquid-spectrum .needle.position-10 {
  -moz-transform: rotate(152deg);
  -o-transform: rotate(152deg);
  -ms-transform: rotate(152deg);
  -webkit-transform: rotate(152deg);
  transform: rotate(152deg);
}

.liquid-spectrum .needle.position-11 {
  -moz-transform: rotate(172deg);
  -o-transform: rotate(172deg);
  -ms-transform: rotate(172deg);
  -webkit-transform: rotate(172deg);
  transform: rotate(172deg);
}

.liquid-spectrum .needle.position-12 {
  -moz-transform: rotate(190deg);
  -o-transform: rotate(190deg);
  -ms-transform: rotate(190deg);
  -webkit-transform: rotate(190deg);
  transform: rotate(190deg);
}

.liquid-spectrum .needle.position-13 {
  -moz-transform: rotate(207deg);
  -o-transform: rotate(207deg);
  -ms-transform: rotate(207deg);
  -webkit-transform: rotate(207deg);
  transform: rotate(207deg);
}

.liquid-spectrum .needle.position-14 {
  -moz-transform: rotate(224deg);
  -o-transform: rotate(224deg);
  -ms-transform: rotate(224deg);
  -webkit-transform: rotate(224deg);
  transform: rotate(224deg);
}

@media only screen and (max-width: 767px) {
  .liquid-spectrum .needle img {
    width: 44%;
  }
}

/* Latest CTA (CNSD-1555) */
.latest-cta.btn-container {
  margin: -40px 0 0;
}

@media only screen and (max-width: 1239px) {
  .latest-cta.btn-container {
    margin: 30px 0 0;
  }
}

@media only screen and (max-width: 500px) {
  .latest-cta.btn-container {
    margin: 20px 0 0;
  }
}

.features {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.features .comp-title {
  color: #FFFFFF;
}

.features .btn {
  margin-top: 15px;
}

.details {
  background: #FFFFFF;
  padding: 50px 30px;
}

@media only screen and (max-width: 767px) {
  .details {
    padding: 30px 20px;
  }
  .details .column + .column {
    margin-top: 30px;
  }
}

.details .row {
  margin: 0 -30px;
}

.details .row > .column {
  padding: 0 30px;
}

.details .row + .row {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .details .row + .row {
    margin-top: 30px;
  }
}

.details p {
  margin: 0;
}

.details .comp-title {
  color: #1C1E2A;
  max-width: 800px;
  width: 90%;
  margin: 0 auto 50px;
}

.features-image {
  width: 62px;
  height: 62px;
  line-height: 62px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 25px;
  border-radius: 3px;
}

@media only screen and (max-width: 767px) {
  .features-image {
    margin-bottom: 20px;
  }
}

.center-align .features-image {
  margin-left: auto;
  margin-right: auto;
}

.feature-title {
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.35em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .feature-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 767px) {
  .feature-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.specs-boxes {
  margin-bottom: 15px;
}

@media only screen and (min-width: 1025px) {
  .specs-boxes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .specs-boxes .column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.specs-boxes .spec-block {
  width: 100%;
  padding: 30px 0;
  display: block;
  text-align: center;
}

.specs-boxes p {
  margin: 0;
}

@media only screen and (max-width: 1024px) {
  .specs-boxes p {
    font-weight: 200;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.specs-boxes .large {
  font-weight: 200;
  font-size: 50px;
  line-height: 1.16em;
  letter-spacing: -0.01em;
}

.specs-boxes .medium {
  font-weight: 200;
  font-size: 28px;
  line-height: 1.3em;
}

@media only screen and (max-width: 1239px) {
  .specs-boxes .medium {
    font-weight: 200;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 1024px) {
  .specs-boxes .medium {
    font-weight: 200;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.specs-image-container {
  margin-bottom: 25px;
}

.specs-image-container img {
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.product-specs {
  background: #FFFFFF;
}

.product-specs.gray-bg {
  background-color: #EEEEEF;
}

.product-specs .chevron {
  width: 25px;
  height: 25px;
  margin: 0 10px 0 0;
  position: absolute;
  left: 17px;
  top: 50%;
  margin-top: -12px;
}

@media only screen and (max-width: 767px) {
  .product-specs .chevron {
    width: 15px;
    height: 15px;
    margin-top: -8px;
  }
}

.product-specs table {
  max-width: 850px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
}

.product-specs tbody tr:last-child td {
  border-bottom: 2px solid #DBDCDD;
}

.product-specs tbody td {
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #DBDCDD;
}

.product-specs tbody td:last-child {
  border-right: none;
}

.product-specs td,
.product-specs th {
  height: 48px;
  padding: 0 10px;
}

.product-specs td.desc,
.product-specs th.desc {
  width: 22%;
  padding: 0;
}

.product-specs th {
  text-align: left;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.product-specs td {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.product-specs .specs-table th {
  font-size: 18px;
}

.product-specs .specs-table th,
.product-specs .specs-table td {
  vertical-align: top;
}

.product-specs .specs-table ul {
  padding: 0;
  list-style: none;
}

.product-specs .specs-table ul li ul li {
  list-style-type: square;
  margin-left: 40px;
}

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

.specs.no-width > li > ul {
  max-width: none;
  margin-left: 34px;
}

.specs > li {
  border-top: 2px solid #DBDCDD;
  list-style: none;
}

.specs > li a {
  display: block;
  color: #1C1E2A;
  padding: 20px 20px 20px 60px;
  position: relative;
  text-decoration: none;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
}

@media only screen and (max-width: 1239px) {
  .specs > li a {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 1024px) {
  .specs > li a {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .specs > li a {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.35em;
    letter-spacing: 0.02em;
  }
}

.specs > li a span {
  display: none;
  width: 0;
}

.specs > li .btn {
  font-size: 18px;
  padding: 10px 20px;
  display: inline-block;
  margin-top: 15px;
}

.specs > li:last-child {
  border-bottom: 2px solid #DBDCDD;
}

.specs > li > ul {
  display: none;
  list-style: none;
  padding: 0 30px 30px;
  max-width: 900px;
  margin-left: auto;
}

@media only screen and (max-width: 1024px) {
  .specs > li > ul {
    overflow-x: auto;
  }
}

.handle {
  padding: 20px;
  cursor: pointer;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
}

@media only screen and (max-width: 1239px) {
  .handle {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 1024px) {
  .handle {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .handle {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.35em;
    letter-spacing: 0.02em;
  }
}

.drawer {
  display: none;
  overflow: auto;
  padding: 0 0 60px;
}

.drawer:after {
  content: "";
  display: table;
  clear: both;
}

.spec-thumb {
  max-width: 125px;
}

.specs-section-title {
  font-size: 18px;
  font-weight: 600;
  margin: 15px 0 10px;
}

/* Product Family Hero Canvas */
.product-family .column + .column {
  padding-top: 0;
  padding-bottom: 0;
}

/* Family Products */
.family-products .family-title {
  font-weight: 200;
  font-size: 42px;
  line-height: 1.12em;
  color: #343642;
  text-align: center;
  margin: 0 0 40px 0;
}

@media only screen and (max-width: 1239px) {
  .family-products .family-title {
    font-weight: 200;
    font-size: 36px;
    line-height: 1.2em;
  }
}

@media only screen and (max-width: 767px) {
  .family-products .family-title {
    font-weight: 300;
    font-size: 28px;
    line-height: 1.3em;
  }
}

.family-products .container > .btn-container {
  margin-top: 50px;
}

.family-products .family-product-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.family-products .family-product-image {
  position: relative;
  padding: 40px 40px 0 40px;
  text-align: center;
}

.family-products .family-product-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
  .family-products .family-product-image img {
    position: static;
    top: 0;
    left: 0;
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.family-products .family-product-description {
  padding: 40px 40px 30px 40px;
  color: #1C1E2A;
}

.family-products .family-product-description .family-product-title {
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
  color: #343642;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 1024px) {
  .family-products .family-product-description .family-product-title {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.35em;
    letter-spacing: 0.02em;
  }
}

.family-products .family-product-description svg.chevron {
  margin: 0;
  stroke: #2343B8;
}

.family-products .family-product-description .desc {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 767px) {
  .family-products .family-product-description .desc {
    display: none;
  }
}

.family-products.content-rows-component img {
  max-width: 100%;
  max-height: 250px;
}

#awards.family-products .family-product-image a {
  display: block;
}

#awards.family-products .family-product-description .family-product-title {
  margin: 0;
}

#awards.family-products .family-product-description .family-product-title a {
  color: #343642;
  text-decoration: none;
}

#awards.family-products .family-product-description .family-product-subtitle {
  margin: 0;
}

#awards .items-list-container {
  display: none;
}

.split .row.external-award-slide-down {
  display: none;
}

.split .row.external-award-slide-down div {
  padding: 50px 0;
}

.split .row.external-award-slide-down p, .split .row.external-award-slide-down .btn-container {
  margin: 0 auto;
  max-width: 70%;
}

.split .row.external-award-slide-down .btn-container {
  padding: 20px 0 0;
}

.internal-award-slide-down {
  display: none;
  padding-top: 40px;
}

.small-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  margin: 1em 0;
}

/* Two-column row */
@media only screen and (max-width: 1024px) {
  .product-two-col .column {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .product-two-col .column {
    width: 100%;
  }
}

@media only screen and (max-width: 1239px) {
  .product-two-col.comp-col-full .split-content {
    padding: 60px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product-two-col.comp-col-full .split-content {
    max-width: 655px;
    padding: 50px 30px 30px;
  }
}

@media only screen and (max-width: 1239px) {
  .product-two-col .split-title {
    font-weight: 300;
    font-size: 32px;
    line-height: 1.25em;
    margin-bottom: 0.53em;
  }
}

@media only screen and (max-width: 1024px) {
  .product-two-col .split-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .product-two-col .split-title {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
    margin-bottom: 0.63em;
  }
}

.product-two-col.split p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .product-two-col.split p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.product-two-col.comp-col-full .btn {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .product-two-col.comp-col-full .btn {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 1024px) {
  .product-two-col.comp-col-full .btn {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 767px) {
  .product-two-col.comp-col-full .btn {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
    margin-left: 5px;
    margin-right: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .product-two-col .featured-image {
    max-height: 40px;
  }
}

/* Two-column row v2 */
@media only screen and (min-width: 1025px) and (max-width: 767px) {
  .product-row .column:not(.sm-12) {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .product-row .column {
    width: 100%;
  }
}

.product-row .split-content {
  padding: 50px 30px;
}

@media only screen and (max-width: 1024px) {
  .product-row .split-content {
    padding: 40px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .product-row .split-content {
    padding: 10px 0;
    text-align: center;
  }
}

@media only screen and (max-width: 1239px) {
  .product-row .split-title {
    font-weight: 300;
    font-size: 32px;
    line-height: 1.25em;
    margin-bottom: 0.43em;
  }
}

@media only screen and (max-width: 1024px) {
  .product-row .split-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .product-row .split-title {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 1239px) {
  .product-row p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 1024px) {
  .product-row .btn {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 767px) {
  .product-row .btn {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

/* Two-column row v2 reversed */
.split-content.copy {
  width: 70%;
}

.split-content.copy p {
  font-weight: 300;
}

/* One-column row */
.one-col-row {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.one-col-row.light {
  color: #FFFFFF !important;
}

.one-col-row.light p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.one-col-row.dark {
  color: #1C1E2A !important;
}

.one-col-row.dark p a {
  color: #1C1E2A;
  text-decoration: underline;
}

.one-col-row.bg-image {
  color: #FFFFFF;
}

@media only screen and (max-width: 1239px) {
  .one-col-row.spaced, .no-webgl .view-3d + .one-col-row.gray-bg {
    padding: 90px 0;
  }
}

@media only screen and (max-width: 1024px) {
  .one-col-row.spaced, .no-webgl .view-3d + .one-col-row.gray-bg {
    padding: 70px 0;
  }
}

@media only screen and (max-width: 767px) {
  .one-col-row.spaced, .no-webgl .view-3d + .one-col-row.gray-bg {
    padding: 50px 0;
  }
}

.one-col-row.left-align .content-split {
  width: 50%;
  padding: 0 30px;
}

@media only screen and (max-width: 1024px) {
  .one-col-row.left-align .content-split {
    width: 100%;
  }
}

.one-col-row.overlay, .one-col-row.even-overlay {
  position: relative;
}

.one-col-row .container {
  max-width: 965px;
}

@media only screen and (max-width: 1024px) {
  .one-col-row .container {
    max-width: 850px;
  }
}

@media only screen and (max-width: 767px) {
  .one-col-row .container {
    max-width: 630px;
  }
}

@media only screen and (max-width: 500px) {
  .one-col-row .box-featured {
    height: 40px;
  }
}

.one-col-row .row-title {
  font-weight: 300;
  font-size: 36px;
  line-height: 1.2em;
  margin: 20px 0 0;
}

@media only screen and (max-width: 1239px) {
  .one-col-row .row-title {
    font-weight: 300;
    font-size: 32px;
    line-height: 1.25em;
  }
}

@media only screen and (max-width: 1024px) {
  .one-col-row .row-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .one-col-row .row-title {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.one-col-row p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  margin: 15px 0;
}

@media only screen and (max-width: 1024px) {
  .one-col-row p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 767px) {
  .one-col-row p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

/* List Header row */
.list-header-row.comp-col-center {
  padding: 0;
}

@media only screen and (max-width: 1024px) {
  .list-header-row .split-content {
    padding: 50px 0;
  }
}

.list-header {
  max-width: 635px;
  padding: 40px 0 30px;
  text-align: center;
}

@media only screen and (max-width: 1239px) {
  .list-header {
    padding: 30px 0;
  }
}

@media only screen and (max-width: 1024px) {
  .list-header {
    max-width: none;
  }
}

@media only screen and (max-width: 1239px) {
  .list-header .split-title {
    font-weight: 300;
    font-size: 32px;
    line-height: 1.25em;
    margin-bottom: 0.53em;
  }
}

@media only screen and (max-width: 1024px) {
  .list-header .split-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.list-header p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  margin: 0;
}

@media only screen and (max-width: 1239px) {
  .list-header p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.list-header-wrapper {
  margin: 0 auto;
  max-width: 80%;
}

@media only screen and (max-width: 1239px) {
  .list-header-wrapper {
    max-width: 85%;
  }
}

.list {
  background: #282A36;
  color: #FFFFFF;
  padding: 50px 40px 10px;
}

@media only screen and (max-width: 1239px) {
  .list {
    padding: 40px 40px 20px;
  }
}

.list ul {
  margin: 0;
  padding: 0;
}

.list li {
  list-style: none;
  padding: 0 0 25px 45px;
}

.list a {
  color: #FFFFFF;
  text-decoration: none;
}

/**
 * Component: Column Full Width
 */
.comp-text-centered .container {
  max-width: 860px;
  padding: 0 15px;
  margin: 0 auto;
  text-align: center;
  color: #343642;
}

/**
 * Component: Product Row
 */
.product-row-container {
  position: relative;
  padding: 100px 0 70px;
  min-height: 580px;
}

@media only screen and (max-width: 1599px) {
  .product-row-container {
    padding: 80px 0 120px;
    min-height: 480px;
  }
}

@media only screen and (max-width: 1239px) {
  .product-row-container {
    padding: 50px 0 100px;
    min-height: 380px;
  }
}

@media only screen and (max-width: 767px) {
  .product-row-container {
    padding: 50px 0;
  }
}

.product-row-container.no-nav {
  padding-bottom: 100px;
}

@media only screen and (max-width: 1599px) {
  .product-row-container.no-nav {
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 1239px) {
  .product-row-container.no-nav {
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) {
  .product-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}

.product-detail h3 {
  margin: 0;
  font-weight: 700;
  font-size: 98px;
  line-height: 1.1em;
  letter-spacing: -0.02em;
}

@media only screen and (max-width: 1599px) {
  .product-detail h3 {
    font-weight: 700;
    font-size: 74px;
    line-height: 1.1em;
    letter-spacing: -0.01em;
  }
}

@media only screen and (max-width: 1239px) {
  .product-detail h3 {
    font-weight: 700;
    font-size: 60px;
    line-height: 1.13em;
    letter-spacing: -0.01em;
  }
}

@media only screen and (max-width: 1024px) {
  .product-detail h3 {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.16em;
    letter-spacing: -0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .product-detail h3 {
    font-weight: 700;
    font-size: 42px;
    line-height: 1.12em;
  }
}

.product-detail h4 {
  margin: 0 0 20px;
  font-weight: 300;
  font-size: 42px;
  line-height: 1.12em;
}

@media only screen and (max-width: 1239px) {
  .product-detail h4 {
    font-weight: 300;
    font-size: 32px;
    line-height: 1.25em;
  }
}

@media only screen and (max-width: 1024px) {
  .product-detail h4 {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .product-detail h4 {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.35em;
    letter-spacing: 0.02em;
  }
}

.product-detail p {
  margin: 0 0 25px;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.35em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .product-detail p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

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

@media only screen and (min-width: 1025px) {
  .product-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 1024px) {
  .product-image {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) {
  .product-image {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}

.product-image img {
  width: 100%;
}

.product-row-nav {
  position: relative;
  left: 0;
  margin: 80px 0 0;
  width: 100%;
  font-size: 0;
}

@media only screen and (max-width: 1024px) {
  .product-row-nav {
    margin: 20px 0 0;
  }
}

.product-row-nav ul,
.product-row-nav span,
.product-row-nav nav > a {
  display: inline-block;
  vertical-align: top;
  width: 16.66667%;
}

@media only screen and (max-width: 1024px) {
  .product-row-nav ul,
  .product-row-nav span,
  .product-row-nav nav > a {
    width: 20%;
  }
}

@media only screen and (max-width: 767px) {
  .product-row-nav ul,
  .product-row-nav span,
  .product-row-nav nav > a {
    width: 25%;
  }
}

@media only screen and (max-width: 500px) {
  .product-row-nav ul,
  .product-row-nav span,
  .product-row-nav nav > a {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .product-row-nav nav > span {
    display: block;
  }
}

.product-row-nav ul {
  padding: 0;
  width: auto;
}

@media only screen and (max-width: 767px) {
  .product-row-nav ul {
    margin-top: 10px;
  }
}

.product-row-nav li {
  display: none;
}

.product-row-nav li:first-child, .product-row-nav li.nav-animate-in, .product-row-nav li.nav-animate-out {
  display: block;
}

.product-row-nav a {
  display: inline-block;
  color: #FFFFFF;
}

.product-row-nav span {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  padding: 7px 0;
  width: 214px;
}

@media only screen and (max-width: 1024px) {
  .product-row-nav span {
    width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .product-row-nav span {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .product-row-nav span:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 40px;
    background: rgba(28, 30, 42, 0.3);
  }
}

.white-bg .product-row-nav span {
  color: #343642;
}

.product-row-nav a {
  position: relative;
  text-decoration: none;
  padding: 7px 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

@media only screen and (min-width: 1025px) {
  .product-row-nav a {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .product-row-nav a {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 501px) {
  .product-row-nav a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media only screen and (min-width: 768px) {
  .product-row-nav a {
    display: block;
    border-left: 1px solid rgba(28, 30, 42, 0.3);
  }
  .product-row-nav a:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 10px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    opacity: 0;
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
  .white-bg .product-row-nav a:before {
    border-color: #2343B8;
  }
  .product-row-nav a:hover {
    background: rgba(28, 30, 42, 0.2);
  }
  .white-bg .product-row-nav a:hover {
    background: #EEEEEF;
  }
  .product-row-nav a:hover:before {
    opacity: 1;
  }
}

.product-row-nav a.see-all span {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

.product-row-nav a.see-all:before {
  -moz-transform: rotate(133deg);
  -o-transform: rotate(133deg);
  -ms-transform: rotate(133deg);
  -webkit-transform: rotate(133deg);
  transform: rotate(133deg);
}

.product-row-nav a.see-all:after {
  content: '';
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.product-row-nav a.see-all.open {
  background: #FFFFFF;
  color: #1C1E2A;
}

.product-row-nav a.see-all.open:before {
  opacity: 1;
  border-color: #1C1E2A;
  top: calc(50% + 7px);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.product-row-nav a.see-all.open:after {
  content: '';
  position: absolute;
  right: 7px;
  top: 13px;
  height: 1px;
  width: 17px;
  background: #1C1E2A;
  opacity: 1;
}

.white-bg .product-row-nav a {
  color: #2343B8;
}

/*
* People Listing
*/
@media only screen and (max-width: 767px) {
  .leadership .container {
    padding: 0;
  }
}

.leadership img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 1239px) {
  .leadership p {
    display: none;
  }
}

.leadership .sm-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.leadership .sm-4 .people-box {
  -webkit-flex-grow: 1;
  -webkit-flex-basis: 0;
}

.people-box {
  position: relative;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
}

@media only screen and (min-width: 768px) {
  .people-box .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
  }
}

.directors .people-box {
  margin-bottom: 16px;
}

.people-box .text-button {
  position: absolute;
  bottom: 30px;
  left: 20px;
  color: #2343B8;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

.people-info {
  padding: 55px 20px 80px;
}

@media only screen and (max-width: 1239px) {
  .people-info {
    padding-top: 30px;
  }
}

.wide .people-info {
  position: relative;
  height: 100%;
}

.directors .people-info {
  min-height: 225px;
}

@media only screen and (max-width: 1024px) {
  .directors .people-info {
    min-height: 195px;
  }
}

@media only screen and (max-width: 767px) {
  .directors .people-info {
    min-height: 165px;
  }
}

.people-info .arrow-icon {
  width: 10px;
  color: #2343B8;
}

.people-info ul {
  margin: 26px 0;
  padding: 0;
}

.people-info li {
  display: inline-block;
  vertical-align: top;
}

.people-info li:first-child {
  width: 26.89076%;
}

.people-info li p {
  margin: 0;
}

.people-info .people-close {
  color: #2343B8;
  position: absolute;
}

.people-info a.people-close {
  bottom: 20px;
  left: 20px;
}

.people-info a.people-close svg {
  margin: 0 0 0 5px;
}

.people-info span.people-close {
  top: 20px;
  right: 20px;
}

.people-info .text-button span {
  position: absolute;
  top: 20px;
  right: 20px;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.people-title {
  margin: 0;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
}

@media only screen and (max-width: 1239px) {
  .people-title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .people-title {
    font-size: 18px;
  }
}

.people-subtitle {
  margin: 0;
  color: #4f5057;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .people-subtitle {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .people-subtitle {
    font-size: 12px;
  }
}

.people-header img {
  float: left;
  border-radius: 50%;
  max-width: 80px;
  max-height: 100%;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 1024px) {
  .people-header img {
    width: 68px;
  }
}

.people-header .people-title,
.people-header .people-subtitle {
  margin-left: 98px;
}

@media only screen and (max-width: 1024px) {
  .people-header .people-title,
  .people-header .people-subtitle {
    margin-left: 78px;
  }
}

.director-info {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .director-info p {
    font-size: 12px;
  }
}

.people-close {
  display: none;
  cursor: pointer;
}

.people-close svg {
  width: 20px;
  height: 20px;
  fill: #2343B8;
}

/*
* People Detail
*/
@media only screen and (min-width: 1025px) {
  .people-detail {
    padding-top: 75px;
  }
}

.people-detail-title {
  margin: 0;
  font-weight: 200;
  font-size: 42px;
  line-height: 1.12em;
}

@media only screen and (max-width: 1239px) {
  .people-detail-title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .people-detail-title {
    font-size: 24px;
  }
}

.people-detail-subtitle {
  margin: 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 767px) {
  .people-detail-subtitle {
    font-size: 16px;
  }
}

.people-detail-container {
  padding: 0 8.33333%;
}

.people-detail-container .column:first-child {
  padding-right: 8.33333%;
}

@media only screen and (max-width: 1239px) {
  .people-detail-container .column:first-child {
    padding-right: 8px;
  }
}

.people-detail-container .column:last-child {
  padding-right: 5%;
}

@media only screen and (max-width: 767px) {
  .people-detail-container .column:last-child {
    padding-right: 8px;
  }
}

.people-detail-container .profile-pic {
  border-radius: 50%;
}

@media only screen and (max-width: 767px) {
  .people-detail-container .btn {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .people-detail-container {
    padding: 0;
  }
}

.people-detail-video {
  margin-bottom: 80px;
}

@media only screen and (max-width: 1024px) {
  .people-detail-video {
    margin-bottom: 50px;
  }
}

.people-detail-player {
  -moz-transform: translate(0, 95px);
  -o-transform: translate(0, 95px);
  -ms-transform: translate(0, 95px);
  -webkit-transform: translate(0, 95px);
  transform: translate(0, 95px);
}

@media only screen and (max-width: 1239px) {
  .people-detail-player {
    -moz-transform: translate(0, 60px);
    -o-transform: translate(0, 60px);
    -ms-transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    transform: translate(0, 60px);
  }
}

@media only screen and (max-width: 1024px) {
  .people-detail-player {
    -moz-transform: translate(0, 50px);
    -o-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
  }
}

.people-detail-player a {
  display: block;
  position: relative;
}

.people-detail-player a:after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 77px;
  height: 77px;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/__data/assets/image/0023/6557/prx-play-btn.png?v=0.0.1) no-repeat 0 0;
  background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .people-detail-player a:after {
    background-image: url(/__data/assets/image/0024/6558/prx-play-btn-large.png?v=0.0.1);
  }
}

@media only screen and (max-width: 1024px) {
  .people-detail-player .video-component {
    margin: 0 auto;
  }
}

.people-detail-header {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .people-detail-header {
    display: inline-block;
    margin: 0 0 0 15px;
    width: calc(100% - 117px);
    vertical-align: middle;
  }
}

@media only screen and (max-width: 767px) {
  .profile-pic {
    width: 98px;
    margin-bottom: 20px;
    display: inline-block;
  }
}

.people-share {
  font-size: 0;
}

@media only screen and (max-width: 767px) {
  .people-share {
    margin: 0 0 20px;
  }
}

.people-share a {
  display: inline-block;
}

.people-share a + a {
  margin-left: 30px;
}

@media only screen and (max-width: 767px) {
  .people-share p {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 20px 0 0;
  }
}

.people-share nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .people-share nav {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.facebook {
  fill: #3b5998;
  height: 22px;
  width: 22px;
}

.twitter {
  width: 22px;
  height: 22px;
  fill: #00A8EE;
}

.linkedin {
  width: 19px;
  height: 19px;
  fill: #0179B6;
}

.gplus {
  width: 25px;
  height: 25px;
  fill: #D93A2B;
}

.topics {
  list-style-type: none;
  padding: 0;
  margin-top: 40px;
}

.topics li {
  margin-bottom: 5px;
}

.topics a {
  color: #2343B8;
}

.author-header .white-text {
  color: #fff;
}

/*
* Insights Resoruce Library
*/
@media only screen and (min-width: 1240px) {
  .insights-listing {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    margin-top: 1px;
  }
}

.insights-listing .listing-filter-box {
  background: rgba(128, 10, 104, 0.15);
  color: #800A68;
  height: 100px;
  position: relative;
}

@media only screen and (max-width: 1239px) {
  .insights-listing .listing-filter-box {
    display: none;
  }
}

.insights-listing .listing-filter-box .listing-filter-content {
  padding: 10px 20px;
}

.insights-listing .listing-filter-box .listing-filter-content .listing-filter-label {
  margin: 15px 0px 0px 0px;
}

.insights-listing .listing-filter-box .listing-filter-content .close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 12px;
  height: 12px;
}

.insights-listing .cta-header .comp-title {
  width: 75%;
}

@media only screen and (max-width: 1024px) {
  .insights-listing .cta-header .comp-title {
    width: 65%;
  }
}

@media only screen and (max-width: 767px) {
  .insights-listing .cta-header .comp-title {
    width: 100%;
  }
}

.listing-side-nav {
  min-width: 240px;
  width: 20%;
  max-width: 310px;
  padding: 30px 15px;
  background: #FFFFFF;
}

.listing-side-nav .listing-nav-content {
  padding: 30px 15px;
}

@media only screen and (max-width: 1239px) {
  .listing-side-nav {
    width: 100%;
    min-width: 0;
    max-width: none;
    padding: 15px 20px;
    margin-top: 1px;
  }
  .listing-side-nav .listing-nav-content {
    padding: 20px;
    overflow-y: scroll;
    height: 100%;
  }
}

@media only screen and (max-width: 1239px) {
  .listing-side-nav .listing-nav-wrap {
    display: none;
    z-index: 20;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFFFFF;
  }
}

.listing-side-nav p {
  color: #343642;
  margin: 0 0 30px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.listing-side-nav .clear-listing {
  float: right;
  text-transform: uppercase;
  color: #800A68;
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.listing-side-nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.listing-side-nav li {
  margin-bottom: 15px;
}

.listing-side-nav a,
.listing-side-nav label,
.listing-side-nav .listing-filter {
  color: #343642;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  text-decoration: none;
}

.listing-side-nav .listing-filter {
  display: block;
  text-align: center;
  cursor: pointer;
}

@media only screen and (min-width: 1240px) {
  .listing-side-nav .listing-filter {
    display: none;
  }
}

.listing-side-nav .active {
  color: #800A68;
}

.listing-side-nav .checkbox {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #80828C;
  vertical-align: -2px;
  margin-right: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}

.listing-side-nav .checkbox:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -3px 0 0 -4px;
  width: 8px;
  height: 6px;
  background: url("/__data/assets/image/0025/6559/prx-purple-checkmark.png?v=0.0.1") no-repeat center center;
  opacity: 0;
  visibility: hidden;
  -moz-transform: scale(0.2);
  -o-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition: all 0.2s cubic-bezier(0.3, 0, 0, 1.2);
  -moz-transition: all 0.2s cubic-bezier(0.3, 0, 0, 1.2);
  -ms-transition: all 0.2s cubic-bezier(0.3, 0, 0, 1.2);
  -o-transition: all 0.2s cubic-bezier(0.3, 0, 0, 1.2);
  transition: all 0.2s cubic-bezier(0.3, 0, 0, 1.2);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .listing-side-nav .checkbox:after {
    background-image: url("/__data/assets/image/0017/6560/prx-purple-checkmark-2x.png?v=0.0.1");
    background-size: 8px auto;
  }
}

.listing-side-nav .checkbox:checked:after {
  opacity: 1;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  visibility: visible;
}

.listing-side-nav .btn:last-child {
  float: right;
}

@media only screen and (min-width: 1240px) {
  .listing-side-nav .btn-container {
    display: none;
  }
}

.listing-title {
  color: #1C1E2A;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  margin: 0 0 30px;
}

@media only screen and (min-width: 1240px) {
  .listing-title {
    display: none;
  }
}

.listing-nav-block {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #EEEEEF;
}

.listing-nav-block span {
  cursor: pointer;
  color: #343642;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.listing-nav-block svg {
  width: 13px;
  height: 13px;
  margin-right: 10px;
  fill: #2343B8;
}

.hidden-listing-nav {
  display: none;
}

.insights-listing-content {
  padding: 90px 10px;
  max-width: 1366px;
  width: 80%;
}

@media only screen and (max-width: 1239px) {
  .insights-listing-content {
    width: 100%;
  }
}

.insights-listing-content .cta-header {
  padding: 0;
}

.sort-dropdown-container {
  position: relative;
  width: 226px;
  height: 44px;
  z-index: 10;
}

.sort-dropdown-container.large {
  width: 351px;
  height: 56px;
  margin: 0 auto;
}

@media only screen and (max-width: 1239px) {
  .sort-dropdown-container.large {
    width: 309px;
    height: 44px;
  }
}

@media only screen and (max-width: 767px) {
  .sort-dropdown-container.large {
    width: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  .sort-dropdown-container {
    margin: 5px 0;
  }
}

.sort-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 1px solid #80828C;
  border-radius: 3px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.sort-dropdown.open {
  background: #FFFFFF;
  border-color: #2343B8;
}

.sort-dropdown p {
  position: relative;
  padding: 10px 20px;
  margin: 0;
  color: #343642;
  cursor: pointer;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.large .sort-dropdown p {
  font-size: 22px;
}

@media only screen and (max-width: 1239px) {
  .large .sort-dropdown p {
    font-size: 18px;
  }
}

.sort-dropdown svg {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 12px;
  height: 12px;
  fill: #2343B8;
  margin: -6px 0 0 10px;
}

.sort-dropdown ul {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #80828C;
}

.sort-dropdown a {
  padding: 5px 20px;
  color: #343642;
  display: block;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.large .sort-dropdown a {
  font-size: 18px;
}

.sort-dropdown a:hover {
  background: #E4E5E6;
}

#brand-story-hero {
  position: relative;
  overflow: hidden;
}

#brand-story-hero span {
  display: block;
  position: absolute;
}

#brand-story-hero-images {
  background-position: 100% 100%;
}

#brand-story-hero-images.left-bg-align {
  background-position: 0% 100%;
}

#brand-story-hero-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #1C1E2A;
}

@media only screen and (max-width: 767px) {
  #brand-story-hero-content {
    position: static;
    text-align: center;
    background: #FFFFFF;
  }
}

.white #brand-story-hero-content {
  color: #FFFFFF;
}

#brand-story-hero-content .hero-banner-content {
  max-width: 762px;
  margin-top: 120px;
}

@media only screen and (max-width: 1239px) {
  #brand-story-hero-content .hero-banner-content {
    max-width: 392px;
    margin-top: 65px;
  }
}

@media only screen and (max-width: 1024px) {
  #brand-story-hero-content .hero-banner-content {
    max-width: 326px;
    margin-top: 55px;
  }
}

@media only screen and (max-width: 767px) {
  #brand-story-hero-content .hero-banner-content {
    max-width: 297px;
    margin: 0 auto;
    padding-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  #brand-story-hero-content .hero-banner-content .comp-title {
    font-size: 20px;
    padding: 15px 0;
  }
}

#brand-story-hero-content h1 {
  font-weight: 200;
  font-size: 98px;
  line-height: 1.1em;
  letter-spacing: -0.02em;
  margin: 0 0 25px;
}

@media only screen and (max-width: 1239px) {
  #brand-story-hero-content h1 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  #brand-story-hero-content h1 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 767px) {
  #brand-story-hero-content h1 {
    font-size: 28px;
    color: #1C1E2A;
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  #brand-story-hero-content h2 {
    color: #1C1E2A;
  }
}

#brand-story-hero-content a {
  display: inline-block;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.35em;
  letter-spacing: 0.02em;
  color: #1C1E2A;
}

@media only screen and (max-width: 1024px) {
  #brand-story-hero-content a {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  #brand-story-hero-content a {
    font-size: 20px;
    color: #2343B8;
  }
}

.white #brand-story-hero-content a {
  color: #FFFFFF;
}

#brand-story-hero-content a:before {
  vertical-align: middle;
  display: inline-block;
  content: '';
  width: 36px;
  height: 36px;
  margin-right: 15px;
  background: url(/__data/assets/image/0023/6557/prx-play-btn.png?v=0.0.1) no-repeat center;
  background-size: 36px 36px;
}

@media only screen and (max-width: 767px) {
  #brand-story-hero-content a:before {
    background-image: url(/__data/assets/image/0018/6561/prx-play-btn-blue.png?v=0.0.1);
  }
}

.brand-story-parallax {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
}

.brand-story-parallax.adexus-foreground {
  background-image: url(/__data/assets/image/0019/6562/prx-brand-story-mountains-v2.png?v=0.0.1);
  background-position: 80% 100%;
}

.brand-story-parallax.adexus-waves {
  background-image: url(/__data/assets/image/0020/6563/prx-brand-story-wave-v3.png?v=0.0.1);
  background-position: 100% 100%;
}

.brand-story-parallax.family-first-foreground {
  background-image: url(/__data/assets/image/0021/6564/prx-pldt-family-first-banner-water.png?v=0.0.1);
  background-position: 80% 100%;
}

.brand-story-parallax.family-first-waves {
  background-image: url(/__data/assets/image/0022/6565/prx-pldt-family-first-banner-waves.png?v=0.0.1);
  background-position: 100% 100%;
}

.brand-story-parallax.aquacomms-foreground {
  background-image: url(/__data/assets/image/0023/6566/prx-hero-aquacomms-foreground.png?v=0.0.1);
  background-position: 80% 100%;
}

.brand-story-parallax.aquacomms-waves {
  background-image: url(/__data/assets/image/0024/6567/prx-hero-aquacomms-waves.png?v=0.0.1);
  background-position: 100% 100%;
}

.brand-story-parallax.moffitt-foreground {
  background-image: url(/__data/assets/image/0025/6568/prx-Moffitt_v2_foreground.png?v=0.0.1);
  background-position: 80% 100%;
}

.brand-story-parallax.moffitt-waves {
  background-image: url(/__data/assets/image/0026/6569/prx-Moffitt_v2_wave.png?v=0.0.1);
  background-position: 100% 100%;
}

.brand-story-parallax.lightwave-foreground {
  background-image: url(/__data/assets/image/0018/6570/prx-hero-lightwave-foreground-v2.png?v=0.0.1);
  background-position: 80% 100%;
}

.brand-story-parallax.lightwave-waves {
  background-image: url(/__data/assets/image/0019/6571/prx-hero-lightwave-waves.png?v=0.0.1);
  background-position: 100% 100%;
}

.brand-story-parallax.networks-foreground {
  background-image: url(/__data/assets/image/0020/6572/prx-hero-networks-foreground.png?v=0.0.1);
  background-position: 100% 100%;
}

.brand-story-parallax.networks-waves {
  background-image: url(/__data/assets/image/0021/6573/prx-hero-networks-waves.png?v=0.0.1);
  background-position: 100% 100%;
}

.brand-story-parallax.global-capacity-foreground {
  background-image: url(/__data/assets/image/0022/6574/prx-brand-global-cap-people.png?v=0.0.1);
  background-position: 100% 100%;
}

.brand-story-parallax.global-capacity-waves {
  background-image: url(/__data/assets/image/0023/6575/prx-brand-global-cap-wave.png?v=0.0.1);
  background-position: 100% 100%;
}

@media only screen and (min-width: 1025px) {
  #brand-story-intro .row,
  .brand-story-intro .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}

.brand-story-title {
  font-weight: 200;
  font-size: 42px;
  line-height: 1.12em;
  margin: 0 0 30px;
}

@media only screen and (max-width: 1360px) {
  .brand-story-title {
    font-size: 36px;
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 1024px) {
  .brand-story-title {
    font-size: 28px;
    margin-bottom: 20px;
  }
}

#brand-story-image,
.brand-story-image {
  position: relative;
}

@media only screen and (max-width: 1024px) {
  #brand-story-image,
  .brand-story-image {
    max-width: 428px;
    margin: 0 auto;
  }
}

#brand-story-image img,
.brand-story-image img {
  display: block;
  position: relative;
  z-index: 2;
  width: 100%;
}

#brand-story-image span,
.brand-story-image span {
  position: absolute;
  bottom: -110px;
  left: -317px;
  width: 529px;
  height: 529px;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: 0 0;
}

@media only screen and (max-width: 1024px) {
  #brand-story-image span,
  .brand-story-image span {
    display: none;
  }
}

#brand-story-image span.adexus-background,
.brand-story-image span.adexus-background {
  background-image: url(/__data/assets/image/0024/6576/prx-tractor-background.png?v=0.0.1);
}

#brand-story-image span.aquacomms-background,
.brand-story-image span.aquacomms-background {
  left: auto;
  right: -317px;
  background-image: url(/__data/assets/image/0025/6577/prx-aquacomms-wave-small.png?v=0.0.1);
}

#brand-story-image span.lightwave-background,
.brand-story-image span.lightwave-background {
  background-image: url(/__data/assets/image/0026/6578/prx-lightwave-wave-small.png?v=0.0.1);
}

#brand-story-image span.fiber-background,
.brand-story-image span.fiber-background {
  background-image: url(/__data/assets/image/0027/6579/prx-purple-red-wave.png?v=0.0.1);
}

#brand-story-image span.fiber-wave-background,
.brand-story-image span.fiber-wave-background {
  left: auto;
  right: 0px;
  bottom: -51px;
  height: 550px;
  background-image: url(/__data/assets/image/0019/6580/prx-blue-green-purple-wave.png?v=0.0.1);
}

#brand-story-image span.network-wave-background,
.brand-story-image span.network-wave-background {
  width: 684px;
  height: 547px;
  left: auto;
  right: -425px;
  background-image: url(/__data/assets/image/0020/6581/prx-network-wave-small.png?v=0.0.1);
}

#brand-story-image span.moffitt-background,
.brand-story-image span.moffitt-background {
  background-image: url(/__data/assets/image/0021/6582/prx-moffitt-wave-small.png?v=0.0.1);
}

#brand-story-image span.spark-background,
.brand-story-image span.spark-background {
  background-image: url(/__data/assets/image/0022/6583/prx-green-purple-wave.png?v=0.0.1);
  bottom: -50px;
  left: -220px;
}

#brand-story-image span.global-capacity-background,
.brand-story-image span.global-capacity-background {
  background-image: url(/__data/assets/image/0023/6584/prx-global-capacity-wave.png?v=0.0.1);
}

.family-first-background {
  left: auto;
  right: -317px;
  background-image: url(/__data/assets/image/0025/6577/prx-aquacomms-wave-small.png?v=0.0.1);
}

@media only screen and (max-width: 1024px) {
  #brand-story-challenges,
  .brand-story-challenges {
    padding-top: 0;
  }
}

#brand-story-content,
.brand-story-content {
  padding: 0 25px;
}

@media only screen and (max-width: 1024px) {
  #brand-story-content,
  .brand-story-content {
    text-align: center;
    padding: 50px 70px 0;
  }
}

@media only screen and (max-width: 767px) {
  #brand-story-content,
  .brand-story-content {
    padding-left: 0;
    padding-right: 0;
  }
}

#challenges-title,
.challenges-title {
  max-width: 884px;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 45px;
}

@media only screen and (max-width: 1024px) {
  #challenges-title,
  .challenges-title {
    padding: 0 70px;
  }
}

@media only screen and (max-width: 767px) {
  #challenges-title,
  .challenges-title {
    padding: 0;
  }
}

.challenge-box {
  position: relative;
  height: 395px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media only screen and (max-width: 1239px) {
  .challenge-box {
    height: 294px;
  }
}

@media only screen and (max-width: 1024px) {
  .challenge-box {
    height: 352px;
  }
}

@media only screen and (max-width: 767px) {
  .challenge-box {
    height: 343px;
  }
}

.challenge-box.tall {
  height: 806px;
}

@media only screen and (max-width: 1239px) {
  .challenge-box.tall {
    height: 604px;
  }
}

@media only screen and (max-width: 1024px) {
  .challenge-box.tall {
    height: 720px;
  }
}

@media only screen and (max-width: 767px) {
  .challenge-box.tall {
    height: 343px;
  }
}

.challenge-box.extreme-temperatures {
  background-image: url(/__data/assets/image/0025/6586/prx-extreme-temperatures.jpeg?v=0.0.1);
}

@media only screen and (max-width: 767px) {
  .challenge-box.extreme-temperatures {
    margin-bottom: 16px;
  }
}

.challenge-box.extreme-temperatures p:after {
  display: block;
  content: 'c';
  position: absolute;
  right: 4px;
  bottom: 6px;
  font-weight: 200;
  font-size: 50px;
  line-height: 1.16em;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}

@media only screen and (max-width: 1239px) {
  .challenge-box.extreme-temperatures p:after {
    font-size: 37px;
  }
}

.challenge-box.typhoon {
  background-image: url(/__data/assets/image/0026/6587/prx-pldt-micronesia-map.jpeg?v=0.0.1);
  height: 593px;
}

.challenge-box.typhoon #typhoon-numbers {
  float: right;
  padding: 40px 50px 0 0;
}

@media only screen and (max-width: 768px) {
  .challenge-box.typhoon #typhoon-numbers {
    float: left;
    padding: 40px 0 0 30px;
  }
}

.challenge-box.typhoon .challenge-title {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  text-align: left;
}

.challenge-box.typhoon p {
  position: relative;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

.challenge-box.typhoon .count {
  display: inline-block;
  font-size: 48px;
  font-weight: 700;
  margin: 12px 5px 0 0;
  line-height: 1.0em;
}

.challenge-box.soaring-elevations {
  background-image: url(/__data/assets/image/0027/6588/prx-soaring-elevations.png?v=0.0.1);
}

.challenge-box.soaring-elevations .volcano {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(/__data/assets/image/0028/6589/prx-soaring-elevations-volcano.png?v=0.0.1) no-repeat 50% 0;
  background-size: cover;
}

@media only screen and (max-width: 1239px) {
  .challenge-box.soaring-elevations .volcano {
    height: 90%;
  }
}

@media only screen and (max-width: 1024px) {
  .challenge-box.soaring-elevations .volcano {
    bottom: -22%;
  }
}

@media only screen and (max-width: 767px) {
  .challenge-box.soaring-elevations .volcano {
    bottom: -20%;
    background-position: 100% 0;
  }
}

.challenge-box.soaring-elevations p {
  top: 36.84864%;
  left: 22.48804%;
  -moz-transform: translate(0, 20%);
  -o-transform: translate(0, 20%);
  -ms-transform: translate(0, 20%);
  -webkit-transform: translate(0, 20%);
  transform: translate(0, 20%);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

@media only screen and (max-width: 1239px) {
  .challenge-box.soaring-elevations p {
    top: 39.70223%;
  }
}

@media only screen and (max-width: 767px) {
  .challenge-box.soaring-elevations p {
    top: 95px;
    left: 22.44898%;
  }
}

.challenge-box.soaring-elevations small {
  top: 49.13151%;
  left: 22.48804%;
  z-index: 2;
}

@media only screen and (max-width: 1239px) {
  .challenge-box.soaring-elevations small {
    top: 51.48883%;
  }
}

@media only screen and (max-width: 767px) {
  .challenge-box.soaring-elevations small {
    top: 170px;
    left: 22.44898%;
  }
}

.challenge-box.unreliable-electricity {
  margin-top: 16px;
  background-image: url(/__data/assets/image/0020/6590/prx-unreliable-electricity.jpeg?v=0.0.1);
}

.challenge-box.aquacomms-map, .challenge-box.networks-map {
  height: 592px;
}

@media only screen and (max-width: 1239px) {
  .challenge-box.aquacomms-map, .challenge-box.networks-map {
    height: 469px;
  }
}

@media only screen and (max-width: 767px) {
  .challenge-box.aquacomms-map, .challenge-box.networks-map {
    height: 280px;
  }
  .challenge-box.aquacomms-map p, .challenge-box.networks-map p {
    font-size: 42px;
  }
  .challenge-box.aquacomms-map small, .challenge-box.networks-map small {
    font-size: 24px;
  }
}

.challenge-box.aquacomms-map p, .challenge-box.networks-map p {
  z-index: 2;
}

.challenge-box.aquacomms-map {
  text-align: center;
}

.challenge-box.aquacomms-map p {
  left: 0;
  bottom: 36.31757%;
  width: 100%;
  opacity: 0;
  -moz-transform: translate(0, 20%);
  -o-transform: translate(0, 20%);
  -ms-transform: translate(0, 20%);
  -webkit-transform: translate(0, 20%);
  transform: translate(0, 20%);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .challenge-box.aquacomms-map p {
    bottom: 32.09459%;
  }
}

.challenge-box.aquacomms-map small {
  left: 0;
  bottom: 27.7027%;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .challenge-box.aquacomms-map small {
    bottom: 24.32432%;
  }
}

@media only screen and (max-width: 767px) {
  .challenge-box.networks-map #map-container {
    -moz-transform: translate(-50%, -55%);
    -o-transform: translate(-50%, -55%);
    -ms-transform: translate(-50%, -55%);
    -webkit-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
  }
}

.challenge-box.networks-map p {
  left: 15.70762%;
  top: 38.00676%;
  opacity: 0;
  -moz-transform: translate(0, 20%);
  -o-transform: translate(0, 20%);
  -ms-transform: translate(0, 20%);
  -webkit-transform: translate(0, 20%);
  transform: translate(0, 20%);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .challenge-box.networks-map p {
    left: 13.37481%;
    top: 36.31757%;
  }
}

.challenge-box.networks-map small {
  left: 17.26283%;
  bottom: 38.68243%;
}

@media only screen and (max-width: 767px) {
  .challenge-box.networks-map small {
    left: 14.93002%;
    bottom: 36.99324%;
  }
}

.challenge-box.innovation-lab-map {
  max-height: 632px;
  margin: 0 auto;
  max-width: 1286px;
  position: relative;
  height: auto;
}

.challenge-box.innovation-lab-map .map-header {
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translate(-50%, 60%);
  -o-transform: translate(-50%, 60%);
  -ms-transform: translate(-50%, 60%);
  -webkit-transform: translate(-50%, 60%);
  transform: translate(-50%, 60%);
}

@media only screen and (max-width: 767px) {
  .challenge-box.innovation-lab-map .map-header {
    -moz-transform: translate(-50%, 30%);
    -o-transform: translate(-50%, 30%);
    -ms-transform: translate(-50%, 30%);
    -webkit-transform: translate(-50%, 30%);
    transform: translate(-50%, 30%);
  }
}

.challenge-box.innovation-lab-map .map-header .challenge-title {
  margin: 0;
  transform: none;
  opacity: 1;
}

.challenge-box.innovation-lab-map .map-header small {
  color: #ffffff;
  display: block;
  font-size: 13px;
  font-weight: 600;
  padding: 0;
  position: relative;
  text-align: center;
  opacity: 1;
  text-transform: uppercase;
}

.challenge-box.innovation-lab-map .map-nav {
  fill: #ffffff;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  cursor: pointer;
}

.challenge-box.innovation-lab-map .map-nav.left {
  left: 1%;
}

.challenge-box.innovation-lab-map .map-nav.right {
  right: 1%;
}

.challenge-box.innovation-lab-map .marker {
  background-image: url(/__data/assets/image/0021/6591/prx-map-dot.png?v=0.0.1);
  background-repeat: no-repeat;
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  cursor: pointer;
}

.challenge-box.innovation-lab-map .marker.next {
  background-image: url(/__data/assets/image/0022/6592/prx-map-pin-next.png?v=0.0.1);
  width: 32px;
  height: 48px;
}

@media only screen and (max-width: 767px) {
  .challenge-box.innovation-lab-map .marker.next {
    background-image: url(/__data/assets/image/0023/6593/prx-map-dot-mobile.png?v=0.0.1);
    width: 10px;
    height: 9px;
  }
}

.challenge-box.innovation-lab-map .marker.next .pin-popup {
  left: -10px;
  top: 65px;
}

@media only screen and (max-width: 767px) {
  .challenge-box.innovation-lab-map .marker.next .pin-popup {
    left: -22px;
    top: 25px;
  }
}

.challenge-box.innovation-lab-map .marker.old {
  background-image: url(/__data/assets/image/0024/6594/prx-map-dot-old.png?v=0.0.1);
}

.challenge-box.innovation-lab-map .marker.arlington {
  bottom: 25.5%;
  right: 50.7%;
}

.challenge-box.innovation-lab-map .marker.ashburn {
  bottom: 57.2%;
  right: 25.2%;
}

.challenge-box.innovation-lab-map .marker.atlanta {
  bottom: 36%;
  right: 31.5%;
}

.challenge-box.innovation-lab-map .marker.austin {
  bottom: 18%;
  right: 51.5%;
}

.challenge-box.innovation-lab-map .marker.baltimore {
  bottom: 59.5%;
  right: 23.7%;
}

.challenge-box.innovation-lab-map .marker.broomfield {
  bottom: 48%;
  right: 63%;
}

.challenge-box.innovation-lab-map .marker.burbank {
  bottom: 37%;
  right: 83%;
}

.challenge-box.innovation-lab-map .marker.charlotte {
  bottom: 42.3%;
  right: 27.3%;
}

.challenge-box.innovation-lab-map .marker.chicago {
  bottom: 59%;
  right: 39.7%;
}

.challenge-box.innovation-lab-map .marker.cleveland {
  bottom: 61.2%;
  right: 31.8%;
}

.challenge-box.innovation-lab-map .marker.columbia {
  bottom: 37.5%;
  right: 26.8%;
}

.challenge-box.innovation-lab-map .marker.columbus {
  bottom: 56.5%;
  right: 33%;
}

.challenge-box.innovation-lab-map .marker.dallas {
  bottom: 26%;
  right: 50%;
}

.challenge-box.innovation-lab-map .marker.detroit {
  bottom: 63%;
  right: 34%;
}

.challenge-box.innovation-lab-map .marker.denver {
  bottom: 48%;
  right: 63%;
}

.challenge-box.innovation-lab-map .marker.ft-lauderdale {
  bottom: 11%;
  right: 21%;
}

.challenge-box.innovation-lab-map .marker.galloway {
  bottom: 60.3%;
  right: 21.3%;
}

.challenge-box.innovation-lab-map .marker.hagerstown {
  bottom: 59%;
  right: 25.7%;
}

.challenge-box.innovation-lab-map .marker.hampton-roads {
  bottom: 51.5%;
  right: 22.1%;
}

.challenge-box.innovation-lab-map .marker.houston {
  bottom: 16.2%;
  right: 47%;
}

.challenge-box.innovation-lab-map .marker.huntsville {
  bottom: 37.5%;
  right: 35.3%;
}

.challenge-box.innovation-lab-map .marker.indianapolis {
  bottom: 54%;
  right: 37.1%;
}

.challenge-box.innovation-lab-map .marker.joliet {
  bottom: 57%;
  right: 40.4%;
}

.challenge-box.innovation-lab-map .marker.littleton {
  bottom: 48%;
  right: 63%;
}

.challenge-box.innovation-lab-map .marker.los-angeles {
  bottom: 34.8%;
  right: 82.5%;
}

.challenge-box.innovation-lab-map .marker.mesa {
  bottom: 31%;
  right: 73%;
}

.challenge-box.innovation-lab-map .marker.miami {
  bottom: 11.5%;
  right: 20.5%;
}

.challenge-box.innovation-lab-map .marker.milwaukee {
  bottom: 62.8%;
  right: 40.5%;
}

.challenge-box.innovation-lab-map .marker.monroe {
  bottom: 26%;
  right: 43.5%;
}

.challenge-box.innovation-lab-map .marker.monterey {
  bottom: 45%;
  right: 87%;
}

.challenge-box.innovation-lab-map .marker.nashville {
  bottom: 41%;
  right: 37%;
}

.challenge-box.innovation-lab-map .marker.omaha {
  bottom: 54.4%;
  right: 50.6%;
}

.challenge-box.innovation-lab-map .marker.orlando {
  bottom: 21%;
  right: 24%;
}

.challenge-box.innovation-lab-map .marker.petaluma {
  bottom: 52%;
  right: 87%;
}

.challenge-box.innovation-lab-map .marker.phoenix {
  bottom: 31.5%;
  right: 73.5%;
}

.challenge-box.innovation-lab-map .marker.richmond {
  bottom: 52%;
  right: 23.5%;
}

.challenge-box.innovation-lab-map .marker.sacramento {
  bottom: 51%;
  right: 85.5%;
}

.challenge-box.innovation-lab-map .marker.san-diego {
  bottom: 29%;
  right: 81.8%;
}

.challenge-box.innovation-lab-map .marker.san-ramon {
  bottom: 49%;
  right: 86.4%;
}

.challenge-box.innovation-lab-map .marker.seattle {
  bottom: 81%;
  right: 82%;
}

.challenge-box.innovation-lab-map .marker.tampa {
  bottom: 17.5%;
  right: 25.2%;
}

.challenge-box.innovation-lab-map .marker.torrance {
  bottom: 34.5%;
  right: 83%;
}

.challenge-box.innovation-lab-map .marker.group .pin-popup {
  text-align: left;
  min-width: 280px;
  padding: 20px;
}

.challenge-box.innovation-lab-map .marker.group .pin-popup p, .challenge-box.innovation-lab-map .marker.group .pin-popup span {
  display: inline;
}

.challenge-box.innovation-lab-map .pin-popup {
  background-color: #fff;
  left: -23px;
  position: absolute;
  text-align: center;
  top: 25px;
  width: 250px;
  padding: 10px 5px;
  display: none;
  /*display: block;*/
}

.challenge-box.innovation-lab-map .pin-popup .pin-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 12px 12.5px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: -12px;
  left: 14px;
}

.challenge-box.innovation-lab-map .pin-popup h2 {
  color: #343642;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 2px;
}

.challenge-box.innovation-lab-map .pin-popup p, .challenge-box.innovation-lab-map .pin-popup span {
  color: #343642;
  font-size: 14px;
  margin: 0;
  opacity: 1;
  position: relative;
  font-weight: 400;
  display: block;
}

.challenge-box.moffitt-challenge {
  background-image: url(/__data/assets/image/0025/6595/prx-moffitt-challenge-bg.jpeg?v=0.0.1);
  height: 591px;
}

@media only screen and (max-width: 767px) {
  .challenge-box.moffitt-challenge {
    height: 500px;
  }
}

@media only screen and (max-width: 500px) {
  .challenge-box.moffitt-challenge {
    height: 350px;
  }
}

.challenge-box.moffitt-challenge #map-path {
  position: absolute;
  top: 55%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 477px;
}

@media only screen and (max-width: 767px) {
  .challenge-box.moffitt-challenge #map-path {
    width: 400px;
  }
}

@media only screen and (max-width: 500px) {
  .challenge-box.moffitt-challenge #map-path {
    width: 280px;
  }
}

.challenge-box.moffitt-challenge #map-path:before, .challenge-box.moffitt-challenge #map-path:after {
  display: none;
}

.challenge-box.moffitt-challenge #map-mask span {
  width: 477px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .challenge-box.moffitt-challenge #map-mask span {
    width: 400px;
  }
}

@media only screen and (max-width: 500px) {
  .challenge-box.moffitt-challenge #map-mask span {
    width: 280px;
  }
}

.challenge-box.moffitt-challenge .moffitt-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  width: 50px;
  height: 65px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

@media only screen and (max-width: 767px) {
  .challenge-box.moffitt-challenge .moffitt-icon {
    width: 42px;
    height: 55px;
  }
}

@media only screen and (max-width: 500px) {
  .challenge-box.moffitt-challenge .moffitt-icon {
    width: 29px;
    height: 38px;
  }
}

.challenge-box.moffitt-challenge .moffitt-icon.flask {
  top: 0;
  left: 0;
  background-image: url(/__data/assets/image/0026/6596/prx-moffitt-icon-flask.png?v=0.0.1);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .challenge-box.moffitt-challenge .moffitt-icon.flask {
    background-image: url(/__data/assets/image/0027/6597/prx-moffitt-icon-flask-2x.png?v=0.0.1);
  }
}

.challenge-box.moffitt-challenge .moffitt-icon.hospital {
  top: -21px;
  right: 126px;
  background-image: url(/__data/assets/image/0028/6598/prx-moffitt-icon-hospital.png?v=0.0.1);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .challenge-box.moffitt-challenge .moffitt-icon.hospital {
    background-image: url(/__data/assets/image/0029/6599/prx-moffitt-icon-hospital-2x.png?v=0.0.1);
  }
}

@media only screen and (max-width: 767px) {
  .challenge-box.moffitt-challenge .moffitt-icon.hospital {
    right: 105px;
  }
}

@media only screen and (max-width: 500px) {
  .challenge-box.moffitt-challenge .moffitt-icon.hospital {
    right: 74px;
    top: -12px;
  }
}

.challenge-box.moffitt-challenge .moffitt-icon.doctor-male {
  top: 70px;
  right: 33px;
  background-image: url(/__data/assets/image/0012/6600/prx-moffitt-icon-male.png?v=0.0.1);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .challenge-box.moffitt-challenge .moffitt-icon.doctor-male {
    background-image: url(/__data/assets/image/0013/6601/prx-moffitt-icon-male-2x.png?v=0.0.1);
  }
}

@media only screen and (max-width: 767px) {
  .challenge-box.moffitt-challenge .moffitt-icon.doctor-male {
    top: 56px;
    right: 28px;
  }
}

@media only screen and (max-width: 500px) {
  .challenge-box.moffitt-challenge .moffitt-icon.doctor-male {
    top: 39px;
    right: 20px;
  }
}

.challenge-box.moffitt-challenge .moffitt-icon.doctor-female {
  top: 226px;
  left: -25px;
  background-image: url(/__data/assets/image/0014/6602/prx-moffitt-icon-female.png?v=0.0.1);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .challenge-box.moffitt-challenge .moffitt-icon.doctor-female {
    background-image: url(/__data/assets/image/0015/6603/prx-moffitt-icon-female-2x.png?v=0.0.1);
  }
}

@media only screen and (max-width: 767px) {
  .challenge-box.moffitt-challenge .moffitt-icon.doctor-female {
    top: 187px;
    left: -21px;
  }
}

@media only screen and (max-width: 500px) {
  .challenge-box.moffitt-challenge .moffitt-icon.doctor-female {
    top: 131px;
    left: -11px;
  }
}

.challenge-box.moffitt-challenge .moffitt-icon.lightbulb {
  bottom: -25px;
  right: -20px;
  background-image: url(/__data/assets/image/0016/6604/prx-moffitt-icon-lightbulb.png?v=0.0.1);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .challenge-box.moffitt-challenge .moffitt-icon.lightbulb {
    background-image: url(/__data/assets/image/0017/6605/prx-moffitt-icon-lightbulb-2x.png?v=0.0.1);
  }
}

@media only screen and (max-width: 500px) {
  .challenge-box.moffitt-challenge .moffitt-icon.lightbulb {
    bottom: -15px;
    right: -15px;
  }
}

.challenge-box.moffitt-challenge .moffitt-icon.heart {
  width: 155px;
  height: 155px;
  top: 100px;
  left: 150px;
  background-image: url(/__data/assets/image/0018/6606/prx-moffitt-icon-heart.png?v=0.0.1);
  -webkit-transition: all 0.4s ease-in-out 0.4s;
  -moz-transition: all 0.4s ease-in-out 0.4s;
  -ms-transition: all 0.4s ease-in-out 0.4s;
  -o-transition: all 0.4s ease-in-out 0.4s;
  transition: all 0.4s ease-in-out 0.4s;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .challenge-box.moffitt-challenge .moffitt-icon.heart {
    background-image: url(/__data/assets/image/0019/6607/prx-moffitt-icon-heart-2x.png?v=0.0.1);
  }
}

@media only screen and (max-width: 767px) {
  .challenge-box.moffitt-challenge .moffitt-icon.heart {
    width: 128px;
    height: 128px;
    left: 135px;
  }
}

@media only screen and (max-width: 500px) {
  .challenge-box.moffitt-challenge .moffitt-icon.heart {
    width: 90px;
    height: 90px;
    top: 73px;
    left: 90px;
  }
}

.challenge-box.animate p,
.challenge-box.animate #extreme-temperature-numbers .up,
.challenge-box.animate #extreme-temperature-numbers .down,
.challenge-box.animate .extreme-temperature-numbers .up,
.challenge-box.animate .extreme-temperature-numbers .down,
.challenge-box.animate small {
  opacity: 1;
  -moz-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

.challenge-box.animate #lightbulb #lightbulb-top,
.challenge-box.animate #lightbulb #lightbulb-bottom,
.challenge-box.animate #lightbulb .lightbulb-top,
.challenge-box.animate #lightbulb .lightbulb-bottom,
.challenge-box.animate .lightbulb #lightbulb-top,
.challenge-box.animate .lightbulb #lightbulb-bottom,
.challenge-box.animate .lightbulb .lightbulb-top,
.challenge-box.animate .lightbulb .lightbulb-bottom {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.challenge-box.animate.aquacomms-map #map-mask {
  width: 872px;
}

@media only screen and (max-width: 1024px) {
  .challenge-box.animate.aquacomms-map #map-mask {
    width: 654px;
  }
}

@media only screen and (max-width: 767px) {
  .challenge-box.animate.aquacomms-map #map-mask {
    width: 440px;
  }
}

@media only screen and (max-width: 500px) {
  .challenge-box.animate.aquacomms-map #map-mask {
    width: 249px;
  }
}

.challenge-box.animate.networks-map #map-mask {
  height: 347px;
}

@media only screen and (max-width: 1024px) {
  .challenge-box.animate.networks-map #map-mask {
    height: 259px;
  }
}

@media only screen and (max-width: 767px) {
  .challenge-box.animate.networks-map #map-mask {
    height: 196px;
  }
}

@media only screen and (max-width: 500px) {
  .challenge-box.animate.networks-map #map-mask {
    height: 116px;
  }
}

.challenge-box.animate.moffitt-challenge .moffitt-icon {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.challenge-box.animate.moffitt-challenge #map-mask {
  width: 477px;
}

@media only screen and (max-width: 767px) {
  .challenge-box.animate.moffitt-challenge #map-mask {
    width: 400px;
  }
}

@media only screen and (max-width: 500px) {
  .challenge-box.animate.moffitt-challenge #map-mask {
    width: 280px;
  }
}

.challenge-box p {
  position: absolute;
  font-weight: 700;
  font-size: 98px;
  line-height: 1.1em;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
  opacity: 0;
}

@media only screen and (max-width: 1239px) {
  .challenge-box p {
    font-size: 73px;
  }
}

.challenge-box small {
  position: absolute;
  font-weight: 200;
  font-size: 42px;
  line-height: 1.12em;
  color: #FFFFFF;
  opacity: 0;
  z-index: 2;
  -moz-transform: translate(0, 50%);
  -o-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  -webkit-transition: all 0.6s ease-in-out 0.4s;
  -moz-transition: all 0.6s ease-in-out 0.4s;
  -ms-transition: all 0.6s ease-in-out 0.4s;
  -o-transition: all 0.6s ease-in-out 0.4s;
  transition: all 0.6s ease-in-out 0.4s;
}

@media only screen and (max-width: 1239px) {
  .challenge-box small {
    font-size: 31px;
  }
}

#mobile-popup {
  display: none;
  background-color: #fff;
  padding: 3% 0;
  text-align: center;
  width: 100%;
}

#mobile-popup h2 {
  color: #343642;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 2px;
}

#mobile-popup p, #mobile-popup span {
  color: #343642;
  font-size: 14px;
  margin: 0;
  opacity: 1;
  position: relative;
  font-weight: 400;
}

#extreme-temperature-numbers,
.extreme-temperature-numbers {
  position: absolute;
  bottom: 60px;
  left: 50%;
  width: 345px;
  height: 193px;
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media only screen and (max-width: 1239px) {
  #extreme-temperature-numbers,
  .extreme-temperature-numbers {
    width: 300px;
    height: 122px;
    bottom: 50px;
  }
}

@media only screen and (max-width: 500px) {
  #extreme-temperature-numbers,
  .extreme-temperature-numbers {
    width: 270px;
    height: 131px;
    bottom: 40px;
  }
}

#extreme-temperature-numbers .up,
.extreme-temperature-numbers .up {
  top: 0;
  left: 0;
  -moz-transform: translate(20%, 0);
  -o-transform: translate(20%, 0);
  -ms-transform: translate(20%, 0);
  -webkit-transform: translate(20%, 0);
  transform: translate(20%, 0);
  -moz-transform: translate(25%, 0);
  -o-transform: translate(25%, 0);
  -ms-transform: translate(25%, 0);
  -webkit-transform: translate(25%, 0);
  transform: translate(25%, 0);
  -webkit-transition: all 0.4s ease-in-out 0.4s;
  -moz-transition: all 0.4s ease-in-out 0.4s;
  -ms-transition: all 0.4s ease-in-out 0.4s;
  -o-transition: all 0.4s ease-in-out 0.4s;
  transition: all 0.4s ease-in-out 0.4s;
}

#extreme-temperature-numbers .down,
.extreme-temperature-numbers .down {
  bottom: 0;
  right: 0;
  -moz-transform: translate(-20%, 0);
  -o-transform: translate(-20%, 0);
  -ms-transform: translate(-20%, 0);
  -webkit-transform: translate(-20%, 0);
  transform: translate(-20%, 0);
  -moz-transform: translate(-25%, 0);
  -o-transform: translate(-25%, 0);
  -ms-transform: translate(-25%, 0);
  -webkit-transform: translate(-25%, 0);
  transform: translate(-25%, 0);
  -webkit-transition: all 0.4s ease-in-out 0.6s;
  -moz-transition: all 0.4s ease-in-out 0.6s;
  -ms-transition: all 0.4s ease-in-out 0.6s;
  -o-transition: all 0.4s ease-in-out 0.6s;
  transition: all 0.4s ease-in-out 0.6s;
}

.challenge-title {
  position: relative;
  text-align: center;
  font-weight: 300;
  font-size: 32px;
  line-height: 1.25em;
  color: #FFFFFF;
  margin: 50px 0 0;
  opacity: 0;
  z-index: 2;
  -moz-transform: translate(0, -50px);
  -o-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

@media only screen and (max-width: 1239px) {
  .challenge-title {
    font-size: 24px;
    margin-top: 35px;
  }
}

.animate .challenge-title {
  opacity: 1;
  -moz-transform: translate(0, 0px);
  -o-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  -webkit-transform: translate(0, 0px);
  transform: translate(0, 0px);
}

.extreme-temperatures-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 203px;
  overflow: hidden;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

@media only screen and (max-width: 1239px) {
  .extreme-temperatures-wave {
    height: 168px;
  }
}

.animate .extreme-temperatures-wave {
  width: 100%;
}

.extreme-temperatures-wave .extreme-temperatures-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 852px;
}

.extreme-temperatures-wave span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 852px;
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.typhoon-wave {
  position: absolute;
  top: 47%;
  left: 60%;
  -webkit-transition: all 3s ease-in-out;
  -moz-transition: all 3s ease-in-out;
  -ms-transition: all 3s ease-in-out;
  -o-transition: all 3s ease-in-out;
  transition: all 3s ease-in-out;
}

@media only screen and (max-width: 500px) {
  .typhoon-wave {
    top: 45%;
    left: 56%;
  }
}

.typhoon-wave img {
  -webkit-animation: spin linear 2s infinite;
  -moz-animation: spin linear 2s infinite;
  -ms-animation: spin linear 2s infinite;
}

@media only screen and (min-width: 501px) {
  .animate .typhoon-wave {
    top: 43%;
    left: 39%;
  }
}

#wind-speed {
  margin: 15px 0 0;
  opacity: 0;
  -moz-transform: translate(0, -50px);
  -o-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.animate #wind-speed {
  opacity: 1;
  -moz-transform: translate(0, 0px);
  -o-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  -webkit-transform: translate(0, 0px);
  transform: translate(0, 0px);
}

#damage {
  margin: 25px 0 0;
  opacity: 0;
  -moz-transform: translate(0, -50px);
  -o-transform: translate(0, -50px);
  -ms-transform: translate(0, -50px);
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.animate #damage {
  opacity: 1;
  -moz-transform: translate(0, 0px);
  -o-transform: translate(0, 0px);
  -ms-transform: translate(0, 0px);
  -webkit-transform: translate(0, 0px);
  transform: translate(0, 0px);
}

@-ms-keyframes spin {
  from {
    -ms-transform: rotate(360deg);
  }
  to {
    -ms-transform: rotate(0deg);
  }
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(360deg);
  }
  to {
    -moz-transform: rotate(0deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

#lightbulb, .lightbulb {
  position: absolute;
  width: 118px;
  height: 157px;
  bottom: 27.8481%;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media only screen and (max-width: 1239px) {
  #lightbulb, .lightbulb {
    width: 89px;
    height: 123px;
  }
}

#lightbulb span, .lightbulb span {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

#lightbulb #lightbulb-top, #lightbulb .lightbulb-top, .lightbulb #lightbulb-top, .lightbulb .lightbulb-top {
  top: 0;
  left: 0;
  width: 90px;
  -moz-transform: translate(-30px, 30px);
  -o-transform: translate(-30px, 30px);
  -ms-transform: translate(-30px, 30px);
  -webkit-transform: translate(-30px, 30px);
  transform: translate(-30px, 30px);
}

@media only screen and (max-width: 1239px) {
  #lightbulb #lightbulb-top, #lightbulb .lightbulb-top, .lightbulb #lightbulb-top, .lightbulb .lightbulb-top {
    width: 67px;
  }
}

#lightbulb #lightbulb-bottom, #lightbulb .lightbulb-bottom, .lightbulb #lightbulb-bottom, .lightbulb .lightbulb-bottom {
  bottom: 0;
  right: 0;
  width: 82px;
  -moz-transform: translate(30px, -30px);
  -o-transform: translate(30px, -30px);
  -ms-transform: translate(30px, -30px);
  -webkit-transform: translate(30px, -30px);
  transform: translate(30px, -30px);
}

@media only screen and (max-width: 1239px) {
  #lightbulb #lightbulb-bottom, #lightbulb .lightbulb-bottom, .lightbulb #lightbulb-bottom, .lightbulb .lightbulb-bottom {
    width: 61px;
  }
}

#extraordinary-outcomes {
  position: relative;
}

@media only screen and (max-width: 1024px) {
  #extraordinary-outcomes {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  #extraordinary-outcomes {
    margin-bottom: 10px;
  }
}

#extraordinary-outcomes-background {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 749px;
}

@media only screen and (max-width: 1599px) {
  #extraordinary-outcomes-background {
    height: 654px;
  }
}

@media only screen and (max-width: 1239px) {
  #extraordinary-outcomes-background {
    height: 529px;
  }
}

@media only screen and (max-width: 1024px) {
  #extraordinary-outcomes-background {
    height: 451px;
  }
}

@media only screen and (max-width: 767px) {
  #extraordinary-outcomes-background {
    height: 50%;
  }
}

#extraordinary-outcomes-background span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: cover;
}

#extraordinary-outcomes-background span.mine {
  background-image: url(/__data/assets/image/0020/6608/prx-mine-background.jpeg?v=0.0.1);
}

#extraordinary-outcomes-background span.girl-beach {
  background-image: url(/__data/assets/image/0021/6609/prx-pldt-beach-girl-phone.jpg?v=0.0.1);
}

#extraordinary-outcomes-background span.moffitt-outcomes {
  background-image: url(/__data/assets/image/0013/6610/prx-moffitt-extraordinary-outcomes.jpg?v=0.0.1);
}

#extraordinary-outcomes-background span.ship {
  background-image: url(/__data/assets/image/0014/6611/prx-aquacomms-ship.jpg?v=0.0.1);
}

#extraordinary-outcomes-background span.stem-class {
  background-image: url(/__data/assets/image/0015/6612/prx-ciena-stem-class.jpeg?v=0.0.1);
}

#extraordinary-outcomes-background span.group {
  background-image: url(/__data/assets/image/0016/6613/prx-ciena-stem-group.jpeg?v=0.0.1);
}

#extraordinary-outcomes-background span.buildings {
  background-image: url(/__data/assets/image/0017/6614/prx-lightwave-buildings.jpeg?v=0.0.1);
}

#extraordinary-outcomes-background span.fiber-table {
  background-image: url(/__data/assets/image/0018/6615/prx-fiber-table.png?v=0.0.1);
}

#extraordinary-outcomes-background span.brand-story-networks {
  background-image: url(/__data/assets/image/0019/6616/prx-networks-background.jpeg?v=0.0.1);
}

#extraordinary-outcomes-background span.truck {
  background-image: url(/__data/assets/image/0020/6617/prx-brand-story-truck-v2.jpeg?v=0.0.1);
}

#extraordinary-outcomes-background span.people-desk {
  background-image: url(/__data/assets/image/0021/6618/prx-people-desk.jpeg?v=0.0.1);
}

#map-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1286px;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1024px) {
  #map-container {
    width: 964px;
  }
}

@media only screen and (max-width: 767px) {
  #map-container {
    width: 737px;
  }
}

@media only screen and (max-width: 500px) {
  #map-container {
    width: 420px;
    -moz-transform: translate(-48%, -50%);
    -o-transform: translate(-48%, -50%);
    -ms-transform: translate(-48%, -50%);
    -webkit-transform: translate(-48%, -50%);
    transform: translate(-48%, -50%);
  }
}

#map-path {
  position: absolute;
}

#map-path:before, #map-path:after {
  display: block;
  content: '';
  position: absolute;
  width: 25px;
  height: 43px;
  opacity: 0;
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  background: url(/__data/assets/image/0022/6619/prx-map-pin.png?v=0.0.1) no-repeat 0 0;
  background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  #map-path:before, #map-path:after {
    background-image: url(/__data/assets/image/0014/6620/prx-map-pin-2x.png?v=0.0.1);
  }
}

@media only screen and (max-width: 1239px) {
  #map-path:before, #map-path:after {
    width: 18px;
    height: 31px;
  }
}

#map-path:before {
  left: 0;
  margin-left: -12px;
}

@media only screen and (max-width: 1239px) {
  #map-path:before {
    margin-left: -8px;
  }
}

#map-path:after {
  right: 0;
  margin-right: -12px;
}

@media only screen and (max-width: 1239px) {
  #map-path:after {
    margin-right: -8px;
  }
}

#map-path span {
  display: block;
}

.aquacomms-map #map-path {
  width: 872px;
  left: 15.9409%;
  top: 27.02703%;
}

@media only screen and (max-width: 1024px) {
  .aquacomms-map #map-path {
    width: 654px;
  }
}

@media only screen and (max-width: 767px) {
  .aquacomms-map #map-path {
    width: 440px;
    left: 19.40299%;
    top: 34.29844%;
  }
}

@media only screen and (max-width: 500px) {
  .aquacomms-map #map-path {
    width: 249px;
  }
}

.aquacomms-map #map-path span {
  width: 872px;
}

@media only screen and (max-width: 1024px) {
  .aquacomms-map #map-path span {
    width: 654px;
  }
}

@media only screen and (max-width: 767px) {
  .aquacomms-map #map-path span {
    width: 440px;
  }
}

@media only screen and (max-width: 500px) {
  .aquacomms-map #map-path span {
    width: 249px;
  }
}

.aquacomms-map #map-path:before {
  bottom: 8px;
}

@media only screen and (max-width: 1239px) {
  .aquacomms-map #map-path:before {
    bottom: 9px;
  }
}

@media only screen and (max-width: 1024px) {
  .aquacomms-map #map-path:before {
    bottom: 7px;
  }
}

@media only screen and (max-width: 767px) {
  .aquacomms-map #map-path:before {
    bottom: 5px;
  }
}

.aquacomms-map #map-path:after {
  top: -15px;
}

@media only screen and (max-width: 1239px) {
  .aquacomms-map #map-path:after {
    top: -4px;
  }
}

@media only screen and (max-width: 1024px) {
  .aquacomms-map #map-path:after {
    top: -10px;
  }
}

@media only screen and (max-width: 767px) {
  .aquacomms-map #map-path:after {
    top: -17px;
  }
}

@media only screen and (max-width: 500px) {
  .aquacomms-map #map-path:after {
    top: -21px;
  }
}

.networks-map #map-path {
  width: 208px;
  height: 347px;
  bottom: 15.2027%;
  right: 25.66096%;
}

@media only screen and (max-width: 1024px) {
  .networks-map #map-path {
    width: 155px;
    height: 259px;
  }
}

@media only screen and (max-width: 767px) {
  .networks-map #map-path {
    width: 119px;
    height: 196px;
  }
}

@media only screen and (max-width: 500px) {
  .networks-map #map-path {
    width: 69px;
    height: 116px;
  }
}

.networks-map #map-path span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 347px;
}

@media only screen and (max-width: 1024px) {
  .networks-map #map-path span {
    height: 259px;
  }
}

@media only screen and (max-width: 767px) {
  .networks-map #map-path span {
    height: 196px;
  }
}

@media only screen and (max-width: 500px) {
  .networks-map #map-path span {
    height: 116px;
  }
}

.networks-map #map-path:before {
  bottom: 0;
}

.networks-map #map-path:after {
  top: -43px;
}

@media only screen and (max-width: 1239px) {
  .networks-map #map-path:after {
    top: -31px;
  }
}

.animate #map-path:after {
  -webkit-transition: all 0.6s ease-in-out 1.4s;
  -moz-transition: all 0.6s ease-in-out 1.4s;
  -ms-transition: all 0.6s ease-in-out 1.4s;
  -o-transition: all 0.6s ease-in-out 1.4s;
  transition: all 0.6s ease-in-out 1.4s;
}

.animate #map-path:before, .animate #map-path:after {
  opacity: 1;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

#map-mask {
  overflow: hidden;
  -webkit-transition: all 1.4s ease-in-out;
  -moz-transition: all 1.4s ease-in-out;
  -ms-transition: all 1.4s ease-in-out;
  -o-transition: all 1.4s ease-in-out;
  transition: all 1.4s ease-in-out;
}

.aquacomms-map #map-mask {
  width: 0;
}

.networks-map #map-mask {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
}

.moffitt-challenge #map-mask {
  width: 0;
}

#extraordinary-outcomes-container {
  text-align: center;
  position: relative;
  padding-top: 392px;
  z-index: 2;
}

@media only screen and (max-width: 1599px) {
  #extraordinary-outcomes-container {
    padding-top: 326px;
  }
}

@media only screen and (max-width: 1239px) {
  #extraordinary-outcomes-container {
    padding-top: 260px;
  }
}

@media only screen and (max-width: 1024px) {
  #extraordinary-outcomes-container {
    padding-top: 225px;
  }
}

@media only screen and (max-width: 767px) {
  #extraordinary-outcomes-container {
    padding-top: 110px;
  }
}

@media only screen and (max-width: 500px) {
  #extraordinary-outcomes-container {
    padding-top: 30px;
  }
}

#extraordinary-outcomes-container p {
  margin: 0;
}

#extraordinary-outcomes-content {
  padding: 150px 200px;
}

#extraordinary-outcomes-content.fiber-deep-content {
  padding: 75px 200px;
}

@media only screen and (max-width: 1360px) {
  #extraordinary-outcomes-content {
    padding: 8% 12%;
  }
}

#extraordinary-outcomes-content .add-padding-top {
  padding-top: 2em;
}

@media only screen and (min-width: 1025px) {
  #brand-story-two-column {
    padding-top: 40px;
  }
  #brand-story-two-column .column {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}

@media only screen and (min-width: 1361px) {
  #brand-story-two-column .column {
    min-height: 500px;
  }
}

#brand-story-two-column .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}

@media only screen and (max-width: 1024px) {
  #brand-story-two-column .row {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #brand-story-two-column .row .move-down {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}

#brand-story-two-column img {
  width: 100%;
}

#brand-story-two-column .center-image {
  width: auto;
}

#brand-story-two-column .image-1 {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

#brand-story-two-column .image-2 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#brand-story-two-column .image-2.top-bg-align {
  background-position: center top;
}

#brand-story-two-column .image-2 img {
  display: none;
}

@media only screen and (max-width: 1024px) {
  #brand-story-two-column .image-2 {
    background-image: none !important;
  }
  #brand-story-two-column .image-2 img {
    display: inline-block;
  }
}

.brand-story-content {
  max-width: 741px;
  padding: 60px 30px;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
  .brand-story-content {
    padding: 50px 90px;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .brand-story-content {
    padding: 50px 15px;
  }
}

.brand-story-content blockquote {
  position: relative;
  padding: 30px 0;
  margin: 0;
  color: #343642;
  border-bottom: 1px solid #00C298;
}

@media only screen and (max-width: 1024px) {
  .brand-story-content blockquote {
    margin-top: 40px;
    text-align: left;
  }
}

.brand-story-content blockquote:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 61px;
  height: 48px;
  background: url(/__data/assets/image/0015/6621/prx-quotemarks.png?v=0.0.1) no-repeat center;
  background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .brand-story-content blockquote:before {
    background-image: url(/__data/assets/image/0016/6622/prx-quotemarks-2x.png?v=0.0.1);
  }
}

@media only screen and (max-width: 1239px) {
  .brand-story-content blockquote:before {
    width: 46px;
    height: 36px;
  }
}

@media only screen and (max-width: 1024px) {
  .brand-story-content blockquote:before {
    width: 36px;
    height: 28px;
  }
}

.brand-story-content blockquote:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 84px;
  height: 1px;
  background: #00C298;
}

@media only screen and (max-width: 1239px) {
  .brand-story-content blockquote:after {
    left: 61px;
  }
}

@media only screen and (max-width: 1024px) {
  .brand-story-content blockquote:after {
    left: 50px;
  }
}

.brand-story-content blockquote em {
  font-weight: 200;
  font-size: 28px;
  line-height: 1.3em;
  margin: 0;
}

@media only screen and (max-width: 1599px) {
  .brand-story-content blockquote em {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1239px) {
  .brand-story-content blockquote em {
    font-size: 18px;
  }
}

.brand-story-content blockquote cite {
  display: block;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  margin-top: 30px;
}

@media only screen and (max-width: 1239px) {
  .brand-story-content blockquote cite {
    font-size: 16px;
  }
}

.brand-story-content blockquote .twitter {
  width: 23px;
  height: 23px;
  fill: #19A4DD;
}

.brand-story-content blockquote .linkedin {
  width: 21px;
  height: 21px;
  fill: #00739C;
}

.brand-story-content blockquote nav {
  margin-top: 10px;
}

.brand-story-content blockquote a {
  display: inline-block;
  margin-right: 15px;
}

.brand-story-stagger {
  -moz-transform: translate(0, 5vh);
  -o-transform: translate(0, 5vh);
  -ms-transform: translate(0, 5vh);
  -webkit-transform: translate(0, 5vh);
  transform: translate(0, 5vh);
  opacity: 0;
  -webkit-transition: all 1.3s ease-out;
  -moz-transition: all 1.3s ease-out;
  -ms-transition: all 1.3s ease-out;
  -o-transition: all 1.3s ease-out;
  transition: all 1.3s ease-out;
}

.brand-story-stagger.brand-story-animate {
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

/**
 * Product A-Z
 */
.product-list .product-family {
  border-top: 2px solid #DBDCDD;
}

.product-list .family-link {
  padding: 20px 30px;
  color: #1C1E2A;
  margin: 0;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
}

.product-list .family-link a:not(.btn) {
  color: #1C1E2A;
  text-decoration: none;
}

.product-list .family-link .chevron {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
}

.product-list .products {
  margin: 0 0 0 auto;
  padding: 0 0 20px;
  max-width: 900px;
  list-style: none;
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 20px;
}

@media only screen and (max-width: 1024px) {
  .product-list .products {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    margin-left: 30px;
  }
}

@media only screen and (max-width: 500px) {
  .product-list .products {
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 20px;
  }
}

.product-list .products a {
  display: block;
  padding: 3px 0;
  color: #1C1E2A;
  break-inside: avoid-column;
  text-decoration: none;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

/**
 * Contact
 */
.sideblock {
  padding: 0 30px 30px;
  margin: 68px 0 0;
}

@media only screen and (max-width: 1239px) {
  .sideblock {
    margin: 37px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .sideblock {
    margin: 40px 0 0;
  }
}

.sideblock .title {
  margin: 0 0 1em;
  padding-top: 30px;
  font-weight: 200;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
}

.sideblock p {
  font-weight: 200;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.sideblock .btn {
  width: 100%;
}

.sideblock-no-margin {
  margin-top: 25px;
}

.column-navigation {
  padding: 100px 30px;
}

@media only screen and (max-width: 1024px) {
  .column-navigation {
    padding: 50px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .column-navigation {
    padding: 50px 5px 10px;
  }
}

.column-navigation.blue-green-img a {
  color: #FFFFFF;
  text-decoration: none;
}

.column-navigation.blue-green-img hr {
  background: #FFFFFF;
}

.column-navigation.white-bg a:not(.btn) {
  color: #1C1E2A;
  text-decoration: none;
}

.column-navigation.white-bg a:not(.btn) svg {
  fill: #1C1E2A;
}

.column-navigation.white-bg hr {
  background: #1C1E2A;
}

.column-navigation.definition-detail {
  padding-top: 100px !important;
}

@media only screen and (max-width: 1024px) {
  .column-navigation.definition-detail {
    padding-top: 50px !important;
  }
}

.column-navigation.definition-detail .comp-title {
  margin-bottom: 50px;
}

@media only screen and (max-width: 1024px) {
  .column-navigation.definition-detail .comp-title {
    margin-bottom: inherit;
  }
}

@media only screen and (max-width: 1024px) {
  .column-navigation .nav-column {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .column-navigation .nav-column {
    margin-bottom: 40px;
  }
}

.column-navigation .col-heading {
  margin: 0;
  font-weight: 300;
  font-size: 32px;
  line-height: 1.25em;
}

@media only screen and (max-width: 1599px) {
  .column-navigation .col-heading {
    font-weight: 300;
    font-size: 28px;
    line-height: 1.3em;
  }
}

@media only screen and (max-width: 1239px) {
  .column-navigation .col-heading {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 1239px) {
  .column-navigation .col-heading {
    font-weight: 300;
    font-size: 19px;
    line-height: 1.35em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 767px) {
  .column-navigation .col-heading {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.column-navigation .col-heading a {
  font-size: inherit;
}

.column-navigation .col-heading svg {
  display: inline-block;
  fill: #FFFFFF;
  width: 25px;
  height: 25px;
}

@media only screen and (max-width: 1239px) {
  .column-navigation .col-heading svg {
    width: 12.5px;
    height: 12.5px;
  }
}

.column-navigation hr {
  width: 37px;
  height: 1px;
  border: none;
  margin: 20px 0 10px;
  opacity: 0.3;
  text-align: left;
  /* IE fix */
}

.column-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.column-navigation li {
  display: block;
}

.column-navigation a {
  display: inline-block;
  text-decoration: none;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  line-height: 1.6em;
}

.column-navigation a svg {
  width: 14px;
  height: 14px;
  fill: #FFFFFF;
  visibility: hidden;
}

@media only screen and (max-width: 1024px) {
  .column-navigation a svg {
    width: 15px;
    height: 15px;
  }
}

.column-navigation a:hover svg {
  visibility: visible;
}

@media only screen and (max-width: 1599px) {
  .column-navigation a {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 1024px) {
  .column-navigation a {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 767px) {
  .column-navigation a {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.card {
  padding: 55px 15px;
  width: 100%;
  height: 100%;
}

.card.white-bg {
  background: #FFFFFF;
  color: #343642;
}

.card.white-bg a:not(.btn) {
  color: #2343B8;
}

.flex-grid .card {
  height: auto;
}

.what-is-card {
  padding: 1px 20px 20px;
  width: 100%;
  height: 100%;
}

.what-is-card a {
  color: #FFFFFF !important;
}

.what-is-card a .arrow-icon {
  fill: #FFFFFF !important;
  visibility: visible;
}

.what-is-links {
  padding: 0px 13px;
}

.explore-more-title {
  font-weight: 300;
  font-size: 32px;
  line-height: 1.25em;
  margin-bottom: 0px;
}

.card-title {
  font-weight: 300;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  margin: 24px 0;
  position: relative;
}

p {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

p.large-text {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

.category.company-name {
  color: #800A68;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.5em;
  margin: 0 0 20px;
  text-transform: uppercase;
}

.block {
  position: relative;
  padding: 30px;
  text-decoration: none;
  display: block;
  height: 292px;
  width: 100%;
  color: #1C1E2A;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

@media only screen and (max-width: 1239px) {
  .block {
    height: 242px;
    padding: 25px;
  }
}

@media only screen and (max-width: 1024px) {
  .block {
    height: 182px;
    padding: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .block {
    height: 250px;
    padding: 15px;
  }
}

.block.gray-bg, .block.dark-gray-bg, .block.pure-black-bg, .block.black-bg, .block.black-rock-bg, .block.blue-green, .block.question-cta, .block.green-blue, .block.purple-blue, .block.blue-purple, .block.red-purple, .block.purple-red, .block.orange-red, .block.red-orange, .block.red-orange-reverse, .block.yellow-orange, .block.yellow-green, .block.green-yellow, .block.green-yellow-reverse, .block.grey-black, .block.black-grey, .block.gray-black, .block.lgrey-dgrey, .block.dgrey-lgrey, .block.lblue-dblue, .block.bp-light-blue, .block.bp-medium-blue, .block.bp-royal-blue, .block.bp-dark-blue, .block.bp-gray, .block.black-pearl {
  color: #FFFFFF;
}

.block.full {
  height: 600px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media only screen and (max-width: 1239px) {
  .block.full {
    height: 500px;
  }
}

@media only screen and (max-width: 1024px) {
  .block.full {
    height: 380px;
  }
}

.block.full .title {
  max-width: 400px;
}

.block:hover {
  -moz-transform: scale(1.025) perspective(1px);
  -o-transform: scale(1.025) perspective(1px);
  -ms-transform: scale(1.025) perspective(1px);
  -webkit-transform: scale(1.025) perspective(1px);
  transform: scale(1.025) perspective(1px);
  -webkit-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  -moz-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
}

.block .category {
  text-transform: uppercase;
  margin: 0 0 20px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.block .category.white {
  color: #FFFFFF;
}

.block .category.purple {
  color: #800A68;
}

.block .title {
  margin: 0;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
}

@media only screen and (max-width: 1239px) {
  .block .title {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 1024px) {
  .block .title {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.35em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 767px) {
  .block .title {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.quarter .block .title {
  font-weight: 300;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
}

@media only screen and (max-width: 1239px) {
  .quarter .block .title {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.35em;
    letter-spacing: 0.02em;
  }
}

.block .title.black {
  color: #1C1E2A;
}

.block .author {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.block .author.white {
  color: #FFFFFF;
}

.block.spotlight .category {
  color: #00C298;
}

.block.spotlight .category.white {
  color: #FFFFFF;
}

.block.spotlight .category.purple {
  color: #800A68;
}

.block.spotlight .category.orange {
  color: #F47F0C;
}

.block.white-bg .category {
  color: #800A68;
}

.block.white-bg .category.white {
  color: #FFFFFF;
}

.block.white-bg .category.purple {
  color: #800A68;
}

.block.spotlight {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #FFFFFF;
  position: relative;
}

.block.spotlight .category, .block.spotlight .title {
  position: relative;
  z-index: 1;
}

.block.spotlight.light {
  color: #FFFFFF;
}

.block.spotlight.dark {
  color: #1C1E2A;
}

.block.no-bg-image .category {
  color: #FFFFFF;
}

.block.no-bg-image .title {
  color: #FFFFFF;
}

.block .badge {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
}

.block .badge.blue {
  background: #2343B8;
}

.block .badge.purple {
  background: #800A68;
}

.block .badge .badge-icon {
  width: 40px;
  height: 40px;
  fill: #FFFFFF;
}

.block.short {
  height: 297px;
}

@media only screen and (max-width: 767px) {
  .block.short {
    min-height: 150px;
    height: auto;
  }
}

.block.tall {
  height: 442px;
}

.block .white {
  color: #FFFFFF;
}

.block.black-bg .category {
  color: #00C298;
}

.product {
  position: relative;
  height: 320px;
}

@media only screen and (max-width: 1239px) {
  .product {
    height: 300px;
  }
}

@media only screen and (max-width: 1024px) {
  .product {
    height: 250px;
  }
}

@media only screen and (max-width: 767px) {
  .product {
    height: auto;
  }
}

.product.gray-bg, .product.white-bg {
  color: #1C1E2A;
}

.product.gray-bg .category, .product.white-bg .category {
  color: #D31924;
}

@media only screen and (max-width: 767px) {
  .product .title {
    margin-bottom: 10px;
  }
}

.product .product-thumb {
  position: absolute;
  bottom: 30px;
  right: 30px;
  max-width: 55%;
  max-height: 55%;
  width: auto;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .product .product-thumb {
    position: static;
    float: right;
  }
}

#site-footer {
  background: #282A36;
  color: #FFFFFF;
  padding: 100px 30px 50px;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1024px) {
  #site-footer {
    padding: 50px 20px;
  }
}

@media only screen and (max-width: 767px) {
  #site-footer {
    padding: 25px 5px;
  }
}

#site-footer .footer-promo {
  width: 810px;
  margin: 0 auto;
  color: #ffffff;
  padding-bottom: 30px;
  font-size: 18px;
}

@media only screen and (max-width: 1024px) {
  #site-footer .footer-promo {
    width: 100%;
    font-size: 16px;
  }
}

#site-footer .footer-promo a {
  color: #ffffff;
  font-size: 18px;
}

@media only screen and (max-width: 1024px) {
  #site-footer .footer-promo a {
    font-size: 16px;
  }
}

#site-footer .footer-promo img {
  padding-right: 30px;
  float: left;
}

#site-footer .footer-promo span {
  display: block;
  padding-top: 5%;
}

#site-footer .bordered {
  border-bottom: 1px solid #1C1E2A;
  padding: 0 0 10px;
}

@media only screen and (max-width: 1239px) {
  #site-footer .bordered {
    padding: 0 0 30px;
  }
}

#site-footer .utility-legal {
  padding: 30px 0 0;
}

#site-footer nav a {
  display: inline-block;
  color: #FFFFFF;
  text-decoration: none;
}

#site-footer .company-nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding-right: 10%;
}

@media only screen and (max-width: 1024px) {
  #site-footer .company-nav {
    max-width: 640px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  #site-footer .company-nav {
    padding-right: 8px;
  }
}

@media only screen and (max-width: 500px) {
  #site-footer .company-nav {
    flex-wrap: wrap;
  }
}

#site-footer .company-nav a {
  padding: 12px 0;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
}

@media only screen and (max-width: 1599px) {
  #site-footer .company-nav a {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 767px) {
  #site-footer .company-nav a {
    padding: 6px 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 500px) {
  #site-footer .company-nav a {
    display: inline-block;
    width: 50%;
  }
}

#site-footer .utility a {
  padding: 0 5px 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

@media only screen and (max-width: 767px) {
  #site-footer .utility a {
    width: auto;
    margin: 0 -2px;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

#site-footer .utility a:after {
  content: "|";
  display: inline-block;
  padding: 0 0 0 8px;
}

@media only screen and (max-width: 767px) {
  #site-footer .utility a:after {
    float: right;
  }
}

@media only screen and (max-width: 767px) {
  #site-footer .utility a:nth-child(2n+2):after {
    display: none;
  }
}

#site-footer .utility a:last-child:after {
  display: none;
}

@media only screen and (max-width: 1239px) {
  #site-footer .utility {
    float: none;
    width: 100%;
    line-height: 2em;
  }
}

@media only screen and (max-width: 767px) {
  #site-footer .utility {
    margin: 0 0 15px;
    line-height: 1em;
  }
}

#site-footer .legal-info {
  text-align: right;
}

@media only screen and (max-width: 1239px) {
  #site-footer .legal-info {
    text-align: left;
    width: auto;
    line-height: 1em;
  }
}

@media only screen and (max-width: 767px) {
  #site-footer .legal-info {
    line-height: normal;
  }
}

#site-footer .accessibility-statement {
  text-align: left;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 200px;
  background-color: #eeeeef;
  color: #343642;
  padding: 15px;
  z-index: 999;
  display: none;
}

@media only screen and (max-width: 500px) {
  #site-footer .accessibility-statement {
    right: auto;
    left: 0;
  }
}

#site-footer .accessibility-statement .accessibility-close {
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

#site-footer .accessibility-statement .accessibility-close svg {
  width: 10px;
  height: 10px;
}

#site-footer .accessibility-statement p {
  font-size: 13px;
  margin: 0;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3em;
}

#site-footer .accessibility-statement p a {
  font-size: 13px;
  color: #2343B8;
}

#site-footer .legal {
  display: inline-block;
  position: relative;
}

#site-footer .legal a {
  color: #b4b7ba;
  padding: 0 5px 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

@media only screen and (max-width: 1024px) {
  #site-footer .legal a {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  #site-footer .legal a {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

#site-footer .legal a:after {
  content: "|";
  display: inline-block;
  padding: 0 0 0 8px;
}

@media only screen and (max-width: 1024px) {
  #site-footer .legal a:after {
    padding: 0 0 0 4px;
  }
}

#site-footer .legal a.no-separator:after {
  display: none;
}

@media only screen and (max-width: 767px) {
  #site-footer .legal a:last-child:after {
    display: none;
  }
}

#site-footer .copyright {
  display: inline-block;
  color: #b4b7ba;
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

@media only screen and (max-width: 767px) {
  #site-footer .copyright {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

#site-footer .social {
  margin: 0;
  padding-right: 0;
  list-style: none;
}

@media only screen and (max-width: 1024px) {
  #site-footer .social {
    padding-top: 18px;
  }
}

@media only screen and (max-width: 414px) {
  #site-footer .social {
    display: flex;
    justify-content: space-between;
    padding-right: 8px;
  }
}

#site-footer .social li {
  display: inline-block;
  margin: 0 -2px;
  width: 20%;
}

@media only screen and (max-width: 1024px) {
  #site-footer .social li {
    width: auto;
    padding: 0 20px 0 0;
  }
}

@media only screen and (max-width: 414px) {
  #site-footer .social li {
    padding: 0;
  }
}

#site-footer .social a {
  display: block;
  padding: 10px 11px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

#site-footer .social a:hover {
  background: #FFFFFF;
}

#site-footer .social a:hover svg {
  fill: #282A36;
}

#site-footer .social svg {
  fill: #FFFFFF;
  width: 20px;
  height: 20px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.hide {
  display: none;
}

@media only screen and (max-width: 1239px) {
  .hide-small-browser {
    display: none !important;
  }
}

@media only screen and (max-width: 1024px) {
  .hide-tablet {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .hide-mobile {
    display: none !important;
  }
}

@media only screen and (min-width: 1240px) {
  .show-small-browser {
    display: none !important;
  }
}

@media only screen and (min-width: 1600px) {
  .show-medium-browser {
    display: none !important;
  }
}

@media only screen and (min-width: 1025px) {
  .show-tablet {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .show-mobile {
    display: none !important;
  }
}

.no-webgl .ie10-hide {
  display: none !important;
}

.center-image {
  display: block;
  margin: 0 auto;
  width: auto;
}

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

@media only screen and (max-width: 1024px) {
  .center-tablet {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .center-mobile {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .left-mobile {
    text-align: left;
  }
  .left-mobile .features-image {
    margin: 0 0 20px;
  }
}

.inqueries .column {
  height: 371px;
}

@media only screen and (max-width: 1024px) {
  .inqueries .column {
    height: auto;
  }
}

.inqueries .title {
  color: #FFFFFF;
  max-width: 400px;
  margin: 0 auto;
}

.inqueries .btn {
  margin: 20px 0 0;
}

/* Video Component */
.video-component {
  height: auto;
  margin: 0 auto;
}

.video-component.auto-height {
  height: auto;
}

.video-component .container {
  text-align: center;
  padding: 0;
}

.video-component .overlay:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.5) 54%);
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.5) 54%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.5) 54%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.5) 54%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.5) 54%);
}

@media only screen and (max-width: 1024px) {
  .video-component.margin-bottom {
    margin: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .video-component.no-padding-top {
    padding-top: 0;
    padding-bottom: 40px;
  }
}

.video-component.vimeo {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.video-component.vimeo iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-component a {
  display: inline-block;
  position: relative;
  text-align: center;
}

.video-component iframe {
  max-width: none;
  display: none;
}

.video-component .video-info {
  padding: 0 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.video-component .video-info.white {
  color: #FFFFFF;
}

.video-component .video-info img {
  width: 100px;
}

@media only screen and (max-width: 550px) {
  .video-component .video-info img {
    width: 70px;
  }
}

@media only screen and (max-width: 450px) {
  .video-component .video-info img {
    width: 50px;
  }
}

.video-component .video-info .play-triangle {
  background: #00C298;
  background: -moz-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  background: -webkit-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  background: -o-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  background: -ms-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  background: linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  width: 30px;
  height: 30px;
  padding: 8px 0px 8px 2px;
  border-radius: 15px;
  margin-left: 10px;
}

@media only screen and (max-width: 1239px) {
  .video-component .video-info .play-triangle {
    width: 25px;
    height: 25px;
    padding: 8px 0px 8px 2px;
  }
}

@media only screen and (max-width: 767px) {
  .video-component .video-info .play-triangle {
    width: 20px;
    height: 20px;
    padding: 6px 0px 6px 2px;
    border-radius: 12px;
  }
}

.video-component .video-headline {
  font-weight: 300;
  font-size: 36px;
  line-height: 1.2em;
  margin: 12px 0 0;
  color: #FFFFFF;
}

@media only screen and (max-width: 1239px) {
  .video-component .video-headline {
    font-weight: 400;
  }
}

@media only screen and (max-width: 1024px) {
  .video-component .video-headline {
    font-size: 25px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 767px) {
  .video-component .video-headline {
    font-size: 20px;
    font-weight: 300;
    margin: 5px 0 0;
  }
}

.video-component.dark .video-headline {
  color: #343642;
}

.video-component.video-expand .video-info {
  width: 47%;
}

@media only screen and (max-width: 1024px) {
  .video-component.video-expand .video-info {
    width: 65%;
  }
}

@media only screen and (max-width: 767px) {
  .video-component.video-expand .video-info {
    width: 95%;
  }
}

@media only screen and (max-width: 500px) {
  .video-component.video-expand .video-info {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .video-component.video-expand .video-info .btn-container {
    margin-top: 0;
  }
}

@media only screen and (max-width: 500px) {
  .video-component.video-expand .video-info .btn {
    padding: 8px 20px;
    font-size: 12px;
  }
}

.detail-video .kaltura-player-wrapper-inner .kWidgetIframeContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.detail-video .kaltura-player-wrapper-inner iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.launch-player {
  background-size: cover;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 56.25%;
  /* This is for 16:9 aspect ratio (CNSD-1277) */
  overflow: hidden;
  height: 0;
}

.launch-player .comp-title {
  font-size: 54px;
  font-weight: 200;
  margin: 0px 0 .25em;
}

@media only screen and (max-width: 767px) {
  .launch-player .comp-title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 500px) {
  .launch-player .comp-title {
    font-size: 22px;
  }
}

.video-wrapper {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-component.general-video {
  height: auto;
  max-width: 1100px;
}

.jw-available .jwplayer-video {
  display: none;
}

.jwplayer-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.jw-player-wrapper {
  display: none;
}

#jw-player {
  position: absolute;
  top: 0px;
  left: 0;
}

#jw-player.jwplayer.jw-flag-aspect-mode {
  height: 100% !important;
}

.video-detail.chalktalk-detail .article-title {
  max-width: 70%;
}

/* For JW Player banner video looping */
.jwplayer-hero-loop {
  position: relative;
  z-index: 5;
  height: 100%;
  max-height: 515px !important;
}

.jwplayer-hero-loop.even-overlay:before {
  z-index: 1;
}

.jwplayer-hero-loop .video-info {
  width: 97%;
  margin: 0 auto;
  z-index: 1;
  max-width: 1386px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.jwplayer-hero-loop .video-info .play-triangle {
  background: #00C298;
  background: -moz-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  background: -webkit-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  background: -o-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  background: -ms-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  background: linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  width: 30px;
  height: 30px;
  padding: 8px 0px 8px 2px;
  border-radius: 15px;
  margin-left: 10px;
}

@media only screen and (max-width: 1239px) {
  .jwplayer-hero-loop .video-info .play-triangle {
    width: 25px;
    height: 25px;
    padding: 8px 0px 8px 2px;
  }
}

@media only screen and (max-width: 767px) {
  .jwplayer-hero-loop .video-info .play-triangle {
    width: 20px;
    height: 20px;
    padding: 6px 0px 6px 2px;
    border-radius: 12px;
  }
}

@media only screen and (max-width: 500px) {
  .jwplayer-hero-loop .video-info .btn {
    padding: 5px 15px;
  }
}

.loop-title {
  color: #FFFFFF;
  font-size: 54px;
  font-weight: 300;
  margin: 0 0 5px;
  width: 100%;
  line-height: 1em;
}

@media only screen and (max-width: 1024px) {
  .loop-title {
    font-size: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .loop-title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 500px) {
  .loop-title {
    font-size: 20px;
  }
}

.loop-subtitle {
  color: #FFFFFF;
  font-size: 25px;
  font-weight: 200;
  margin: 0;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .loop-subtitle {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .loop-subtitle {
    font-size: 18px;
  }
}

@media only screen and (max-width: 500px) {
  .loop-subtitle {
    font-size: 15px;
  }
}

/* Emulate video component after hero */
.emulate-banner {
  width: 100%;
  height: auto;
  background-color: #ffffff;
  background-repeat: no-repeat;
}

.emulate-banner.video-component .close {
  height: 20px;
  width: 20px;
  position: absolute;
  right: 0.25%;
  top: 0%;
}

.emulate-banner.video-component .close svg {
  width: 60%;
  height: 60%;
  fill: #ffffff;
}

.emulate-banner.video-component .emulate-banner-content {
  padding-top: 29.4%;
  z-index: 2;
  background-size: cover;
  margin: 0 auto;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  height: 0;
}

@media only screen and (max-width: 767px) {
  .emulate-banner.video-component .emulate-banner-content {
    padding-top: 56.3%;
  }
}

.emulate-banner.video-component .emulate-banner-content .container.left-align {
  text-align: left;
}

.emulate-banner.video-component .emulate-banner-content .container .comp-title {
  margin: 0 0 0.45em;
  font-weight: 300;
  font-size: 54px;
}

@media only screen and (max-width: 1239px) {
  .emulate-banner.video-component .emulate-banner-content .container .comp-title {
    font-size: 45px;
  }
}

@media only screen and (max-width: 1024px) {
  .emulate-banner.video-component .emulate-banner-content .container .comp-title {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .emulate-banner.video-component .emulate-banner-content .container .comp-title {
    font-size: 35px;
  }
}

@media only screen and (max-width: 500px) {
  .emulate-banner.video-component .emulate-banner-content .container .comp-title {
    font-size: 25px;
  }
}

@media only screen and (max-width: 414px) {
  .emulate-banner.video-component .emulate-banner-content .container .comp-title {
    font-size: 21px;
  }
}

.emulate-banner.video-component .emulate-banner-content .container .comp-subtitle {
  max-width: 45%;
  font-size: 25px;
  line-height: 1.1em;
}

@media only screen and (max-width: 1239px) {
  .emulate-banner.video-component .emulate-banner-content .container .comp-subtitle {
    font-size: 21px;
  }
}

@media only screen and (max-width: 1024px) {
  .emulate-banner.video-component .emulate-banner-content .container .comp-subtitle {
    font-size: 18px;
    max-width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .emulate-banner.video-component .emulate-banner-content .container .comp-subtitle {
    font-size: 20px;
  }
}

@media only screen and (max-width: 500px) {
  .emulate-banner.video-component .emulate-banner-content .container .comp-subtitle {
    width: 100%;
    font-size: 16px;
  }
}

@media only screen and (max-width: 414px) {
  .emulate-banner.video-component .emulate-banner-content .container .comp-subtitle {
    font-size: 15px;
  }
}

.emulate-banner.video-component .emulate-banner-content .container .half-btn-container,
.emulate-banner.video-component .emulate-banner-content .container .btn-container {
  margin-top: 0;
  width: 100%;
  max-width: 285px;
  display: none;
}

.emulate-banner.video-component .emulate-banner-content .container .btn.launch-player {
  height: auto;
}

.emulate-banner.video-component .video-wrapper {
  z-index: 1;
  -webkit-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  top: -100%;
}

.emulate-banner.video-component.video-expand .video-info {
  width: 100%;
}

@media only screen and (max-width: 500px) {
  .emulate-banner.video-component.video-expand .video-info {
    padding: 0 20px;
  }
}

/**
 * Component: 3D View
 */
.no-webgl .view-3d {
  display: none !important;
}

.view-3d .container {
  position: relative;
  cursor: pointer;
}

.view-3d .container {
  height: 300px;
  max-width: 100%;
}

@media only screen and (max-width: 1599px) {
  .view-3d .container {
    height: 270px;
  }
}

@media only screen and (max-width: 1239px) {
  .view-3d .container {
    height: 235px;
  }
}

@media only screen and (max-width: 1024px) {
  .view-3d .container {
    height: 215px;
  }
}

@media only screen and (max-width: 767px) {
  .view-3d .container {
    height: 135px;
  }
}

.view-3d .preview-window {
  height: 300px;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .view-3d .preview-window {
    height: 200px;
  }
}

.view-3d .preview-window.closed {
  overflow: hidden;
}

.view-3d .preview-window.closed .overlay {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.view-3d .preview-window .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.view-3d .preview-window .btn svg {
  width: 30px;
  height: 30px;
  margin: 0;
  right: 0;
  fill: #FFFFFF;
}

.view-3d img {
  display: block;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.view-3d iframe {
  width: 100%;
  height: 800px;
  position: relative;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

@media only screen and (max-width: 1024px) {
  .view-3d iframe {
    height: 500px;
  }
}

.view-3d .close-tab {
  position: absolute;
  top: -45px;
  right: 30px;
  color: #FFFFFF;
  background: #2343B8;
  padding: 10px 25px;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

.view-3d .close-tab svg {
  fill: #FFFFFF;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.view-3d .close-bar {
  display: block;
  text-align: center;
  color: #2343B8;
  background: #FFFFFF;
  padding: 10px 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

.view-3d .close-bar svg {
  fill: #2343B8;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.view-3d .scrolloff {
  pointer-events: none;
}

.insights-heading {
  font-weight: 200;
  font-size: 28px;
  line-height: 1.3em;
  padding-left: 30px;
  position: absolute;
  text-align: left;
  color: #FFFFFF;
  top: -5px;
}

.insight-sum {
  background: #FFFFFF;
  position: relative;
  min-height: 100%;
  display: block;
  text-decoration: none;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.insight-sum:hover {
  -moz-transform: scale(1.025) perspective(1px);
  -o-transform: scale(1.025) perspective(1px);
  -ms-transform: scale(1.025) perspective(1px);
  -webkit-transform: scale(1.025) perspective(1px);
  transform: scale(1.025) perspective(1px);
}

.insight-sum .insight-banner {
  padding: 20px;
  min-height: 200px;
  height: 50%;
  margin: 0;
}

@media only screen and (max-width: 1024px) {
  .insight-sum .insight-banner {
    min-height: 177px;
  }
}

.insight-sum .insight-banner .category {
  color: #FFFFFF;
  white-space: nowrap;
}

.insight-sum .insight-banner .category svg {
  fill: #FFFFFF;
}

.insight-sum .excerpt {
  padding: 20px 20px 30px;
  min-height: 180px;
  height: 50%;
  color: #1C1E2A;
}

@media only screen and (max-width: 1024px) {
  .insight-sum .excerpt {
    min-height: 160px;
    padding: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .insight-sum .excerpt {
    min-height: 0;
    height: auto;
  }
}

.insight-sum .excerpt p {
  margin: 0;
}

.insight-sum .post-title {
  margin: 0 0 .5em;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  overflow: hidden;
  max-height: 5em;
}

@media only screen and (max-width: 1360px) {
  .insight-sum .post-title {
    font-size: 21px;
  }
}

@media only screen and (max-width: 1024px) {
  .insight-sum .post-title {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 767px) {
  .insight-sum .post-title {
    margin: 0;
  }
}

.insight-sum .category {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  color: #800A68;
  text-transform: uppercase;
  margin: 0 0 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media only screen and (max-width: 1599px) {
  .insight-sum .category {
    margin: 0 0 15px;
  }
}

.insight-sum .category span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 25px 0 10px;
  white-space: normal;
}

.insight-sum .category .cat-icon {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 20px;
  fill: #800A68;
}

.insight-sum .thumbnail {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 50%;
  min-height: 200px;
}

@media only screen and (max-width: 1024px) {
  .insight-sum .thumbnail {
    min-height: 177px;
  }
}

.insight-sum .thumbnail.bg-left {
  background-position: center left;
}

.insight-sum .thumbnail.bg-right {
  background-position: center right;
}

.insight-sum .thumbnail.bg-center {
  background-position: center center;
}

.insight-sum .thumbnail.bg-center-top {
  background-position: center top;
}

.insight-sum .thumbnail.bg-center-bottom {
  background-position: center bottom;
}

.insight-sum .thumbnail.play-btn:before {
  content: '';
  background: url("/__data/assets/image/0023/6557/prx-play-btn.png?v=0.0.1") center center no-repeat;
  background-size: cover;
  width: 75px;
  height: 75px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .insight-sum .thumbnail.play-btn:before {
    background-image: url("/__data/assets/image/0024/6558/prx-play-btn-large.png?v=0.0.1");
  }
}

@media only screen and (max-width: 767px) {
  .insight-sum .thumbnail.play-btn:before {
    width: 40px;
    height: 40px;
    background-image: url("/__data/assets/image/0023/6557/prx-play-btn.png?v=0.0.1");
  }
}

.insight-sum .excerpt p {
  position: relative;
  max-height: 7.8em;
  overflow: hidden;
}

.insight-sum.thumb {
  overflow: hidden;
  padding-bottom: 180px;
}

@media only screen and (max-width: 1024px) {
  .insight-sum.thumb {
    padding-bottom: 160px;
  }
}

@media only screen and (max-width: 767px) {
  .insight-sum.thumb {
    padding: 0;
  }
}

.insight-sum.thumb .excerpt {
  position: absolute;
  top: 200px;
  height: auto;
  background: #FFFFFF;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

@media only screen and (max-width: 1024px) {
  .insight-sum.thumb .excerpt {
    top: 177px;
  }
}

@media only screen and (max-width: 767px) {
  .insight-sum.thumb .excerpt {
    top: auto;
  }
}

@media only screen and (max-width: 767px) {
  .insight-sum.thumb .excerpt {
    min-height: 0;
    height: auto;
    width: 100%;
    position: relative;
  }
}

.insight-sum.thumb .excerpt p {
  opacity: 0;
  visibility: hidden;
  max-height: 15.3em;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

@media only screen and (max-width: 767px) {
  .insight-sum.thumb .excerpt p {
    display: none;
  }
}

.insight-sum.thumb:hover .excerpt {
  top: 0;
}

.insight-sum.thumb:hover .excerpt .post-title {
  overflow: none;
  max-height: none;
}

.insight-sum.thumb:hover .excerpt p {
  opacity: 1;
  visibility: visible;
}

.insight-sum .external-icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.insight-sum .external-icon .ext-icon {
  fill: #80828C;
  width: 16px;
  height: 16px;
}

#fiber-deep {
  padding-bottom: 200px;
  background-position: bottom;
}

/* Partners Listing */
.partners .insight-sum.thumb {
  padding-bottom: 90px;
}

@media only screen and (max-width: 767px) {
  .partners .insight-sum.thumb {
    padding-bottom: 0px;
  }
}

.partners .insight-sum.thumb .excerpt {
  background: #282a36;
  color: #fff;
  top: 255px;
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .partners .insight-sum.thumb .excerpt {
    top: auto;
    min-height: 60px;
    height: auto;
    width: 100%;
    position: relative;
  }
}

.partners .insight-sum.thumb .excerpt .post-title {
  visibility: hidden;
  opacity: 0;
}

@media only screen and (max-width: 1360px) {
  .partners .insight-sum.thumb .excerpt .post-title {
    font-size: 19px;
  }
}

.partners .insight-sum.thumb .excerpt .post-title a {
  color: #FFFFFF;
  display: flex;
  text-decoration: none;
}

.partners .insight-sum.thumb .excerpt .post-title a img {
  width: 25px;
  height: 25px;
  margin-left: 7px;
}

@media only screen and (max-width: 1360px) {
  .partners .insight-sum.thumb .excerpt p {
    font-size: 15px;
  }
}

.partners .insight-sum.thumb .excerpt .learn-more-link {
  color: #00d1a4;
  position: absolute;
  right: 12px;
  padding: 5px;
}

.partners .insight-sum.thumb .excerpt .learn-more-link.post-excerpt {
  position: relative;
  float: left;
  padding-left: 12px;
}

@media only screen and (max-width: 767px) {
  .partners .insight-sum.thumb .excerpt .learn-more-link.post-excerpt {
    display: none;
  }
}

.partners .insight-sum.thumb:hover .excerpt {
  top: 0px;
}

.partners .insight-sum.thumb:hover .excerpt .post-title {
  visibility: visible;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .partners .insight-sum.thumb:hover .excerpt .post-title {
    visibility: hidden;
    opacity: 0;
  }
}

.partners .insight-sum.thumb:hover .excerpt .learn-more-link {
  display: none;
}

@media only screen and (max-width: 767px) {
  .partners .insight-sum.thumb:hover .excerpt .learn-more-link {
    display: block;
  }
}

.partners .insight-sum.thumb:hover .excerpt .learn-more-link.post-excerpt {
  display: block;
}

@media only screen and (max-width: 767px) {
  .partners .insight-sum.thumb:hover .excerpt .learn-more-link.post-excerpt {
    display: none;
  }
}

.partners .insight-sum .thumbnail {
  background-size: auto;
  height: 100%;
  min-height: 240px;
}

/**
 * Component: Slide Down
 */
.slide-down.open .btn-container {
  margin-top: 50px;
}

.slide-down.spaced > .spaced, .no-webgl .view-3d + .slide-down.gray-bg > .spaced, .no-webgl .slide-down.spaced > .view-3d + .gray-bg, .no-webgl .view-3d + .slide-down.gray-bg > .view-3d + .gray-bg {
  padding: 0;
}

.slide-down-content {
  display: none;
}

.slide-down-content .intro {
  margin-bottom: 70px;
}

@media only screen and (max-width: 1024px) {
  .slide-down-content .intro {
    margin-bottom: 50px;
  }
}

.slide-down-content .comp-title {
  font-weight: 400;
}

.slide-down-content .all-centered {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.slide-down-content .no-scale-hover {
  transform: scale(1);
  box-shadow: none;
}

.btn-container {
  margin-top: 40px;
}

.btn-container.stack-btns {
  max-width: 520px;
}

@media only screen and (max-width: 1360px) {
  .btn-container.stack-btns {
    max-width: 470px;
  }
}

@media only screen and (max-width: 1239px) {
  .btn-container.stack-btns {
    max-width: 430px;
  }
}

@media only screen and (max-width: 1152px) {
  .btn-container.stack-btns {
    max-width: 365px;
  }
}

@media only screen and (max-width: 1024px) {
  .btn-container.stack-btns {
    max-width: 100%;
  }
}

.half-btn-container {
  margin-top: 20px;
}

.quarter-btn-container {
  margin-top: 10px;
}

/**
  * Component: Articles
  */
.articles-section .btn-container {
  margin-top: 40px;
}

.articles-list a {
  display: block;
  color: #1C1E2A;
  margin-bottom: 15px;
  background: #FFFFFF;
}

@media only screen and (min-width: 768px) {
  .articles-list a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.article-listing-image {
  width: 418px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media only screen and (max-width: 1239px) {
  .article-listing-image {
    width: 311px;
  }
}

@media only screen and (max-width: 1024px) {
  .article-listing-image {
    width: 166px;
  }
}

@media only screen and (max-width: 767px) {
  .article-listing-image {
    width: 100%;
    background: none !important;
  }
}

.article-listing-image img {
  width: 100%;
  height: auto;
}

.article-listing-content {
  max-width: 666px;
  padding: 60px 40px;
}

@media only screen and (max-width: 1239px) {
  .article-listing-content {
    padding: 40px 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .article-listing-content {
    padding: 30px 20px;
  }
}

.article-listing-content.wide {
  max-width: 776px;
}

.article-listing-content p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1024px) {
  .article-listing-content p {
    display: none;
  }
}

.article-content .category {
  color: #AD141F;
  text-transform: uppercase;
  margin-bottom: 50px;
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

@media only screen and (max-width: 767px) {
  .article-content .category {
    margin-bottom: 40px;
  }
}

.article-listing-title {
  margin: 0;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
}

@media only screen and (max-width: 1239px) {
  .article-listing-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 1024px) {
  .article-listing-title {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .article-listing-title {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

/**
* Component: Insight Article
*/
.article-template .quick-scroll .buttons {
  bottom: 0px;
  position: relative;
}

.insight-article {
  position: relative;
}

.insight-article.video-detail .article-contributor hr {
  margin-bottom: 20px;
}

.insight-article.video-detail time {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  display: block;
  margin: 0;
}

@media only screen and (min-width: 1025px) {
  .insight-article.video-detail + .black-pearl {
    margin-top: 160px;
  }
}

.insight-article:before {
  content: '';
  position: absolute;
  top: -160px;
  left: 0;
  z-index: 1;
  width: 50%;
  height: 300px;
  background: #FFFFFF;
}

@media only screen and (max-width: 1024px) {
  .insight-article:before {
    display: none;
  }
}

.insight-article.no-offset {
  padding-top: 40px !important;
}

.insight-article.no-offset:before {
  top: 0;
}

.insight-article .jssocials-shares a {
  text-decoration: none;
}

.top-offset {
  position: relative;
  padding-top: 40px !important;
  background: #FFFFFF;
  z-index: 1;
}

@media only screen and (min-width: 1025px) {
  .top-offset {
    top: -160px;
  }
}

@media only screen and (max-width: 1024px) {
  .top-offset {
    padding-bottom: 50px;
  }
}

/**
* Password form
*/
.pass-form-container {
  width: 33.33%;
  background-color: #EEEEEF;
  margin: 20px auto 0;
  padding: 25px;
}

@media only screen and (max-width: 1024px) {
  .pass-form-container {
    width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  .pass-form-container {
    width: 100%;
  }
}

.pass-form-container .error-message {
  background: #AD141F none repeat scroll 0 0;
  color: #ffffff;
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 0.03em;
  line-height: 1.5em;
  padding: 10px 5px;
  text-align: center;
  width: 100%;
  display: none;
}

.pass-form-container .error-message svg {
  fill: #ffffff;
  height: 20px;
  margin-right: 5px;
  position: relative;
  top: -2px;
  width: 20px;
}

.general-video-wrapper {
  display: none;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  height: 0;
}

.general-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 0 none;
}

/**
* Component: Article
*/
.article-content {
  position: relative;
  z-index: 1;
  /* inline resource */
  /* inline promo */
  /* inline video */
}

.article-content .article-title {
  font-weight: 300;
  font-size: 60px;
  line-height: 1.13em;
  letter-spacing: -0.01em;
  margin: 0 0 25px;
  padding-right: 10px;
}

@media only screen and (max-width: 1599px) {
  .article-content .article-title {
    font-size: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .article-content .article-title {
    font-size: 42px;
  }
}

@media only screen and (max-width: 767px) {
  .article-content .article-title {
    font-size: 28px;
    font-weight: 300;
  }
}

.article-content time {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  display: block;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1239px) {
  .article-content time {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1240px) {
  .article-content .left-sidebar {
    width: 185px;
    position: absolute;
    top: 50px;
    left: -201px;
    z-index: 1;
    padding: 0 20px 0 5px;
  }
}

.article-content .article-summary {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.35em;
  letter-spacing: 0.02em;
  font-style: italic;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
  .article-content .article-summary {
    font-size: 18px;
  }
}

.article-content .article-body {
  position: relative;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  color: #1C1E2A;
}

.article-content .article-body p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1024px) {
  .article-content .article-body p {
    font-size: 16px;
  }
}

.article-content .article-body p a:not(.btn) {
  text-decoration: underline;
}

.article-content .article-body p.paragraph-title {
  font-size: 21px;
  font-weight: 500;
}

.article-content .article-body em, .article-content .article-body i {
  font-style: italic;
}

.article-content .article-body strong, .article-content .article-body b {
  font-weight: 500;
}

.article-content .article-body strong.extra-bold, .article-content .article-body b.extra-bold {
  font-weight: 700;
}

.article-content .article-body > h2, .article-content .article-body > h3, .article-content .article-body > h4, .article-content .article-body > h5, .article-content .article-body > h6 {
  font-weight: 500;
  margin-top: 1em;
  margin-bottom: 0;
}

.article-content .article-body a[href^="#incontent"],
.article-content .article-body a[href^="#pull-quote"],
.article-content .article-body a[href^="#promo"] {
  background: rgba(128, 10, 104, 0.15);
  cursor: pointer;
  color: #1C1E2A;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}

.article-content .article-body a[href^="#incontent"]:hover,
.article-content .article-body a[href^="#pull-quote"]:hover,
.article-content .article-body a[href^="#promo"]:hover {
  text-decoration: none !important;
}

.article-content .article-body a[href^="#incontent"].active,
.article-content .article-body a[href^="#pull-quote"].active,
.article-content .article-body a[href^="#promo"].active {
  background: rgba(128, 10, 104, 0.25);
}

.article-content .article-body blockquote {
  margin: 36px 0;
  padding: 25px 0;
  border-top: 1px solid #00C298;
  border-bottom: 1px solid #00C298;
  position: relative;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.article-content .article-body blockquote img {
  display: block;
  float: left;
  margin-right: 15px;
  max-width: 215px;
  max-height: 300px;
}

@media only screen and (max-width: 414px) {
  .article-content .article-body blockquote img {
    max-width: 150px;
    max-height: 200px;
  }
}

.article-content .article-body blockquote img.right-float {
  margin-right: 0;
  margin-left: 15px;
}

.article-content .article-body blockquote p {
  font-weight: 300;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  color: #343642;
  margin: 0;
}

@media only screen and (max-width: 500px) {
  .article-content .article-body blockquote p {
    font-size: 20px;
  }
}

.article-content .article-body blockquote cite {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  font-style: italic;
  color: #55575E;
  display: block;
  margin-top: 10px;
}

.article-content .article-body pre {
  white-space: inherit;
}

.article-content .article-body pre img {
  width: 100vw;
  max-width: 1695px;
  position: relative;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.article-content .article-body.download {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.35em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .article-content .article-body.download {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 767px) {
  .article-content .article-body.download {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.article-content .article-body.download p {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.35em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .article-content .article-body.download p {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 767px) {
  .article-content .article-body.download p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.article-content .article-body .article-disclaimer {
  font-style: italic;
  font-weight: 300;
  color: #80828C;
}

.article-content .article-body table {
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
}

.article-content .article-body table thead th {
  background-color: #E4E5E6;
  border-top: 1px solid #CCD0D2;
  border-bottom: 1px solid #CCD0D2;
  padding: 15px;
  font-weight: normal;
  text-align: left;
}

.article-content .article-body table tbody td {
  padding: 12px;
  border-bottom: 1px solid #CCD0D2;
}

.article-content .article-body table th,
.article-content .article-body table td {
  vertical-align: top;
}

.article-content .article-body table .table-header td {
  background-color: #e4e5e6;
  font-weight: 400;
}

.article-content .article-body table .table-header td p {
  font-weight: 400;
}

.article-content .article-body table.responsive-table {
  table-layout: fixed;
  min-width: 767px;
  border: 1px solid #CCD0D2;
}

.article-content .article-body table.responsive-table td {
  border-right: 1px solid #CCD0D2;
  border-bottom: none;
  text-align: center;
  padding: 15px 10px;
}

.article-content .article-body table.responsive-table td:first-child {
  border-left: none;
}

.article-content .article-body table.responsive-table td:last-child {
  border-right: none;
}

.article-content .article-body.raw-earnings table {
  width: 100% !important;
}

.article-content .article-body.raw-earnings table tr:first-child td {
  text-align: center;
}

.article-content .article-body.raw-earnings table td {
  padding: 0;
  width: auto !important;
  text-align: right;
}

.article-content .article-body.raw-earnings table td:first-child {
  border: none;
  text-align: left;
}

.article-content .article-body.raw-earnings table p {
  margin: 0;
}

.article-content .article-body .right-float {
  float: right;
}

@media only screen and (max-width: 500px) {
  .article-content .article-body .right-float {
    float: none;
    width: 100%;
  }
}

.article-content .resource {
  background: #EEEEEF;
  margin: 18px 0;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}

.article-content .resource:hover {
  background: #E4E5E6;
}

.article-content .resource.active {
  background: rgba(128, 10, 104, 0.25);
}

.article-content .resource a {
  color: #1C1E2A;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-decoration: none;
}

.article-content .resource a:visited {
  color: #1C1E2A;
}

.article-content .resource:not(.sidebar) svg {
  left: inherit;
  right: 25px;
  top: 22px;
}

.article-content .resource-image {
  min-width: 185px;
  min-height: 110px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .article-content .resource-image {
    display: none;
  }
}

.article-content .resource-image.play-btn:before {
  content: '';
  width: 42px;
  height: 42px;
  background: url("/__data/assets/image/0023/6557/prx-play-btn.png?v=0.0.1") center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.article-content .resource-details {
  padding: 20px 30px;
}

.article-content .resource-type {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  color: #800A68;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}

.article-content .resource-title {
  margin: 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

.article-content svg {
  fill: #343642;
  position: absolute;
  bottom: 15px;
  height: 20px;
  left: 20px;
  width: 20px;
}

@media only screen and (max-width: 1024px) {
  .article-content svg {
    width: 24px;
    height: 24px;
    top: 22px;
    right: 25px;
    left: inherit;
    bottom: inherit;
  }
}

.article-content .promo {
  border-radius: 3px;
  background: #2343B8;
  margin: 18px 0;
  position: relative;
  color: #FFFFFF;
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}

.article-content .promo:hover {
  background: #193FC3;
}

.article-content .promo.info-only {
  padding: 20px 62px 20px 30px;
}

.article-content .promo svg {
  fill: #FFFFFF;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 22px;
  right: 25px;
  left: inherit;
}

.article-content .promo a {
  display: block;
  padding: 22px 62px 22px 25px;
  position: relative;
  z-index: 1;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #2343B8;
}

.article-content .promo a:visited {
  color: #FFFFFF;
}

.article-content .promo .promo-title {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  margin: 0;
}

.article-content .promo.has-image a {
  display: flex;
  padding: 0;
}

.article-content .promo.has-image .promo-title {
  padding: 20px 62px 20px 30px;
}

@media only screen and (min-width: 1025px) {
  .article-content {
    /* sidebar resource */
    /* Promo sidebar */
  }
  .article-content .resource.sidebar a {
    display: block;
    text-decoration: none;
  }
  .article-content .resource.sidebar .resource-image {
    max-width: 100%;
    height: 120px;
  }
  .article-content .resource.sidebar .resource-details {
    width: 100%;
    padding: 20px 20px 40px;
  }
  .article-content .promo.sidebar svg {
    fill: #FFFFFF;
    width: 20px;
    height: 20px;
    top: inherit;
    right: inherit;
    bottom: 15px;
    left: 20px;
  }
  .article-content .promo.sidebar a {
    padding: 20px 20px 40px;
  }
  .article-content .promo.sidebar.info-only {
    background: #DBDCDD;
    color: #1C1E2A;
    padding: 20px;
  }
  .article-content .promo.sidebar.info-only svg {
    fill: #1C1E2A;
  }
  .article-content .promo.sidebar.has-image a {
    padding: 0;
    display: block;
  }
  .article-content .promo.sidebar.has-image .resource-image {
    width: 100%;
    min-width: 100%;
  }
  .article-content .promo.sidebar.has-image .promo-title {
    padding: 20px 20px 40px;
  }
  .article-content .sidebar {
    width: 200px;
    position: absolute;
    left: 102%;
    margin: 0;
  }
}

.article-content .article-video a {
  display: block;
  position: relative;
}

.article-content .article-video a:before {
  content: '';
  width: 75px;
  height: 75px;
  background: url("/__data/assets/image/0023/6557/prx-play-btn.png?v=0.0.1") center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .article-content .article-video a:before {
    background-image: url("/__data/assets/image/0024/6558/prx-play-btn-large.png?v=0.0.1");
  }
}

.article-content .article-video a img {
  width: 100%;
}

.article-content .article-video .video-component {
  margin-left: 0;
}

.article-content .article-video .video-component .launch-player {
  margin: 0;
}

.article-content .article-tags {
  padding: 10px 0;
  border-bottom: 1px solid #DBDCDD;
  margin-bottom: 25px;
}

.article-content .article-tags .comp-title {
  font-size: 28px;
  font-weight: 300;
}

.article-content .article-tags ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.article-content .article-tags li {
  float: left;
  margin: 0 30px 0 0;
  padding: 0;
}

.article-content .article-tags li:last-child {
  margin: 0;
}

.article-content .article-tags a {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  color: #2343B8;
}

@media only screen and (max-width: 767px) {
  .article-content .article-tags a {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.article-content .video-component {
  margin-top: 90px;
}

@media only screen and (max-width: 1599px) {
  .article-content .video-component {
    margin-top: 80px;
    margin-left: 130px;
  }
}

@media only screen and (max-width: 1239px) {
  .article-content .video-component {
    margin-top: 55px;
    margin-left: 0px;
  }
}

@media only screen and (max-width: 1024px) {
  .article-content .video-component {
    margin-top: 35px;
  }
}

@media screen and (max-height: 800px) {
  .article-content .video-component {
    text-align: center;
  }
}

.article-content .article-comment-container {
  margin-bottom: 50px;
}

.article-content .article-comment-container #thank-you {
  display: none;
  color: #00C298;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.article-content .article-comments {
  height: 66px;
  border-radius: 3px;
  text-align: center;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  color: #343642;
  cursor: pointer;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .article-content .article-comments {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.article-content .article-comments:not(.definition-comments) {
  background: #EEEEEF;
}

.article-content .article-comments.definition-comments .comment-title {
  color: #FFFFFF;
}

.article-content .article-comments.definition-comments svg {
  stroke: #FFFFFF;
}

.article-content .article-comments svg {
  width: 17px;
  height: 12px;
  stroke: #2343B8;
  margin-left: 12px;
  position: initial;
}

.article-content .article-comments .comment-title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 500px) {
  .article-content .article-comments .comment-title {
    padding-left: 20px;
  }
}

.article-content .article-comments .comment-count {
  display: block;
  width: 43px;
  height: 38px;
  position: absolute;
  top: 15px;
  left: 30px;
  background: url("/__data/assets/image/0017/6623/prx-comment-count-bg.png?v=0.0.1") no-repeat center;
  background-size: cover;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  padding-top: 2px;
}

@media only screen and (max-width: 767px) {
  .article-content .article-comments .comment-count {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.article-content .comment-form-container {
  padding: 20px 30px 50px 30px;
  border-radius: 3px;
  background: #EEEEEF;
}

.article-content .comment-form-container .field-row {
  margin-bottom: 35px;
}

.article-content .comment-form-container .half-group .field-row {
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .article-content .comment-form-container .half-group .field-row {
    width: 49%;
    float: left;
  }
  .article-content .comment-form-container .half-group .field-row:first-child {
    margin-right: 1%;
  }
  .article-content .comment-form-container .half-group .field-row:last-child {
    margin-left: 1%;
  }
}

.article-content .comment-form-container textarea {
  height: 170px;
}

.article-content .comments-hidden {
  display: none;
  margin-top: 20px;
  padding-bottom: 30px;
}

.article-content .comments-container {
  margin-top: 20px;
}

.article-content .comment-row {
  padding: 30px;
  border-bottom: 1px solid #DBDCDD;
}

.article-content .comment-row:last-child {
  border: none;
  padding-bottom: 0;
}

.article-content .comment-meta {
  padding-right: 15px;
}

@media only screen and (min-width: 768px) {
  .article-content .comment-meta {
    width: 25%;
    float: left;
  }
}

@media only screen and (max-width: 767px) {
  .article-content .comment-meta {
    margin-bottom: 30px;
    padding: 0;
  }
}

.article-content .comment-meta time {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  margin: 0 0 20px 0;
}

.article-content .comment-meta p {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .article-content .comment-content {
    width: 75%;
    float: left;
  }
}

.article-content .comment-content p {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  margin: 0;
}

.article-content .char-limit.warn {
  color: #F47F0C;
}

.article-content .char-limit.error {
  color: #D31924;
}

.article-content .char-limit span {
  font-weight: bold;
}

.article-body p a:not(.btn) {
  text-decoration: underline;
}

.article-preview {
  margin-top: 50px;
}

@media only screen and (max-width: 1024px) {
  .article-preview {
    margin-top: 0;
  }
}

.article-preview a {
  display: inline-block;
  position: relative;
}

.article-preview a img {
  width: auto;
  max-width: 355px;
}

@media only screen and (max-width: 1024px) {
  .article-preview a img {
    max-width: 250px;
  }
}

@media only screen and (max-width: 767px) {
  .article-preview a img {
    max-width: 185px;
  }
}

.article-preview .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.embed-video-wrapper {
  height: 0;
  margin-top: 15px;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
}

.embed-video-wrapper iframe, .embed-video-wrapper object, .embed-video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

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

.summary-list.condensed {
  padding: 50px 0;
}

.summary-list .grouping {
  display: none;
}

.summary-list .grouping.group1 {
  display: block;
}

.summary-list > li {
  border-bottom: 1px solid #EEEEEF;
  padding: 50px 0;
}

@media only screen and (max-width: 767px) {
  .summary-list li.event {
    padding: 30px 0;
  }
}

.summary-list li.office {
  border: none;
}

.summary-list .grouping li {
  border-bottom: 1px solid #EEEEEF;
  padding: 30px;
}

.summary-list .group1 li:first-child {
  border-top: 1px solid #EEEEEF;
  margin-top: 10px;
}

.summary-list .title {
  margin: 0 0 1em;
  font-weight: 200;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
}

.summary-list p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

.event {
  position: relative;
}

.event:hover {
  background-color: #EEEEEF;
}

@media only screen and (max-width: 1024px) {
  .summary-list .event.speaker-list {
    padding-bottom: 80px;
  }
}

.event .event-speakers {
  min-width: 300px;
  width: 50%;
}

.event .event-date,
.event .event-location,
.event .event-title {
  display: inline-block;
  margin: 0 -2px;
  vertical-align: middle;
  padding: 0 7px 0 8px;
  padding: 0 1.2%;
  box-sizing: content-box;
}

.event .event-date span,
.event .event-location span,
.event .event-title span {
  display: block;
}

.event .author-highlights {
  font-style: italic;
}

.event .event-date {
  width: 7%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .event .event-date {
    width: 20%;
  }
}

.event .event-date .day {
  font-weight: 700;
  font-size: 42px;
  line-height: 1.12em;
}

@media only screen and (max-width: 1024px) {
  .event .event-date .day {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2em;
  }
}

@media only screen and (max-width: 767px) {
  .event .event-date .day {
    font-weight: 700;
    font-size: 32px;
    line-height: 1.25em;
  }
}

.event .event-date .month {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .event .event-date .month {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.event .event-location {
  width: 15%;
  text-align: left;
}

@media only screen and (max-width: 1024px) {
  .event .event-location {
    width: 20%;
  }
}

@media only screen and (max-width: 767px) {
  .event .event-location {
    width: 60%;
  }
}

.event .event-location .city {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1024px) {
  .event .event-location .city {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.event .event-location .state {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1024px) {
  .event .event-location .state {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.event .event-title {
  width: 50%;
  margin: 0;
  color: #2343B8;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
}

@media only screen and (max-width: 1239px) {
  .event .event-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 1024px) {
  .event .event-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
    width: 65%;
  }
}

@media only screen and (max-width: 767px) {
  .event .event-title {
    width: 80%;
    margin-left: 21%;
    margin-top: 15px;
    padding-left: 2.4%;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.event .event-title a {
  color: inherit;
  text-decoration: none;
}

.event .speaker-handle {
  box-sizing: content-box;
  text-align: right;
  position: absolute;
  top: 35px;
  right: 0px;
  max-width: 200px;
  cursor: pointer;
  padding: 40px 40px 40px 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .event .speaker-handle {
    max-width: 150px;
  }
}

@media only screen and (max-width: 1024px) {
  .event .speaker-handle {
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    max-width: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.event .speaker-handle span {
  display: inline-block;
  margin-right: 15px;
}

.event .speaker-handle .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  fill: #D31924;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 1024px) {
  .event .speaker-handle .icon {
    top: auto;
    right: auto;
    position: relative;
    margin-left: 10px;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}

.event .speaker-handle.closed .icon {
  fill: #2343B8;
}

.event .event-speakers {
  padding: 50px 0 0 0;
  display: none;
  margin: 0 0 0 10%;
}

@media only screen and (max-width: 767px) {
  .event .event-speakers {
    margin: 0 0 0 23%;
  }
}

@media only screen and (max-width: 767px) {
  .event .event-speakers {
    margin: 0 0 0 7%;
  }
}

@media only screen and (max-width: 414px) {
  .event .event-speakers {
    margin: 0;
  }
}

.event .event-speakers.form {
  padding: 0;
}

.event .event-speakers > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.event .event-speakers > ul > li {
  padding: 15px 0;
}

.event .event-speakers .resource-container {
  margin-top: 20px;
}

.event .event-speakers .speaker-heading {
  margin: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1024px) {
  .event .event-speakers .speaker-heading {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.event .event-speakers .tbl-col {
  display: inline-block;
  min-width: 200px;
}

.event .event-speakers .tbl-col a,
.event .event-speakers .tbl-col span,
.event .event-speakers .tbl-col time {
  display: block;
  min-width: 320px;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1024px) {
  .event .event-speakers .tbl-col a,
  .event .event-speakers .tbl-col span,
  .event .event-speakers .tbl-col time {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.event .event-speakers .tbl-col .speech-title {
  color: #2343B8;
}

.event .thank-you-msg {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .link-list-4col .column {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .link-list-4col .column:last-child {
    margin-bottom: 0;
  }
}

.website-column {
  padding-left: 30px;
}

@media only screen and (max-width: 767px) {
  .website-column {
    text-align: center;
    padding: 0;
  }
}

.website-column .country {
  margin: 30px 0 0 0;
  font-weight: 200;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  color: #1C1E2A;
  min-height: 62px;
}

@media only screen and (max-width: 1239px) {
  .website-column .country {
    font-size: 20px;
    min-height: 52px;
  }
}

@media only screen and (max-width: 1024px) {
  .website-column .country {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .website-column .country {
    font-size: 20px;
    min-height: auto;
  }
}

.website-column ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.website-column a {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  color: #2343B8;
  text-decoration: underline;
}

.website-column a:hover {
  text-decoration: underline;
}

.website-header {
  display: inline-block;
  margin-bottom: 50px;
}

@media only screen and (max-width: 1024px) {
  .website-header {
    margin-bottom: 20px;
  }
}

#offices .tab-wrap {
  width: 100%;
}

.offices {
  color: #343642;
}

.offices .country {
  margin: 0 0 0 30px;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
}

@media only screen and (max-width: 1024px) {
  .offices .country {
    margin: 0;
  }
}

.offices a:hover {
  text-decoration: underline;
}

.offices a:visited {
  color: #1C1E2A;
}

.offices .office-list {
  list-style: none;
  padding: 0;
}

.offices .office-list .office {
  padding: 15px 0;
}

@media only screen and (min-width: 1025px) {
  .offices .office-list .office:hover {
    background: #EEEEEF;
  }
}

.offices .office-list .office-details {
  padding-left: 33%;
}

@media only screen and (max-width: 1024px) {
  .offices .office-list .office-details {
    padding-left: 16%;
  }
}

@media only screen and (max-width: 767px) {
  .offices .office-list .office-details {
    padding-left: 0;
  }
}

.offices .office-list .office-details p {
  margin: 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.7em;
  letter-spacing: 0.02em;
}

.offices .office-list .learning-lab-location {
  color: #1C1E2A;
}

.offices .office-list .location,
.offices .office-list .contact {
  display: inline-block;
  width: 50%;
  max-width: 300px;
  margin: 0 -1px;
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .offices .office-list .location,
  .offices .office-list .contact {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}

.offices .office-list .location {
  padding-right: 60px;
}

@media only screen and (max-width: 767px) {
  .offices .office-list .location {
    margin-bottom: 20px;
  }
}

.offices .office-list .office-name {
  margin: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.7em;
  letter-spacing: 0.02em;
}

.offices .office-list .office-name a {
  color: #343642;
}

.offices .office-list a {
  color: #2343B8;
}

.offices .office-list a[href^="tel"] {
  color: #1C1E2A;
}

.article-share {
  padding: 30px 0;
}

.article-share .social {
  margin: 0 auto;
  float: none;
  text-align: center;
}

.article-share .social li {
  display: inline-block;
  margin: 0 -2px;
  width: 15%;
}

.article-share .social a {
  display: block;
  padding: 10px 11px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.article-share .social a:hover {
  background: #FFFFFF;
}

.article-share .social a:hover svg {
  fill: #282A36;
}

.article-share .social svg {
  fill: #FFFFFF;
  width: 20px;
  height: 20px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

#share.white-bg .article-share .social a {
  border: 1px solid #1C1E2A;
}

#share.white-bg .article-share .social a:hover {
  background: #1C1E2A;
}

#share.white-bg .article-share .social a:hover svg {
  fill: #FFFFFF;
}

#share.white-bg .article-share .social svg {
  fill: #1C1E2A;
}

.article-social {
  color: #FFFFFF;
}

.article-social.social-sidebar {
  margin-bottom: 40px;
}

.wide-social .article-social {
  padding: 30px 0;
}

.jssocials-share-count-box {
  width: 60px;
  position: static;
  height: 40px;
  background: #343642;
  margin: 0;
  display: block;
  text-align: center;
}

.jssocials-share-count-box:after {
  content: none;
}

.jssocials-share-count-box.jssocials-share-no-count {
  display: inline-block;
  position: relative;
}

.jssocials-share-count-box.jssocials-share-no-count .jssocials-share-count:after {
  content: '0';
  color: #FFFFFF;
}

.jssocials-share-count {
  color: #FFFFFF;
  font-size: 18px;
  line-height: 40px;
}

.jssocials-share-email .jssocials-share-count-box {
  display: none;
}

.jssocials-share-twitter .jssocials-share-count-box {
  display: none;
}

.jssocials-shares {
  margin: 0;
}

.wide-social .jssocials-shares {
  padding: 0 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

@media only screen and (max-width: 500px) {
  .wide-social .jssocials-shares {
    padding: 0;
  }
}

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

.jssocials-share a {
  width: 100%;
}

.social-sidebar .jssocials-share {
  margin: 0 0 2px 0;
}

.wide-social .jssocials-share {
  width: 20%;
  margin: 0 0 0 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.wide-social .jssocials-share:first-child {
  margin: 0;
}

.jssocials-share a {
  color: #FFFFFF;
}

.jssocials-share.jssocials-share-email a {
  background: #2343B8;
  width: 100%;
}

.jssocials-share.jssocials-share-email a:hover, .jssocials-share.jssocials-share-email a:focus {
  background: #1C3592;
}

.jssocials-share.jssocials-share-twitter a {
  width: 100%;
  background: #005E80;
}

.jssocials-share-count-box .jssocials-share-count {
  color: #ffffff;
}

.social-bar .jssocials-shares {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.jssocials-share-facebook .jssocials-share-link {
  background-color: #395693;
}

.jssocials-share-googleplus .jssocials-share-link {
  width: calc(100%);
}

.jssocials-share-googleplus .jssocials-share-count-box.jssocials-share-no-count {
  display: none;
}

.jssocials-share-linkedin .jssocials-share-link {
  width: calc(100%);
  background-color: #005E8A;
}

.jssocials-share-linkedin .jssocials-share-link:hover {
  background-color: #004261;
}

.jssocials-share-linkedin .jssocials-share-count-box.jssocials-share-no-count {
  display: none;
}

.wide-social.gap {
  padding-bottom: 30px;
}

.article-contributor {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  position: relative;
}

@media only screen and (max-width: 1239px) {
  .article-detail .article-contributor hr {
    display: none;
  }
}

.article-detail .article-contributor {
  margin-bottom: 20px;
}

.article-contributor p {
  font-size: 14px;
}

.article-contributor a,
.article-contributor .contributor-info a {
  display: block;
  text-decoration: underline;
}

.article-contributor hr {
  width: 35px;
  height: 1px;
  background: #00C298;
  margin: 35px 0 20px 0;
  border: 0;
}

@media only screen and (max-width: 1239px) {
  .contributor-image {
    width: 72px;
    float: left;
  }
}

.contributor-image img {
  width: 96px;
  border-radius: 50%;
}

@media only screen and (max-width: 1239px) {
  .contributor-info {
    margin-left: 86px;
  }
  .single-contributor .contributor-info {
    padding-right: 41.66667%;
  }
}

@media only screen and (max-width: 1239px) and (max-width: 767px) {
  .single-contributor .contributor-info {
    padding-right: 0;
  }
}

.contributor-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  margin: 28px 0 10px 0;
}

/**
 * Email Module
 */
.email-form-module {
  max-width: inherit;
  padding: 50px 30px 50px 30px;
  /*
    .split .field-row {
        float: left;
        width: 48%;
        margin: 0 0 2%;

        @include media($phone) {
            width: 100%;
            margin: 0 0 20px;
        }
    }
*/
}

.email-form-module .resource-container,
.email-form-module .resource-container-thank-you {
  margin: 0 auto;
}

.email-form-module.add-padding-top {
  padding-top: 3em;
}

/**
 * Article Pagination
 */
.article-pagination .row {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .article-pagination .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}

.article-pagination a:not(.btn) {
  display: block;
  color: #FFFFFF;
  min-height: 280px;
  text-decoration: none;
}

.article-pagination a:not(.btn).column {
  padding: 30px 145px 30px 30px;
}

@media only screen and (max-width: 1239px) {
  .article-pagination a:not(.btn).column {
    padding: 30px 100px 30px 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .article-pagination a:not(.btn).column {
    padding: 30px;
  }
}

.article-pagination a:not(.btn).bg-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #00C298;
  position: relative;
}

.article-pagination a:not(.btn).bg-image.prev:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6) 74%);
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6) 74%);
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6) 74%);
  background: -ms-linear-gradient(right, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6) 74%);
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6) 74%);
}

.article-pagination a:not(.btn).bg-image.next:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6) 74%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6) 74%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6) 74%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6) 74%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.6) 74%);
}

.article-pagination a:not(.btn).bg-image span, .article-pagination a:not(.btn).bg-image .title {
  position: relative;
  z-index: 1;
}

.article-pagination a:not(.btn).next {
  text-align: right;
  padding: 30px 30px 30px 145px;
}

@media only screen and (max-width: 1239px) {
  .article-pagination a:not(.btn).next {
    padding: 30px 30px 30px 100px;
  }
}

@media only screen and (max-width: 1024px) {
  .article-pagination a:not(.btn).next {
    padding: 30px;
  }
}

.article-pagination a:not(.btn).next svg {
  margin-right: 0;
  margin-left: 22px;
}

.article-pagination a:not(.btn) span {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  display: inline-block;
  height: 24px;
}

.article-pagination a:not(.btn) svg {
  width: 24px;
  height: 24px;
  fill: #FFFFFF;
  margin-right: 22px;
}

.article-pagination a:not(.btn) .title {
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
  color: #FFFFFF;
}

.resource-container,
.resource-container-thank-you {
  background: #EEEEEF;
  padding: 25px;
  margin: 70px 35px 0 0;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .resource-container,
  .resource-container-thank-you {
    margin-right: 0;
  }
}

.resource-container form,
.resource-container-thank-you form {
  margin: 20px 0 0;
}

.resource-container .title,
.resource-container-thank-you .title {
  margin: 0;
  font-weight: 200;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
}

.resource-container .instructions,
.resource-container-thank-you .instructions {
  color: #4B4D53;
  margin: 0;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.resource-container p,
.resource-container-thank-you p {
  color: #4b4e5d;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.resource-container .btn,
.resource-container-thank-you .btn {
  min-width: 191px;
}

.resource-container .error-message,
.resource-container-thank-you .error-message {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 10px 5px;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  font-style: italic;
  text-align: center;
  color: #FFFFFF;
  background: #D31924;
  -moz-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
}

.resource-container .error-message svg,
.resource-container-thank-you .error-message svg {
  width: 20px;
  height: 20px;
  fill: #FFFFFF;
  margin-right: 5px;
  position: relative;
  top: -2px;
}

.resource-container.error .error-message,
.resource-container-thank-you.error .error-message {
  display: block;
}

.mktoForm .mktoFormRow.transparent {
  margin-bottom: 20px;
  overflow: hidden;
}

.mktoForm .mktoFormRow.transparent .mktoFormCol {
  background-color: #fff;
  margin-bottom: 0 !important;
}

.mktoForm .mktoFormRow.transparent .mktoFieldWrap {
  border: none;
  padding: 0;
  position: relative;
}

.mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
  color: #B30000;
}

.mktoFormRow.transparent ~ .mktoFormRow.transparent .mktoFormCol {
  background-color: transparent;
}

.form-container-js #Phone {
  width: 100% !important;
  padding: 5px 0 5px 15px;
  border: 0;
  font-size: 16px;
  color: #364046;
  font-weight: 300;
}

.form-container-js .mktoFormCol {
  position: relative;
  margin: 0 0 20px !important;
  background: #FFFFFF;
}

.form-container-js .mktoForm .mktoLabel {
  position: absolute;
  top: 2px;
  left: 2px;
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  padding: 5px 15px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 10px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  color: #4D4D51;
  opacity: 1;
}

.form-container-js .mktoForm select.mktoField {
  font-size: 16px !important;
  font-weight: 300 !important;
  letter-spacing: 0.03em !important;
  background: #fff url("/__data/assets/image/0018/6624/prx-down-arrow.png?v=0.0.1") no-repeat 93% 0% !important;
}

.form-container-js .mktoForm .mktoFieldWrap {
  padding: 20px 0 0;
  border: 2px solid #FFFFFF;
}

.form-container-js .mktoForm .mktoFieldWrap:not(label[for=Subscribed__c]) {
  border: 2px solid #FFFFFF;
}

.form-container-js .mktoForm label[for="Consent_to_Processing__c"] {
  margin: 0;
  position: static;
  padding: 0;
  min-height: 16px;
}

.form-container-js .mktoForm label[for="Consent_to_Processing__c"].mktoLabel {
  float: right;
  width: 90% !important;
  margin: 5px 0;
}

@media only screen and (max-width: 1024px) {
  .form-container-js .mktoForm label[for="Consent_to_Processing__c"].mktoLabel {
    width: 88% !important;
  }
}

@media only screen and (max-width: 767px) {
  .form-container-js .mktoForm label[for="Consent_to_Processing__c"].mktoLabel {
    width: 90% !important;
  }
}

@media only screen and (max-width: 414px) {
  .form-container-js .mktoForm label[for="Consent_to_Processing__c"].mktoLabel {
    width: 88% !important;
  }
}

.form-container-js .mktoForm input[type="text"], .form-container-js .mktoForm input[type="email"], .form-container-js .mktoForm textarea {
  width: 100%;
  display: block;
  border: none;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  resize: none;
  background: transparent;
  position: relative;
  z-index: 20;
  padding: 5px 0 5px 15px;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.form-container-js .mktoField {
  height: 36px !important;
}

.form-container-js label[for=Subscribed__c] {
  left: 30px !important;
  border: none !important;
  background: transparent !important;
  top: inherit !important;
  padding-left: 0px !important;
  text-transform: none !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  color: #1C1E2A !important;
}

.form-container-js input[type=tel]:focus {
  border: none !important;
}

.form-container-js .mktoFormRow:nth-last-child(5) .mktoFormCol {
  background: transparent;
  padding-top: 0px !important;
  margin-bottom: 30px !important;
}

.form-container-js .mktoFormRow:nth-last-child(5) .mktoFieldWrap {
  padding-top: 0px;
  border: none;
}

.form-container-js .mktoGutter {
  display: none;
}

.form-container-js .mktoForm .mktoCheckboxList {
  border: none !important;
  padding: 0 !important;
  background-color: #ffffff;
  width: 8% !important;
  position: relative;
}

.form-container-js .mktoForm .mktoCheckboxList input[type=checkbox] {
  display: block;
  width: 16px;
  height: 16px !important;
  position: absolute;
  left: 10px;
  top: 10px;
}

@media only screen and (max-width: 767px) {
  .form-container-js .mktoForm .mktoCheckboxList input[type=checkbox] {
    top: 7px;
  }
}

.form-container-js .mktoForm .mktoButtonWrap {
  margin-left: 0px !important;
}

.form-container-js .mktoForm .mktoButtonWrap.mktoDownloadItunes .mktoButton {
  display: inline-block !important;
  padding: 10px 20px !important;
  border-radius: 30px !important;
  text-align: center !important;
  text-decoration: none !important;
  min-width: 120px !important;
  position: relative !important;
  margin: 5px 10px 5px 0 !important;
  -webkit-appearance: none !important;
  border: none !important;
  cursor: pointer !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  line-height: 1.4em !important;
  letter-spacing: 0.02em !important;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  -moz-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  -ms-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  -o-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  color: #FFFFFF;
  background: #274BCE !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  font-family: inherit !important;
  width: auto !important;
  text-shadow: none !important;
  min-width: 191px !important;
}

.selectedMktoField {
  border: 2px solid #2343B8 !important;
}

.selectedMktoField .mktoLabel, .selectedMktoField .mktoAsterix {
  color: #2343B8 !important;
}

.resource-container .mktoButton.activate-shake {
  animation: shake 820ms 1;
}

.resource-container.download-options {
  display: none;
}

.resource-container.download-options .resource-downloads a {
  display: block;
  background: #FFFFFF;
  padding: 15px;
  text-decoration: none;
}

.resource-container.download-options .resource-downloads a:hover {
  background: rgba(255, 255, 255, 0.5);
}

.related-webinars-wrapper {
  margin-top: 30px;
}

.related-webinars-wrapper .related-webinars {
  background: #ffffff;
  margin: 16px 0 0;
  padding: 15px;
}

.related-webinars-wrapper .related-webinars li {
  list-style: none;
  margin: 10px 0;
}

.related-webinars-wrapper .related-webinars li:first-child {
  margin-top: 0;
}

.related-webinars-wrapper .related-webinars li a {
  text-decoration: none;
}

.insights-infographic {
  margin-top: 80px;
}

.insights-infographic #embed-pdf embed {
  min-height: 715px;
}

@media only screen and (max-width: 767px) {
  .insights-infographic #embed-pdf embed {
    min-height: 500px;
  }
}

@media only screen and (max-width: 500px) {
  .insights-infographic #embed-pdf embed {
    min-height: 400px;
  }
}

.insights-infographic img {
  margin-bottom: 50px;
}

.resource-downloads {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.resource-downloads li {
  display: block;
  padding-top: 1px;
}

.resource-downloads span,
.resource-downloads .svg-icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 -2px;
}

.resource-downloads span {
  width: calc(100% - 46px);
  padding: 4px 10px 0;
  color: #2343B8;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

.resource-downloads .pdf-icon {
  width: 26px;
  height: 26px;
}

.resource-downloads .arrow-icon {
  width: 20px;
  height: 20px;
  fill: #2343B8;
}

/**
 * Search results
 */
.result-heading {
  padding: 40px 0 15px;
  border-bottom: 1px solid #DBDCDD;
  position: relative;
  z-index: 10;
}

.result-heading:after {
  content: "";
  display: table;
  clear: both;
}

.result-heading .result-count {
  float: left;
  margin: 20px 0 0 20px;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
}

@media only screen and (max-width: 1024px) {
  .result-heading .result-count {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.result-heading .sort-dropdown-container {
  float: right;
}

@media only screen and (max-width: 1024px) {
  .result-heading .sort-dropdown-container {
    width: 210px;
    max-width: 50%;
  }
}

.summary-list .search-result .title {
  margin: 0 0 .5em;
  color: #2343B8;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.35em;
  letter-spacing: 0.02em;
}

.summary-list .search-result .title a {
  color: inherit;
  text-decoration: none;
}

.summary-list .search-result p {
  margin: 0;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.summary-list .search-spotlight {
  padding: 20px 0;
}

.search-spotlight .thumbnail {
  display: inline-block;
  margin: 0 -1px;
  width: 300px;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .search-spotlight .thumbnail {
    float: left;
    margin: 15px;
  }
}

.search-spotlight .thumbnail img {
  max-width: 95%;
  display: block;
  margin: 0 auto;
}

.search-spotlight .spotlight-result {
  border: 1px solid rgba(35, 67, 184, 0.1);
}

.search-spotlight .spotlight-text {
  width: calc(100% - 300px);
  display: inline-block;
  vertical-align: middle;
  background: rgba(35, 67, 184, 0.1);
  padding: 50px 30px;
  margin: 0 -1px;
}

@media only screen and (max-width: 767px) {
  .search-spotlight .spotlight-text {
    display: block;
    width: 100%;
  }
  .search-spotlight .spotlight-text .title {
    clear: left;
  }
}

.no-results-msg p {
  font-weight: 200;
  font-size: 36px;
  line-height: 1.2em;
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  .no-results-msg p {
    font-weight: 200;
    font-size: 28px;
    line-height: 1.3em;
  }
}

@media only screen and (max-width: 767px) {
  .no-results-msg p {
    font-weight: 200;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.no-results-msg a {
  color: #2343B8;
}

/**
 * Spotlight Banner
 */
.spotlight-banner {
  max-width: 1346px;
  margin: 0 auto 40px;
  padding: 40px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #FFFFFF;
}

.spotlight-banner .wrap {
  width: 80%;
  margin: 0 auto;
}

.spotlight-banner .spotlight-title {
  display: inline-block;
  text-align: center;
  margin: 0 -2px;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .spotlight-banner .spotlight-title {
    margin-bottom: 20px;
  }
}

.spotlight-banner p {
  display: inline-block;
  margin: 0 -2px;
  vertical-align: middle;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.spotlight-banner p .read-more {
  color: #FFFFFF;
}

/**
 * Pagination
 */
.pagination {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
}

.pagination a {
  position: relative;
  display: inline-block;
  width: 80px;
  font-size: 18px;
  line-height: 42px;
  font-weight: 300;
  color: #52585B;
  margin-top: 10px;
  background: #FFFFFF;
  border-radius: 30px;
  border: 1px solid transparent;
  text-decoration: none;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

@media only screen and (max-width: 1024px) {
  .pagination a:not(.mobile-list) {
    display: none;
  }
}

.pagination a:not(.active):hover {
  background: #E4E5E6;
}

.pagination a + a {
  margin-left: 15px;
}

.pagination > span {
  font-size: 18px;
  font-weight: 300;
  color: #343642;
  letter-spacing: 2px;
  margin: 0 15px;
}

@media only screen and (max-width: 1024px) {
  .pagination > span {
    display: none;
  }
}

.pagination .active {
  color: #343642;
  font-weight: 400;
  border-color: #343642;
}

@media only screen and (max-width: 1024px) {
  .pagination .active {
    pointer-events: none;
    cursor: default;
  }
  .pagination .active:before {
    content: 'Page';
    margin-right: 5px;
  }
}

.pagination.dark a:not(.active) {
  background: #EEEEEF;
}

.pagination.dark a:not(.active):hover {
  background: #e1e1e3;
}

.pagination-chevron {
  width: 16px;
  height: 16px;
}

/**
 * Contact Landing
 */
.contact-map .container {
  padding: 0;
}

.contact-map .comp-title {
  padding: 0 0 1em;
}

.contact-map .column {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.contact-map p {
  font-weight: 200;
  font-size: 36px;
  line-height: 1.2em;
}

@media only screen and (max-width: 1239px) {
  .contact-map p {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .contact-map p {
    font-size: 22px;
  }
}

.map-title {
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .map-title {
    font-size: 16px;
  }
}

.map-title i, .map-title em {
  width: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
}

.map-title i img, .map-title em img {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}

.map-title svg {
  fill: #343642;
}

.map-title .map-pin {
  width: 20px;
  height: 20px;
}

.map-title .phone {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: #343642;
}

.map-content {
  padding: 0;
}

@media only screen and (min-width: 1025px) {
  .map-content {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .map-content {
    text-align: center;
  }
}

.map-content a {
  color: inherit;
}

@media only screen and (max-width: 1024px) {
  .contact-detail .red-purple {
    background: none;
  }
}

@media only screen and (min-width: 1025px) {
  .contact-detail .column:last-child {
    background: rgba(28, 30, 42, 0.1);
    min-height: 580px;
  }
}

@media only screen and (max-width: 1024px) {
  .contact-detail .column {
    background: #D31924;
    background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
    min-height: 420px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-detail .large-icon {
    width: 38px;
  }
}

.contact-detail i, .contact-detail em {
  width: 20px;
  margin-right: 15px;
  display: inline-block;
  vertical-align: top;
}

.contact-detail i img, .contact-detail em img {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}

.contact-detail svg {
  fill: #FFFFFF;
}

.contact-detail .phone {
  width: 18px;
  height: 18px;
}

.contact-detail .world {
  width: 20px;
  height: 20px;
}

.contact-detail p {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  margin: 0 0 20px;
}

@media only screen and (max-width: 1024px) {
  .contact-detail p {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
    margin: 0 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-detail p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.contact-detail a {
  color: inherit;
}

.contact-detail a:not(.btn):hover {
  text-decoration: underline;
}

.contact-title {
  font-weight: 200;
  font-size: 36px;
  line-height: 1.2em;
  margin: 0 0 30px;
}

@media only screen and (max-width: 1024px) {
  .contact-title {
    font-weight: 200;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .contact-title {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (min-width: 768px) {
  .contact-links .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
  }
}

@media only screen and (max-width: 1024px) {
  .contact-links .column {
    margin-bottom: 16px;
  }
}

.contact-links .flex-grid .doc-icon {
  display: inline-block;
  margin-bottom: 15px;
  width: 50px;
}

.contact-box {
  padding: 40px 10px;
  text-align: center;
  height: 100%;
  position: relative;
}

@media only screen and (max-width: 500px) {
  .contact-box {
    padding: 25px 10px;
  }
}

.contact-box.align-ctas {
  flex-flow: column;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contact-box.cat-detected {
  padding: 60px 10px 40px;
}

@media only screen and (max-width: 500px) {
  .contact-box.cat-detected {
    padding: 50px 10px 20px;
  }
}

.contact-box.cat-detected .category {
  top: 20px;
}

.contact-box.cat-detected .category span {
  height: auto;
  line-height: normal;
}

.contact-box span {
  display: inline-block;
  height: 58px;
  line-height: 58px;
  margin-bottom: 35px;
}

.contact-box span img {
  width: auto;
  max-height: 100%;
}

.contact-box p {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  margin: 0;
}

.contact-box p.regular {
  font-weight: 300;
}

.contact-box p.thin {
  font-weight: 200;
}

@media only screen and (max-width: 1239px) {
  .contact-box p {
    font-size: 16px;
  }
}

.contact-box p a {
  text-decoration: none;
  color: inherit;
}

.contact-box.light-copy p {
  font-weight: 300;
}

.contact-box .btn {
  margin: 25px auto 0;
}

.align-content-vertically .contact-box {
  display: flex;
  align-items: center;
}

.contact-link-title {
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
  margin: 0 0 20px;
}

@media only screen and (max-width: 1239px) {
  .contact-link-title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1024px) {
  .contact-link-title {
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-link-title {
    font-size: 20px;
  }
}

.contact-link-title.mini-title-spacer-top {
  margin: 20px 0;
}

.contact-link-title {
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
  margin: 0 0 20px;
}

@media only screen and (max-width: 1239px) {
  .contact-link-title {
    font-size: 18px;
  }
}

/**
 Next Steps Landing
 */
.next-steps-split p {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  margin-bottom: 15px;
}

@media only screen and (max-width: 1239px) {
  .next-steps-split p {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 767px) {
  .next-steps-split p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.next-steps-split .btn {
  margin-top: 15px;
}

.next-steps-split .comp-title {
  margin: 0 0 .5em;
}

.next-steps-split .phone-icon {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: #FFFFFF;
  margin-right: 10px;
}

.next-steps-split .world {
  width: 24px;
  height: 24px;
  fill: #FFFFFF;
  margin-right: 10px;
}

.community.one-col-row {
  max-height: 750px;
}

.community .list-header {
  max-width: none;
}

.community .list-header p {
  padding: 0px 40px;
  margin-bottom: 30px;
}

.community .speech-balloon {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: #FFFFFF;
  margin-right: 15px;
}

.community .speech-balloons {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: #FFFFFF;
  margin-right: 15px;
}

.community .develop {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: #FFFFFF;
  margin-right: 15px;
}

.community .connect {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: #FFFFFF;
  margin-right: 15px;
}

@media only screen and (max-width: 1024px) {
  .community .split-content {
    text-align: center;
  }
}

.community.split-content {
  padding: 0px;
  width: 60%;
}

.community .join-ciena-title {
  font-weight: 200;
  font-size: 36px;
  line-height: 1.2em;
}

.community .container {
  max-width: 1400px;
  padding: 0px;
}

.community .container .split-content {
  width: 50%;
  padding-top: 30px;
}

@media only screen and (max-width: 1024px) {
  .community .container .split-content {
    width: 95%;
    margin: 0 auto;
  }
}

.community .container .split-content .list {
  margin: 0 auto;
  padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .community .container .split-content .list {
    padding: 30px 20px 10px;
  }
}

.community .container .split-content .list .list-content {
  padding: 10px;
}

@media only screen and (max-width: 414px) {
  .community .container .split-content .list .list-content {
    padding: 10px 0;
  }
}

.community .container .split-content .list .list-content ul {
  width: 85%;
  margin: 0 auto;
  padding: 15px;
}

.community .container .split-content .list .list-content ul:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 767px) {
  .community .container .split-content .list .list-content ul {
    padding: 0px;
    width: 95%;
  }
}

@media only screen and (max-width: 414px) {
  .community .container .split-content .list .list-content ul {
    width: 80%;
  }
}

@media only screen and (max-width: 350px) {
  .community .container .split-content .list .list-content ul {
    width: 95%;
  }
}

.community .container .split-content .list li {
  float: left;
  width: 50%;
  text-align: left;
  padding-left: 14%;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

@media only screen and (max-width: 767px) {
  .community .container .split-content .list li {
    padding-left: 12%;
  }
}

@media only screen and (max-width: 414px) {
  .community .container .split-content .list li {
    padding-left: 0;
  }
  .community .container .split-content .list li svg {
    margin-right: 10px;
  }
}

.community .btn {
  font-weight: 400;
}

.meetup.white-bg {
  border: 0 none;
}

.meetup .event-label {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.meetup .event-date {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  margin: 15px 0;
}

.meetup .event-date span {
  font-weight: 300;
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  .meetup .event-date span {
    display: block;
  }
}

.meetup .container {
  padding: 0px;
}

@media only screen and (max-width: 1599px) {
  .meetup .container {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .meetup .split-content {
    margin: 0 auto;
  }
}

.meetup .btn {
  font-weight: 400;
}

.subscribe {
  padding-top: 0px;
}

.subscribe img {
  margin-bottom: 10px;
}

.contact .speech-balloons {
  width: 60px;
  height: 60px;
  fill: #FFFFFF;
}

.contact-sales-form form.mktoForm .mktoFieldDescriptor {
  margin: 0 !important;
}

.contact-sales-form form.mktoForm .mktoFieldWrap {
  margin: 0 0 20px;
  position: relative;
}

.contact-sales-form form.mktoForm .mktoFieldWrap label {
  position: absolute;
  font-weight: 700;
  font-size: 10px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  color: #a7a9ab;
  opacity: 1;
  top: 0px;
  left: 0px;
  padding: 5px 15px;
  font-family: "aktiv-grotesk", "Helvetica", "arial", sans-serif;
}

.contact-sales-form form.mktoForm .mktoFieldWrap label[for="Subscribed__c"] {
  color: #364046;
  font-size: 12px;
  font-weight: 300;
  text-transform: none;
  padding: 1px 25px 5px;
}

.contact-sales-form form.mktoForm .mktoFieldWrap .mktoGutter {
  display: none;
  height: 0;
}

.contact-sales-form form.mktoForm .mktoFieldWrap input[type=text],
.contact-sales-form form.mktoForm .mktoFieldWrap input[type=email],
.contact-sales-form form.mktoForm .mktoFieldWrap input[name=Phone],
.contact-sales-form form.mktoForm .mktoFieldWrap select {
  height: 55px;
  padding: 30px 15px 10px;
  border: 2px solid #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  width: 100% !important;
  font-family: "aktiv-grotesk", "Helvetica", "arial", sans-serif;
}

.contact-sales-form form.mktoForm .mktoFieldWrap input[type=text].error,
.contact-sales-form form.mktoForm .mktoFieldWrap input[type=email].error,
.contact-sales-form form.mktoForm .mktoFieldWrap input[name=Phone].error,
.contact-sales-form form.mktoForm .mktoFieldWrap select.error {
  border-color: #AD141F;
}

.contact-sales-form form.mktoForm .mktoFieldWrap textarea {
  min-height: 200px;
  padding: 30px 15px 10px;
  border: 2px solid #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  font-family: "aktiv-grotesk", "Helvetica", "arial", sans-serif;
}

.contact-sales-form form.mktoForm .mktoFieldWrap input[type="text"]:focus,
.contact-sales-form form.mktoForm .mktoFieldWrap input[type="email"]:focus,
.contact-sales-form form.mktoForm .mktoFieldWrap input[name="Phone"]:focus,
.contact-sales-form form.mktoForm .mktoFieldWrap select:focus,
.contact-sales-form form.mktoForm .mktoFieldWrap textarea:focus {
  border-color: #2343B8;
}

.contact-sales-form form.mktoForm .mktoFieldWrap select {
  cursor: pointer;
  padding: 20px 15px 0;
  background: #fff url("/__data/assets/image/0019/6625/prx-down-arrow-blue.png?v=0.0.1") no-repeat 98% 55%;
}

.contact-sales-form form.mktoForm .mktoFieldWrap .mktoErrorArrow {
  display: none;
}

.contact-sales-form form.mktoForm .mktoButtonRow .mktoButtonWrap {
  margin: 0 !important;
}

.contact-sales-form form.mktoForm .mktoButtonRow .mktoButtonWrap button, .contact-sales-form form.mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton {
  display: inline-block;
  border: none;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  border-radius: 30px;
  padding: 10px 35px;
  font-family: "aktiv-grotesk", "Helvetica", "arial", sans-serif;
  width: auto;
  text-shadow: none;
  box-shadow: none;
}

.contact-sales-form form.mktoForm .mktoButtonRow .mktoButtonWrap button:hover, .contact-sales-form form.mktoForm .mktoButtonRow .mktoButtonWrap button:focus, .contact-sales-form form.mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton:hover, .contact-sales-form form.mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton:focus {
  background: #193FC3;
}

.contact-sales-form label.checkbox {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.contact-sales-form .contact-method input[type=checkbox] {
  margin-top: 5px;
}

.contact-sales-form .description {
  font-weight: 300;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  width: 260px;
}

.contact-sales-form aside.column {
  padding-left: 75px;
}

@media only screen and (max-width: 1239px) {
  .contact-sales-form aside.column {
    padding-left: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .contact-sales-form aside.column {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-sales-form aside.column {
    padding: 0 15px;
  }
}

/**
 Newsroom Listing Landing
*/
.newsroom-listing + .newsroom-listing {
  margin-top: 90px;
}

@media only screen and (max-width: 1239px) {
  .newsroom-listing + .newsroom-listing {
    margin-top: 65px;
  }
}

@media only screen and (max-width: 767px) {
  .newsroom-listing + .newsroom-listing {
    margin-top: 40px;
  }
}

.newsroom-listing .newsroom-block .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.newsroom-listing .newsroom-block a {
  display: block;
  color: #343642;
  padding: 50px 20px 50px 0;
  border-top: 1px solid #C5C6C7;
  text-decoration: none;
}

@media only screen and (max-width: 1239px) {
  .newsroom-listing .newsroom-block a {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.newsroom-month {
  font-weight: 500;
  font-size: 28px;
  line-height: 1.3em;
  color: #2343B8;
}

@media only screen and (min-width: 768px) {
  .newsroom-month {
    margin-left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .newsroom-month {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) {
  .newsroom-date {
    text-align: center;
  }
}

.newsroom-date strong {
  display: block;
  font-weight: 500;
  font-size: 42px;
  line-height: 1.12em;
}

@media only screen and (max-width: 767px) {
  .newsroom-date strong {
    font-size: 24px;
  }
}

.newsroom-date small {
  display: block;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .newsroom-date small {
    font-size: 14px;
  }
}

.newsroom-detail {
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
}

@media only screen and (max-width: 1239px) {
  .newsroom-detail {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .newsroom-detail {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .newsroom-detail {
    font-size: 16px;
  }
}

/**
 Newsroom Landing
*/
.in-the-news-list .summary-list .event-brief {
  width: auto;
}

.in-the-news-list .summary-list > li {
  border-bottom: none;
  border-top: 1px solid #DBDCDD;
  padding: 50px 20px;
}

.in-the-news-list .summary-list > li:last-child {
  border-bottom: 1px solid #DBDCDD;
}

@media only screen and (max-width: 1024px) {
  .in-the-news-list .summary-list li .event-location {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 767px) {
  .in-the-news-list .summary-list li .event-location {
    width: auto;
  }
}

.in-the-news-list .summary-list li .event-title {
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
  color: #343642;
  width: 60%;
}

@media only screen and (max-width: 1024px) {
  .in-the-news-list .summary-list li .event-title {
    width: 55%;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 767px) {
  .in-the-news-list .summary-list li .event-title {
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 0;
  }
}

.in-the-news-list .summary-list li .date {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1024px) {
  .in-the-news-list .summary-list li .date {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 767px) {
  .in-the-news-list .summary-list li .date {
    display: inline-block;
  }
}

.in-the-news-list .summary-list li .publication {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  margin-top: 10px;
}

@media only screen and (max-width: 1024px) {
  .in-the-news-list .summary-list li .publication {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 767px) {
  .in-the-news-list .summary-list li .publication {
    display: inline-block;
  }
}

.in-the-news-list .summary-list li .author {
  display: inline-block;
  width: 14%;
  vertical-align: middle;
  margin: 0 -1px;
}

@media only screen and (max-width: 1024px) {
  .in-the-news-list .summary-list li .author {
    width: 20%;
  }
}

@media only screen and (max-width: 767px) {
  .in-the-news-list .summary-list li .author {
    float: left;
    margin-top: 10px;
    width: 100%;
  }
}

.in-the-news-list .summary-list li .author img {
  float: left;
  border-radius: 50%;
}

.in-the-news-list .summary-list li .author span {
  vertical-align: top;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  font-style: italic;
  color: #55585E;
  float: left;
  clear: left;
}

@media only screen and (max-width: 767px) {
  .in-the-news-list .summary-list li .author span {
    float: none;
    margin: 10px 0px 0px 10px;
    display: inline-block;
  }
}

@media only screen and (max-width: 1024px) {
  .in-the-news-list .summary-list li .author span {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.in-the-news-list .summary-list li:hover {
  background-color: #E4E5E6;
  cursor: pointer;
}

.in-the-news-list .summary-list .btn {
  margin: 0 auto;
}

.press-release-container .press-release {
  min-height: 330px;
}

.press-release-container .press-release .column {
  min-height: 0px;
}

.press-release-container .press-release .gray-bg h2 {
  color: #343642;
}

.press-release-container .press-release .title {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
}

@media only screen and (max-width: 1239px) {
  .press-release-container .press-release .title {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

.press-release-container.container {
  background: #FFFFFF;
}

.twitter-share {
  float: right;
  position: relative;
  top: -25px;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
  padding: 5px;
  margin: 0 0 10px 10px;
  background: #19A4DD;
}

.twitter-share svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: #FFFFFF;
}

.insight-section.white-bg {
  padding-top: 100px !important;
  border-top: none !important;
  padding-bottom: 0px;
}

.press-highlights .event-location {
  width: 20%;
}

.press-highlights .newsroom-date {
  text-align: left;
}

.press-highlights img {
  max-width: 50px;
}

.press-highlights.in-the-news-list .summary-list li {
  border: 0 none;
  padding: 0;
}

.press-highlights.in-the-news-list .summary-list li:last-child {
  border-bottom: 1px solid #E4E5E6;
}

.press-highlights .event a,
.press-highlights a {
  color: #343642;
  display: block;
  border-top: 1px solid #DBDCDD;
  padding: 50px 20px;
  text-decoration: none;
}

.press-highlights .sort-dropdown a {
  padding: 5px 20px;
}

.press-highlights a.btn {
  display: inline;
  padding: 10px 30px;
}

.ciena25 .column-container {
  width: 75%;
  height: auto !important;
}

.ciena25 .tall-box {
  height: auto !important;
}

.social-connect .column-container {
  margin: 0 auto;
  height: 850px;
}

@media only screen and (max-width: 1024px) {
  .social-connect .column-container {
    height: auto;
  }
}

.social-connect .column-container .social-column .tall-box {
  height: 845px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .social-connect .column-container .social-column .tall-box {
    height: 0px;
  }
}

@media only screen and (max-width: 1024px) {
  .social-connect .column-container .social-column .tall-box .fb-page {
    margin: 0 auto;
    display: block;
  }
}

.social-connect .column-container .small-box.top {
  height: 545px;
}

@media only screen and (max-width: 767px) {
  .social-connect .column-container .small-box.top {
    height: 75px;
  }
}

.social-connect .column-container .small-box.bottom {
  height: 300px;
}

@media only screen and (max-width: 767px) {
  .social-connect .column-container .small-box.bottom {
    height: 75px;
  }
}

.social-connect .column-container .small-box img {
  width: 100%;
}

.social-connect .column-container .social-label {
  height: 60px;
}

.social-connect .column-container .social-label .icon {
  fill: #FFFFFF;
  width: 35px;
  height: 35px;
  margin: 10px 20px;
}

.social-connect .column-container .social-label span {
  color: #FFFFFF;
  float: right;
  padding: 18px;
}

.social-connect .column-container .social-label.facebook {
  background: #395793;
  width: 100%;
}

.social-connect .column-container .social-label.twitter {
  background: #0D5B95;
  width: 100%;
}

.social-connect .column-container .social-label.youtube {
  background: #B30000;
  width: 100%;
}

.social-connect .column-container .social-label.blog {
  background: #00614C;
  width: 100%;
}

.social-connect .column-container .social-label.linkedin {
  background: #005E8A;
  width: 100%;
}

.social-connect .column-container .social-label.events {
  background: #800A68;
  width: 100%;
}

.social-connect .column-container .social-content {
  background: #FFFFFF;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .social-connect .column-container .social-content.facebook-box {
    width: 50%;
    margin: 0 auto;
  }
}

.social-connect .column-container .social-content.blog {
  height: 465px;
}

.social-connect .column-container .social-content.youtube {
  height: 240px;
}

.social-connect .column-container .social-content.events {
  height: 240px;
}

.social-connect .column-container .social-content.events ul {
  padding: 5px 30px 0;
}

.social-connect .column-container .social-content.events li {
  padding: 15px 0;
  line-height: 1.4em;
}

.social-connect .column-container .social-content.events span {
  font-weight: 500;
}

.social-connect .column-container .social-content.linkedin {
  height: 240px;
  background: url("/__data/assets/image/0020/6626/prx-gary-linked-in.png?v=0.0.1") top center no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 1024px) {
  .social-connect .column-container .social-content #twitter-widget-0 {
    margin: 0 auto !important;
    width: 90% !important;
    display: block !important;
  }
}

@media only screen and (max-width: 767px) {
  .social-connect .column-container .social-content {
    display: none;
  }
}

.social-connect .column-container .social-content .twitter-link {
  color: #2343B8;
}

.social-connect .column-container .social-content a {
  color: #1C1E2A;
  text-decoration: none;
}

.social-connect .column-container .social-content ul {
  margin: 0px;
  padding: 10px 30px 0;
}

.social-connect .column-container .social-content .featured {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
}

.social-connect .column-container .social-content li {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  list-style-type: none;
  border-bottom: 1px solid #DBDCDD;
  padding: 20px 0px;
}

.social-connect .column-container .social-content li:last-child {
  border-bottom: none;
}

.media-resources .products {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: none;
}

.media-resources .products li {
  width: 50%;
  float: left;
  padding: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (max-width: 767px) {
  .media-resources .products li {
    width: 100%;
  }
}

.media-resources .products li img {
  max-width: 100%;
  max-height: 300px;
  object-fit: contain;
}

.media-resources .products li a {
  padding: 0px;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  color: #2343B8;
}

.media-resources .products li p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  margin-bottom: 0px;
}

/*
Landing Error
*/
#landing-error {
  height: auto;
}

#landing-error .column {
  height: 807px;
  padding-bottom: 100px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

@media only screen and (max-width: 1239px) {
  #landing-error .column {
    height: 608px;
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 1024px) {
  #landing-error .column {
    height: 489px;
    padding-bottom: 50px;
  }
}

#landing-error .model {
  font-size: 340px;
  line-height: 1;
}

@media only screen and (max-width: 1239px) {
  #landing-error .model {
    font-size: 261px;
  }
}

@media only screen and (max-width: 1024px) {
  #landing-error .model {
    font-size: 195px;
  }
}

@media only screen and (max-width: 767px) {
  #landing-error .model {
    font-size: 95px;
  }
}

#landing-error p {
  font-size: 50px;
  margin: 0 0 20px;
}

@media only screen and (max-width: 1239px) {
  #landing-error p {
    font-size: 42px;
  }
}

@media only screen and (max-width: 767px) {
  #landing-error p {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  #search-terms .column + .column {
    margin-top: 35px;
  }
}

#search-terms .comp-title {
  margin-bottom: 35px;
}

#search-terms ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  #search-terms ul + ul {
    margin-top: 35px;
  }
}

#search-terms li + li {
  margin-top: 10px;
}

#search-terms a {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  text-decoration: none;
}

@media only screen and (max-width: 1239px) {
  #search-terms a {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1024px) {
  #search-terms a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  #search-terms a {
    font-size: 16px;
  }
}

#search-terms a:after {
  opacity: 0;
  content: '›';
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

#search-terms a:hover:after {
  opacity: 1;
  padding-left: 5px;
}

/*
Landing Maintanence
*/
#landing-maintenance h1 {
  font-size: 100px;
}

#landing-maintenance p {
  font-size: 35px;
  width: 80%;
  margin: 0 auto;
}

/*
Find a Course Page
*/
.course-schedule .container {
  padding-bottom: 115px;
  padding-top: 90px;
}

@media only screen and (max-width: 1360px) {
  .course-schedule .container {
    padding-left: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .course-schedule .container {
    padding-bottom: 165px;
  }
}

.course-schedule .dropdown-container {
  position: relative;
  z-index: 10;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .course-schedule .dropdown-container {
    width: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  .course-schedule .dropdown-container {
    margin: 5px 0;
  }
}

.course-schedule .dropdown-container .course-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 30%;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

@media only screen and (max-width: 1239px) {
  .course-schedule .dropdown-container .course-dropdown {
    width: 40%;
  }
}

@media only screen and (max-width: 767px) {
  .course-schedule .dropdown-container .course-dropdown {
    width: 95%;
  }
}

.course-schedule .dropdown-container .course-dropdown .category {
  font-weight: 700;
  font-size: 10px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  color: #a0a2a8;
  text-transform: uppercase;
  display: block;
  padding: 8px 0px 0px 20px;
}

.course-schedule .dropdown-container .course-dropdown.open {
  background: #FFFFFF;
  border-color: #2343B8;
}

.course-schedule .dropdown-container .course-dropdown p {
  position: relative;
  padding: 5px 20px 10px;
  margin: 0;
  color: #343642;
  cursor: pointer;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.large .course-schedule .dropdown-container .course-dropdown p {
  font-size: 22px;
}

@media only screen and (max-width: 1239px) {
  .large .course-schedule .dropdown-container .course-dropdown p {
    font-size: 18px;
  }
}

.course-schedule .dropdown-container .course-dropdown svg {
  position: absolute;
  top: 20%;
  right: 20px;
  width: 18px;
  height: 18px;
  stroke: #2343B8;
  margin: -6px 0 0 10px;
}

.course-schedule .dropdown-container .course-dropdown ul {
  display: none;
  list-style-type: none;
  padding: 0;
  border: 1px solid #80828C;
}

.course-schedule .dropdown-container .course-dropdown a {
  padding: 5px 20px;
  color: #343642;
  display: block;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.large .course-schedule .dropdown-container .course-dropdown a {
  font-size: 18px;
}

.course-schedule .dropdown-container .course-dropdown a:hover {
  background: #E4E5E6;
}

.course-schedule .dropdown-container .location-dropdown {
  position: absolute;
  top: 0;
  margin-left: 100px;
  left: 30%;
  width: 30%;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

@media only screen and (max-width: 1239px) {
  .course-schedule .dropdown-container .location-dropdown {
    width: 40%;
    left: 35%;
  }
}

@media only screen and (max-width: 767px) {
  .course-schedule .dropdown-container .location-dropdown {
    left: 0%;
    width: 95%;
    margin-left: 0px;
    margin-top: 80px;
  }
}

.course-schedule .dropdown-container .location-dropdown .category {
  font-weight: 700;
  font-size: 10px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  color: #a0a2a8;
  text-transform: uppercase;
  display: block;
  padding: 8px 0px 0px 20px;
}

.course-schedule .dropdown-container .location-dropdown.open {
  background: #FFFFFF;
  border-color: #2343B8;
}

.course-schedule .dropdown-container .location-dropdown p {
  position: relative;
  padding: 5px 20px 10px;
  margin: 0;
  color: #343642;
  cursor: pointer;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.large .course-schedule .dropdown-container .location-dropdown p {
  font-size: 22px;
}

@media only screen and (max-width: 1239px) {
  .large .course-schedule .dropdown-container .location-dropdown p {
    font-size: 18px;
  }
}

.course-schedule .dropdown-container .location-dropdown svg {
  position: absolute;
  top: 20%;
  right: 20px;
  width: 18px;
  height: 18px;
  stroke: #2343B8;
  margin: -6px 0 0 10px;
}

.course-schedule .dropdown-container .location-dropdown ul {
  display: none;
  list-style-type: none;
  margin: 1px;
  padding: 0;
  border: 1px solid #80828C;
}

.course-schedule .dropdown-container .location-dropdown a {
  padding: 5px 20px;
  color: #343642;
  display: block;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.large .course-schedule .dropdown-container .location-dropdown a {
  font-size: 18px;
}

.course-schedule .dropdown-container .location-dropdown a:hover {
  background: #E4E5E6;
}

.course-container {
  padding-bottom: 75px;
}

@media only screen and (max-width: 1024px) {
  .course-container {
    padding-bottom: 0px;
  }
}

.course-container .course-list-container {
  float: left;
  margin-bottom: 50px;
}

.course-container .course-list-container .container {
  padding-left: 0px;
}

.course-container .course-list-container .course-list {
  margin-top: 30px;
  margin-bottom: 30px;
}

.course-container .course-list-container .course-list .no-results {
  padding: 20px;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  color: #343642;
  background: #E4E5E6;
  margin-top: 10px;
}

.course-container .course-list-container .course-list .date-header {
  padding-left: 30px !important;
}

@media only screen and (max-width: 1239px) {
  .course-container .course-list-container .course-list .date-header {
    padding-left: 25px !important;
  }
}

@media only screen and (max-width: 767px) {
  .course-container .course-list-container .course-list .date-header {
    padding-left: 5px !important;
  }
}

.course-container .course-list-container .course-list .location-header {
  padding-left: 30px !important;
}

@media only screen and (max-width: 1239px) {
  .course-container .course-list-container .course-list .location-header {
    padding-left: 25px !important;
  }
}

@media only screen and (max-width: 767px) {
  .course-container .course-list-container .course-list .location-header {
    padding-left: 5px !important;
  }
}

.course-container .course-list-container .course-list .course-header-container {
  padding-bottom: 0px !important;
  padding-left: 0px !important;
}

.course-container .course-list-container .course-list .course-header-container .course-header {
  border-bottom: 1px solid #E4E5E6;
}

.course-container .course-list-container .course-list .course-header-container .course-header h2 {
  font-weight: 200;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  padding-left: 10px;
}

@media only screen and (max-width: 767px) {
  .course-container .course-list-container .course-list .course-header-container .course-header h2 {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

.course-container .course-list-container .course-list .course-header-container .course-header.row {
  border-bottom: none;
  width: 100%;
  padding-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .course-container .course-list-container .course-list .course-header-container .course-header.row {
    justify-content: center;
    margin: 0 auto;
  }
}

.course-container .course-list-container .course-list .course-header-container .course-header span {
  display: none;
  font-weight: 200;
  font-size: 24px;
  padding-left: 5px;
}

@media only screen and (max-width: 767px) {
  .course-container .course-list-container .course-list .course-header-container .course-header span {
    display: block;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

.course-container .course-list-container .course-list .course-date {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.course-container .course-list-container .course-list .course-date span {
  display: none;
}

@media only screen and (max-width: 767px) {
  .course-container .course-list-container .course-list .course-date {
    padding-left: 8px;
  }
  .course-container .course-list-container .course-list .course-date span {
    padding-left: 8px;
    display: inline-block;
  }
}

.course-container .course-list-container .course-list .course-location {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

@media only screen and (max-width: 767px) {
  .course-container .course-list-container .course-list .course-location {
    padding-left: 8px;
  }
}

.course-container .course-list-container .course-list .course-detail {
  color: #2343B8;
}

.course-container .course-list-container .course-list .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #E4E5E6;
}

@media only screen and (max-width: 767px) {
  .course-container .course-list-container .course-list .row {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.course-container .course-list-container .course-list a {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  display: block;
  color: #343642;
}

@media only screen and (max-width: 1239px) {
  .course-container .course-list-container .course-list a {
    padding-top: 10px;
    padding-bottom: 0px;
  }
}

.course-container .course-list-container .course-list .course-cta {
  display: block;
  height: 400px;
  margin-top: 65px;
  background: #FFFFFF;
}

.course-container .course-list-container .course-list .course-cta.split-content {
  padding-top: 115px;
}

.course-container .course-list-container .course-list .course-cta .comp-title {
  font-weight: 200;
  font-size: 36px;
  line-height: 1.2em;
  padding-bottom: 0px;
}

.course-container .course-list-container .course-list .course-cta p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

.course-container .course-list-container .course-list .course-cta .btn {
  margin-top: 10px;
}

.course-container .course-form {
  float: left;
  margin-left: 5%;
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .course-container .course-form .resource-container {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 1239px) {
  .course-container .course-form {
    margin-left: 0px;
    padding-left: 3%;
  }
}

.course-container .course-form .subtitle {
  font-style: italic;
}

.location-map {
  background: #FFFFFF;
}

.location-map #map {
  height: 700px;
}

@media only screen and (max-width: 1239px) {
  .location-map #map {
    height: 530px;
  }
}

@media only screen and (max-width: 1024px) {
  .location-map #map {
    height: 390px;
  }
}

@media only screen and (max-width: 767px) {
  .location-map #map {
    height: 190px;
  }
}

.location-directions {
  padding: 50px 0 0 0;
  background: #FFFFFF;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  color: #343642;
}

@media only screen and (max-width: 1239px) {
  .location-directions {
    padding-top: 30px;
  }
}

.location-directions #show-directions {
  float: left;
  width: 100%;
  margin-right: -100%;
  background: #EEEEEF;
  cursor: pointer;
  text-align: center;
  padding: 40px 10px;
}

@media only screen and (max-width: 767px) {
  .location-directions #show-directions {
    padding: 25px 10px;
  }
}

.location-directions #show-directions a {
  color: #2343B8;
  display: block;
  text-decoration: none;
}

.location-directions #show-directions a strong {
  font-weight: 500;
}

@media only screen and (max-width: 1024px) {
  .location-directions #show-directions a strong {
    display: block;
  }
}

.location-directions #show-directions a svg {
  width: 8px;
  height: 8px;
  stroke: #2343B8;
}

.location-directions #directions {
  float: left;
  width: 100%;
  margin-right: -100%;
  display: none;
  background: #EEEEEF;
  padding: 25px 30px;
}

.location-directions #directions .comp-title {
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
  margin: 0 0 20px 0;
}

.location-directions #directions.static-directions ul, .location-directions #directions.static-directions ol {
  list-style-type: disc;
  padding: 0 0 0 20px;
  margin: 1em 0;
}

.location-directions #directions.static-directions ol {
  list-style-type: decimal;
}

.location-directions #directions ul {
  list-style-type: none;
  margin: 0 0 15px 0;
  padding: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.location-directions #directions p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

.location-directions #directions b {
  font-weight: 300;
}

.location-directions #directions a {
  color: #2343B8;
}

.location-directions #directions a svg {
  width: 20px;
  height: 20px;
  fill: #2343B8;
  margin-left: 7px;
}

.location-hotels {
  padding: 75px 0 120px 0;
  background: #FFFFFF;
  color: #343642;
}

@media only screen and (max-width: 1239px) {
  .location-hotels {
    padding: 50px 0;
  }
}

.location-hotels .hotels-disclaimer {
  color: #1C1E2A;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  margin: 0;
  padding: 0 125px;
}

@media only screen and (max-width: 1599px) {
  .location-hotels .hotels-disclaimer {
    padding: 0 105px;
  }
}

@media only screen and (max-width: 1239px) {
  .location-hotels .hotels-disclaimer {
    padding: 0 35px;
  }
}

@media only screen and (max-width: 767px) {
  .location-hotels .hotels-disclaimer {
    padding: 0;
  }
}

.hotels-container {
  padding: 0 215px 0 110px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1599px) {
  .hotels-container {
    padding: 0 200px 0 90px;
  }
}

@media only screen and (max-width: 1239px) {
  .hotels-container {
    padding: 0 20px;
  }
}

.hotels-container .hotel {
  width: 33%;
  padding-left: 15px;
  margin-bottom: 25px;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .hotels-container .hotel {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 1024px) {
  .hotels-container .hotel {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .hotels-container .hotel {
    width: 100%;
    padding-left: 0;
  }
}

.hotels-container .hotel .hotel-title {
  margin: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .hotels-container .hotel .hotel-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.hotels-container .hotel .hotel-title a {
  color: #343642;
}

.hotels-container .hotel p {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

#quiz-bgs {
  height: 0;
  width: 0;
}

.quiz-question.white-bg li a,
.quiz-question li a,
.quiz-question a {
  text-decoration: none;
}

.quiz-question .article-title {
  font-weight: 200;
  font-size: 36px;
  line-height: 1.2em;
}

@media only screen and (max-width: 1599px) {
  .quiz-question .article-title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .quiz-question .article-title {
    font-size: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .quiz-question .article-title {
    font-size: 20px;
    font-weight: 300;
  }
}

.quiz-question .row:before {
  content: none;
}

.quiz-question .row:after {
  content: '';
}

.quiz-question.white-bg .download-cta .download-content li a {
  text-decoration: underline;
}

.quiz-intro, .quiz-question {
  position: relative;
}

.quiz-intro:before, .quiz-question:before {
  content: '';
  position: absolute;
  top: -160px;
  left: 0;
  z-index: 1;
  width: 50%;
  height: 300px;
  background: #FFFFFF;
}

@media only screen and (max-width: 1024px) {
  .quiz-intro:before, .quiz-question:before {
    display: none;
  }
}

.quiz-intro .top-offset, .quiz-question .top-offset {
  margin-bottom: 0;
}

.quiz-intro .top-offset.checkboxes, .quiz-question .top-offset.checkboxes {
  padding-top: 0;
}

@media only screen and (max-width: 1024px) {
  .quiz-intro .top-offset.checkboxes, .quiz-question .top-offset.checkboxes {
    padding-top: 0 !important;
  }
}

.quiz-intro .article-title, .quiz-question .article-title {
  margin-bottom: 0;
}

.quiz-intro .buttons, .quiz-question .buttons {
  color: #FFFFFF;
}

.quiz-intro .category, .quiz-question .category {
  color: #800A68;
}

.quiz-intro .category span, .quiz-question .category span {
  color: #343642;
}

.quiz-intro .correct-background, .quiz-question .correct-background {
  background-color: #00C298 !important;
}

.quiz-intro .correct-background span, .quiz-question .correct-background span {
  color: #FFFFFF !important;
}

.quiz-intro .incorrect-background, .quiz-question .incorrect-background {
  background-color: #D31924 !important;
}

.quiz-intro .incorrect-background span, .quiz-question .incorrect-background span {
  color: #FFFFFF !important;
}

.quiz-intro .quiz-title, .quiz-question .quiz-title {
  font-weight: 200;
  font-size: 60px;
  line-height: 1.13em;
  letter-spacing: -0.01em;
  margin: 0 0 25px;
  padding-right: 10px;
}

@media only screen and (max-width: 1599px) {
  .quiz-intro .quiz-title, .quiz-question .quiz-title {
    font-size: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .quiz-intro .quiz-title, .quiz-question .quiz-title {
    font-size: 42px;
  }
}

@media only screen and (max-width: 767px) {
  .quiz-intro .quiz-title, .quiz-question .quiz-title {
    font-size: 28px;
    font-weight: 300;
  }
}

.quiz-intro .download-cta, .quiz-question .download-cta {
  padding-top: 75px;
}

.quiz-intro .download-cta img, .quiz-question .download-cta img {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
}

.quiz-intro .download-cta .download-content, .quiz-question .download-cta .download-content {
  display: inline-block;
  width: 90%;
  margin-top: 0px;
  padding-left: 40px;
}

@media only screen and (max-width: 1024px) {
  .quiz-intro .download-cta .download-content, .quiz-question .download-cta .download-content {
    width: 85%;
  }
}

@media only screen and (max-width: 767px) {
  .quiz-intro .download-cta .download-content, .quiz-question .download-cta .download-content {
    width: 75%;
  }
}

.quiz-intro .question-count, .quiz-question .question-count {
  font-weight: 500;
  font-size: 32px;
  line-height: 1.25em;
  margin-bottom: 10px;
  display: block;
}

.quiz-intro .quiz-result-count, .quiz-question .quiz-result-count {
  font-weight: 500;
  font-size: 50px;
  line-height: 1.16em;
  letter-spacing: -0.01em;
}

.quiz-intro .data-center-list, .quiz-question .data-center-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0px;
  margin-top: 20px;
}

.quiz-intro .answer-result, .quiz-question .answer-result {
  position: relative;
}

.quiz-intro .quiz-sprite:after, .quiz-question .quiz-sprite:after {
  content: '';
  background-image: url("/__data/assets/image/0021/6627/prx-sprite-quiz.png?v=0.0.1");
  background-repeat: no-repeat;
}

.quiz-intro .correct-check, .quiz-question .correct-check {
  position: absolute;
  width: 68px;
  height: 68px;
  left: 0px;
  top: 0px;
  background-color: #00C298;
  z-index: 100;
}

.quiz-intro .correct-check:after, .quiz-question .correct-check:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 20px;
  height: 14px;
  background-position: -18px -1px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .quiz-intro .correct-check:after, .quiz-question .correct-check:after {
    background-position: -17px -11px;
    background-size: 37px 26px;
  }
}

.quiz-intro .incorrect-check, .quiz-question .incorrect-check {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 68px;
  height: 68px;
  background-color: #D31924;
  z-index: 100;
}

.quiz-intro .incorrect-check:after, .quiz-question .incorrect-check:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background-position: 0px 0px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .quiz-intro .incorrect-check:after, .quiz-question .incorrect-check:after {
    background-position: 0px -10px;
    background-size: 37px 26px;
  }
}

.quiz-intro .data-center-location, .quiz-question .data-center-location {
  list-style-type: none;
  margin-bottom: 15px;
}

.quiz-intro .data-center-location.false span,
.quiz-intro .data-center-location.false .image-wrapper, .quiz-question .data-center-location.false span,
.quiz-question .data-center-location.false .image-wrapper {
  opacity: 0.3;
}

.quiz-intro .data-center-location.false.selection span, .quiz-question .data-center-location.false.selection span {
  opacity: 1;
}

.quiz-intro .data-center-location.false.selection .question-wrapper, .quiz-question .data-center-location.false.selection .question-wrapper {
  background: #D31924;
}

.quiz-intro .data-center-location.false.selection .image-wrapper, .quiz-question .data-center-location.false.selection .image-wrapper {
  opacity: 1;
  position: relative;
}

.quiz-intro .data-center-location.false.selection .image-wrapper:after, .quiz-question .data-center-location.false.selection .image-wrapper:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #E4E5E6;
  opacity: 0.7;
}

.quiz-intro .data-center-location.noclick, .quiz-question .data-center-location.noclick {
  pointer-events: none;
  cursor: default;
}

.quiz-intro .data-center-location .question-wrapper, .quiz-question .data-center-location .question-wrapper {
  background: #E4E5E6;
  height: 100%;
  position: relative;
}

.quiz-intro .data-center-location .image-wrapper, .quiz-question .data-center-location .image-wrapper {
  width: 100%;
  min-height: 195px;
  background-color: #E4E5E6;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media only screen and (max-width: 1024px) {
  .quiz-intro .data-center-location .image-wrapper, .quiz-question .data-center-location .image-wrapper {
    min-height: 175px;
  }
}

.quiz-intro .data-center-location a, .quiz-question .data-center-location a {
  color: #1C1E2A;
}

.quiz-intro .data-center-location a:visited, .quiz-question .data-center-location a:visited {
  color: #1C1E2A;
}

.quiz-intro .data-center-location span, .quiz-question .data-center-location span {
  padding: 15px;
  width: 100%;
  display: block;
  background: #E4E5E6;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  min-height: 110px;
}

@media only screen and (max-width: 1024px) {
  .quiz-intro .data-center-location span, .quiz-question .data-center-location span {
    min-height: 60px;
  }
}

.quiz-intro .stacked-list, .quiz-question .stacked-list {
  padding: 0px;
  margin-top: 30px;
}

.quiz-intro .stacked-list a, .quiz-question .stacked-list a {
  color: #1C1E2A;
  display: inline-block;
  position: relative;
  padding: 20px;
  vertical-align: top;
  text-decoration: none;
}

.quiz-intro .stacked-list a:visited, .quiz-question .stacked-list a:visited {
  color: #1C1E2A;
}

.quiz-intro .stacked-list li, .quiz-question .stacked-list li {
  list-style-type: none;
  background: #E4E5E6;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  position: relative;
}

.quiz-intro .stacked-list.noclick, .quiz-question .stacked-list.noclick {
  pointer-events: none;
  cursor: default;
}

.quiz-intro .stacked-list .correct-check, .quiz-question .stacked-list .correct-check {
  position: relative;
  min-width: 68px;
  height: auto;
  background-position: center center;
}

.quiz-intro .stacked-list .incorrect-check, .quiz-question .stacked-list .incorrect-check {
  position: relative;
  min-width: 68px;
  height: auto;
  background-position: center center;
}

.quiz-intro .select-list, .quiz-question .select-list {
  border-bottom: none;
  padding-bottom: 0px;
}

.quiz-intro .multi-select, .quiz-question .multi-select {
  padding: 0px;
  margin-top: 30px;
}

.quiz-intro .multi-select label, .quiz-question .multi-select label {
  width: 100%;
  padding: 20px;
  display: block;
  cursor: pointer;
}

.quiz-intro .multi-select .checkbox, .quiz-question .multi-select .checkbox {
  position: relative;
  width: 25px;
  height: 25px;
  margin: 20px 20px 20px 20px;
  float: left;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #FFFFFF;
  border-radius: 0px;
  cursor: pointer;
}

.quiz-intro .multi-select .checkbox:after, .quiz-question .multi-select .checkbox:after {
  content: '';
  display: block;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.quiz-intro .multi-select .checkbox:checked, .quiz-question .multi-select .checkbox:checked {
  background-color: #2343B8;
}

.quiz-intro .multi-select .checkbox:checked:after, .quiz-question .multi-select .checkbox:checked:after {
  opacity: 1;
  visibility: visible;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 20px;
  height: 14px;
  background-position: -18px -1px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .quiz-intro .multi-select .checkbox:checked:after, .quiz-question .multi-select .checkbox:checked:after {
    background-position: -17px -11px;
    background-size: 37px 26px;
  }
}

.quiz-intro .multi-select .checkbox:checked + .answer-result + label, .quiz-question .multi-select .checkbox:checked + .answer-result + label {
  background-color: #2343B8;
  color: #FFFFFF;
}

.quiz-intro .multi-select a, .quiz-question .multi-select a {
  color: #1C1E2A;
  display: inline-block;
  position: relative;
  padding: 20px;
  vertical-align: top;
  width: calc(100% - 68px);
}

.quiz-intro .multi-select a:visited, .quiz-question .multi-select a:visited {
  color: #1C1E2A;
}

.quiz-intro .multi-select.submitted input, .quiz-question .multi-select.submitted input {
  display: none;
}

.quiz-intro .multi-select li, .quiz-question .multi-select li {
  list-style-type: none;
  background: #E4E5E6;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.quiz-intro .multi-select li.noclick, .quiz-question .multi-select li.noclick {
  pointer-events: none;
  cursor: default;
}

.quiz-intro .multi-select li.selected-item, .quiz-question .multi-select li.selected-item {
  background: #2343B8;
  color: #FFFFFF;
}

.quiz-intro .multi-select li .correct-check, .quiz-question .multi-select li .correct-check {
  position: relative;
  min-width: 68px;
  height: auto;
  background-position: center center;
}

.quiz-intro .multi-select li .incorrect-check, .quiz-question .multi-select li .incorrect-check {
  position: relative;
  min-width: 68px;
  height: auto;
  background-position: center center;
}

.quiz-intro .multi-select p, .quiz-question .multi-select p {
  margin-top: 20px;
}

.quiz-intro .incorrect-answer, .quiz-question .incorrect-answer {
  color: #FFFFFF;
  display: none;
  margin: 30px 0px;
  padding: 20px 25px 20px 25px;
  background: #D31924;
}

.quiz-intro .incorrect-answer p, .quiz-question .incorrect-answer p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

.quiz-intro .incorrect-answer span, .quiz-question .incorrect-answer span {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.quiz-intro .correct-answer, .quiz-question .correct-answer {
  color: #FFFFFF;
  display: none;
  margin: 30px 0px;
  padding: 20px 25px 20px 25px;
  background: #00C298;
}

.quiz-intro .correct-answer p, .quiz-question .correct-answer p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

.quiz-intro .correct-answer span, .quiz-question .correct-answer span {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.quiz-intro .correct-answer.list-question .row, .quiz-question .correct-answer.list-question .row {
  margin: 30px 0px 10px 0px;
}

.quiz-page-related {
  position: relative;
}

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

@media only screen and (max-width: 1024px) {
  .checkboxes {
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .checkboxes {
    display: block;
  }
}

.checkboxes.submitted .checkbox-item label {
  z-index: 3;
}

.checkboxes.submitted .correct .checkbox-content, .checkboxes.submitted .correct.checked-js .checkbox-content {
  background: #00C298;
}

.checkboxes.submitted .incorrect.checked-js .checkbox-content {
  background: #D31924;
}

.checkboxes .checkbox-item {
  position: relative;
  padding: 0 8px 10px 8px;
}

.checkboxes .checkbox-item label {
  width: 100%;
  display: block;
  height: 100%;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.checkboxes .checkbox-item .checkbox-content {
  background: #E4E5E6;
  height: 100%;
  position: relative;
}

.checkboxes .checkbox-item.checked-js .checkbox-content {
  background: #2343B8;
}

.checkboxes .checkbox-item .icon {
  height: 190px;
  position: relative;
  background: #E4E5E6;
}

@media only screen and (max-width: 1024px) {
  .checkboxes .checkbox-item .icon {
    height: 120px;
  }
}

.checkboxes .checkbox-item .icon img {
  width: auto;
  height: auto;
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.checkboxes .checkbox-item.noclick {
  pointer-events: none;
  cursor: default;
}

.checkboxes .checkbox-item .checkbox {
  position: absolute;
  top: 15px;
  width: 25px;
  height: 25px;
  margin: 0px 0px 0px 13px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #FFFFFF;
  border-radius: 0px;
  z-index: 2;
}

.checkboxes .checkbox-item .checkbox:after {
  content: '';
  display: block;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.checkboxes .checkbox-item .checkbox:checked {
  background-color: #2343B8;
}

.checkboxes .checkbox-item .checkbox:checked:after {
  opacity: 1;
  visibility: visible;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 20px;
  height: 14px;
  background-position: -18px -1px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  .checkboxes .checkbox-item .checkbox:checked:after {
    background-position: -17px -11px;
    background-size: 37px 26px;
  }
}

.checkboxes .checkbox-item .checkbox:checked + label .bottom {
  background-color: #2343B8;
}

.checkboxes .checkbox-item .checkbox:checked + label .bottom span {
  color: #FFFFFF;
}

.checkboxes .check {
  width: 25px;
  height: 25px;
  background: #FFFFFF;
  position: relative;
  display: block;
  margin: 13px;
}

.checkboxes .bottom {
  position: relative;
  width: 100%;
}

.checkboxes .bottom.selected-item {
  background: #2343B8;
}

.checkboxes .bottom.selected-item span {
  color: #FFFFFF;
}

.checkboxes .bottom span {
  padding: 20px;
  color: #1C1E2A;
  display: block;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
}

@media only screen and (max-width: 1024px) {
  .checkboxes .bottom span {
    padding: 12px 20px;
  }
}

.submit-answer {
  margin-top: 10px;
  padding: 0px 0px 150px 0px !important;
}

.submit-answer .prm-blue {
  color: #FFFFFF;
}

.back-to-top-btn {
  opacity: .5;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background-color: #2b2c37;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  display: none;
  z-index: 998;
}

.back-to-top-btn svg {
  position: relative;
  top: 17px;
  left: 19px;
  width: 23px;
  height: 23px;
  stroke: #fff;
}

.google-results {
  padding-top: 25px;
  font-family: "aktiv-grotesk", "Helvetica", "arial", sans-serif;
  /* tabs */
  /* result details */
  /* results */
  /* featured results */
  /* pagination */
  /* No Results */
}

.google-results .gsc-control-cse {
  font-family: inherit;
  border: none;
  padding: 0;
}

.google-results .gsc-control-cse .gsc-table-result {
  font-family: inherit;
}

.google-results .cse .gsc-webResult.gsc-result:hover, .google-results .gsc-webResult.gsc-result:hover, .google-results .gsc-webResult.gsc-result.gsc-promotion:hover, .google-results .gsc-results .gsc-imageResult-classic:hover, .google-results .gsc-results .gsc-imageResult-column:hover {
  border: none;
}

.google-results .gsc-tabsArea {
  margin: 0;
  border: none;
}

.google-results .gsc-tabHeader {
  text-align: center;
  color: #FFFFFF;
  border: none;
  display: inline-block;
  padding: 2px 8px;
  margin: 5px 5px 0 0;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .google-results .gsc-tabHeader {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.google-results .gsc-tabHeader.gsc-tabhInactive {
  background: #2343B8;
  color: #FFFFFF;
  border: none;
}

.google-results .gsc-tabHeader.gsc-tabhInactive:hover, .google-results .gsc-tabHeader.gsc-tabhInactive:focus {
  background: #1f3ba3;
}

.google-results .gsc-tabHeader.gsc-tabhActive {
  background: #EEEEEF;
  color: #2343B8;
  border: none;
}

.google-results .gsc-above-wrapper-area {
  border: none;
}

.google-results .gsc-above-wrapper-area table {
  border-bottom: 1px solid #DBDCDD;
}

@media only screen and (max-width: 767px) {
  .google-results .gsc-result-info-container {
    width: 45%;
  }
}

.google-results .gsc-result-info-container .gsc-result-info {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  color: #1C1E2A;
  margin: 25px 0;
}

.google-results .gsc-orderby {
  margin: 25px 0;
}

.google-results .gsc-orderby-label {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  color: #1C1E2A;
  padding-right: 15px;
}

@media only screen and (max-width: 767px) {
  .google-results .gsc-orderby-label {
    display: block;
  }
}

.google-results .gsc-selected-option-container {
  color: #1C1E2A;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  box-shadow: none;
  border: 1px solid #80828C;
  border-radius: 3px;
  padding: 5px 25px 5px 15px;
  height: auto;
  max-width: none;
}

.google-results .gsc-control-cse .gsc-option-selector {
  margin: 0;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.google-results .gsc-wrapper {
  padding-top: 25px;
}

.google-results .cse .gsc-webResult.gsc-result, .google-results .gsc-webResult.gsc-result, .google-results .gsc-imageResult-column, .google-results .gsc-imageResult-classic {
  border: none;
}

.google-results .gs-result .gs-title, .google-results .gs-result .gs-title * {
  color: #2343B8 !important;
  text-decoration: none;
}

.google-results .gsc-control-cse .gs-spelling, .google-results .gsc-control-cse .gs-result .gs-title, .google-results .gsc-control-cse .gs-result .gs-title * {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.35em;
  letter-spacing: 0.02em;
}

.google-results .gs-result .gs-snippet {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.google-results .gs-promotion table {
  width: 100%;
}

.google-results .gs-promotion.gs-result {
  padding: 15px;
  background: rgba(35, 67, 184, 0.1);
}

.google-results .gs-promotion em {
  font-weight: bolder;
}

.google-results .gs-webResult div.gs-visibleUrl-long, .google-results .gs-promotion div.gs-visibleUrl-long {
  word-wrap: break-word;
}

@media only screen and (max-width: 414px) {
  .google-results .gs-promotion-text-cell {
    max-width: 180px;
  }
}

.google-results .gs-result a.gs-visibleUrl, .google-results .gs-result .gs-visibleUrl {
  color: #80828C;
}

.google-results .gsc-results .gsc-cursor-box .gsc-cursor-page {
  display: inline-block;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  color: #80828C;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  margin: 0 0 0 15px;
  text-align: center;
  text-decoration: none;
}

.google-results .gsc-results .gsc-cursor-box .gsc-cursor-page:first-child {
  margin: 0;
}

.google-results .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
  color: #343642;
  font-weight: 400;
  border-color: #343642;
}

.google-results .gs-no-results-result .gs-snippet,
.google-results .gs-error-result .gs-snippet {
  color: #D31924;
  font-weight: 200;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  background: none;
  border: none;
}

@media only screen and (max-width: 1024px) {
  .google-results .gs-no-results-result .gs-snippet,
  .google-results .gs-error-result .gs-snippet {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .google-results .gs-no-results-result .gs-snippet,
  .google-results .gs-error-result .gs-snippet {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  #support-contacts-component-article .sticky-support-options {
    display: none;
  }
}

#support-contacts-component-article .sticky-support-options .row {
  position: static;
}

#support-contacts-component-article .sticky-support-options .fixed {
  position: fixed;
  top: 150px;
  width: 33.3333%;
}

#support-contacts-component-article .sticky-support-options .bottom {
  position: absolute;
  bottom: -75px;
}

#support-contacts-component-article .support-list {
  float: right;
}

.chat-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(28, 30, 42, 0.5);
}

.chat-modal {
  display: none;
  width: 50%;
  background: #FFFFFF;
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.chat-modal p {
  padding: 50px;
}

.chat-modal .btn {
  margin-top: 20px;
}

.chat-popup, .chat-popup-thank-you {
  color: #FFFFFF;
  display: none;
  position: fixed;
  bottom: 0px;
  z-index: 999;
  width: 100%;
}

.chat-popup .chat-container, .chat-popup-thank-you .chat-container {
  background-color: #1C1E2A;
  transition: .2s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 1360px) {
  .chat-popup .chat-container, .chat-popup-thank-you .chat-container {
    height: auto;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.chat-popup .fade-in, .chat-popup-thank-you .fade-in {
  display: none;
}

.chat-popup .chat-left, .chat-popup-thank-you .chat-left {
  background-color: #343642;
  width: 49.9%;
  padding: 10px 0;
  transition: width 0s;
  left: 0;
  top: 0;
}

@media only screen and (max-width: 1360px) {
  .chat-popup .chat-left, .chat-popup-thank-you .chat-left {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    position: relative;
    width: 100% !important;
  }
}

.chat-popup .chat-left .left-container, .chat-popup-thank-you .chat-left .left-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.chat-popup .chat-left .left-container.help, .chat-popup-thank-you .chat-left .left-container.help {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.chat-popup .chat-left .left-container .btn-container .btn, .chat-popup-thank-you .chat-left .left-container .btn-container .btn {
  padding: 5px 20px 0 !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 30px;
}

.chat-popup .chat-left .back-button, .chat-popup-thank-you .chat-left .back-button {
  position: absolute;
  right: 0px;
  top: 0px;
}

.chat-popup .chat-left .back-button .chevron-left, .chat-popup-thank-you .chat-left .back-button .chevron-left {
  fill: #FFFFFF;
}

.chat-popup .chat-right, .chat-popup-thank-you .chat-right {
  background-color: #343642;
  width: 49.9%;
  transition: width 0s;
  padding: 10px 0;
  margin-left: auto;
  right: 0;
  top: 0;
}

@media only screen and (max-width: 1360px) {
  .chat-popup .chat-right, .chat-popup-thank-you .chat-right {
    border-bottom: 1px solid #FFFFFF;
  }
}

@media only screen and (max-width: 767px) {
  .chat-popup .chat-right .row-title, .chat-popup-thank-you .chat-right .row-title {
    padding: 0px;
  }
}

.chat-popup .chat-right .right-container,
.chat-popup .chat-right .mktoForm, .chat-popup-thank-you .chat-right .right-container,
.chat-popup-thank-you .chat-right .mktoForm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .chat-popup .chat-right .right-container,
  .chat-popup .chat-right .mktoForm, .chat-popup-thank-you .chat-right .right-container,
  .chat-popup-thank-you .chat-right .mktoForm {
    margin-left: 10px;
  }
}

.chat-popup .chat-right .right-container .btn,
.chat-popup .chat-right .mktoForm .btn, .chat-popup-thank-you .chat-right .right-container .btn,
.chat-popup-thank-you .chat-right .mktoForm .btn {
  margin-right: 20px;
}

.chat-popup .chat-right input[type="text"],
.chat-popup .chat-right input[type="email"], .chat-popup-thank-you .chat-right input[type="text"],
.chat-popup-thank-you .chat-right input[type="email"] {
  padding: 10px;
  color: #80828c;
  border-radius: 3px;
  margin-right: 15px;
  width: auto !important;
  font: inherit !important;
}

@media only screen and (max-width: 1024px) {
  .chat-popup .chat-right input[type="text"],
  .chat-popup .chat-right input[type="email"], .chat-popup-thank-you .chat-right input[type="text"],
  .chat-popup-thank-you .chat-right input[type="email"] {
    padding: 5px;
    width: 165px;
  }
}

@media only screen and (max-width: 767px) {
  .chat-popup .chat-right input[type="text"],
  .chat-popup .chat-right input[type="email"], .chat-popup-thank-you .chat-right input[type="text"],
  .chat-popup-thank-you .chat-right input[type="email"] {
    width: 140px !important;
  }
}

@media only screen and (max-width: 1360px) {
  .chat-popup .chat-right, .chat-popup-thank-you .chat-right {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100% !important;
    padding-bottom: 10px;
    position: relative;
  }
}

.chat-popup .active-chat, .chat-popup-thank-you .active-chat {
  position: absolute;
  z-index: 1;
  width: 100%;
}

.chat-popup .transition-time, .chat-popup-thank-you .transition-time {
  transition: width 0.5s;
}

.chat-popup .chat-icon, .chat-popup-thank-you .chat-icon {
  fill: #ffffff;
  float: left;
  height: 31px;
  margin-right: 10px;
  width: 33px;
}

@media only screen and (max-width: 414px) {
  .chat-popup .container, .chat-popup-thank-you .container {
    width: 320px;
    height: 159px;
    padding: 0 10px;
  }
}

.chat-popup .row, .chat-popup-thank-you .row {
  margin: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  padding: 0 20px;
}

.chat-popup .help, .chat-popup-thank-you .help {
  display: block;
}

.chat-popup .force-close-chat, .chat-popup-thank-you .force-close-chat {
  display: block;
  width: 19px;
  height: 19px;
  position: absolute;
  right: 5px;
  top: 5px;
}

.chat-popup .back-button, .chat-popup-thank-you .back-button {
  position: absolute;
  right: 35px;
  top: 5px;
  display: none;
  z-index: 10;
}

.chat-popup .back-button a, .chat-popup-thank-you .back-button a {
  color: #FFFFFF;
}

.chat-popup .back-button a:visited, .chat-popup-thank-you .back-button a:visited {
  color: #FFFFFF;
}

.chat-popup .back-button .back-arrow, .chat-popup-thank-you .back-button .back-arrow {
  width: 18px;
  height: 18px;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 3px;
  position: relative;
}

.chat-popup .back-button .back-arrow:before, .chat-popup-thank-you .back-button .back-arrow:before {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  vertical-align: middle;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  transform: rotate(-45deg);
  position: absolute;
  top: 4px;
  left: 6px;
}

.chat-popup .row-title, .chat-popup-thank-you .row-title {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1.35em;
  margin: 0;
  padding: 0px 20px 0px;
}

@media only screen and (max-width: 1024px) {
  .chat-popup .row-title, .chat-popup-thank-you .row-title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 414px) {
  .chat-popup .row-title, .chat-popup-thank-you .row-title {
    line-height: 1.15em;
  }
}

.chat-popup .mktoClear,
.chat-popup .mktoLabel,
.chat-popup .mktoGutter, .chat-popup-thank-you .mktoClear,
.chat-popup-thank-you .mktoLabel,
.chat-popup-thank-you .mktoGutter {
  display: none !important;
}

.chat-popup .mktoForm, .chat-popup-thank-you .mktoForm {
  width: auto !important;
}

.chat-popup .mktoFormCol,
.chat-popup .mktoFormRow,
.chat-popup .mktoButtonRow,
.chat-popup .mktoFieldWrap,
.chat-popup .mktoButtonWrap, .chat-popup-thank-you .mktoFormCol,
.chat-popup-thank-you .mktoFormRow,
.chat-popup-thank-you .mktoButtonRow,
.chat-popup-thank-you .mktoFieldWrap,
.chat-popup-thank-you .mktoButtonWrap {
  clear: none !important;
  float: none !important;
  display: inline-block !important;
  width: auto !important;
  margin: 0 !important;
  float: left !important;
}

.chat-popup .btn-container,
.chat-popup .mktoButtonWrap, .chat-popup-thank-you .btn-container,
.chat-popup-thank-you .mktoButtonWrap {
  margin-top: 0;
}

.chat-popup .btn-container .btn,
.chat-popup .btn-container .mktoButton,
.chat-popup .mktoButtonWrap .btn,
.chat-popup .mktoButtonWrap .mktoButton, .chat-popup-thank-you .btn-container .btn,
.chat-popup-thank-you .btn-container .mktoButton,
.chat-popup-thank-you .mktoButtonWrap .btn,
.chat-popup-thank-you .mktoButtonWrap .mktoButton {
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em;
  line-height: 1.4em !important;
  padding: 6px 20px !important;
  margin: 5px 10px 5px 0;
  min-width: 75px;
  width: auto !important;
  border: 0 none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-radius: 30px !important;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  background: #2343b8 !important;
}

.chat-popup .btn-container .btn:hover,
.chat-popup .btn-container .mktoButton:hover,
.chat-popup .mktoButtonWrap .btn:hover,
.chat-popup .mktoButtonWrap .mktoButton:hover, .chat-popup-thank-you .btn-container .btn:hover,
.chat-popup-thank-you .btn-container .mktoButton:hover,
.chat-popup-thank-you .mktoButtonWrap .btn:hover,
.chat-popup-thank-you .mktoButtonWrap .mktoButton:hover {
  background: #193fc3 !important;
}

@media only screen and (max-width: 414px) {
  .chat-popup .btn-container .btn,
  .chat-popup .btn-container .mktoButton,
  .chat-popup .mktoButtonWrap .btn,
  .chat-popup .mktoButtonWrap .mktoButton, .chat-popup-thank-you .btn-container .btn,
  .chat-popup-thank-you .btn-container .mktoButton,
  .chat-popup-thank-you .mktoButtonWrap .btn,
  .chat-popup-thank-you .mktoButtonWrap .mktoButton {
    margin: 5px 5px 5px 0;
  }
}

.chat-popup .btn-container .btn:last-child,
.chat-popup .btn-container .mktoButton:last-child,
.chat-popup .mktoButtonWrap .btn:last-child,
.chat-popup .mktoButtonWrap .mktoButton:last-child, .chat-popup-thank-you .btn-container .btn:last-child,
.chat-popup-thank-you .btn-container .mktoButton:last-child,
.chat-popup-thank-you .mktoButtonWrap .btn:last-child,
.chat-popup-thank-you .mktoButtonWrap .mktoButton:last-child {
  margin-right: 0;
}

.chat-popup .subscribe-checkbox-container-desktop, .chat-popup-thank-you .subscribe-checkbox-container-desktop {
  margin-left: 10px;
  display: none;
}

.chat-popup .subscribe-checkbox-container-desktop p, .chat-popup-thank-you .subscribe-checkbox-container-desktop p {
  margin: 0px;
  font-size: 13px;
  text-align: left;
}

.chat-popup .subscribe-checkbox-container-mobile, .chat-popup-thank-you .subscribe-checkbox-container-mobile {
  display: none;
}

.chat-popup .subscribe-checkbox-container-mobile p, .chat-popup-thank-you .subscribe-checkbox-container-mobile p {
  width: 100%;
  text-align: center;
  padding: 20px;
}

.chat-popup-thank-you {
  background-color: #343642;
  text-align: center;
  padding: 15px 0;
}

.chat-popup-thank-you .force-close-chat {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 10;
  display: block;
  width: 19px;
  height: 19px;
}

.video-viewer {
  width: 1288px;
  height: 700px;
}

@media only screen and (max-width: 1360px) {
  .video-viewer {
    width: 100%;
    height: 100%;
  }
}

.video-viewer .video-iframe-wrapper {
  width: 100%;
  height: 100%;
  display: none;
}

@media only screen and (max-width: 1360px) {
  .video-viewer .video-iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
  }
}

.video-viewer iframe {
  display: none;
  height: 100%;
  margin: 0 0 0 8px;
  max-width: 1280px;
  width: 100%;
}

@media only screen and (max-width: 1360px) {
  .video-viewer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
  }
}

@media only screen and (max-width: 500px) {
  .video-viewer {
    padding: 0;
  }
}

.row .video-preview {
  display: block;
  position: relative;
  max-width: 1288px;
  padding-right: 0;
}

@media only screen and (max-width: 500px) {
  .row .video-preview {
    width: 100%;
  }
}

.row .video-preview .video-caption {
  color: #FFFFFF;
  font-weight: 200;
  font-size: 36px;
  line-height: 1.2em;
  position: absolute;
  top: 61%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 95%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .row .video-preview .video-caption {
    top: 65%;
    font-size: 24px;
  }
}

@media only screen and (max-width: 500px) {
  .row .video-preview .video-caption {
    top: 75%;
    font-size: 18px;
    font-weight: 300;
  }
}

.video-preview:after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 77px;
  height: 77px;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("/__data/assets/image/0023/6557/prx-play-btn.png?v=0.0.1") no-repeat 0 0;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .video-preview:after {
    width: 60px;
    height: 60px;
  }
}

@media only screen and (max-width: 500px) {
  .video-preview:after {
    width: 50px;
    height: 50px;
  }
}

.video-gallery {
  position: relative;
  margin: 0 0 0 -8px;
}

@media only screen and (max-width: 500px) {
  .video-gallery {
    margin: 0;
  }
}

.video-gallery .slick-prev, .video-gallery .slick-next {
  width: 58px;
  height: 58px;
  z-index: 1;
}

.video-gallery .slick-prev {
  background: url("/__data/assets/image/0022/6628/arrow-blue-circle-left.png?v=0.0.1") no-repeat 0 0;
  left: -35px;
}

@media only screen and (max-width: 767px) {
  .video-gallery .slick-prev {
    left: -14px;
    background-size: 38px;
  }
}

@media only screen and (max-width: 500px) {
  .video-gallery .slick-prev {
    left: -22px;
  }
}

.video-gallery .slick-next {
  background: url("/__data/assets/image/0023/6629/arrow-blue-circle-right.png?v=0.0.1") no-repeat 0 0;
  right: -35px;
}

@media only screen and (max-width: 767px) {
  .video-gallery .slick-next {
    right: -35px;
    background-size: 38px;
  }
}

@media only screen and (max-width: 500px) {
  .video-gallery .slick-next {
    right: -35px;
  }
}

.video-gallery .slick-prev:before, .video-gallery .slick-next:before {
  opacity: 1;
  content: "";
}

.change-video {
  display: block;
  margin: 15px 8.5px 0;
  position: relative;
}

@media only screen and (max-width: 500px) {
  .change-video {
    margin: 8px 6px 0;
  }
}

.change-video img {
  width: 100%;
}

.change-video .video-content {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  height: 198px;
  padding: 15px 15px 0;
}

@media only screen and (max-width: 768px) {
  .change-video .video-content {
    height: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .change-video .video-content {
    height: 110px;
  }
}

@media only screen and (max-width: 500px) {
  .change-video .video-content {
    height: 90px;
    padding: 5px 5px 0;
  }
}

.change-video .video-content svg {
  margin-right: 10px;
}

.change-video .video-content span {
  color: #0db690;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

@media only screen and (max-width: 500px) {
  .change-video .video-content span {
    font-size: 10px;
  }
}

.change-video .video-content h3 {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.35em;
  letter-spacing: 0.02em;
  color: #1C1E2A;
  margin: 10px 0 0;
}

@media only screen and (max-width: 767px) {
  .change-video .video-content h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 500px) {
  .change-video .video-content h3 {
    font-size: 15px;
    margin: 5px 0 0;
  }
}

.change-video:last-child {
  margin-right: 0;
}

.change-video:first {
  margin-left: 0;
}

.change-video:after {
  display: block;
  content: '';
  position: absolute;
  top: 24%;
  left: 50%;
  width: 77px;
  height: 77px;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("/__data/assets/image/0023/6557/prx-play-btn.png?v=0.0.1") no-repeat 0 0;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .change-video:after {
    width: 60px;
    height: 60px;
    top: 34%;
  }
}

@media only screen and (max-width: 500px) {
  .change-video:after {
    width: 40px;
    height: 40px;
    top: 26%;
  }
}

.green-video-icon {
  fill: #0DB690;
  width: 24px;
  height: 24px;
}

.gallery-nav-left,
.gallery-nav-right {
  position: absolute;
  top: 44%;
  z-index: 2;
}

.gallery-nav-left {
  left: -35px;
}

.gallery-nav-right {
  right: -35px;
}

.arrow-blue-circle-left,
.arrow-blue-circle-right {
  fill: #1C1E2B;
  width: 58px;
  height: 58px;
}

.split .column.vert-align-top {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}

/* Overview video */
.overview-component {
  position: relative;
  padding: 0;
}

.overview-component .video-component {
  float: none;
  width: 45%;
  transition: width 1s ease-in-out;
  margin: 0 auto 30px;
}

.overview-component .video-component.below-body {
  margin: 0 auto;
}

.overview-component .video-component.full-width {
  width: 100%;
}

.overview-component .video-component .video-info img {
  width: 70px;
  margin: 0;
}

.overview-component a:not(.btn) {
  text-decoration: underline;
}

.intro-large {
  font-size: 18px;
  margin: 0 0 12px;
}

@media only screen and (max-width: 767px) {
  .intro-large {
    font-size: 15px;
  }
}

@media only screen and (max-width: 500px) {
  .intro-large {
    font-size: 12px;
    line-height: 1.1em;
  }
}

/* Cookie consent */
.cookie-consent {
  text-decoration: underline;
}

.cookie-consent-thanks {
  display: none;
}

#lifecycle-component .feature-title {
  font-weight: 100;
}

#lifecycle-component .linked-image {
  width: 120px;
  height: 120px;
  margin: 15px auto;
}

#lifecycle-component .linked-image img {
  max-width: 100%;
}

#lifecycle-component .arrow-seperator-left {
  position: absolute !important;
  left: 30%;
  top: 50%;
  -moz-transform: translateY(-70%);
  -o-transform: translateY(-70%);
  -ms-transform: translateY(-70%);
  -webkit-transform: translateY(-70%);
  transform: translateY(-70%);
}

#lifecycle-component .arrow-seperator-right {
  position: absolute !important;
  right: 30%;
  top: 50%;
  -moz-transform: translateY(-70%);
  -o-transform: translateY(-70%);
  -ms-transform: translateY(-70%);
  -webkit-transform: translateY(-70%);
  transform: translateY(-70%);
}

.video-length {
  display: inline-block;
  margin: 20px 0 0;
}

.green-border {
  border-top: 1px solid #01b78e;
}

.padding-top {
  padding-top: 10px;
}

.margin-bottom {
  margin-bottom: 2em;
}

.share-selected-text-main-container {
  transition: .1s ease all;
}

.share-selected-text-main-container:not(.active) {
  top: -100% !important;
}

.eewidget {
  margin: 0 auto;
}

.brand-stories-btn {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 15px;
}

.podcast-container {
  margin: 20px 0px;
}

.podcast-container .jp-no-solution a {
  text-decoration: underline;
}

.podcast-title {
  font-weight: 200;
  font-size: 36px;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 5px;
}

.podcast-date {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
}

.podcast-detail .left-sidebar {
  top: 0;
  left: -230px;
}

.podcast-detail .comments-section {
  margin: 0px;
}

.podcast-detail .comments-title {
  left: -230px;
  margin-top: 0;
}

@media only screen and (max-width: 1239px) {
  .podcast-detail.article-detail .article-contributor hr {
    display: block;
  }
}

.podcast-share {
  display: inline-block;
}

.podcast-share a {
  display: inline-block;
  margin: 10px;
}

.podcast-share svg {
  position: relative;
  left: 0px;
  bottom: 0px;
}

.podcast-share .facebook {
  fill: #425AA5;
}

.podcast-share .twitter {
  fill: #19A4DD;
}

.podcast-share .linkedin {
  fill: #00739C;
}

.podcast-share .gplus {
  fill: #B6251A;
}

.podcast-share .email {
  fill: #284EB7;
}

.comments-section {
  margin-top: 80px;
}

.comments-section .comments-title {
  font-weight: 200;
  font-size: 42px;
  line-height: 1.12em;
  padding: 10px;
  border-bottom: 2px solid #545868;
}

.comments-section .podcast-comments {
  margin: 0 auto;
}

.podcast-related-title {
  font-weight: 200;
  font-size: 42px;
  line-height: 1.12em;
}

.cta-header.no-padding {
  padding: 0;
}

.sortable-listing-title {
  width: 50%;
  float: left;
  color: #284DC8;
  font-size: 28px;
  margin: 5px 0;
}

@media only screen and (max-width: 767px) {
  .sortable-listing-title {
    float: none;
  }
}

.sortable-listing .listing-block {
  overflow: hidden;
}

.sortable-listing .listing-block .contributor-image {
  float: none;
  width: 100%;
}

.sortable-listing .listing-block .contributor-info {
  margin-left: 0;
  padding-right: 16%;
}

.sortable-listing .listing-block .contributor-name {
  margin: 25px 0 5px;
}

.sortable-listing .row {
  padding: 60px 0 40px;
  border-bottom: 1px solid #80828c;
}

@media only screen and (max-width: 767px) {
  .sortable-listing .row {
    padding: 40px 0 30px;
  }
}

.sortable-listing .row:last-child {
  border-bottom: none;
}

.sortable-listing img {
  max-height: 198px;
}

.sortable-listing .listing-detail-title {
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .sortable-listing .listing-detail-title {
    margin-top: 20px;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.35em;
    letter-spacing: 0.02em;
  }
}

.sortable-listing .category {
  color: #800A68;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.5em;
  text-transform: uppercase;
}

.sortable-listing li {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

.sortable-listing .btn-container {
  margin-top: 15px;
}

.sortable-listing .listing-links {
  margin-top: 20px;
}

.sortable-listing .listing-links a {
  font-weight: 300;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  color: #284DC8;
}

.sortable-listing .listing-links .pipe-spacer {
  display: inline-block;
  padding: 0 10px;
  color: #284DC8;
}

/* Image thumb gallery */
.image-thumb-gallery .container {
  max-width: 1180px;
  padding: 0;
}

@media only screen and (max-width: 1360px) {
  .image-thumb-gallery .container {
    max-width: 80%;
  }
}

.image-thumb-gallery .container .slick-slide {
  margin: 0 5px;
  position: relative;
  min-height: 180px;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}

@media only screen and (max-width: 1360px) {
  .image-thumb-gallery .container .slick-slide {
    min-height: 150px;
  }
}

@media only screen and (max-width: 1024px) {
  .image-thumb-gallery .container .slick-slide {
    min-height: 120px;
  }
}

.image-thumb-gallery .container .thumb-title {
  color: #FFFFFE;
  font-weight: 500;
  font-size: 18px;
  position: relative;
}

.image-thumb-gallery .container .video-gallery {
  margin: 0;
}

.image-thumb-gallery .container .video-gallery .slick-arrow {
  width: 27px;
  height: 51px;
  outline: none;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
  .image-thumb-gallery .container .video-gallery .slick-arrow {
    width: 16px;
    height: 30px;
  }
}

.image-thumb-gallery .container .video-gallery .slick-prev {
  background-image: url("mysource_files/prx-left-chevron-v2.png");
  left: -55px;
}

@media only screen and (max-width: 1360px) {
  .image-thumb-gallery .container .video-gallery .slick-prev {
    left: -5%;
  }
}

@media only screen and (max-width: 1024px) {
  .image-thumb-gallery .container .video-gallery .slick-prev {
    left: -7%;
  }
}

.image-thumb-gallery .container .video-gallery .slick-next {
  background-image: url("mysource_files/prx-right-chevron-v2.png");
  right: -50px;
}

@media only screen and (max-width: 1360px) {
  .image-thumb-gallery .container .video-gallery .slick-next {
    right: -5%;
  }
}

@media only screen and (max-width: 1024px) {
  .image-thumb-gallery .container .video-gallery .slick-next {
    right: -7%;
  }
}

/* Featured speakers */
.featured-speakers {
  border-top: 2px solid #1c1e2a;
  margin-top: 50px;
  max-width: 805px;
  padding-bottom: 0;
  padding-top: 50px;
}

@media only screen and (max-width: 767px) {
  .featured-speakers {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .featured-speakers .flex-grid {
    margin: 0;
  }
}

.featured-speakers .featured-speaker {
  padding: 70px 2px 20px;
}

@media only screen and (max-width: 767px) {
  .featured-speakers .featured-speaker {
    padding: 40px 0 0px;
  }
}

.featured-speakers .speaker-pic {
  border-radius: 50%;
  width: 200px;
  max-width: 85%;
  max-height: 200px;
}

.featured-speakers .speaker-name {
  color: #343642;
  font-size: 20px;
  font-weight: 400;
  margin: 10px 0 0;
}

.featured-speakers .speaker-title {
  color: #57575B;
  margin: 0;
}

.featured-speakers .speaker-share {
  padding-top: 15px;
}

.featured-speakers .speaker-share a {
  padding-right: 10px;
}

.featured-speakers .speaker-share svg {
  fill: unset;
  position: initial;
}

.featured-speakers .speaker-share .facebook {
  fill: #3b5998;
  height: 22px;
  width: 22px;
}

.featured-speakers .speaker-share .twitter {
  width: 22px;
  height: 22px;
  fill: #00A8EE;
}

.featured-speakers .speaker-share .linkedin {
  width: 19px;
  height: 19px;
  fill: #0179B6;
}

.featured-speakers .speaker-share .gplus {
  width: 25px;
  height: 25px;
  fill: #D93A2B;
}

.wave-hero {
  position: absolute;
  background-size: cover !important;
  right: 0px;
  width: 45%;
  height: 100%;
  overflow: hidden;
}

.wave-hero.blue-blue {
  background-image: url("/__data/assets/image/0015/6630/prx-blue-blue-wave.png?v=0.0.1");
}

.wave-hero.blue-purple {
  background-image: url("/__data/assets/image/0016/6631/prx-blue-purple-wave.png?v=0.0.1");
}

.wave-hero.orange-purple {
  background-image: url("/__data/assets/image/0017/6632/prx-orange-purple-wave.png?v=0.0.1");
}

.wave-hero.orange-red {
  background-image: url("/__data/assets/image/0018/6633/prx-orange-red-wave.png?v=0.0.1");
}

.wave-hero.red-purple {
  background-image: url("/__data/assets/image/0019/6634/prx-red-purple-wave.png?v=0.0.1");
}

.wave-hero.yellow-blue {
  background-image: url("/__data/assets/image/0020/6635/prx-yellow-blue-wave.png?v=0.0.1");
}

.wave-hero.yellow-green {
  background-image: url("/__data/assets/image/0021/6636/prx-yellow-green-wave.png?v=0.0.1");
}

.wave-hero.yellow-orange {
  background-image: url("/__data/assets/image/0022/6637/prx-yellow-orange-wave.png?v=0.0.1");
}

.dark-header {
  background-color: #282A36 !important;
  color: #FFFFFF;
}

.medium-dark-header {
  background-color: #545868 !important;
  color: #FFFFFF;
}

.image-caption {
  margin-top: 10px !important;
  text-align: center;
  color: #343642;
  font-size: 12px !important;
  font-style: italic;
}

/* Row list */
@media only screen and (max-width: 767px) {
  .row-list .split-content {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .row-list .card-title {
    margin: 0 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .row-list p {
    margin: 0 0 10px;
  }
}

.bp-hr-mini {
  width: 40px;
  border-top: 2px solid #444;
  margin: 0 0 2em;
}

.bp-hr-mini-center {
  width: 40px;
  border-top: 2px solid #444;
  margin: 2em auto;
}

.quote-viewer {
  display: flex;
  justify-content: center;
  height: 120px;
}

@media only screen and (max-width: 767px) {
  .quote-viewer {
    height: 90px;
  }
}

.mask {
  display: none;
  text-align: center;
  white-space: nowrap;
  position: relative;
  margin-top: 30px;
}

.quotation {
  font-size: 80px;
}

@media only screen and (max-width: 767px) {
  .quotation {
    font-size: 60px;
  }
}

.quote-list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.quote {
  display: none;
}

@media only screen and (max-width: 767px) {
  .quote {
    font-size: 18px;
    margin-top: 0px;
  }
}

.quote.-active {
  display: block;
}

/* 5-col grid */
.grid-5 {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.grid-5 li {
  list-style: none;
  float: left;
  width: 20%;
  padding: 20px 25px 20px;
}

@media only screen and (max-width: 767px) {
  .grid-5 li {
    width: 33%;
  }
}

@media only screen and (max-width: 500px) {
  .grid-5 li {
    width: 50%;
  }
}

.grid-5 a, .grid-5 img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

/*  Article listing carousel */
.article-listing-carousel {
  position: relative;
  background: url("/__data/assets/image/0023/6638/prx-blue-green.png?v=0.0.1") no-repeat top center;
  background-size: cover;
  padding: 65px;
}

.article-listing-carousel .content-container {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  height: 250px;
  width: 75%;
}

.article-listing-carousel .content-overflow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  overflow: hidden;
  position: absolute;
  width: 300%;
  height: 100%;
}

.article-listing-carousel .carousel-article {
  min-width: calc(100%/3);
  padding: 20px;
  color: #FFFFFF;
}

.article-listing-carousel .carousel-article p {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

.article-listing-carousel .slide-arrow {
  width: 50px;
  height: 50px;
}

.article-listing-carousel .carousel-left-arrow,
.article-listing-carousel .carousel-right-arrow {
  position: absolute;
  top: 50%;
  margin-top: -40px;
  cursor: pointer;
}

.article-listing-carousel .carousel-left-arrow {
  left: 50%;
  margin-left: -40%;
}

.article-listing-carousel .carousel-left-arrow.disabled {
  cursor: default;
}

.article-listing-carousel .carousel-right-arrow {
  right: 50%;
  margin-right: -40%;
}

.article-listing-carousel .carousel-right-arrow.disabled {
  cursor: default;
}

.article-listing-carousel .disabled {
  fill-opacity: .2;
  pointer-events: none;
  cursor: default;
}

/* Squizz search */
.search-title {
  font-weight: 400;
  font-size: 42px;
  line-height: 1.12em;
  margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .search-title {
    font-size: 38px;
  }
}

@media only screen and (max-width: 500px) {
  .search-title {
    font-size: 24px;
  }
}

.js-funnelback-form {
  transition: 2s;
}

.js-funnelback-form.hidden {
  transition: 2s;
}

.search-form {
  position: relative;
  width: 635px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .search-form {
    width: 95%;
  }
}

.search-form .search-field {
  width: 635px;
  font-size: 16px;
  color: #bababe;
  padding: 14px 40px;
  border-radius: 30px;
  border: none;
  font-weight: 600;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .search-form .search-field {
    width: 95%;
  }
}

.search-form button {
  position: absolute;
  top: 50%;
  right: 40px;
  background: transparent;
  border: none;
  z-index: 3;
  cursor: pointer;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media only screen and (max-width: 767px) {
  .search-form button {
    right: 10%;
  }
}

@media only screen and (max-width: 500px) {
  .search-form button {
    right: 6%;
  }
}

.search-form button svg {
  width: 20px;
  height: 20px;
  fill: #1C1E2A;
}

.history-link {
  width: 100%;
  margin: 0 auto;
  max-width: 635px;
}

@media only screen and (max-width: 767px) {
  .history-link {
    width: 95%;
  }
}

.history-link a {
  font-size: 16px;
  color: #ffffff;
  display: inline-block;
  float: right;
  padding: 10px 15px 0 0px;
  line-height: 1em;
}

.search-promo {
  border: 1px solid rgba(0, 78, 210, 0.1);
  margin: 50px 0 0;
}

@media only screen and (max-width: 1024px) {
  .search-promo {
    margin: 15px 0 0;
  }
}

@media only screen and (max-width: 500px) {
  .search-promo {
    border: 0 none;
  }
}

.search-promo + .search-promo {
  margin: 15px 0 0;
}

.search-promo .column:not(search-promo-column) {
  min-height: 155px;
  position: relative;
}

.search-promo img {
  max-height: 135px;
  max-width: 175px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
  .search-promo img {
    position: static;
    transform: none;
  }
}

.search-promo .search-promo-content {
  background-color: rgba(0, 78, 210, 0.1);
  padding: 40px 35px;
}

@media only screen and (max-width: 1024px) {
  .search-promo .search-promo-content {
    padding: 20px;
  }
}

.search-promo .search-promo-content p {
  margin: 5px 0 0;
}

@media only screen and (max-width: 500px) {
  .search-promo .search-promo-content p {
    font-size: 15px;
  }
}

.search-promo .search-promo-img {
  background-color: #ffffff;
  width: 188px;
  float: left;
  margin-right: 25px;
  position: relative;
  height: 135px;
}

@media only screen and (max-width: 767px) {
  .search-promo .search-promo-img {
    background: transparent;
    height: auto;
    padding: 0 0 15px;
    width: 100%;
  }
}

.search-promo .search-promo-title {
  margin: 0;
}

.search-promo .search-promo-title a {
  color: #284EC2;
  font-weight: 500;
  font-size: 20px;
  text-decoration: none;
}

@media only screen and (max-width: 500px) {
  .search-promo .search-promo-title a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .search-filter-wrapper {
    padding: 20px 0 0;
  }
}

.search-filter-wrapper .tabs-top {
  margin: 25px auto;
  padding: 0;
  line-height: 2.6em;
  width: 900px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .search-filter-wrapper .tabs-top {
    display: none;
    margin-top: 0;
  }
}

.search-filter-wrapper .tabs-top li {
  list-style: none;
  float: left;
  margin: 0 3px;
}

@media only screen and (max-width: 767px) {
  .search-filter-wrapper .tabs-top li {
    float: none;
    margin: 0;
  }
}

.search-filter-wrapper .tabs-top li a {
  padding: 7px 10px;
  background-color: #2343B8;
  color: #ffffff;
  font-size: 16px;
  text-decoration: none;
}

@media only screen and (max-width: 860px) {
  .search-filter-wrapper .tabs-top li a {
    padding: 7px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .search-filter-wrapper .tabs-top li a {
    background-color: #EBECED;
    color: #CBCCCD;
    width: 100%;
    display: block;
    border-bottom: 1px solid #cccccc;
    padding-left: 12.5%;
  }
}

.search-filter-wrapper .tabs-top li a.current-state {
  background-color: #ffffff;
  color: #343642;
}

@media only screen and (max-width: 767px) {
  .search-filter-wrapper .tabs-top li a.current-state {
    background-color: #545868;
    color: #ffffff;
  }
}

.result-filters-top {
  padding: 0 20px;
}

@media only screen and (max-width: 767px) {
  .result-filters-top {
    padding: 0;
  }
}

.result-filters-top .container {
  line-height: 2em;
  padding-bottom: 8px;
  border-bottom: 2px solid #cccccc;
}

@media only screen and (max-width: 767px) {
  .result-filters-top .container {
    border: none;
  }
}

.result-filters-top .container:last-child {
  padding: 0 0 8px;
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  .result-filters-top .container:last-child {
    margin: 5px 0 8px;
  }
}

@media only screen and (max-width: 767px) {
  .result-filters-top.squizz-history-top {
    margin: 0;
    border-bottom: 2px solid #cccccc;
  }
}

.tabs-top-label-wrapper {
  background-color: #264AC9;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}

.tabs-top-label {
  margin: 0 auto;
  width: 80%;
  padding: 10px 0;
  background: transparent url("/__data/assets/image/0024/6639/prx-white-hamburger-15x11.png?v=0.0.1") no-repeat right 14px;
}

.results-label {
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .results-label {
    text-align: center;
  }
}

.selectors-top {
  float: right;
}

@media only screen and (max-width: 767px) {
  .selectors-top {
    float: none;
    text-align: center;
    margin-top: 5px;
  }
}

.selectors-top select {
  border: 2px solid #808080;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  padding: 3px 5px 3px 7px;
  font-size: 16px;
  color: #808080;
  margin-right: 3px;
  font-weight: 400;
  background: #ffffff url("/__data/assets/image/0016/6640/prx-down-arrow-brown.png?v=0.0.1") no-repeat 93% 51%;
  border-radius: 4px;
  min-width: 160px;
}

@media only screen and (max-width: 767px) {
  .selectors-top select {
    min-width: auto;
  }
}

.selectors-top select:last-child {
  margin-right: 0;
  padding-right: 25px;
}

.search-history-wrapper {
  display: none;
}

.left-side-label {
  font-size: 16px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1300px) {
  .left-side-label {
    margin-left: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .left-side-label {
    margin: 0px 25px 10px;
    font-weight: 300;
  }
}

@media only screen and (max-width: 500px) {
  .left-side-label {
    margin: 0 25px 15px;
  }
}

.results-box-title {
  margin: 0;
  padding: 15px 12px;
  font-size: 20px;
  font-weight: 400;
}

@media only screen and (max-width: 1024px) {
  .results-box-title {
    font-size: 16px;
  }
}

.results-box-left {
  padding-bottom: 15px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 1300px) {
  .results-box-left {
    margin-left: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .results-box-left {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .results-box-left {
    margin: 0 25px 15px;
  }
}

.results-box-left p {
  margin: 0;
  padding: 10px 12px 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.25em;
}

@media only screen and (max-width: 1024px) {
  .results-box-left p {
    font-size: 12px;
  }
}

.results-box-left a {
  font-weight: 500;
}

.results-box-left .results-box-cta {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0;
}

@media only screen and (max-width: 1024px) {
  .results-box-left .results-box-cta {
    font-size: 16px;
  }
}

.results-box-left .refine-label {
  font-weight: 500;
  float: left;
}

@media only screen and (max-width: 1024px) {
  .results-box-left .refine-label {
    padding-right: 0;
  }
}

.results-box-left .clear-filter {
  float: right;
}

.results-box-left .clear-filter a {
  font-weight: 400;
  letter-spacing: 0;
}

@media only screen and (max-width: 1024px) {
  .results-box-left .clear-filter a {
    font-size: 10px;
  }
}

.results-box-left .refine-results {
  border-bottom: 2px solid #cccccc;
  padding-bottom: 10px;
}

.results-box-left .refine-results ul {
  margin: 0;
  padding: 3px 0 0 12px;
  clear: both;
}

.results-box-left .refine-results ul li {
  list-style: none;
  line-height: 1em;
}

@media only screen and (max-width: 1024px) {
  .results-box-left .refine-results ul li {
    line-height: 0.8em;
  }
}

.results-box-left .refine-results ul a {
  color: #343642;
  font-size: 14px;
  font-weight: 400;
}

@media only screen and (max-width: 1024px) {
  .results-box-left .refine-results ul a {
    font-size: 12px;
  }
}

.results-box-left .refine-results ul a.selected {
  font-weight: 700;
}

.results-box-left .refine-results .show-more {
  display: block;
  padding: 5px 0 0 12px;
  color: #264AC9;
  font-weight: 400;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .results-box-left .refine-results .show-more {
    font-size: 12px;
  }
}

.results-box-left .refine-results:last-child {
  border: none;
  padding-bottom: 0;
}

.did-you-mean {
  font-size: 20px;
  font-weight: 300;
  padding: 30px 0 0 30px;
}

@media only screen and (max-width: 1024px) {
  .did-you-mean {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .did-you-mean {
    padding-left: 25px;
  }
}

@media only screen and (max-width: 500px) {
  .did-you-mean {
    font-size: 18px;
    padding-left: 30px;
  }
}

.did-you-mean a {
  color: #264AC9;
  font-weight: 400;
  font-style: italic;
}

.result-items {
  padding-left: 30px;
}

@media only screen and (max-width: 1024px) {
  .result-items {
    padding: 0 10px 0 30px;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .result-items {
    padding: 0 0 0 15px;
  }
}

@media only screen and (max-width: 500px) {
  .result-items {
    padding: 0;
    margin: 0;
  }
}

.result-item {
  padding: 17px 0;
  border-bottom: 2px solid #cccccc;
}

@media only screen and (max-width: 767px) {
  .result-item {
    padding: 17px 15px;
  }
}

.result-item:last-child {
  border: none;
}

@media only screen and (max-width: 767px) {
  .result-item:last-child {
    border-bottom: 2px solid #cccccc;
  }
}

.result-item .search-img {
  display: block;
  float: left;
  margin-right: 15px;
  width: auto;
  max-width: 130px;
  height: auto;
  max-height: 76px;
}

.result-item .result-title {
  margin: 0;
}

@media only screen and (max-width: 500px) {
  .result-item .result-title {
    padding-left: 15px;
    margin-right: 20px;
  }
}

.result-item .result-title a {
  color: #264AC9;
  font-weight: 500;
  font-size: 20px;
  text-decoration: none;
}

@media only screen and (max-width: 1024px) {
  .result-item .result-title a {
    font-size: 18px;
  }
}

@media only screen and (max-width: 500px) {
  .result-item .result-title a {
    font-size: 16px;
  }
}

.result-item p {
  margin: 5px 0 0;
}

@media only screen and (max-width: 500px) {
  .result-item p {
    font-size: 15px;
    margin-right: 20px;
    padding-left: 15px;
  }
}

.result-item p .keyword {
  font-weight: 700;
}

.search-pagination {
  font-size: 18px;
  padding: 10px 0 0 30px;
}

@media only screen and (max-width: 1024px) {
  .search-pagination {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .search-pagination {
    padding: 25px 0 30px 25px;
  }
}

.search-pagination a {
  color: #1C1E2A;
  display: inline-block;
  padding-right: 10px;
}

.search-pagination a.current-state {
  font-weight: 700;
}

.search-pagination a:last-child {
  padding-right: 0;
}

/* Squizz search history */
.results-boxes {
  padding-top: 50px;
}

@media only screen and (max-width: 1024px) {
  .results-boxes {
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .results-boxes {
    padding: 0 25px;
  }
}

.results-box {
  padding-bottom: 15px;
  margin: 0 15px 15px 0;
  float: left;
  width: 48.5%;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .results-box {
    width: 46.5%;
    margin: 0 15px 15px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .results-box {
    margin: 0 0 15px;
    float: none;
    width: 100%;
  }
}

.results-box:last-child {
  margin: 0 0 15px 0;
}

.results-box .results-box-title {
  padding: 15px 30px;
}

@media only screen and (max-width: 767px) {
  .results-box .results-box-title {
    padding: 15px;
  }
}

.results-box p {
  margin: 0;
  padding: 10px 12px 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.25em;
}

@media only screen and (max-width: 1024px) {
  .results-box p {
    font-size: 12px;
  }
}

.results-box a {
  font-weight: 500;
}

.results-box .results-box-cta {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0;
}

.results-box .refine-label {
  font-weight: 500;
  float: left;
}

.results-box .clear-box {
  position: absolute;
  top: 50px;
  right: 0;
}

@media only screen and (max-width: 767px) {
  .results-box .clear-box {
    position: static;
    font-size: 14px;
  }
}

.results-box .clear-box a {
  font-weight: 400;
  letter-spacing: 0;
  color: #1c1e2a;
}

.results-box .recent-searches ul {
  margin: 0;
  padding: 8px 65px 0 30px;
}

@media only screen and (max-width: 767px) {
  .results-box .recent-searches ul {
    padding: 8px 65px 0 15px;
  }
}

.results-box .recent-searches ul li {
  list-style: none;
  line-height: 1em;
  margin-bottom: 5px;
}

.results-box .recent-searches ul a {
  color: #343642;
  font-size: 14px;
  font-weight: 400;
}

.results-box .recent-searches ul a.selected {
  font-weight: 700;
}

.back-to-results {
  color: #1c1e2a;
}

/* Squizz no results */
.purple-blue-keyboard {
  color: #FFFFFF;
  background-image: url("/__data/assets/image/0017/6641/prx-purple-blue-keyboard.jpeg?v=0.0.1");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.no-search-results-banner {
  height: 60vh;
  min-height: 350px;
  max-height: 850px;
  position: relative;
  transition: 2s;
}

.no-search-results-banner.hidden {
  transition: 2s;
}

@media only screen and (max-width: 1024px) {
  .no-search-results-banner {
    max-height: 650px;
  }
}

@media only screen and (max-width: 767px) {
  .no-search-results-banner {
    height: 400px;
  }
}

@media only screen and (max-width: 414px) {
  .no-search-results-banner {
    height: 277px;
  }
}

.no-results-banner-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 767px;
}

@media only screen and (max-width: 767px) {
  .no-results-banner-content {
    width: 75%;
  }
}

@media only screen and (max-width: 414px) {
  .no-results-banner-content {
    width: 90%;
  }
}

.no-results-banner-content .search-form {
  margin: 0 auto 40px;
}

.no-results-banner-content .search-field {
  background: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
}

@media only screen and (max-width: 414px) {
  .no-results-banner-content .search-field {
    font-size: 9px;
    font-weight: 800;
    padding: 8px 20px;
  }
}

@media only screen and (max-width: 414px) {
  .no-results-banner-content button {
    right: 7%;
  }
}

.no-results-banner-content button svg {
  fill: #ffffff;
}

@media only screen and (max-width: 414px) {
  .no-results-banner-content button svg {
    width: 12px;
    height: 12px;
  }
}

.no-results-banner-content .alt-search-terms {
  padding-top: 10px;
}

.no-results-banner-content .alt-search-terms a {
  color: #ffffff;
  font-size: 24px;
  font-weight: 200;
  padding: 0 20px 0 0;
  line-height: 1.3em;
}

@media only screen and (max-width: 767px) {
  .no-results-banner-content .alt-search-terms a {
    font-size: 18px;
  }
}

@media only screen and (max-width: 500px) {
  .no-results-banner-content .alt-search-terms a {
    font-size: 14px;
    font-weight: 300;
  }
}

.no-results-banner-content .alt-search-terms a:last-child {
  padding: 0;
}

.no-results-title {
  font-size: 42px;
  font-weight: 200;
  margin: 5px 0 0;
  line-height: 1.3em;
}

@media only screen and (max-width: 767px) {
  .no-results-title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 500px) {
  .no-results-title {
    font-size: 20px;
    font-weight: 300;
  }
}

/* Squizz loading */
.js-funnelback-loading-container {
  position: relative;
  min-height: 50vh;
}

.js-funnelback-blur {
  filter: blur(2px);
}

.search-loading-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75);
  transition: 2s;
}

.search-loading-animation {
  position: fixed;
  top: 50%;
  right: 50%;
  margin: 0 -60px 0 0;
}

/* "Tabbed content" component */
.row .component-tabs {
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .row .component-tabs {
    padding: 0;
  }
}

.component-nav a {
  color: #1C1E2A;
  font-weight: 200;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  margin: 0 20px;
  display: inline-block;
}

@media only screen and (max-width: 1239px) {
  .component-nav a {
    margin: 0 10px;
  }
}

@media only screen and (max-width: 1152px) {
  .component-nav a {
    font-weight: 200;
    font-size: 20px;
    line-height: 1.35em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 1024px) {
  .component-nav a {
    margin: 0 3px;
    font-weight: 200;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.component-nav a:hover:after, .component-nav a.active:after {
  content: ' ';
  display: block;
  margin-top: 12px;
  width: 100%;
  height: 8px;
  background: #d6181f;
  background: -moz-linear-gradient(left, #d6181f 0%, #7c2062 100%);
  background: -webkit-linear-gradient(left, #d6181f 0%, #7c2062 100%);
  background: -o-linear-gradient(left, #d6181f 0%, #7c2062 100%);
  background: -ms-linear-gradient(left, #d6181f 0%, #7c2062 100%);
  background: linear-gradient(to right, #d6181f 0%, #7c2062 100%);
}

.component-nav-separator {
  border-bottom: 2px solid #ededef;
  width: 100%;
  height: 2px;
}

.tabbed-content-row {
  margin: 50px auto 0;
  display: none;
  overflow: hidden;
  width: 78%;
  max-width: 1050px;
}

@media only screen and (max-width: 1239px) {
  .tabbed-content-row {
    width: 88%;
  }
}

@media only screen and (max-width: 1024px) {
  .tabbed-content-row {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .tabbed-content-row {
    display: block !important;
    overflow: hidden;
    margin-top: 15px;
  }
}

.tabbed-content-row:first-child {
  display: block;
}

.tabbed-content-row .comp-subtitle {
  font-size: 35px;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .tabbed-content-row .comp-subtitle {
    font-size: 26px;
    font-weight: 400;
  }
}

@media only screen and (max-width: 500px) {
  .tabbed-content-row .comp-subtitle {
    font-size: 22px;
  }
}

.tabbed-content-row img {
  max-height: 300px;
  display: block;
  float: right;
}

@media only screen and (max-width: 1024px) {
  .tabbed-content-row img {
    max-height: none;
    float: none;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .tabbed-content-row img {
    margin: 10px 0;
  }
}

.bottom-spacing {
  margin-bottom: 350px;
  padding-bottom: 400px;
}

@media only screen and (max-width: 767px) {
  .bottom-spacing {
    margin-bottom: 280px;
    padding-bottom: 390px;
  }
}

@media only screen and (max-width: 600px) {
  .bottom-spacing {
    margin-bottom: 290px;
    padding-bottom: 410px;
  }
}

@media only screen and (max-width: 500px) {
  .bottom-spacing {
    padding-bottom: 440px;
  }
}

@media only screen and (max-width: 474px) {
  .bottom-spacing {
    padding-bottom: 480px;
  }
}

@media only screen and (max-width: 414px) {
  .bottom-spacing {
    margin-bottom: 340px;
    padding-bottom: 490px;
  }
}

@media only screen and (max-width: 350px) {
  .bottom-spacing {
    margin-bottom: 340px;
    padding-bottom: 520px;
  }
}

.add-on-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

@media only screen and (max-width: 1360px) {
  .add-on-container {
    width: 95%;
  }
}

.add-on-container-head {
  width: 72%;
  max-width: 72%;
  margin: 0 auto 30px;
}

@media only screen and (max-width: 767px) {
  .add-on-container-head {
    width: 97%;
    max-width: 97%;
  }
}

.add-on-container-body {
  padding: 5% 20%;
}

@media only screen and (max-width: 767px) {
  .add-on-container-body {
    padding: 5%;
  }
}

/* Horizontally scrollable table */
.responsive-table-wrapper {
  overflow-x: scroll;
}

.responsive-table {
  table-layout: fixed;
  min-width: 767px;
  border: 1px solid #CCD0D2;
}

.responsive-table td {
  border-right: 1px solid #CCD0D2;
  text-align: center;
  padding: 15px 10px;
  font-size: 16px;
  line-height: 1.4em;
}

.responsive-table td:first-child {
  border-left: none;
}

.responsive-table td:last-child {
  border-right: none;
}

.responsive-table img {
  max-height: 100px;
  width: 100%;
}

/* Box Two-Col */
.box-two-col {
  display: none;
}

.box-two-col form[name=survey] {
  display: none;
}

.box-two-col .survey-response {
  display: none;
}

/* Colored tiles (3 or 4 col) */
.colored-tiles .card-tile {
  width: 100%;
}

.colored-tiles .card {
  padding: 20px 30px;
  text-decoration: none;
}

.colored-tiles .white {
  color: #FFFFFF;
}

.colored-tiles .category {
  color: #343642;
}

.colored-tiles .category.white {
  color: #FFFFFF;
}

.colored-tiles .card-title {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  padding: 15px 20px;
}

/* Slidedown popup */
.slidedown-popup {
  background: #EEEEEF;
  background: rgba(238, 238, 239, 0.9);
  position: absolute;
  top: 84px;
  z-index: 3000;
  width: 100%;
  display: none;
}

@media only screen and (max-width: 767px) {
  .slidedown-popup {
    top: 70px;
  }
}

.slidedown-popup.yt-load-error {
  width: 50%;
  position: fixed;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.slidedown-popup .container {
  position: relative;
}

.slidedown-popup p {
  margin: 0 auto;
  padding: 15px 0;
  max-width: 85%;
}

.slidedown-popup a {
  text-decoration: underline;
}

.slidedown-popup .popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
}

.slidedown-popup svg {
  width: 20px;
  height: 20px;
}

.another-version {
  text-decoration: underline;
}

/* Insights Landing Filter */
.filter-header {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .filter-header {
    padding: 0;
  }
}

.filter-header .sort-dropdown-container {
  width: 330px;
}

@media only screen and (max-width: 767px) {
  .filter-header .sort-dropdown-container {
    width: 100%;
  }
}

.filter-header .sort-dropdown p, .filter-header .sort-dropdown a {
  font-size: 16px;
}

.filter-header .sort-dropdown .active {
  font-weight: 500;
}

.filter-header .sort-dropdown {
  background-color: #ffffff;
}

/* Brocade Matrix Modal */
.modal-overlay {
  opacity: 0;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  transition: .2s;
  background: rgba(28, 30, 42, 0.8);
  z-index: -1;
  display: none;
}

.modal-overlay.modal-opened {
  opacity: 1;
  z-index: 10000;
  transition: .2s;
  display: block;
}

.modal-overlay .close-modal {
  position: absolute;
  top: 20px;
  right: 20px;
}

.modal-overlay .modal-content {
  background: #000;
  position: absolute;
  top: 5%;
  bottom: 10%;
  left: 10%;
  right: 10%;
  border: 1px solid #FFFFFF;
}

.modal-overlay .modal-content iframe {
  width: 100%;
  height: 100%;
  visibility: hidden;
  border: 0;
}

#video-modal.modal-overlay .modal-content {
  top: 50%;
  bottom: 0;
  right: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

#video-modal.modal-overlay .modal-content .youtube-video {
  padding-top: 0;
  height: 100%;
  position: relative;
}

#video-modal.modal-overlay .modal-content .youtube-video .video-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* One-col form (CNSD-1379) */
@media only screen and (max-width: 767px) {
  .one-col-form {
    padding: 0 0 20px;
  }
}

.one-col-form .form-container-js {
  background-color: #FFFFFF;
}

.one-col-form .form-container-js .pre-form-img {
  margin-bottom: 10px;
}

.one-col-form .form-container-js .comp-title {
  font-size: 55px;
  font-weight: 500;
  margin-bottom: 0;
  padding-bottom: 0;
}

@media only screen and (max-width: 1152px) {
  .one-col-form .form-container-js .comp-title {
    font-size: 45px;
  }
}

@media only screen and (max-width: 1024px) {
  .one-col-form .form-container-js .comp-title {
    font-size: 35px;
  }
}

.one-col-form .form-container-js .sub-title {
  font-size: 55px;
  font-weight: 400;
  margin: 0 0 1em;
}

@media only screen and (max-width: 1152px) {
  .one-col-form .form-container-js .sub-title {
    font-size: 45px;
  }
}

@media only screen and (max-width: 1024px) {
  .one-col-form .form-container-js .sub-title {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .one-col-form .form-container-js .sub-title {
    margin: 0 0 0.5em;
  }
}

.one-col-form .form-container-js .mktoForm {
  max-width: 455px;
  width: 100%;
  margin: 0 auto;
}

.one-col-form .form-container-js .mktoForm .mktoFormCol {
  background: transparent;
}

.one-col-form .form-container-js .mktoForm .mktoFieldWrap {
  border: 2px solid #b2b2b2;
  border-radius: 12px;
}

.one-col-form .form-container-js .mktoForm .mktoLabel {
  background: transparent;
  border: none;
}

.one-col-form .form-container-js .mktoForm #Phone, .one-col-form .form-container-js .mktoForm #Country {
  background-color: transparent !important;
}

.one-col-form .form-container-js .mktoForm .transparent .mktoFieldWrap {
  border: none;
  border-radius: 0;
}

.one-col-form .form-container-js .mktoForm .transparent .mktoCheckboxList {
  width: auto !important;
  padding: 0 0 0 5px;
}

.one-col-form .form-container-js .mktoForm .transparent .mktoLabel {
  padding: 5px 15px 5px 30px;
}

.email-form-module.one-col-form {
  padding: 50px 30px;
}

.email-form-module.one-col-form .resource-container.white-bg,
.email-form-module.one-col-form .resource-container-thank-you.white-bg {
  background: #ffffff;
}

.email-form-module.one-col-form .resource-container p,
.email-form-module.one-col-form .resource-container-thank-you p {
  font-size: 24px;
  letter-spacing: 0;
  margin: 0;
}

@media only screen and (max-width: 1152px) {
  .email-form-module.one-col-form .resource-container p,
  .email-form-module.one-col-form .resource-container-thank-you p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .email-form-module.one-col-form .resource-container p,
  .email-form-module.one-col-form .resource-container-thank-you p {
    font-size: 16px;
  }
}

.prx-up-down-arrow {
  width: 45px;
  height: 62px;
}

.column-title {
  font-size: 24px;
  line-height: 1.4em;
  font-weight: 400;
}

@media only screen and (max-width: 1239px) {
  .column-title {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .column-title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 500px) {
  .column-title {
    font-size: 14px;
  }
}

.column-title sup {
  font-size: 45%;
  top: -1em;
  left: -0.2em;
}

@media only screen and (max-width: 767px) {
  #col2-button-content {
    padding: 15px 0;
  }
}

#col2-button-content.split .column {
  height: 635px;
}

@media only screen and (max-width: 1239px) {
  #col2-button-content.split .column {
    height: 580px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.split .column {
    height: auto;
  }
}

#col2-button-content .container {
  max-width: 1635px;
}

.content-show-area {
  height: 100%;
  width: 100%;
}

.content-show-area .content-show-item {
  height: 100%;
  width: 100%;
  padding: 15% 16%;
}

@media only screen and (max-width: 767px) {
  .content-show-area .content-show-item {
    padding: 5% 10%;
  }
}

.content-show-area .content-show-item .column-content {
  margin: 0;
  font-weight: 300;
}

.content-show-area .content-show-item cite {
  margin-top: 15px;
  display: inline-block;
}

@media only screen and (max-width: 1024px) {
  .content-show-area .content-show-item .btn-container {
    margin: 5% auto 0;
  }
}

@media only screen and (max-width: 500px) {
  .content-show-area .content-show-item .btn-container .btn {
    padding: 9px 15px;
    font-size: 12px;
  }
}

.content-show-area .three-col-box-grid {
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 12% 10%;
}

@media only screen and (max-width: 1024px) {
  .content-show-area .three-col-box-grid {
    padding: 8%;
  }
}

@media only screen and (max-width: 767px) {
  .content-show-area .three-col-box-grid {
    padding: 6% 0;
  }
}

@media only screen and (max-width: 1024px) {
  .content-show-area .three-col-box-grid .btn-container {
    margin: 0 auto;
  }
}

.content-show-area .three-col-box-item {
  list-style: none;
  width: 33%;
  text-align: center;
  margin: 0;
}

@media only screen and (max-width: 1024px) {
  .content-show-area .three-col-box-item {
    margin: 0 0 5%;
  }
}

.content-show-area .three-col-box-item span {
  display: block;
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  .content-show-area .three-col-box-item span {
    font-size: 14px;
  }
}

@media only screen and (max-width: 500px) {
  .content-show-area .three-col-box-item span {
    font-size: 10px;
  }
}

.content-show-area .three-col-box-item .box-grid-title {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2em;
}

@media only screen and (max-width: 767px) {
  .content-show-area .three-col-box-item .box-grid-title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 500px) {
  .content-show-area .three-col-box-item .box-grid-title {
    font-size: 20px;
  }
}

.content-show-area .three-col-box-item .svg-icon {
  max-width: 70px;
  max-height: 60px;
  margin: 0 auto 10px;
}

@media only screen and (max-width: 767px) {
  .content-show-area .three-col-box-item .svg-icon {
    max-width: 50px;
    max-height: 40px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 500px) {
  .content-show-area .three-col-box-item .svg-icon {
    max-width: 50px;
    max-height: 40px;
  }
}

.content-show-area .three-col-box-item .svg-icon svg {
  max-width: 70px;
  max-height: 60px;
}

@media only screen and (max-width: 767px) {
  .content-show-area .three-col-box-item .svg-icon svg {
    max-width: 50px;
    max-height: 40px;
  }
}

@media only screen and (max-width: 500px) {
  .content-show-area .three-col-box-item .svg-icon svg {
    max-width: 50px;
    max-height: 40px;
  }
}

.content-show-area .content-grouping {
  display: flex;
  flex-direction: row;
  padding-top: 20px;
}

.content-show-area .content-grouping span {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.35em;
  letter-spacing: 0.02em;
  max-width: 250px;
  padding-right: 20px;
}

.content-show-area .content-grouping span:last-child {
  padding-right: 0;
}

@media only screen and (max-width: 1239px) {
  .content-show-area .content-grouping span {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .content-show-area .content-grouping span {
    font-size: 16px;
  }
}

@media only screen and (max-width: 500px) {
  .content-show-area .content-grouping span {
    padding-right: 10px;
    font-size: 14px;
  }
}

.content-show-area .content-grouping span.category {
  font-weight: 500;
  letter-spacing: 0;
}

.content-show-area .content-grouping span.category.white {
  color: #FFFFFF;
}

.content-show-area .content-grouping span a {
  display: block;
  font-size: 20px;
  line-height: 1.2em;
  color: #ffffff;
  margin-bottom: 5px;
}

.content-show-area .content-grouping span a.white {
  color: #FFFFFF;
}

.content-show-area .content-grouping span.box-grid-title {
  font-size: 42px;
  font-weight: 400;
  display: block;
  letter-spacing: 0;
}

@media only screen and (max-width: 1239px) {
  .content-show-area .content-grouping span.box-grid-title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .content-show-area .content-grouping span.box-grid-title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 500px) {
  .content-show-area .content-grouping span.box-grid-title {
    font-size: 26px;
  }
}

@media only screen and (max-width: 1152px) {
  .content-show-area .content-grouping span.svg-icon {
    max-height: 50px;
  }
}

@media only screen and (max-width: 1152px) {
  .content-show-area .content-grouping span.svg-icon svg {
    max-height: 50px;
  }
}

.content-show-area .svg-icon {
  display: inline-block;
}

.content-nav-wrapper {
  width: 100%;
}

.content-nav-wrapper .content-nav {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 635px;
}

@media only screen and (max-width: 1239px) {
  .content-nav-wrapper .content-nav {
    height: 580px;
  }
}

@media only screen and (max-width: 1024px) {
  .content-nav-wrapper .content-nav {
    height: auto;
    margin: 2% 0 0;
  }
}

.content-nav-wrapper .content-nav-item {
  list-style: none;
  background-color: #E4E5E6;
  width: 97%;
  margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
  .content-nav-wrapper .content-nav-item {
    width: 99%;
    margin: 0 auto 2%;
  }
}

.content-nav-wrapper .content-nav-item a {
  font-size: 32px;
  color: #343642;
  display: block;
  padding: 4% 6%;
  text-decoration: none;
}

@media only screen and (max-width: 1599px) {
  .content-nav-wrapper .content-nav-item a {
    padding: 4.5% 6%;
  }
}

@media only screen and (max-width: 1360px) {
  .content-nav-wrapper .content-nav-item a {
    padding: 5% 6%;
  }
}

@media only screen and (max-width: 1239px) {
  .content-nav-wrapper .content-nav-item a {
    padding: 4.5% 6%;
  }
}

@media only screen and (max-width: 1024px) {
  .content-nav-wrapper .content-nav-item a {
    padding: 3% 4%;
  }
}

.content-nav-wrapper .content-nav-item a .category {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .content-nav-wrapper .content-nav-item a .category {
    font-size: 10px;
  }
}

.content-nav-wrapper .content-nav-item a .category.smoke {
  color: #343642;
}

.content-nav-wrapper .content-nav-item a:hover {
  background-color: #FFFFFF;
  -moz-transform: scale(1.01) perspective(1px);
  -o-transform: scale(1.01) perspective(1px);
  -ms-transform: scale(1.01) perspective(1px);
  -webkit-transform: scale(1.01) perspective(1px);
  transform: scale(1.01) perspective(1px);
  -webkit-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  -moz-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
}

.content-nav-wrapper .content-nav-item a.current {
  background-color: #FFFFFF;
  -moz-transform: scale(1.01) perspective(1px);
  -o-transform: scale(1.01) perspective(1px);
  -ms-transform: scale(1.01) perspective(1px);
  -webkit-transform: scale(1.01) perspective(1px);
  transform: scale(1.01) perspective(1px);
  -webkit-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  -moz-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
}

@media only screen and (max-width: 1024px) {
  .content-nav-wrapper .content-nav-item a.current {
    -moz-transform: scale(1) perspective(1px);
    -o-transform: scale(1) perspective(1px);
    -ms-transform: scale(1) perspective(1px);
    -webkit-transform: scale(1) perspective(1px);
    transform: scale(1) perspective(1px);
  }
}

.content-nav-wrapper .content-nav-item a.current .category {
  color: #AD141F;
}

.content-nav-wrapper .content-nav-item a.current .category.hover-purple {
  color: #800A68;
}

.content-nav-wrapper .content-nav-item a.current .category.hover-blue {
  color: #2343B8;
}

.content-nav-wrapper .content-nav-item a.current .category.hover-green {
  color: #00C298;
}

.content-nav-wrapper .content-nav-item a.current .category.hover-orange {
  color: #F47F0C;
}

.content-nav-wrapper .content-nav-item a span {
  display: block;
  line-height: 1.2em;
  font-size: 20px;
}

.content-nav-wrapper .content-nav-item a .content-nav-title {
  font-size: 23px;
}

@media only screen and (max-width: 767px) {
  .content-nav-wrapper .content-nav-item a .content-nav-title {
    font-size: 17px;
  }
}

@media only screen and (max-width: 500px) {
  .content-nav-wrapper .content-nav-item a .content-nav-title {
    font-size: 14px;
  }
}

.content-nav-wrapper .content-nav-item :last-child {
  margin-bottom: 0;
}

.content-nav-wrapper .content-nav-item a:hover > .category {
  color: #AD141F;
}

.content-nav-wrapper .content-nav-item a:hover > .category.hover-purple {
  color: #800A68;
}

.content-nav-wrapper .content-nav-item a:hover > .category.hover-blue {
  color: #2343B8;
}

.content-nav-wrapper .content-nav-item a:hover > .category.hover-green {
  color: #00C298;
}

.content-nav-wrapper .content-nav-item a:hover > .category.hover-orange {
  color: #F47F0C;
}

/* Component Accordion Boxes */
#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav {
  flex-direction: row;
  flex-wrap: wrap;
}

#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav.center-align .content-nav-title {
  text-align: center;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 88%;
  padding: 0;
}

#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item {
  width: 32.6%;
  margin: 0 0 1%;
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item {
    width: 33%;
    margin: 0 0 0.5%;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item {
    width: 49.8%;
  }
}

@media only screen and (max-width: 500px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item {
    width: 100%;
    min-height: 45px;
    height: auto;
  }
}

#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item a {
  height: 100%;
}

#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
  font-size: 22px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 300;
  text-align: left;
}

@media only screen and (max-width: 1599px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1239px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    font-size: 14px;
  }
}

@media only screen and (max-width: 500px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    font-size: 13px;
  }
}

#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item sup {
  font-size: 50%;
  top: -0.8em;
  left: -2px;
}

#col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(10n), #col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(11n), #col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(12n) {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(10n), #col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(11n), #col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(12n) {
    margin: 0 0 0.5%;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-12 .content-nav {
    height: auto;
    min-height: 350px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-12 .content-nav {
    min-height: 425px;
  }
}

@media only screen and (max-width: 500px) {
  #col2-button-content.accordion-boxes.count-12 .content-nav {
    min-height: 550px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav {
    height: auto;
    min-height: 250px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav {
    min-height: 425px;
  }
}

@media only screen and (max-width: 500px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav {
    min-height: 500px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item {
    margin: 0 0 0.4%;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item {
    width: 100%;
    margin: 0 0 0.5%;
  }
}

#col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(7n), #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(8n), #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(9n) {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(7n), #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(8n), #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(9n) {
    margin: 0 0 0.5%;
  }
}

#col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
  font-size: 21px;
}

@media only screen and (max-width: 1599px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1360px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1239px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1152px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 13px;
  }
}

#col2-button-content.accordion-boxes.count-6.split .column {
  height: 580px;
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6.split .column {
    height: auto;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6.split .column:first-child {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-6.split .column:first-child {
    height: auto;
  }
}

#col2-button-content.accordion-boxes.count-6 .content-nav-wrapper .content-nav {
  height: 580px;
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-wrapper .content-nav {
    height: auto;
    min-height: 200px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-wrapper .content-nav {
    min-height: 270px;
  }
}

@media only screen and (max-width: 500px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-wrapper .content-nav {
    min-height: 350px;
  }
}

#col2-button-content.accordion-boxes.count-6 .content-nav-item {
  margin: 0 0 1.2%;
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item {
    width: 49.7%;
    margin: 0 0 0.5%;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item {
    width: 100%;
  }
}

#col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(4n), #col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(5n), #col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(6n) {
  margin: 0;
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(4n), #col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(5n), #col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(6n) {
    margin: 0 0 0.5%;
  }
}

#col2-button-content.accordion-boxes.count-6 .content-nav-item .content-nav-title {
  font-size: 25px;
}

@media only screen and (max-width: 1599px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item .content-nav-title {
    font-size: 22px;
  }
}

@media only screen and (max-width: 1152px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item .content-nav-title {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item .content-nav-title {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item .content-nav-title {
    font-size: 13px;
  }
}

#col2-button-content.count-6-rows .column {
  height: 750px;
}

@media only screen and (max-width: 1239px) {
  #col2-button-content.count-6-rows .column {
    height: 680px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.count-6-rows .column {
    height: auto;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.count-6-rows .column .content-show-area .content-show-item {
    padding: 7%;
  }
}

#col2-button-content.count-6-rows .content-nav-wrapper .content-nav {
  height: 750px;
}

@media only screen and (max-width: 1239px) {
  #col2-button-content.count-6-rows .content-nav-wrapper .content-nav {
    height: 680px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.count-6-rows .content-nav-wrapper .content-nav {
    height: auto;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.count-6-rows .content-nav-wrapper .content-nav .content-nav-item {
    margin: 0 auto 1%;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.count-6-rows .content-nav-wrapper .content-nav .content-nav-item a {
    padding: 2%;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.count-6-rows .content-nav-wrapper .content-nav .content-nav-item a .category {
    font-size: 12px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.count-6-rows .content-nav-wrapper .content-nav .content-nav-item a .content-nav-title {
    font-size: 20px;
  }
}

#col2-button-content.count-7-rows .column {
  height: 875px;
}

@media only screen and (max-width: 1239px) {
  #col2-button-content.count-7-rows .column {
    height: 800px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.count-7-rows .column {
    height: auto;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.count-7-rows .column .content-show-area .content-show-item {
    padding: 7%;
  }
}

#col2-button-content.count-7-rows .content-nav-wrapper .content-nav {
  height: 875px;
}

@media only screen and (max-width: 1239px) {
  #col2-button-content.count-7-rows .content-nav-wrapper .content-nav {
    height: 800px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.count-7-rows .content-nav-wrapper .content-nav {
    height: auto;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.count-7-rows .content-nav-wrapper .content-nav .content-nav-item {
    margin: 0 auto 1%;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.count-7-rows .content-nav-wrapper .content-nav .content-nav-item a {
    padding: 2%;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.count-7-rows .content-nav-wrapper .content-nav .content-nav-item a .category {
    font-size: 12px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.count-7-rows .content-nav-wrapper .content-nav .content-nav-item a .content-nav-title {
    font-size: 20px;
  }
}

/* 2-COL COMPONENT LINK LIST */
@media only screen and (max-width: 1239px) {
  .list-nav-wrapper .half-container {
    width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .list-nav-wrapper .half-container {
    width: 90%;
  }
}

.list-nav {
  margin: 3% 0 0;
  padding: 0 2%;
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}

.list-nav .list-nav-item {
  list-style: none;
  width: 47%;
}

@media only screen and (max-width: 767px) {
  .list-nav .list-nav-item {
    width: 100%;
  }
}

.list-nav .list-nav-item a {
  border-bottom: 2px solid #FFFFFF;
  display: block;
  width: 100%;
  position: relative;
  color: #1C1E2A;
  padding: 4% 2%;
  font-size: 18px;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .list-nav .list-nav-item a {
    padding: 3%;
  }
}

.list-nav .list-nav-item:first-child a, .list-nav .list-nav-item:nth-child(2) a {
  border-top: 2px solid #FFFFFF;
}

@media only screen and (max-width: 767px) {
  .list-nav .list-nav-item:nth-child(2) a {
    border-top: none;
  }
}

.list-nav .list-nav-item .svg-icon svg {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  right: 4%;
  transform: translateY(-50%);
}

.RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_description_container {
  max-height: 52px !important;
}

.RTP_RCMD2 [data-rtp-id="rtp_rcmd2_tpl_2"] .rtp_rcmd2_link_container {
  overflow: visible !important;
}

.list-simple-box .cell {
  position: relative;
}

.list-simple-box .cell a {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  -webkit-box-shadow: 0 0 15px rgba(28, 30, 42, 0.25);
  -moz-box-shadow: 0 0 15px rgba(28, 30, 42, 0.25);
  box-shadow: 0 0 15px rgba(28, 30, 42, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  align-content: center;
  min-height: 235px;
  color: #1C1E2A;
  position: relative;
  margin: 0;
  width: 100%;
  text-decoration: none;
}

@media only screen and (max-width: 1152px) {
  .list-simple-box .cell a {
    font-size: 18px;
    min-height: 200px;
  }
}

@media only screen and (max-width: 1024px) {
  .list-simple-box .cell a {
    -moz-transform: scale(1) perspective(1px);
    -o-transform: scale(1) perspective(1px);
    -ms-transform: scale(1) perspective(1px);
    -webkit-transform: scale(1) perspective(1px);
    transform: scale(1) perspective(1px);
  }
}

@media only screen and (max-width: 767px) {
  .list-simple-box .cell a {
    min-height: 150px;
  }
}

.list-simple-box .cell a:hover {
  background: #FFD000;
  background: -moz-linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  background: -webkit-linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  background: -o-linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  background: -ms-linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  background: linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  -moz-transform: scale(1.025) perspective(1px);
  -o-transform: scale(1.025) perspective(1px);
  -ms-transform: scale(1.025) perspective(1px);
  -webkit-transform: scale(1.025) perspective(1px);
  transform: scale(1.025) perspective(1px);
  color: #FFFFFF;
}

.list-simple-box .cell a .simple-box-title {
  width: 80%;
}

.list-simple-box .cell a .simple-box-footnote {
  font-size: 14px;
  position: absolute;
  bottom: 10px;
  right: 20px;
  text-align: right;
}

@media only screen and (max-width: 1152px) {
  .list-simple-box .cell a .simple-box-footnote {
    font-size: 12px;
  }
}

.list-simple-box.-alternating-gradient .cell:nth-child(3n + 1) a:hover {
  background: #800A68;
  background: -moz-linear-gradient(45deg, #800A68 0%, #2343B8 100%);
  background: -webkit-linear-gradient(45deg, #800A68 0%, #2343B8 100%);
  background: -o-linear-gradient(45deg, #800A68 0%, #2343B8 100%);
  background: -ms-linear-gradient(45deg, #800A68 0%, #2343B8 100%);
  background: linear-gradient(45deg, #800A68 0%, #2343B8 100%);
  -moz-transform: scale(1.025) perspective(1px);
  -o-transform: scale(1.025) perspective(1px);
  -ms-transform: scale(1.025) perspective(1px);
  -webkit-transform: scale(1.025) perspective(1px);
  transform: scale(1.025) perspective(1px);
  color: #FFFFFF;
}

.list-simple-box.-alternating-gradient .cell:nth-child(3n + 2) a:hover {
  background: #2343B8;
  background: -moz-linear-gradient(45deg, #2343B8 0%, #00C298 100%);
  background: -webkit-linear-gradient(45deg, #2343B8 0%, #00C298 100%);
  background: -o-linear-gradient(45deg, #2343B8 0%, #00C298 100%);
  background: -ms-linear-gradient(45deg, #2343B8 0%, #00C298 100%);
  background: linear-gradient(45deg, #2343B8 0%, #00C298 100%);
  -moz-transform: scale(1.025) perspective(1px);
  -o-transform: scale(1.025) perspective(1px);
  -ms-transform: scale(1.025) perspective(1px);
  -webkit-transform: scale(1.025) perspective(1px);
  transform: scale(1.025) perspective(1px);
  color: #FFFFFF;
}

.list-simple-box.-alternating-gradient .cell:nth-child(3n) a:hover {
  background: #D31924;
  background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
  -moz-transform: scale(1.025) perspective(1px);
  -o-transform: scale(1.025) perspective(1px);
  -ms-transform: scale(1.025) perspective(1px);
  -webkit-transform: scale(1.025) perspective(1px);
  transform: scale(1.025) perspective(1px);
  color: #FFFFFF;
}

.three-column-component p,
.four-column-component p,
.five-column-component p {
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  margin: 0 0 30px;
  position: relative;
}

.three-column-component p.paragraph-content,
.four-column-component p.paragraph-content,
.five-column-component p.paragraph-content {
  font-size: 18px;
}

@media only screen and (max-width: 1239px) {
  .three-column-component p.paragraph-content,
  .four-column-component p.paragraph-content,
  .five-column-component p.paragraph-content {
    font-size: 15px;
  }
}

.three-column-component p.paragraph-content.btm-margin-10,
.four-column-component p.paragraph-content.btm-margin-10,
.five-column-component p.paragraph-content.btm-margin-10 {
  margin-bottom: 10px;
}

.three-column-component .card,
.four-column-component .card,
.five-column-component .card {
  position: relative;
  padding: 60px 15px 45px;
}

.three-column-component .card.align-btns,
.four-column-component .card.align-btns,
.five-column-component .card.align-btns {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
}

.three-column-component .card.align-btns .btn,
.four-column-component .card.align-btns .btn,
.five-column-component .card.align-btns .btn {
  align-self: flex-end;
}

@media only screen and (max-width: 1024px) {
  .three-column-component .card.align-btns .btn,
  .four-column-component .card.align-btns .btn,
  .five-column-component .card.align-btns .btn {
    align-self: center;
    margin: 5px 0;
  }
}

.three-column-component .card.image-bg-version,
.four-column-component .card.image-bg-version,
.five-column-component .card.image-bg-version {
  background-size: cover;
}

.three-column-component .card.empty-card,
.four-column-component .card.empty-card,
.five-column-component .card.empty-card {
  min-height: 350px;
  text-decoration: none;
}

@media only screen and (max-width: 1024px) {
  .three-column-component .card.empty-card,
  .four-column-component .card.empty-card,
  .five-column-component .card.empty-card {
    min-height: 280px;
  }
}

.three-column-component .category,
.four-column-component .category,
.five-column-component .category {
  position: absolute;
  top: 20px;
  left: 15px;
}

.three-column-component .category .cat-icon,
.four-column-component .category .cat-icon,
.five-column-component .category .cat-icon {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 20px;
  fill: #800A68;
  margin-right: 10px;
}

.three-column-component .category span,
.four-column-component .category span,
.five-column-component .category span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 25px 0 0;
  white-space: normal;
  color: #800A68;
}

.five-column-component .card.align-btns {
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .five-column-component .card.align-btns p, .five-column-component .card.align-btns img {
    width: 100%;
  }
}

.five-column-component .card.align-btns .contact-link-title {
  align-self: center;
}

.five-column-component .card.align-btns .btn {
  align-self: center;
}

.five-column-component .card-title {
  margin: 30px 0;
}

.five-column-component .btn {
  margin: 5px 10px 5px 0;
}

.four-column-component .category {
  top: 0;
}

.three-column-component p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 767px) {
  .three-column-component p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.three-column-component .card.align-btns {
  flex-direction: row;
}

.icon-items {
  justify-content: space-around;
  align-items: center;
  flex-wrap: nowrap;
}

@media only screen and (max-width: 1152px) {
  .icon-items {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 1152px) {
  .icon-item {
    margin-bottom: 50px;
    width: 33%;
  }
}

@media only screen and (max-width: 767px) {
  .icon-item {
    margin-bottom: 35px;
  }
}

.icon-item span {
  font-weight: 300;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  display: block;
}

@media only screen and (max-width: 767px) {
  .icon-item span {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 500px) {
  .icon-item span {
    font-weight: 300;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.icon-item .svg-icon svg {
  margin: 0 auto 10px;
  max-width: 70px;
  max-height: 70px;
}

@media only screen and (max-width: 767px) {
  .icon-item .svg-icon svg {
    max-width: 60px;
    max-height: 60px;
  }
}

@media only screen and (max-width: 500px) {
  .icon-item .svg-icon svg {
    max-width: 50px;
    max-height: 50px;
  }
}

.icon-item .icon-item-title {
  font-size: 46px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .icon-item .icon-item-title {
    font-weight: 400;
    font-size: 32px;
    line-height: 1.25em;
  }
}

@media only screen and (max-width: 500px) {
  .icon-item .icon-item-title {
    font-weight: 400;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.RTP_RCMD2 .rtp_rcmd2_item {
  margin-bottom: 30px;
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_item_inner {
  background-color: #EEEEEF !important;
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_item_inner .rtp_rcmd2_img_container {
  height: 179px;
  width: inherit;
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_item_inner .rtp_rcmd2_content_container {
  padding: 20px;
  white-space: wrap;
  background-color: unset !important;
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_item_inner .rtp_rcmd2_content_container .rtp_rcmd2_description_container {
  font-size: 15px;
  margin: 15px 0 25px 0;
  text-transform: uppercase;
  font-weight: 300;
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_item_inner .rtp_rcmd2_content_container .rtp_rcmd2_label_container {
  width: 200px;
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_item_inner .rtp_rcmd2_content_container .rtp_rcmd2_label_container .rtp_rcmd2_label .rtp_rcmd2_link_hidden {
  margin-top: 0;
  color: black;
  font-size: 20px;
  font-weight: 300;
  max-height: unset;
  text-decoration: none;
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_item_inner .rtp_rcmd2_content_container .rtp_rcmd2_link_container {
  display: flex;
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_item_inner .rtp_rcmd2_content_container .rtp_rcmd2_link_container .rtp_rcmd2_link {
  padding: 4px 0 0 12px;
  color: black !important;
  background-color: unset !important;
  text-transform: uppercase;
  font-size: 15px !important;
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_item_inner .rtp_rcmd2_content_container .rtp_rcmd2_link_container:before {
  display: block;
  content: ' ';
  background-image: url("/__data/assets/image/0018/6642/blue_arrow_with_circle.png?v=0.0.1");
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
}

.RTP_RCMD2 .rtp_rcmd2_item .rtp_rcmd2_item_inner:hover {
  background-color: #E4E5E6 !important;
}

/* In-page search (CNSD-1429) */
#page-search-container {
  margin: 30px 0;
}

#page-search-input {
  position: relative;
  z-index: 2;
  max-width: 350px;
  height: 42px;
}

.page-search-form input {
  border: 1px solid #CCD0D2;
  background: #FFFFFF;
  width: 100%;
  padding: 10px 55px 10px 20px;
  border-radius: 30px;
  font-size: 17px;
}

.page-search-form button {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
  background: transparent;
  border: none;
}

.page-search-form button svg {
  position: static;
  width: 20px;
  height: 20px;
  fill: #1C1E2A;
}

.clear-searchable-link {
  position: absolute;
  left: 370px;
  top: 0;
  margin-top: 10px;
  font-size: 16px;
  z-index: 1;
  display: none;
}

@media only screen and (max-width: 1024px) {
  .clear-searchable-link {
    top: 105px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 500px) {
  .clear-searchable-link {
    top: 150px;
    left: auto;
    right: 0;
  }
}

#searchable-table_wrapper #searchable-table_filter {
  float: none;
  text-align: left;
  max-width: 350px;
  margin: 0 0 30px;
}

@media only screen and (max-width: 500px) {
  #searchable-table_wrapper #searchable-table_filter {
    margin: 0 0 40px;
  }
}

#searchable-table_wrapper #searchable-table_filter label {
  position: relative;
}

#searchable-table_wrapper #searchable-table_filter input {
  border: 1px solid #CCD0D2;
  background: #FFFFFF;
  width: 100%;
  padding: 10px 55px 10px 20px;
  border-radius: 30px;
  font-size: 17px;
  border-radius: 30px;
  font-weight: 400;
  margin: 0;
}

#searchable-table_wrapper #searchable-table_filter svg {
  left: initial;
  bottom: initial;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  #searchable-table_wrapper #searchable-table_filter svg {
    width: 20px;
    height: 20px;
  }
}

table#searchable-table.dataTable {
  font-family: "aktiv-grotesk", "Helvetica", "arial", sans-serif !important;
  color: #1C1E2A !important;
  font-weight: 300;
  font-size: 16px !important;
  line-height: 1em !important;
  width: 100% !important;
  border-bottom: none;
}

table#searchable-table.dataTable th {
  font-weight: 500;
  text-align: center;
}

table#searchable-table.dataTable tr td:first-child {
  font-weight: 500;
  text-align: center;
}

table#searchable-table.dataTable .section-head {
  background-color: #e4e5e6;
  font-weight: 500;
  text-align: center;
}

table#searchable-table.dataTable .section-head a {
  color: #1C1E2A;
}

table#searchable-table.dataTable .filler-cell {
  width: 0;
  height: 0;
  padding: 0;
  display: none;
}

.icon-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  flex-wrap: nowrap;
  height: 79px;
}

@media only screen and (max-width: 767px) {
  .icon-row {
    height: 45px;
  }
}

.icon-row.show-tablet {
  padding: 0;
}

.icon-row .icon-instance {
  width: auto;
  display: none;
}

@media only screen and (max-width: 767px) {
  .icon-row .icon-instance {
    max-width: 30px;
    width: auto;
    height: auto;
    max-height: 30px;
    margin: 0;
  }
}

/* Gray marketo forms */
.gray-format .comp-title {
  font-size: 22px;
  letter-spacing: 0.01em;
  line-height: 1.3em;
}

.gray-format .sub-title {
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 1.5em;
  color: #4b4e5d;
}

.gray-format .mktoForm .mktoFormRow.transparent .mktoFormCol {
  background-color: #eeeeef;
  margin: 0 !important;
}

.gray-format .mktoForm .mktoFormRow .mktoCheckboxList {
  width: 0% !important;
}

.gray-format .mktoForm .mktoFormRow .mktoCheckboxList input[type=checkbox] {
  top: 5px;
}

.gray-format .mktoForm .mktoFormRow label[for="Consent_to_Processing__c"] {
  background-color: #eeeeef;
  border: none;
}

.gray-format .mktoForm .mktoFormRow label[for="Consent_to_Processing__c"].mktoLabel {
  width: 95% !important;
}

@media only screen and (max-width: 767px) {
  .gray-format .mktoForm .mktoFormRow label[for="Consent_to_Processing__c"].mktoLabel {
    width: 90% !important;
  }
}

@media only screen and (max-width: 414px) {
  .gray-format .mktoForm .mktoFormRow label[for="Consent_to_Processing__c"].mktoLabel {
    width: 83% !important;
  }
}

.gray-format .mktoForm .mktoFormRow select.mktoField {
  background: #fff url("/__data/assets/image/0018/6624/prx-down-arrow.png?v=0.0.1") no-repeat 97% 10% !important;
}

.custom-cat-hidden-row {
  display: none;
  width: 100%;
}

.ellipsis {
  padding-left: 5px;
}

/* Kaltura video styles to make responsive */
.stand-alone-video {
  float: none;
  margin: 0 auto;
}

.kaltura-player-wrapper-outer {
  width: 100%;
  display: inline-block;
  position: relative;
}

.kaltura-player-wrapper-outer .playkit-poster {
  background-color: transparent;
  background-size: cover;
}

.kaltura-player-wrapper-outer .playkit-video-player {
  background: transparent;
}

.kaltura-player-wrapper-outer .playkit-black-cover {
  background-color: transparent;
}

.kaltura-player-wrapper-outer .kaltura-player-container {
  background-color: transparent;
}

@media only screen and (max-width: 500px) {
  .kaltura-player-wrapper-outer .playkit-pre-playback-play-overlay .playkit-pre-playback-play-button {
    width: 78px;
    height: 78px;
  }
}

.kaltura-player-wrapper-inner {
  margin-top: 56.25%;
}

#kplayer {
  position: absolute;
  top: 0;
  left: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.col-icon {
  width: 90px;
  position: absolute;
}

@media only screen and (max-width: 1024px) {
  .col-icon {
    position: static;
    padding: 25px 0 0;
  }
}

.col-icon.top {
  top: 5px;
}

.col-icon.bottom {
  bottom: calc( 105px - 2em);
}

@media only screen and (max-width: 1599px) {
  .col-icon.bottom {
    bottom: 85px;
  }
}

@media only screen and (max-width: 1239px) {
  .col-icon.bottom {
    bottom: 55px;
  }
}

.col-icon.right {
  right: 30px;
}

.col-icon.left {
  left: 30px;
}

/* Social media style overrides */
.jssocials-share-label,
.jssocials-share-logo {
  color: #ffffff;
}

.stand-alone-video {
  float: none;
}

.stand-alone-video.center-align {
  margin: 0 auto;
}

#kplayer-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.color-strip-column {
  width: 20px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 2;
}

@media only screen and (max-width: 414px) {
  .color-strip-column {
    width: 10px;
  }
}

.col-1-image {
  width: 100%;
  max-width: 220px;
}

.col-1-image.offset-left {
  margin-left: -17px;
}

.col-1-image.offset-left.offset-bottom {
  margin: 0 0 -86px -48px;
}

.asterisks {
  position: absolute;
  right: 25px;
  bottom: 20px;
}

@media only screen and (max-width: 414px) {
  .asterisks {
    right: 15px;
    bottom: 10px;
  }
}

.asterisks p {
  margin: 0;
  font-size: 16px;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .asterisks p {
    font-size: 12px;
  }
}

@media only screen and (max-width: 414px) {
  .asterisks p {
    font-size: 9px;
  }
}

.icon-flex-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}

@media only screen and (max-width: 1024px) {
  .icon-flex-container {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.icon-flex-container .btn-container {
  margin: 0;
}

.icon-flex-container .overview-icon {
  margin: 0 0 0 20px;
  width: auto;
  max-width: 90px;
}

@media only screen and (max-width: 1024px) {
  .icon-flex-container .overview-icon {
    width: 90px;
    margin-top: 25px;
  }
}

.custom-col-slide-ups .insight-sum {
  padding-bottom: 95px;
}

@media only screen and (max-width: 1024px) {
  .custom-col-slide-ups .insight-sum {
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .custom-col-slide-ups .insight-sum {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .custom-col-slide-ups .insight-sum.longest-title {
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .custom-col-slide-ups .insight-sum.longest-title {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 500px) {
  .custom-col-slide-ups .insight-sum.longest-title {
    padding-bottom: 20px;
  }
}

.custom-col-slide-ups .insight-sum .excerpt {
  top: 310px;
  min-height: 312px;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .custom-col-slide-ups .insight-sum .excerpt {
    top: 313px;
  }
}

@media only screen and (max-width: 767px) {
  .custom-col-slide-ups .insight-sum .excerpt {
    top: 0;
    min-height: 0;
    height: 55px;
  }
}

.custom-col-slide-ups .insight-sum .thumbnail {
  min-height: 310px;
}

.custom-col-slide-ups .insight-sum:hover .excerpt {
  top: 0;
}

.custom-col-slide-ups .insight-sum:hover .excerpt .excerpt-summary {
  display: none;
}

@media only screen and (max-width: 767px) {
  .custom-col-slide-ups .learn-more-link.post-excerpt {
    display: none;
  }
}

.custom-col-slide-ups .slide-disabled .block-with-text {
  display: none;
}

.custom-col-slide-ups .slide-disabled .learn-more-link {
  display: none;
}

.custom-col-slide-ups .slide-disabled:hover .excerpt {
  top: 310px;
}

.custom-col-slide-ups .slide-disabled:hover .excerpt.category-paragraph-version {
  top: 260px;
}

.custom-col-slide-ups .slide-disabled:hover .excerpt .excerpt-summary {
  display: block;
}

.custom-col-slide-ups.category-paragraph-version .insight-sum {
  padding-bottom: 110px;
}

@media only screen and (max-width: 1024px) {
  .custom-col-slide-ups.category-paragraph-version .insight-sum {
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 414px) {
  .custom-col-slide-ups.category-paragraph-version .insight-sum {
    padding-bottom: 0;
  }
}

.custom-col-slide-ups.category-paragraph-version .insight-sum.slide-disabled:hover .excerpt {
  top: 210px;
}

.custom-col-slide-ups.category-paragraph-version .thumbnail {
  min-height: 210px;
}

.custom-col-slide-ups.category-paragraph-version .excerpt {
  top: 210px;
  min-height: 320px;
}

@media only screen and (max-width: 767px) {
  .custom-col-slide-ups.category-paragraph-version .excerpt {
    top: 0;
    min-height: 0;
  }
}

@media only screen and (max-width: 414px) {
  .custom-col-slide-ups.category-paragraph-version .excerpt {
    top: 0;
    min-height: 165px;
  }
}

.custom-col-slide-ups.category-paragraph-version .excerpt .category {
  margin: 0 0 10px;
}

.custom-col-slide-ups.category-paragraph-version .excerpt .excerpt-summary {
  opacity: 1;
  visibility: visible;
  font-size: 16px;
  line-height: 1.3em;
}

@media only screen and (max-width: 1024px) {
  .custom-col-slide-ups.category-paragraph-version .excerpt .excerpt-summary {
    font-size: 14px;
    display: block;
  }
}

.custom-col-slide-ups.category-paragraph-version .slide-disabled .learn-more-link {
  display: none;
}

@media only screen and (max-width: 767px) {
  .custom-col-slide-ups.category-paragraph-version .slide-disabled .learn-more-link {
    display: inline-block;
  }
}

.custom-col-slide-ups .btn {
  margin-top: 15px;
}

@media only screen and (max-width: 414px) {
  .custom-col-slide-ups .btn {
    margin-top: 10px;
  }
}

.custom-col-slide-ups.short-version .insight-sum .thumbnail {
  min-height: 150px;
}

.custom-col-slide-ups.short-version .insight-sum .excerpt {
  top: 150px;
  min-height: 150px;
}

@media only screen and (max-width: 1024px) {
  .custom-col-slide-ups.short-version .insight-sum .excerpt {
    top: 155px;
    min-height: 215px;
  }
}

@media only screen and (max-width: 767px) {
  .custom-col-slide-ups.short-version .insight-sum .excerpt {
    top: 0;
    min-height: 0;
  }
}

.custom-col-slide-ups.short-version .insight-sum .excerpt .post-title {
  font-size: 20px;
}

@media only screen and (max-width: 767px) {
  .custom-col-slide-ups.short-version .insight-sum .excerpt .post-title {
    font-size: 17px;
  }
}

.custom-col-slide-ups.short-version .insight-sum .excerpt .block-with-text {
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .custom-col-slide-ups.short-version .insight-sum .excerpt .learn-more-link {
    display: none;
  }
}

.custom-col-slide-ups.short-version .insight-sum.slide-disabled:hover .excerpt {
  top: 150px;
}

.custom-col-slide-ups.short-version .insight-sum.slide-disabled:hover .excerpt .excerpt-summary {
  display: block;
}

.custom-col-slide-ups.short-version .insight-sum.slide-disabled .learn-more-link {
  display: none;
}

.custom-col-slide-ups.short-version .insight-sum:hover .excerpt {
  top: 0;
}

.three-column-component.three-col-slideups .card {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  padding: 0;
  height: 100%;
  overflow: hidden;
  flex-direction: column;
  min-height: 310px;
}

@media only screen and (max-width: 1024px) {
  .three-column-component.three-col-slideups .card {
    min-height: 240px;
  }
}

.three-column-component.three-col-slideups .card.bg-left {
  background-position: center left;
}

.three-column-component.three-col-slideups .card.bg-right {
  background-position: center right;
}

.three-column-component.three-col-slideups .card.bg-center {
  background-position: center center;
}

.three-column-component.three-col-slideups .card.bg-center-top {
  background-position: center top;
}

.three-column-component.three-col-slideups .card.bg-center-bottom {
  background-position: center bottom;
}

.three-column-component.three-col-slideups .card.image-bg-version .flex-center {
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .three-column-component.three-col-slideups .card.image-bg-version {
    min-height: 200px;
  }
}

.three-column-component.three-col-slideups .card.launch-player {
  text-decoration: none;
}

.three-column-component.three-col-slideups .card.launch-player .col-slideup-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.three-column-component.three-col-slideups .card:hover {
  -moz-transform: scale(1.025) perspective(1px);
  -o-transform: scale(1.025) perspective(1px);
  -ms-transform: scale(1.025) perspective(1px);
  -webkit-transform: scale(1.025) perspective(1px);
  transform: scale(1.025) perspective(1px);
}

.three-column-component.three-col-slideups .card:hover .col-slideup-content {
  top: 0;
}

.three-column-component.three-col-slideups .card .play-btn {
  align-self: center;
  position: relative;
  width: 30%;
  max-width: 100px;
}

.three-column-component.three-col-slideups .col-slideup-content {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  width: 100%;
  height: 100%;
  padding: 20px 15px;
  position: absolute;
  top: 100%;
}

.three-column-component.three-col-slideups .post-title {
  font-size: 21px;
  font-weight: 300;
  margin: 15px 15px 10px;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .three-column-component.three-col-slideups .post-title {
    font-size: 17px;
  }
}

.three-column-component.three-col-slideups .post-copy {
  margin: 0 15px 15px;
}

@media only screen and (max-width: 1024px) {
  .three-column-component.three-col-slideups .post-copy {
    font-size: 16px;
  }
}

.three-column-component.three-col-slideups .block-with-text {
  font-size: 16px;
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .three-column-component.three-col-slideups .block-with-text {
    font-size: 14px;
  }
}

@media only screen and (max-width: 500px) {
  .three-column-component.three-col-slideups .block-with-text {
    font-size: 13px;
    line-height: 1.3em;
  }
}

.three-column-component.three-col-slideups .block-with-text .post-title {
  margin: 0 0 5px;
}

.three-column-component.three-col-slideups .block-with-text a {
  color: #2343B8;
}

.three-column-component.three-col-slideups .cta-link {
  margin-top: 15px;
}

.stand-alone-social {
  width: 100%;
  max-width: 250px;
  margin: 10px auto 15px;
}

.stand-alone-social .social {
  display: flex;
  float: none;
  padding: 0;
  margin: 0;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}

.stand-alone-social .social li {
  list-style: none;
}

.stand-alone-social .social a {
  display: block;
  border: 2px solid #000000;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  padding: 8px;
}

.stand-alone-social .social a:hover {
  background: #000000;
}

.stand-alone-social .social a:hover .social-icon {
  fill: #ffffff;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.stand-alone-social .social .social-icon {
  display: block;
  width: 20px;
  height: 20px;
}

.two-col-video .video-column {
  padding: 0;
}

.two-col-video .video-column .split-content {
  margin: 0;
  padding: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: none;
}

@media only screen and (max-width: 1024px) {
  .two-col-video .video-column .split-content {
    top: 0;
    left: 0;
    transform: none;
  }
}

.box-content-over-background .cell {
  height: auto;
  min-height: 310px;
}

@media only screen and (max-width: 1239px) {
  .box-content-over-background .cell {
    min-height: auto;
  }
}

.box-content-over-background .cell .block .category {
  font-size: 14px;
}

.box-content-over-background .cell-cta {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center, top;
  background-size: cover;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.box-content-over-background .cell-cta:before {
  background-color: rgba(0, 0, 0, 0.5);
}

.box-content-over-background .cell-cta:hover {
  -moz-transform: scale(1.025) perspective(1px);
  -o-transform: scale(1.025) perspective(1px);
  -ms-transform: scale(1.025) perspective(1px);
  -webkit-transform: scale(1.025) perspective(1px);
  transform: scale(1.025) perspective(1px);
}

.kaltura-banner {
  position: relative;
  background-color: #FFFFFF;
  z-index: 5;
}

.kaltura-banner-content {
  position: relative;
  height: 450px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 1024px) {
  .kaltura-banner-content {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .kaltura-banner-content {
    height: 280px;
  }
}

@media only screen and (max-width: 500px) {
  .kaltura-banner-content {
    height: 230px;
  }
}

@media only screen and (max-width: 414px) {
  .kaltura-banner-content {
    height: 195px;
  }
}

.kaltura-banner-content .container {
  position: relative;
  width: 100%;
}

.kaltura-banner-content .comp-title {
  margin: 0 0 0.45em;
  font-weight: 300;
  font-size: 54px;
}

@media only screen and (max-width: 1239px) {
  .kaltura-banner-content .comp-title {
    font-size: 45px;
  }
}

@media only screen and (max-width: 1024px) {
  .kaltura-banner-content .comp-title {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .kaltura-banner-content .comp-title {
    font-size: 35px;
  }
}

@media only screen and (max-width: 500px) {
  .kaltura-banner-content .comp-title {
    font-size: 25px;
  }
}

@media only screen and (max-width: 414px) {
  .kaltura-banner-content .comp-title {
    font-size: 21px;
  }
}

.kaltura-banner-content .comp-subtitle {
  max-width: 45%;
  font-size: 25px;
  line-height: 1.1em;
}

@media only screen and (max-width: 1239px) {
  .kaltura-banner-content .comp-subtitle {
    font-size: 21px;
  }
}

@media only screen and (max-width: 1024px) {
  .kaltura-banner-content .comp-subtitle {
    font-size: 18px;
    max-width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .kaltura-banner-content .comp-subtitle {
    font-size: 20px;
  }
}

@media only screen and (max-width: 500px) {
  .kaltura-banner-content .comp-subtitle {
    width: 100%;
    font-size: 16px;
  }
}

@media only screen and (max-width: 414px) {
  .kaltura-banner-content .comp-subtitle {
    font-size: 15px;
  }
}

.kaltura-banner-content .half-btn-container,
.kaltura-banner-content .btn-container {
  margin-top: 0;
  width: 100%;
  max-width: 285px;
}

.kaltura-banner-content .play-triangle {
  background: #00C298;
  background: -moz-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  background: -webkit-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  background: -o-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  background: -ms-linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  background: linear-gradient(45deg, #00C298 0%, #2343B8 100%);
  width: 30px;
  height: 30px;
  padding: 8px 0px 8px 2px;
  border-radius: 15px;
  margin-left: 10px;
}

@media only screen and (max-width: 1239px) {
  .kaltura-banner-content .play-triangle {
    width: 25px;
    height: 25px;
    padding: 8px 0px 8px 2px;
  }
}

@media only screen and (max-width: 767px) {
  .kaltura-banner-content .play-triangle {
    width: 20px;
    height: 20px;
    padding: 6px 0px 6px 2px;
    border-radius: 12px;
  }
}

.kaltura-banner-video {
  position: absolute;
  top: -200%;
  left: 0;
  width: 100%;
  -webkit-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.kaltura-banner-video div, .kaltura-banner-video iframe {
  width: 100%;
  height: 100%;
}

.kaltura-banner-video .kaltura-close {
  background-color: #000000;
  position: absolute;
  top: 2px;
  right: 0px;
  padding: 5px;
}

.kaltura-banner-video .kaltura-close svg {
  fill: #FFFFFF;
  width: 15px;
  height: 15px;
}

.icon-info {
  display: none;
}

.smoke-bg {
  background-color: #343642;
  color: #FFFFFF;
}

.smoke-bg + .smoke-bg {
  padding-top: 0;
}

/* Brand colors */
.brand-colors .color-card {
  border-radius: 50%;
  height: 75px;
  margin: 0 auto 20px auto;
  width: 75px;
}

/* typography example */
.typography-example {
  text-align: center;
  word-break: break-all;
  padding: 50px 30px;
}

.typography-example span {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2em;
}

@media only screen and (max-width: 1360px) {
  .typography-example span {
    font-size: 28px;
  }
}

@media only screen and (max-width: 1024px) {
  .typography-example span {
    font-size: 22px;
  }
}

@media only screen and (max-width: 1024px) {
  .typography-example span {
    font-size: 16px;
  }
}

.typography-example div {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 60px;
  line-height: 1.13em;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 1360px) {
  .typography-example div {
    font-size: 42px;
  }
}

@media only screen and (max-width: 1024px) {
  .typography-example div {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .typography-example div {
    font-size: 22px;
  }
}

.typography-example .thin {
  font-weight: 200;
}

.typography-example .light {
  font-weight: 300;
}

.typography-example .medium {
  font-weight: 500;
}

/* promotional items grid */
.promotional-items .card {
  padding: 0;
  height: 300px;
  position: relative;
}

.promotional-items .card img {
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* promotional items do's and dont's */
.promotional-guidelines {
  padding: 50px 130px;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .promotional-guidelines {
    padding: 50px 10%;
  }
}

.promotional-guidelines img {
  display: inline-block;
  margin: 25px 0;
}

.promotional-guidelines p a, .promotional-guidelines li a {
  color: #9AACE8;
  text-decoration: underline;
}

.promotional-guidelines p {
  font-size: 18px;
  margin: 25px 0;
}

.promotional-guidelines ul {
  padding: 0;
  text-align: left;
}

@media only screen and (min-width: 1025px) {
  .promotional-guidelines ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

.promotional-guidelines li {
  list-style: none;
  padding-left: 15px;
  margin-bottom: 15px;
  position: relative;
  font-size: 18px;
}

@media only screen and (min-width: 1025px) {
  .promotional-guidelines li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}

.promotional-guidelines li:before {
  content: '»';
  position: absolute;
  top: 0;
  left: 0;
}

/* Features with overview */
.features .wrap {
  max-width: 906px;
  padding: 0 15px;
  margin: 0 auto;
}

.features .wrap p {
  margin: 0 0 30px;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
}

@media only screen and (max-width: 1239px) {
  .features .wrap p {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.35em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 1024px) {
  .features .wrap p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 767px) {
  .features .wrap p {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 500px) {
  .features .wrap p {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.features .wrap p.thin {
  font-weight: 200;
}

.features .overview-component {
  position: relative;
  padding: 0;
}

.image-tile.short {
  min-height: 415px;
}

@media only screen and (max-width: 1599px) {
  .image-tile.short {
    min-height: 350px;
  }
}

@media only screen and (max-width: 1239px) {
  .image-tile.short {
    min-height: 300px;
  }
}

@media only screen and (max-width: 1024px) {
  .image-tile.short {
    min-height: 250px;
  }
}

@media only screen and (max-width: 767px) {
  .image-tile.short {
    min-height: 150px;
  }
}

.ip-enthernet-layout {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ip-enthernet-layout *,
.ip-enthernet-layout *:before,
.ip-enthernet-layout *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ip-enthernet-layout strong {
  font-weight: 700;
}

.ip-enthernet-layout img {
  vertical-align: middle;
  max-width: 100%;
}

.ip-enthernet-layout a {
  text-decoration: none;
}

.ip-enthernet-layout h6 {
  margin: 0;
}

.ip-enthernet-layout h5 {
  margin: 0;
}

.ip-enthernet-layout h4 {
  margin: 0;
}

.ip-enthernet-layout h3 {
  margin: 0;
}

.ip-enthernet-layout h2 {
  margin: 0;
}

.ip-enthernet-layout h1 {
  margin: 0;
}

.ip-enthernet-layout p {
  margin: 0;
}

.ip-enthernet-layout .text-center {
  text-align: center;
}

.ip-enthernet-layout .mb-0 {
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  .ip-enthernet-layout .hide-xs {
    display: none;
  }
}

.ip-enthernet-layout .show-xs {
  display: none;
}

@media (max-width: 767px) {
  .ip-enthernet-layout .show-xs {
    display: block;
  }
}

.ip-enthernet-layout {
  line-height: 1.4;
  letter-spacing: normal;
}

.ip-enthernet-layout,
.ip-enthernet-layout p,
.ip-enthernet-layout li {
  font-size: 24px;
}

@media (max-width: 1720px) {
  .ip-enthernet-layout,
  .ip-enthernet-layout p,
  .ip-enthernet-layout li {
    font-size: 1.25vw;
  }
}

@media (max-width: 767px) {
  .ip-enthernet-layout,
  .ip-enthernet-layout p,
  .ip-enthernet-layout li {
    font-size: 18px;
  }
}

.ip-enthernet-layout p:not(:last-child) {
  margin-bottom: 1.2em;
}

.ip-enthernet-layout h1 {
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 0.8em;
  font-size: 63px;
}

@media (max-width: 1720px) {
  .ip-enthernet-layout h1 {
    font-size: 3.281vw;
  }
}

@media (max-width: 767px) {
  .ip-enthernet-layout h1 {
    font-size: 22px;
  }
}

.ip-enthernet-layout h2 {
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.8em;
  font-size: 40px;
}

@media (max-width: 1720px) {
  .ip-enthernet-layout h2 {
    font-size: 2.083vw;
  }
}

@media (max-width: 767px) {
  .ip-enthernet-layout h2 {
    font-size: 22px;
  }
}

.ip-enthernet-layout .item-title {
  margin-bottom: 0.8em;
  font-size: 21px;
}

@media (max-width: 1720px) {
  .ip-enthernet-layout .item-title {
    font-size: 1.094vw;
  }
}

@media (max-width: 767px) {
  .ip-enthernet-layout .item-title {
    font-size: 18px;
  }
}

.ip-enthernet-layout .text-sm {
  font-size: 18px;
}

@media (max-width: 1720px) {
  .ip-enthernet-layout .text-sm {
    font-size: 0.938vw;
  }
}

@media (max-width: 767px) {
  .ip-enthernet-layout .text-sm {
    font-size: 16px;
  }
}

.ip-enthernet-layout .section-navigation {
  width: 100%;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 7.135vw;
  position: absolute;
  bottom: 0;
}

@media (max-width: 1720px) {
  .ip-enthernet-layout .section-navigation {
    font-size: 0.938vw;
  }
}

@media (max-width: 767px) {
  .ip-enthernet-layout .section-navigation {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .ip-enthernet-layout .section-navigation {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
  }
}

.ip-enthernet-layout .section-navigation--link {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.4em 1.4em;
  margin-left: 0.3em;
  margin-right: 0.3em;
  color: #4a4c59;
  position: relative;
  min-width: 20vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

@media (max-width: 767px) {
  .ip-enthernet-layout .section-navigation--link {
    width: 100%;
    margin: 0.5em 0;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
  }
}

.ip-enthernet-layout .section-navigation--link:before, .ip-enthernet-layout .section-navigation--link:after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.ip-enthernet-layout .section-navigation--link:before {
  content: '';
  width: 8px;
  height: 100%;
  background-color: #282a36;
  display: block;
  position: absolute;
  left: 0;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.ip-enthernet-layout .section-navigation--link:after {
  content: '>';
  right: 1.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ip-enthernet-layout .section-navigation--link span {
  position: relative;
}

.ip-enthernet-layout .section-navigation .simplify-the-network:before {
  background-color: #800a68;
}

.ip-enthernet-layout .section-navigation .simplify-the-network:after {
  color: #800a68;
}

.ip-enthernet-layout .section-navigation .learn-from-successful:before {
  background-color: #2343B8;
}

.ip-enthernet-layout .section-navigation .learn-from-successful:after {
  color: #2343B8;
}

.ip-enthernet-layout .section-navigation .keep-traffic-flowing:before {
  background-color: #00bc94;
}

.ip-enthernet-layout .section-navigation .keep-traffic-flowing:after {
  color: #00bc94;
}

.ip-enthernet-layout .section-navigation .a-better-way:before {
  background-color: #f47f0c;
}

.ip-enthernet-layout .section-navigation .a-better-way:after {
  color: #f47f0c;
}

@media (min-width: 767px) {
  .ip-enthernet-layout .section-navigation.sticky {
    position: fixed;
    top: 0;
    left: 0;
    bottom: auto;
    z-index: 100;
    background-color: #4a4c59;
    padding: 15px;
  }
  .ip-enthernet-layout .section-navigation.sticky .section-navigation--link.active:before {
    width: 100%;
  }
  .ip-enthernet-layout .section-navigation.sticky .section-navigation--link.active span {
    color: #fff;
  }
  .ip-enthernet-layout .section-navigation.sticky .section-navigation--link.active:after {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.ip-enthernet-layout .btn-ipent {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 30px;
  text-align: center;
  text-decoration: none;
  min-width: 120px;
  position: relative;
  margin: 5px 10px 5px 0;
  -webkit-appearance: none;
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  background: #2343B8;
  color: #fff;
}

@media (max-width: 1720px) {
  .ip-enthernet-layout .btn-ipent {
    font-size: 0.938vw;
  }
}

@media (max-width: 767px) {
  .ip-enthernet-layout .btn-ipent {
    font-size: 16px;
  }
}

.ip-enthernet-layout .btn-ipent:hover {
  background-color: #203ea7;
}

.ip-enthernet-layout .btn-ipent.btn-ipent-outline {
  background-color: transparent;
  border-color: #fff;
}

.ip-enthernet-layout .btn-ipent.btn-ipent-outline:hover {
  background-color: #fff;
  color: #2343B8;
}

.ip-enthernet-layout a.readmore {
  font-size: 1rem;
  font-weight: 600;
  margin-top: 0.8em;
}

.ip-enthernet-layout a.readmore span {
  pointer-events: none;
}

.ip-enthernet-layout a.readmore span.white-caret {
  background-image: url(/__data/assets/image/0019/6643/prx-white-caret.png?v=0.0.1);
}

.ip-enthernet-layout a.readmore span:last-child {
  background-image: url("/__data/assets/image/0019/6643/prx-white-caret.png?v=0.0.1");
  background-repeat: no-repeat;
  background-position: 0px 10px;
  display: inline-block;
  height: 20px;
  width: 10px;
  margin-left: 0.3em;
}

.ip-enthernet-layout {
  font-family: "aktiv-grotesk", "Helvetica", "arial", sans-serif;
  font-weight: 300;
  background-color: #fff;
  overflow: hidden;
}

.ip-enthernet-layout,
.ip-enthernet-layout a {
  color: #fff;
}

.ip-enthernet-layout #take-a-new-approach {
  background-color: #e4e5e7;
  color: #282a36;
}

.ip-enthernet-layout #take-a-new-approach h1 {
  color: #c71a20;
}

.ip-enthernet-layout #take-a-new-approach a.readmore {
  color: #282a36;
}

@media (max-width: 767px) {
  .ip-enthernet-layout #take-a-new-approach .section-image img {
    margin-left: 28vw;
  }
}

.ip-enthernet-layout #take-a-new-approach a.readmore span:last-child {
  -webkit-filter: invert(1);
  filter: invert(1);
}

@media (max-width: 767px) {
  .ip-enthernet-layout #take-a-new-approach .section-text-xs span {
    display: block;
    font-weight: bold;
    margin-bottom: 0.5em;
  }
}

@media (max-width: 375px) {
  .ip-enthernet-layout #take-a-new-approach .section-text-xs h1 {
    font-size: 5vw;
  }
}

.ip-enthernet-layout .ipent-section {
  position: relative;
}

@media (max-width: 767px) {
  .ip-enthernet-layout .ipent-section {
    padding-left: 7.246vw;
    padding-right: 7.246vw;
  }
}

.ip-enthernet-layout .ipent-section:not(:last-child) {
  margin-bottom: 4vw;
}

@media (max-width: 767px) {
  .ip-enthernet-layout .ipent-section:not(:last-child) {
    margin-bottom: 0;
  }
}

.ip-enthernet-layout .section-text {
  width: 45%;
  padding-left: 3vw;
  padding-top: 10vw;
  padding-bottom: 10vw;
  position: absolute;
  top: 0;
  padding-right: 30px;
}

@media (max-width: 767px) {
  .ip-enthernet-layout .section-text {
    width: 100%;
    position: relative;
    padding: 6.763vw 0;
  }
  .ip-enthernet-layout .section-text h1 {
    max-width: 50%;
  }
  .ip-enthernet-layout .section-text h1 span {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
  }
}

.ip-enthernet-layout .section-text ul {
  margin: 0 0 1.2em;
  padding: 0 0 0 0.8em;
}

@media (max-width: 767px) {
  .ip-enthernet-layout .section-text-xs {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    z-index: 2;
  }
  .ip-enthernet-layout .section-text-xs h1 {
    margin-bottom: 0;
  }
}

.ip-enthernet-layout .section-image {
  width: 56.3%;
  text-align: right;
  position: relative;
  margin-left: auto;
}

@media (max-width: 767px) {
  .ip-enthernet-layout .section-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .ip-enthernet-layout .section-image img {
    position: relative;
    margin-left: 7.246vw;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
}

.ip-enthernet-layout #simplify-the-network {
  background-color: #800a68;
}

.ip-enthernet-layout #simplify-the-network .section-image {
  margin-right: 0.8%;
}

@media (max-width: 767px) {
  .ip-enthernet-layout #simplify-the-network {
    padding-bottom: 45vw;
  }
  .ip-enthernet-layout #simplify-the-network .section-image {
    margin-right: 0;
  }
}

.ip-enthernet-layout #learn-from-successful {
  background-color: #2343B8;
}

@media (max-width: 767px) {
  .ip-enthernet-layout #learn-from-successful .section-image img {
    margin-left: 32.246vw;
  }
}

.ip-enthernet-layout #keep-traffic-flowing {
  background-color: #00bc94;
}

.ip-enthernet-layout #keep-traffic-flowing .section-image {
  margin-right: -1.2%;
}

.ip-enthernet-layout #keep-traffic-flowing .section-image {
  margin-right: -1.2%;
}

@media (max-width: 767px) {
  .ip-enthernet-layout #keep-traffic-flowing .section-image {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .ip-enthernet-layout #keep-traffic-flowing .section-image img {
    margin-left: 13.246vw;
  }
}

.ip-enthernet-layout #a-better-way {
  background-color: #282a36;
  color: #fff;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .ip-enthernet-layout #a-better-way img {
    max-width: 174%;
    margin-left: -50.246vw;
  }
}

.ip-enthernet-layout #a-better-way .section-image {
  width: 100%;
}

.ip-enthernet-layout #a-better-way .section-text-xs h1 {
  font-size: 4.067vw;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 6vw;
}

.ip-enthernet-layout #ip-enthernet-articles {
  background-color: #e4e5e7;
}

.ip-enthernet-layout #learn-from-successful .section-text,
.ip-enthernet-layout #keep-traffic-flowing .section-text {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .ip-enthernet-layout #learn-from-successful .section-text,
  .ip-enthernet-layout #keep-traffic-flowing .section-text {
    padding: 6.763vw 0;
  }
}

.ip-enthernet-layout #learn-from-successful .btn-ipent,
.ip-enthernet-layout #keep-traffic-flowing .btn-ipent {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.ip-enthernet-layout .ipent-article-section {
  position: relative;
  z-index: 2;
  margin-top: -20vw;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: calc(4vw - 7.5px);
}

@media (max-width: 767px) {
  .ip-enthernet-layout .ipent-article-section {
    margin-top: -50vw;
    max-width: 100%;
    padding-left: 7.246vw;
    padding-right: 7.246vw;
  }
}

.ip-enthernet-layout .ipent-article-section .articles-grid {
  margin-top: 3vw;
}

.ip-enthernet-layout .articles-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.ip-enthernet-layout .articles-grid--item {
  padding: 7.5px;
  width: 25%;
  position: relative;
}

@media (max-width: 767px) {
  .ip-enthernet-layout .articles-grid--item {
    width: 100%;
  }
}

.ip-enthernet-layout .articles-grid--item:first-child a {
  background: linear-gradient(45deg, #05ae9d 0%, #3555a2 100%);
}

.ip-enthernet-layout .articles-grid--item:first-child a:after {
  background-image: url("/__data/assets/image/0020/6644/wave-green.png?v=0.0.1");
}

.ip-enthernet-layout .articles-grid--item:nth-child(2) a {
  background: linear-gradient(45deg, #ee7614 0%, #d82423 100%);
}

.ip-enthernet-layout .articles-grid--item:nth-child(2) a:after {
  background-image: url("/__data/assets/image/0021/6645/wave-orange.png?v=0.0.1");
}

.ip-enthernet-layout .articles-grid--item:nth-child(3) a {
  background: linear-gradient(45deg, #3652a0 0%, #752272 100%);
}

.ip-enthernet-layout .articles-grid--item:nth-child(3) a:after {
  background-image: url("/__data/assets/image/0022/6646/wave-purple.png?v=0.0.1");
}

.ip-enthernet-layout .articles-grid--item:nth-child(4) a {
  background: linear-gradient(45deg, #d31924 0%, #800a68 100%);
}

.ip-enthernet-layout .articles-grid--item:nth-child(4) a:after {
  background-image: url("mysource_files/wave-red.png");
}

.ip-enthernet-layout .articles-grid a {
  display: block;
  padding: 1.25em;
  color: #fff;
  height: 15.469vw;
  text-decoration: none;
}

@media (max-width: 767px) {
  .ip-enthernet-layout .articles-grid a {
    height: auto;
    padding-bottom: 21vw;
  }
}

.ip-enthernet-layout .articles-grid a:after {
  content: '';
  width: calc(100% - 7.5px);
  height: calc(100% - 7.5px);
  top: 0;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 35%;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (max-width: 767px) {
  .ip-enthernet-layout .articles-grid a:after {
    background-size: 25%;
  }
}

.ip-enthernet-layout .articles-grid .item-title,
.ip-enthernet-layout .articles-grid p {
  position: relative;
  z-index: 2;
}

.ip-enthernet-layout .articles-grid .item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ip-enthernet-layout .articles-grid .item-title:before {
  content: '';
  display: block;
  background-image: url("/__data/assets/image/0023/6647/prx-cat-icon.png?v=0.0.1");
  background-repeat: no-repeat;
  width: 1.3em;
  height: 1.3em;
  margin-right: 0.8em;
}

/* === Boilerplate bottom === */
.vertical-container {
  font-size: 0;
  height: 100%;
}

.vertical-container:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.vertical-center {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.hidden {
  display: none !important;
}

.show {
  display: block !important;
}

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

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

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

.clearfix:after {
  clear: both;
}

@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* === End Boilerplate === */
.hero-banner.an-story-hero .category {
  font-size: 15px;
}

@media only screen and (max-width: 1239px) {
  .hero-banner.an-story-hero .category {
    font-size: 13px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.an-story-hero .category {
    font-size: 10px;
  }
}

.hero-banner.an-story-hero .model {
  font-size: 68px;
}

@media only screen and (max-width: 1360px) {
  .hero-banner.an-story-hero .model {
    font-size: 58px;
  }
}

@media only screen and (max-width: 1239px) {
  .hero-banner.an-story-hero .model {
    font-size: 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.an-story-hero .model {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner.an-story-hero .model {
    font-size: 25px;
  }
}

@media only screen and (max-width: 500px) {
  .hero-banner.an-story-hero .model {
    font-size: 20px;
  }
}

@media only screen and (max-width: 414px) {
  .hero-banner.an-story-hero .model {
    font-size: 18px;
  }
}

.hero-banner.an-story-hero .sub-text {
  font-weight: 100;
  font-size: 30px;
  line-height: 1.2em;
  margin: 25px 0;
}

@media only screen and (max-width: 1360px) {
  .hero-banner.an-story-hero .sub-text {
    font-size: 26px;
  }
}

@media only screen and (max-width: 1152px) {
  .hero-banner.an-story-hero .sub-text {
    font-size: 24px;
    margin: 15px 0;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.an-story-hero .sub-text {
    font-size: 20px;
    font-weight: 200;
  }
}

@media only screen and (max-width: 767px) {
  .hero-banner.an-story-hero .sub-text {
    font-size: 15px;
    margin: 10px 0;
  }
}

@media only screen and (max-width: 500px) {
  .hero-banner.an-story-hero .sub-text {
    font-size: 14px;
    margin: 5px 0;
  }
}

@media only screen and (max-width: 414px) {
  .hero-banner.an-story-hero .sub-text {
    font-size: 12px;
    margin: 5px 0;
  }
}

.hero-banner.an-story-hero .sub-text strong {
  font-weight: 500;
}

@media only screen and (max-width: 1152px) {
  .hero-banner.an-story-hero .btn-container {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.an-story-hero .btn-container {
    margin-top: 10px;
  }
}

.hero-banner.an-story-hero .btn {
  font-size: 20px;
}

@media only screen and (max-width: 1239px) {
  .hero-banner.an-story-hero .btn {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1152px) {
  .hero-banner.an-story-hero .btn {
    font-size: 15px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-banner.an-story-hero .btn {
    padding: 10px 20px;
  }
}

.wrapper {
  width: 100%;
  height: 100vh;
  z-index: 10000;
  overflow: hidden;
  perspective: 1000;
}

@media only screen and (max-width: 1024px) {
  .wrapper {
    height: unset;
  }
}

.wrapper .scrollmagic-pin-spacer {
  width: 100% !important;
}

.slider-text {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #FFFFFF;
  width: 50%;
  padding: 7% 5%;
}

.slider-text a {
  color: #FFFFFF;
}

.slider-text .btn {
  font-size: 20px;
}

@media only screen and (max-width: 1239px) {
  .slider-text .btn {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1152px) {
  .slider-text .btn {
    font-size: 15px;
  }
}

.story-text {
  position: absolute;
  bottom: 0px;
  left: 0px;
  color: #FFFFFF;
  width: 50%;
  padding: 0% 5%;
}

.story-text a {
  color: #FFFFFF;
}

.story-text .btn {
  font-size: 20px;
}

@media only screen and (max-width: 1239px) {
  .story-text .btn {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1152px) {
  .story-text .btn {
    font-size: 15px;
  }
}

.slider-title,
.story-title {
  font-weight: 300;
  font-size: 42px;
  line-height: 1.12em;
}

@media only screen and (max-width: 1360px) {
  .slider-title,
  .story-title {
    font-size: 34px;
  }
}

@media only screen and (max-width: 1239px) {
  .slider-title,
  .story-title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .slider-title,
  .story-title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-title,
  .story-title {
    font-size: 26px;
  }
}

@media (max-width: 1599px) and (max-height: 600px) {
  .slider-title,
  .story-title {
    margin: 0 0 30px;
  }
}

@media (max-width: 1360px) and (max-height: 600px) {
  .slider-title,
  .story-title {
    margin: 0 0 30px;
  }
}

@media (max-width: 1152px) and (max-height: 600px) {
  .slider-title,
  .story-title {
    margin: 0 0 10px;
  }
}

@media (max-width: 1024px) and (max-height: 600px) {
  .slider-title,
  .story-title {
    margin: 30px 0 10px;
  }
}

.slider-subtitle,
.story-subtitle {
  font-size: 20px;
  font-weight: 200;
  line-height: 1.2em;
  margin: 15px 0;
}

@media only screen and (max-width: 1360px) {
  .slider-subtitle,
  .story-subtitle {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1024px) {
  .slider-subtitle,
  .story-subtitle {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .slider-subtitle,
  .story-subtitle {
    font-size: 14px;
  }
}

@media screen and (max-height: 600px) {
  .slider-subtitle,
  .story-subtitle {
    font-size: 17px;
  }
}

@media screen and (max-height: 500px) {
  .slider-subtitle,
  .story-subtitle {
    font-size: 15px;
  }
}

.section {
  position: relative;
  height: 100%;
  float: left;
  background-size: cover;
}

@media only screen and (max-width: 1024px) {
  .section {
    float: unset;
  }
}

.sections {
  height: 100vh;
}

@media only screen and (max-width: 1024px) {
  .sections {
    height: unset;
  }
}

.section.bg-left {
  background-position: center left;
}

.story {
  height: 100%;
  background-size: cover;
  position: relative;
}

.story.bg-left {
  background-position: center left;
}

.slider-nav-container {
  position: absolute;
  bottom: 0px;
  height: 75px;
  width: 100%;
  background-color: #000;
}

@media only screen and (max-width: 1024px) {
  .slider-nav-container {
    display: none;
  }
}

.slider-nav-container .pagination-container {
  position: relative;
  height: 100%;
  width: 150px;
  left: 30px;
  float: left;
}

.slider-nav-container .pagination-container .pagination-dot-container {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.slider-nav-container .pagination-container .pagination-dot-container .dot {
  width: 10px;
  height: 10px;
  margin-left: 10px;
  background-color: #545868;
  display: inline-block;
  border-radius: 5px;
  transition: .25s all;
}

.slider-nav-container .pagination-container .pagination-dot-container .dot.selected {
  background-color: #FFFFFF;
  width: 13px;
  height: 13px;
  border-radius: 9px;
}

.slider-nav-container .btn-container {
  margin: 10px 30px 0 0;
  float: left;
}

.slider-nav-container .btn {
  padding: 9px 20px 9px 30px;
}

.slider-nav-container .btn:hover .down-arrow {
  fill: #2343B8;
}

.slider-nav-container .down-arrow {
  width: 20px;
  height: 20px;
  fill: #FFFFFF;
  margin-left: 9px;
}

@media only screen and (max-width: 1024px) {
  .story-bar {
    padding: 5px 0;
  }
}

.story-bar.dark-gray-bg {
  background: #DBDCDD;
}

.story-bar .gray-bg {
  background: #EEEEEF;
}

.story-bar .story-item {
  display: block;
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  margin: 10px 0;
  text-decoration: none;
}

@media only screen and (max-width: 1152px) {
  .story-bar .story-item {
    height: 136px;
  }
}

@media only screen and (max-width: 1024px) {
  .story-bar .story-item {
    margin: 5px 0;
  }
}

@media only screen and (max-width: 768px) {
  .story-bar .story-item {
    height: 100%;
  }
}

.story-bar .story-item .story-color {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.story-bar .story-item.active .story-color,
.story-bar .story-item:hover .story-color {
  opacity: .75;
}

.story-bar .story-item .story-title {
  position: relative;
  padding: 40px 0;
  color: #FFFFFF;
  text-align: center;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
}

@media only screen and (max-width: 1239px) {
  .story-bar .story-item .story-title {
    font-weight: 400;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 1152px) {
  .story-bar .story-item .story-title {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0;
    transform: translate(-50%, -50%);
    width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  .story-bar .story-item .story-title {
    padding: 30px 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 768px) {
  .story-bar .story-item .story-title {
    padding: 20px 0;
    position: static;
    top: 0;
    left: 0;
    transform: translate(0);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.spacer {
  height: 25vh;
}

@media only screen and (max-width: 1024px) {
  .spacer {
    height: auto;
  }
}

.mid-spacer {
  height: 12vh;
}

@media only screen and (max-width: 1024px) {
  .mid-spacer {
    height: auto;
  }
}

.quarter-spacer {
  height: 6vh;
}

@media only screen and (max-width: 1024px) {
  .quarter-spacer {
    height: auto;
  }
}

.panel {
  height: 100%;
  width: 100%;
}

.panel.green {
  margin-bottom: 400px;
}

.pinned-slides {
  position: relative;
  background: #000;
}

.slide-wrapper {
  position: relative;
}

.slide-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 1024px) {
  .slide-bg {
    display: none !important;
  }
}

.slide-bg.inactive {
  display: none;
}

.slide-bg.fixed {
  position: fixed;
}

.slide-bg.ended {
  position: absolute;
  top: auto;
  bottom: 0;
}

.slide-bg.absolute {
  position: absolute;
}

.slide-bg.bg-position-center {
  background-position: center;
}

.slide-bg.full-scale {
  transform: scale(1) !important;
}

.pinned-slide {
  color: #fff;
  position: relative;
  height: 115vh;
  z-index: 100;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right;
  background-image: none;
}

@media only screen and (max-width: 1024px) {
  .pinned-slide {
    height: auto;
    background-attachment: initial;
    padding: 5% 0;
  }
}

@media only screen and (max-width: 1024px) {
  .pinned-slide {
    padding: 7% 0;
    background-position: right;
    border-bottom: 1px solid #fff;
  }
}

@media only screen and (max-width: 1024px) {
  .pinned-slide#pinned-slide1 {
    background-image: url(/__data/assets/image/0024/6648/prx-city.jpeg?v=0.0.1);
  }
}

@media only screen and (max-width: 1024px) {
  .pinned-slide#pinned-slide2 {
    background-image: url(/__data/assets/image/0025/6649/prx-mtns-highway.jpeg?v=0.0.1);
  }
}

@media only screen and (max-width: 1024px) {
  .pinned-slide#pinned-slide3 {
    background-image: url(/__data/assets/image/0017/6650/prx-trash-cans.jpeg?v=0.0.1);
  }
}

@media only screen and (max-width: 1024px) {
  .pinned-slide#pinned-slide4 {
    background-image: url(/__data/assets/image/0018/6651/prx-solar.jpeg?v=0.0.1);
  }
}

@media only screen and (max-width: 1024px) {
  .pinned-slide#pinned-slide5 {
    background-image: url(/__data/assets/image/0019/6652/prx-bike-racer-1440x728-v2.jpeg?v=0.0.1);
  }
}

@media only screen and (max-width: 1024px) {
  .pinned-slide#pinned-slide6 {
    background-image: url(/__data/assets/image/0020/6653/prx-swimmer-1440x728-v3.jpeg?v=0.0.1);
  }
}

@media only screen and (max-width: 1024px) {
  .pinned-slide#pinned-slide7 {
    background-image: url(/__data/assets/image/0021/6654/prx-concert-lights.jpeg?v=0.0.1);
  }
}

@media only screen and (max-width: 1024px) {
  .pinned-slide#pinned-slide8 {
    background-image: url(/__data/assets/image/0022/6655/prx-concert-foot.jpeg?v=0.0.1);
  }
}

@media only screen and (max-width: 1024px) {
  .pinned-slide#pinned-slide9 {
    background-image: url(/__data/assets/image/0023/6656/prx-concert-soundboard.jpeg?v=0.0.1);
  }
}

@media only screen and (max-width: 1024px) {
  .pinned-slide#pinned-slide10 {
    background-image: url(/__data/assets/image/0021/6663/prx-zombies-tv-popcorn.jpeg?v=0.0.1);
  }
}

@media only screen and (max-width: 1024px) {
  .pinned-slide#pinned-slide11 {
    background-image: url(/__data/assets/image/0027/6678/prx-zombies-tablet-darker.png?v=0.0.1);
  }
}

@media only screen and (max-width: 1024px) {
  .pinned-slide#pinned-slide12 {
    background-image: url(/__data/assets/image/0026/6695/prx-zombies-sword-darker.png?v=0.0.1);
  }
}

.pinned-slide .pin-content-bg {
  background-color: #1c1e2a;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  z-index: 1;
}

@media only screen and (max-width: 1024px) {
  .pinned-slide .pin-content-bg {
    width: 100%;
    opacity: 0.6;
  }
}

@media (max-width: 1152px) and (max-height: 600px) {
  .pinned-slide .pin-content-bg {
    width: 50%;
  }
}

.pinned-slide .pin-content {
  width: 45%;
  padding: 0 40px;
  position: relative;
  z-index: 10;
}

@media only screen and (max-width: 1024px) {
  .pinned-slide .pin-content {
    width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .pinned-slide .pin-content {
    width: 100%;
    padding: 0 5%;
  }
}

@media (max-width: 1152px) and (max-height: 600px) {
  .pinned-slide .pin-content {
    padding: 0 30px;
  }
}

.pinned-slide .pin-content:last-child {
  bottom: 5%;
}

@media only screen and (max-width: 500px) {
  .pinned-slide .pin-content .btn-container {
    margin-top: 20px;
  }
}

@media screen and (max-height: 600px) {
  .pinned-slide .pin-content .btn-container {
    margin-top: 20px;
  }
}

@media screen and (max-height: 500px) {
  .pinned-slide .pin-content .btn-container {
    margin-top: 0;
  }
}

@media screen and (max-height: 500px) {
  .pinned-slide .pin-content .btn-container .btn {
    font-size: 15px;
  }
}

.pinned-slide .pin-content-wrapper {
  position: relative;
  width: 45%;
  padding: 5px 0;
}

@media (max-width: 1152px) and (max-height: 600px) {
  .pinned-slide .pin-content-wrapper {
    width: 50%;
  }
}

.pinned-slide .pin-content-wrapper.even-overlay:before {
  background-color: rgba(0, 0, 0, 0.8);
}

.pinned-slide .pin-content-wrapper .pin-content {
  width: 100%;
}

.pinned-slide .pin-title {
  margin: 0;
}

.resize-bg .slide-bg {
  transform: scale(0.85);
  height: 100vh;
  background-size: auto;
}

.resize-bg .pinned-slide {
  height: 200vh;
}

@media only screen and (max-width: 1024px) {
  .resize-bg .pinned-slide {
    height: 100%;
    padding: 0;
    border-bottom: 25px solid #eeeeef;
  }
  .resize-bg .pinned-slide:last-child {
    border: none;
  }
}

.resize-bg .pin-content-bg {
  background-color: rgba(0, 0, 0, 0.8);
}

@media only screen and (max-width: 1024px) {
  .resize-bg .pin-content-bg {
    width: 100%;
  }
}

.resize-bg .pin-content-wrapper {
  position: absolute;
  top: 50%;
  padding: 0 0 25px;
}

@media only screen and (max-width: 1024px) {
  .resize-bg .pin-content-wrapper {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: static;
  }
}

@media only screen and (max-width: 1024px) {
  .resize-bg .pin-content-wrapper .slider-title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .resize-bg .pin-content-wrapper .slider-subtitle {
    font-size: 18px;
  }
}

.resize-bg .pin-content p:first-child::first-letter {
  color: #bd2b9c;
  font-size: 50px;
  font-weight: 700;
}

@media (max-width: 1152px) and (max-height: 600px) {
  .resize-bg .pin-content p:first-child::first-letter {
    font-size: 40px;
  }
}

.slide-in-hero-banner {
  position: relative;
  height: 100vh;
}

@media only screen and (max-width: 1024px) {
  .slide-in-hero-banner {
    height: 250px;
  }
}

@media only screen and (max-width: 767px) {
  .slide-in-hero-banner {
    height: 150px;
  }
}

.slide-in-hero-banner .column {
  height: auto;
}

.slide-in-hero-banner .slide-in-content {
  overflow: hidden;
  width: 85%;
  position: absolute;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  left: 50%;
  margin-top: -220px;
  transform: translateX(-50%);
  top: 100%;
  height: 490px;
}

@media only screen and (max-width: 1360px) {
  .slide-in-hero-banner .slide-in-content {
    width: 90%;
    height: 400px;
  }
}

@media only screen and (max-width: 1239px) {
  .slide-in-hero-banner .slide-in-content {
    height: 335px;
  }
}

@media only screen and (max-width: 1152px) {
  .slide-in-hero-banner .slide-in-content {
    width: 75%;
    margin-top: -190px;
  }
}

.slide-in-hero-banner .slide-in-content.split-level span {
  display: block;
  width: 50%;
  line-height: 1.16em;
}

.slide-in-hero-banner .slide-in-content.split-level .left-title {
  font-size: 45px;
  line-height: 1em;
  width: 50%;
  text-align: right;
}

@media only screen and (max-width: 1239px) {
  .slide-in-hero-banner .slide-in-content.split-level .left-title {
    font-size: 38px;
  }
}

@media only screen and (max-width: 1152px) {
  .slide-in-hero-banner .slide-in-content.split-level .left-title {
    font-size: 32px;
  }
}

.slide-in-hero-banner .slide-in-content.split-level .right-title {
  font-weight: 500;
  font-size: 42px;
  width: 50%;
  line-height: 1em;
  float: right;
  text-align: left;
  padding-left: 15px;
}

@media only screen and (max-width: 1239px) {
  .slide-in-hero-banner .slide-in-content.split-level .right-title {
    font-size: 35px;
  }
}

@media only screen and (max-width: 1152px) {
  .slide-in-hero-banner .slide-in-content.split-level .right-title {
    font-size: 28px;
  }
}

.slide-in-hero-banner .slide-in-content.split-level .category span {
  width: auto;
}

.slide-in-hero-banner .slide-in-content.fire-snap {
  top: 50%;
  transform: translate(-50%, -50%);
}

.slide-in-hero-banner .slide-in-content .column + .column {
  padding: 0;
  margin: 15px 0;
  flex-wrap: wrap;
}

.slide-in-hero-banner .slide-in-content .column + .column .white-card {
  margin-top: 15px;
}

.slide-in-hero-banner .slide-in-extend {
  position: absolute;
  padding: 25px;
  width: 100%;
}

.slide-in-hero-banner .hero-banner-content {
  padding-right: 25px;
}

.slide-in-hero-banner .hero-titles {
  position: relative;
  height: 116px;
  -webkit-transition: all 0.65s ease-in-out;
  -moz-transition: all 0.65s ease-in-out;
  -ms-transition: all 0.65s ease-in-out;
  -o-transition: all 0.65s ease-in-out;
  transition: all 0.65s ease-in-out;
  width: 100%;
}

.slide-in-hero-banner .hero-title {
  position: absolute;
  font-weight: 300;
  font-size: 50px;
  line-height: 1.16em;
  letter-spacing: -0.01em;
  margin: 0;
}

.slide-in-hero-banner .hero-title.title-load {
  opacity: 1;
  width: 100%;
}

.slide-in-hero-banner .hero-title.title-scroll {
  opacity: 0;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 1239px) {
  .slide-in-hero-banner .hero-title {
    font-size: 45px;
  }
}

@media only screen and (max-width: 1152px) {
  .slide-in-hero-banner .hero-title {
    font-size: 40px;
  }
}

.slide-in-hero-banner .replace-title {
  display: none;
}

.slide-in-hero-banner p {
  font-size: 25px;
  line-height: 1.2em;
  margin: 15px 0;
}

.slide-in-hero-banner p.large-text {
  font-size: 31px;
}

@media only screen and (max-width: 1239px) {
  .slide-in-hero-banner p {
    font-size: 22px;
  }
}

@media only screen and (max-width: 1152px) {
  .slide-in-hero-banner p {
    font-size: 20px;
  }
}

.mobile-hero-wrapper {
  color: #FFFFFF;
  position: relative;
}

.mobile-hero-wrapper .hero-title {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  text-align: center;
  margin: 0;
  padding: 5px 0 15px;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 49%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 49%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 49%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

.mobile-hero-wrapper .hero-title span {
  display: block;
  line-height: 1.2em;
}

.mobile-hero-wrapper .hero-title .left-title {
  font-weight: 200;
  font-size: 22px;
  margin-right: 155px;
}

@media only screen and (max-width: 414px) {
  .mobile-hero-wrapper .hero-title .left-title {
    font-size: 18px;
  }
}

.mobile-hero-wrapper .hero-title .right-title {
  font-size: 23px;
  margin-left: 90px;
  font-weight: 500;
}

@media only screen and (max-width: 414px) {
  .mobile-hero-wrapper .hero-title .right-title {
    font-size: 18px;
  }
}

.hero-scroll-overlay {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.hero-scroll-overlay.fixed {
  position: fixed;
}

.hero-scroll-overlay.even-overlay:before {
  background-color: rgba(0, 0, 0, 0.7);
}

.hero-scroll-shadow {
  background: rgba(0, 0, 0, 0.7);
  height: 100vh;
  width: 100%;
  display: none;
}

.hero-scroll .pin-content-wrapper {
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  padding: 25px;
  height: 500px;
  overflow: scroll;
  width: 50%;
  top: calc( 100vh - 180px);
}

@media only screen and (max-width: 1599px) {
  .hero-scroll .pin-content-wrapper {
    width: 60%;
    height: 495px;
  }
}

@media only screen and (max-width: 1360px) {
  .hero-scroll .pin-content-wrapper {
    width: 65%;
  }
}

@media only screen and (max-width: 1239px) {
  .hero-scroll .pin-content-wrapper {
    width: 70%;
  }
}

@media only screen and (max-width: 1152px) {
  .hero-scroll .pin-content-wrapper {
    width: 80%;
    height: 465px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-scroll .pin-content-wrapper {
    width: 45%;
  }
}

.hero-scroll .pin-content-wrapper .pin-content {
  padding: 0;
}

.hero-scroll .pin-content-wrapper .pin-content:last-child {
  bottom: 0;
}

.hero-scroll .hero-title {
  font-weight: 300;
  font-size: 42px;
  line-height: 1.12em;
  margin: 0;
}

.hero-scroll p {
  font-size: 25px;
  line-height: 1.2em;
  margin: 15px 0;
}

.hero-scroll .white-card {
  margin-top: 16px;
}

.white-card {
  background-color: #FFFFFF;
  width: 100%;
  position: relative;
  padding: 60px 15px 25px;
}

@media only screen and (max-width: 1360px) {
  .white-card {
    padding: 50px 10px 15px;
  }
}

@media only screen and (max-width: 1024px) {
  .white-card {
    margin-bottom: 15px;
  }
}

.white-card .category {
  position: absolute;
  top: 20px;
  left: 15px;
  width: 100%;
}

.white-card .cat-icon {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 20px;
  fill: #00BC94;
  margin-right: 10px;
}

.white-card.gray-bg {
  background-color: #EEEEEF;
}

.white-card .card-title {
  margin-top: 0;
}

@media only screen and (max-width: 1360px) {
  .white-card .card-title {
    margin: 0 0 5px;
  }
}

#maze-container.split .column {
  display: block;
}

#maze-container #cards {
  width: 100%;
}

#maze-container .card {
  opacity: 0;
  transition: all .3s ease-out;
  margin-bottom: 10%;
  border: 0;
  box-shadow: 0 6px 9px rgba(0, 0, 0, 0.2);
  padding: 0;
}

#maze-container .card.card3 {
  margin-bottom: 0;
}

#maze-container .card-title {
  font-size: 15px;
  color: #fff;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
}

#maze-container .card-title span {
  display: block;
  padding: 12px 8px 12px 10px;
}

#maze-container .card-title.title1 {
  background: #00bc94;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #00bc94 0%, #264AC9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #00bc94 0%, #264AC9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #00bc94 0%, #264AC9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bc94', endColorstr='#264AC9',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

#maze-container .card-title.title2 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f47f0c+0,d31924+100 */
  background: #f47f0c;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #f47f0c 0%, #d31924 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #f47f0c 0%, #d31924 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #f47f0c 0%, #d31924 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47f0c', endColorstr='#d31924',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

#maze-container .card-title.title3 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#800a68+0,264AC9+100 */
  background: #800a68;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #800a68 0%, #264AC9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #800a68 0%, #264AC9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #800a68 0%, #264AC9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800a68', endColorstr='#264AC9',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

#maze-container .card-title .cat-icon {
  width: 25px;
  height: 20px;
  fill: #ffffff;
}

#maze-container .card-body {
  position: relative;
  padding: 1.25rem 1.25rem 2rem;
}

@media only screen and (max-width: 1152px) {
  #maze-container .card-body {
    padding: 1.25rem 1.25rem 3rem;
  }
}

#maze-container .card .btn {
  position: absolute;
  bottom: 15px;
  right: 20px;
}

#maze-container .section-text {
  margin-bottom: 4rem;
  margin-top: 4rem;
}

#maze-container .maze {
  position: relative;
}

#maze-container .maze .arrow {
  position: absolute;
}

#maze-container #arrow {
  position: absolute;
  width: 100%;
  height: calc(100% + 30px);
  z-index: 99;
  margin-top: -30px;
  top: 0;
  left: 0;
}

#maze-container #arrow path {
  stroke-width: 3%;
  fill-opacity: 0;
  stroke: #d21924;
  z-index: 100;
  stroke-dasharray: 1 8000;
  stroke-linecap: round;
  stroke-dashoffset: -15px;
}

#maze-container .maze-block {
  width: 33.33%;
  float: left;
}

#maze-container .maze-block span {
  content: "";
  display: block;
  padding-top: calc(100% - 3px);
  background-position: center center;
  background-size: 100%;
  margin: 0 3px 3px 0;
  transition: all .3s ease-out;
  height: 0;
}

#maze-container .maze-block.h span {
  background-image: url("/__data/assets/image/0018/6714/prx-maze-h.jpeg?v=0.0.1");
}

#maze-container .maze-block.v span {
  background-image: url("/__data/assets/image/0023/6728/prx-maze-v.jpeg?v=0.0.1");
}

#maze-container .maze-block.a span {
  background-image: url("/__data/assets/image/0022/6736/prx-maze-a.jpeg?v=0.0.1");
}

#maze-container .maze-block.b span {
  background-image: url("/__data/assets/image/0019/6751/prx-maze-b.jpeg?v=0.0.1");
}

#maze-container .maze-block.c span {
  background-image: url("/__data/assets/image/0024/6765/prx-maze-c.jpeg?v=0.0.1");
}

#maze-container .maze-block.d span {
  background-image: url("/__data/assets/image/0022/6772/prx-maze-d.jpeg?v=0.0.1");
}

@media only screen and (max-width: 767px) {
  #maze-container .cards {
    margin: 15px 0;
  }
  #maze-container .card {
    opacity: 1;
    margin-bottom: 15px;
  }
  #maze-container .card .card-body {
    padding: 1.25rem;
  }
  #maze-container .card .card-content {
    margin: 0 0 1em;
  }
  #maze-container .card .btn {
    position: static;
  }
}

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

.button-dropdown-container .button-dropdown {
  background: #2343B8;
  display: none;
  list-style: none;
  margin: 0;
  padding: 20px;
  position: absolute;
  text-align: left;
  right: 0;
  left: 0;
  z-index: 2;
}

@media only screen and (max-width: 1152px) {
  .button-dropdown-container .button-dropdown {
    padding: 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .button-dropdown-container .button-dropdown {
    position: static;
    margin: 0;
  }
}

.button-dropdown-container .button-dropdown a,
.button-dropdown-container .button-dropdown a:not(.btn) {
  color: #FFFFFF;
  text-decoration: none;
}

@media only screen and (max-width: 1152px) {
  .button-dropdown-container .button-dropdown a,
  .button-dropdown-container .button-dropdown a:not(.btn) {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .button-dropdown-container .button-dropdown a,
  .button-dropdown-container .button-dropdown a:not(.btn) {
    font-size: 14px;
  }
}

.button-dropdown-container .button-dropdown a:hover,
.button-dropdown-container .button-dropdown a:not(.btn):hover {
  text-decoration: underline;
}

.content-btns {
  text-align: left;
}

.content-btns .content-btn {
  background-color: #E4E5E6;
  color: #343642;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 50px 8px 10px;
  margin: 0 0 10px;
  border-radius: 15px;
  cursor: pointer;
  text-decoration: none;
}

.content-btns .content-btn:hover {
  background-color: #FFFFFF;
  -moz-transform: scale(1) perspective(1px);
  -o-transform: scale(1) perspective(1px);
  -ms-transform: scale(1) perspective(1px);
  -webkit-transform: scale(1) perspective(1px);
  transform: scale(1) perspective(1px);
  -webkit-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  -moz-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
}

.content-btns .red-download-icon {
  max-width: 60px;
  margin-right: 20px;
}

.hero-background-video {
  background: #1f202e;
  height: 100%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}

@media only screen and (max-width: 500px) {
  .hero-background-video {
    height: auto;
    width: 100%;
  }
}

.hero-nav {
  position: absolute;
  top: 20px;
  right: 20px;
}

@media only screen and (max-width: 767px) {
  .hero-nav {
    top: 10px;
    right: 10px;
  }
}

@media only screen and (max-width: 350px) {
  .hero-nav {
    display: none;
  }
}

.hero-nav-item {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .hero-nav-item {
    font-size: 10px;
  }
}

.hero-header-image-link {
  display: block;
  position: absolute;
  left: 0;
  top: 7%;
}

@media only screen and (max-width: 1239px) {
  .hero-header-image-link {
    left: 50%;
    transform: translateX(-50%);
  }
}

.hero-header-image {
  height: auto;
  max-height: 60px;
  max-width: 320px;
  width: auto;
}

@media only screen and (max-width: 1239px) {
  .hero-header-image {
    max-width: 250px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-header-image {
    max-width: 200px;
  }
}

.hero-header-links {
  position: absolute;
  right: 20px;
  top: 10%;
}

@media only screen and (max-width: 1239px) {
  .hero-header-links {
    top: 12%;
  }
}

@media only screen and (max-width: 1024px) {
  .hero-header-links {
    top: 16%;
  }
}

.hero-header-link {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 500;
  margin-left: 22px;
}

/* Add your custom CSS below */
.mktoForm {
  width: 100%;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #364046;
  font-size: 15px;
}

.mktoForm .mktoFieldWrap,
.mktoForm .mktoFormCol,
.mktoForm .mktoButtonRow {
  width: 100%;
}

.mktoForm .mktoLabel {
  width: auto !important;
  margin-bottom: 5px;
  font-size: 12px;
  text-transform: uppercase;
  color: #364046;
  opacity: .5;
}

.mktoForm .mktoOffset {
  display: none;
}

.mktoForm input[type="text"],
.mktoForm input[type="email"],
.mktoForm textarea {
  width: 100% !important;
  font-size: 15px;
  color: #364046;
  padding: 22px 15px;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  outline: none;
  border-radius: 0;
}

.mktoForm input[type="text"]:focus,
.mktoForm input[type="email"]:focus,
.mktoForm textarea:focus {
  border-color: #ef7622;
}

.mktoForm select.mktoField {
  width: 100% !important;
  height: 63px;
  font-size: 15px;
  color: #364046;
  padding: 0 15px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: #FFFFFF url(/__data/assets/image/0023/6773/down-arrow.png?v=0.0.1) no-repeat 90% 50%;
  border-radius: 0;
}

body[class^="Explorer"] .mktoForm select {
  padding: 22px 0 22px 15px;
  background: #FFFFFF;
}

.form-container-js .mktoForm .mktoButtonWrap .mktoButton {
  display: inline-block !important;
  padding: 10px 20px !important;
  border-radius: 30px !important;
  text-align: center !important;
  text-decoration: none !important;
  min-width: 120px !important;
  position: relative !important;
  margin: 5px 10px 5px 0 !important;
  outline: none !important;
  border: none !important;
  cursor: pointer !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  line-height: 1.4em !important;
  letter-spacing: .02em !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  color: #FFFFFF;
  background: #274bce !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  font-family: inherit !important;
  width: auto !important;
  text-shadow: none !important;
  min-width: 191px !important;
}

form.mktoForm {
  width: 100% !important;
}

.skip-section > .skip {
  display: block;
  left: -100%;
  position: absolute;
  top: -100%;
  transition: none;
  z-index: 2;
}

.skip-section > .skip:focus {
  left: 10px;
  top: 10px;
}

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