.animate-rotate {
  -webkit-animation: rotation 0.7s infinite linear;
  -moz-animation: rotation 0.7s infinite linear;
  -o-animation: rotation 0.7s infinite linear;
  -ms-animation: rotation 0.7s infinite linear;
  animation: rotation 0.7s infinite linear;
  display: inline-block;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
.animate-slideInDown {
  -moz-animation: slideInDown 2s cubic-bezier(0.86, 0, 0.07, 1);
  -o-animation: slideInDown 2s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation: slideInDown 2s cubic-bezier(0.86, 0, 0.07, 1);
  animation: slideInDown 2s cubic-bezier(0.86, 0, 0.07, 1);
  display: inline-block;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -500%, 0);
    transform: translate3d(0, -500%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -500%, 0);
    transform: translate3d(0, -500%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@font-face {
  font-family: 'GT Walsheim Medium';
  src: url('../fonts/GT-Walsheim-Medium.eot');
  src: url('../fonts/GT-Walsheim-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GT-Walsheim-Medium.woff2') format('woff2'), url('../fonts/GT-Walsheim-Medium.woff') format('woff'), url('../fonts/GT-Walsheim-Medium.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'GT Walsheim Oblique';
  src: url('../fonts/GT-Walsheim-Medium-Oblique.eot');
  src: url('../fonts/GT-Walsheim-Medium-Oblique.eot?#iefix') format('embedded-opentype'), url('../fonts/GT-Walsheim-Medium-Oblique.woff2') format('woff2'), url('../fonts/GT-Walsheim-Medium-Oblique.woff') format('woff'), url('../fonts/GT-Walsheim-Medium-Oblique.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot');
  src: url('../fonts/fontello.eot') format('embedded-opentype'), url('../fonts/fontello.woff') format('woff'), url('../fonts/fontello.ttf') format('truetype'), url('../fonts/fontello.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-article:before {
  content: '\e800';
}
.icon-event:before {
  content: '\e801';
}
.icon-play:before {
  content: '\e802';
}
.icon-podcast:before {
  content: '\e802';
}
.icon-linkedin:before {
  content: '\e803';
}
.icon-mail:before {
  content: '\e804';
}
.icon-phone:before {
  content: '\e806';
}
@borderstyle : 4px dashed #00000;
body {
  font-family: 'GT Walsheim Medium', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 29px;
  color: #000000;
  margin: 0;
  padding: 0;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  text-align: center;
  letter-spacing: 0.3px;
  -moz-osx-font-smoothing: auto;
  font-smooth: always;
  -webkit-font-smoothing: subpixel-antialiased;
}
body.forge-works-map {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  body.forge-works-map {
    font-size: 16px;
  }
}
.wow {
  visibility: hidden;
}
::-moz-selection {
  background: #FFFC36;
  color: #000000;
  text-shadow: none;
}
::selection {
  background: #FFFC36;
  color: #000000;
  text-shadow: none;
}
h3,
p,
ul,
ol {
  margin: 0 0 27px;
}
h1,
h2,
h3 {
  font-family: 'GT Walsheim Medium', sans-serif;
  font-weight: 500;
}
h1,
h2 {
  margin: 0 0 26px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #000000;
}
h1 {
  font-size: 1.52em;
  line-height: 1.32em;
  font-weight: bold;
  letter-spacing: 2px;
}
h1 .yellow-highlight:before {
  transform: scaleY(1.3) translateY(0) scaleX(1.1) rotate(2.05deg);
}
h2 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #000000;
}
h3 {
  color: #000000;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
h3 + h6 {
  margin-top: -15px;
}
h3 + h1 {
  margin-top: -25px;
}
h4 {
  color: #000000;
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}
h4 .yellow-highlight {
  margin-bottom: 60px;
  display: inline-block;
}
@media screen and (max-width: 992px) {
  h4 .yellow-highlight {
    margin-bottom: 20px;
  }
}
h4 .yellow-highlight:before {
  top: -10px;
  width: 100%;
  margin: -2.5%;
  height: 150%;
  transform-origin: 0 0;
  transform: matrix(1, 0.05, -0.05, 1, 0, 0);
}
@media screen and (max-width: 992px) {
  h4 .yellow-highlight:before {
    height: 120%;
  }
}
h5 {
  font-size: 22px;
  line-height: 29px;
  letter-spacing: 0;
}
h6 {
  color: rgba(0, 0, 0, 0.75);
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
}
.yellow-highlight {
  position: relative;
  display: inline-block;
}
.yellow-highlight:before {
  z-index: -1;
  content: '';
  background-color: #FFFC36;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: scaleY(1.3) translateY(6px) scaleX(1.1) rotate(2.05deg);
}
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  p + h2,
  p + h3,
  p + h4,
  p + h5,
  p + h6 {
    margin-top: 30px;
  }
}
p iframe {
  margin-top: 30px;
  margin-bottom: 30px;
  max-width: 100%;
  height: 40vh;
}
p strong {
  color: #000000;
}
em {
  font-family: 'GT Walsheim Oblique', sans-serif;
  font-weight: 400;
}
.small {
  font-size: 16px;
}
b,
strong {
  color: #000000;
}
img {
  max-width: 100%;
}
a {
  -moz-transition: color linear 200ms;
  -webkit-transition: color linear 200ms;
  -o-transition: color linear 200ms;
  transition: color linear 200ms;
  color: #000000;
  text-decoration: underline;
}
a:hover {
  color: rgba(0, 0, 0, 0.8);
}
a:focus {
  color: #000000;
}
blockquote {
  position: relative;
  background-color: #E6E8EB;
  padding: 24px 130px;
  margin-top: 24px;
  margin-bottom: 40px;
  font-size: 1.1em;
}
blockquote h3:last-child,
blockquote h4:last-child,
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote h4 {
  font-size: 30px;
  line-height: 35px;
  color: #BDF2CC;
}
blockquote h3 + p,
blockquote h4 + p {
  margin-top: -10px;
  position: relative;
  z-index: 1;
}
blockquote cite {
  margin-top: -20px;
  font-size: 0.8em;
  color: rgba(0, 0, 0, 0.4);
  display: block;
  font-weight: 300;
}
.page-container {
  text-align: left;
  background-color: #FFFFFF;
  position: relative;
  z-index: 2;
}
.error404 .page-container {
  padding-top: 80px;
  text-align: center;
}
.error404 .page-container form.search {
  display: none;
}
button,
input {
  font-family: 'GT Walsheim Medium', sans-serif;
  font-weight: 400;
  appearance: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 20px;
  height: 47px;
  line-height: 47px;
  padding: 0 22px;
  border: 0 solid rgba(255, 255, 255, 0.34);
  background-color: transparent;
  color: inherit;
  margin-bottom: 10px;
}
button::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: #BAB7B3;
}
button:-moz-placeholder,
input:-moz-placeholder {
  color: #BAB7B3;
}
button::-moz-placeholder,
input::-moz-placeholder {
  color: #BAB7B3;
}
button:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: #BAB7B3;
}
button:focus,
input:focus {
  outline: none;
}
button[type="email"],
input[type="email"],
button[type="text"],
input[type="text"] {
  width: 280px;
  background-color: #FFFFFF;
}
button[type="submit"],
input[type="submit"] {
  background-color: #BDF2CC;
  color: #FFFFFF;
  font-size: 20px;
  line-height: 26px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 0px;
  line-height: 37px;
  height: 47px;
}
button[type="submit"]:hover,
input[type="submit"]:hover {
  background-color: #FFFC36;
}
.btn {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-transition: all linear 200ms;
  -webkit-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  transition: all linear 200ms;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 17px;
  letter-spacing: 0.05em;
  padding: 25px 22px 22px;
  min-width: 262px;
  font-weight: bold;
  border: 4px solid #000000;
  cursor: pointer;
}
.btn,
.btn:visited {
  background-color: #FFFC36;
  color: #000000;
  text-decoration: none;
}
.btn:hover {
  border: 4px dashed #000000;
}
.btn:active:hover {
  border: 4px solid #000000;
}
.btn:hover,
.btn:active {
  background-color: #FFFFFF;
  box-shadow: none;
  color: #000000;
  border-color: inherit;
  text-decoration: none;
}
.btn:after {
  content: '\2192';
  padding-left: 7px;
}
@media screen and (max-width: 768px) {
  .btn {
    height: auto;
  }
}
.alt-btn {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-transition: all linear 200ms;
  -webkit-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  transition: all linear 200ms;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 17px;
  letter-spacing: 0.05em;
  padding: 25px 22px 22px;
  min-width: 262px;
  font-weight: bold;
  border: 4px solid #000000;
  cursor: pointer;
}
.alt-btn,
.alt-btn:visited {
  background-color: #FFFC36;
  color: #000000;
  text-decoration: none;
}
.alt-btn:hover {
  border: 4px dashed #000000;
}
.alt-btn:active:hover {
  border: 4px solid #000000;
}
.alt-btn:hover,
.alt-btn:active {
  background-color: #FFFFFF;
  box-shadow: none;
  color: #000000;
  border-color: inherit;
  text-decoration: none;
}
.alt-btn:after {
  content: '\2192';
  padding-left: 7px;
}
@media screen and (max-width: 768px) {
  .alt-btn {
    height: auto;
  }
}
.alt-btn,
.alt-btn:visited {
  background-color: #BDF2CC;
}
.alt-btn:hover,
.alt-btn:active {
  background-color: #FFFFFF;
}
.wide-btn {
  min-width: 300px;
  text-align: center;
}
.std-btn-wrap a {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-transition: all linear 200ms;
  -webkit-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  transition: all linear 200ms;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 17px;
  letter-spacing: 0.05em;
  padding: 25px 22px 22px;
  min-width: 262px;
  font-weight: bold;
  border: 4px solid #000000;
  cursor: pointer;
  display: inline-block;
}
.std-btn-wrap a,
.std-btn-wrap a:visited {
  background-color: #FFFC36;
  color: #000000;
  text-decoration: none;
}
.std-btn-wrap a:hover {
  border: 4px dashed #000000;
}
.std-btn-wrap a:active:hover {
  border: 4px solid #000000;
}
.std-btn-wrap a:hover,
.std-btn-wrap a:active {
  background-color: #FFFFFF;
  box-shadow: none;
  color: #000000;
  border-color: inherit;
  text-decoration: none;
}
.std-btn-wrap a:after {
  content: '\2192';
  padding-left: 7px;
}
@media screen and (max-width: 768px) {
  .std-btn-wrap a {
    height: auto;
  }
}
.alt-btn-wrap a {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-transition: all linear 200ms;
  -webkit-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  transition: all linear 200ms;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 17px;
  letter-spacing: 0.05em;
  padding: 25px 22px 22px;
  min-width: 262px;
  font-weight: bold;
  border: 4px solid #000000;
  cursor: pointer;
  display: inline-block;
}
.alt-btn-wrap a,
.alt-btn-wrap a:visited {
  background-color: #FFFC36;
  color: #000000;
  text-decoration: none;
}
.alt-btn-wrap a:hover {
  border: 4px dashed #000000;
}
.alt-btn-wrap a:active:hover {
  border: 4px solid #000000;
}
.alt-btn-wrap a:hover,
.alt-btn-wrap a:active {
  background-color: #FFFFFF;
  box-shadow: none;
  color: #000000;
  border-color: inherit;
  text-decoration: none;
}
.alt-btn-wrap a:after {
  content: '\2192';
  padding-left: 7px;
}
@media screen and (max-width: 768px) {
  .alt-btn-wrap a {
    height: auto;
  }
}
.alt-btn-wrap a,
.alt-btn-wrap a:visited {
  background-color: #BDF2CC;
}
.alt-btn-wrap a:hover,
.alt-btn-wrap a:active {
  background-color: #FFFFFF;
}
.css-t {
  display: table;
}
.css-t-r {
  display: table-row;
}
.css-t-c {
  display: table-cell;
  vertical-align: middle;
}
.text-right {
  text-align: right;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.desktop-menu {
  display: inline-block;
}
.logo {
  width: 220px;
  height: 40px;
  margin: 69px auto 10px;
  display: inline-block;
  color: #000000;
  background-image: url('../img/logo.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  text-indent: -9999px;
}
.stamp {
  width: 79px;
  height: 120px;
  display: inline-block;
  color: #000000;
  background-image: url('../img/icons/fw-icon-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  text-indent: -9999px;
}
.mobile-menu {
  -moz-transition: all linear 200ms;
  -webkit-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  transition: all linear 200ms;
  -moz-transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: fixed;
  top: 0;
  right: 0;
  border-top: 60px solid transparent;
  opacity: 0;
  height: 100%;
  width: 100%;
  z-index: 1999;
  padding: 0;
  text-align: left;
  overflow: visible;
}
.mobile-menu .contact {
  background-color: #FFFC36;
  padding: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.mobile-menu .contact .contact-label {
  display: block;
  font-size: 1.455em;
  margin-bottom: 25px;
}
.mobile-menu .contact a.circle-icon-text {
  line-height: 40px;
  display: block;
  position: relative;
  padding-left: 50px;
  margin-bottom: 5px;
  font-size: 22px;
}
.mobile-menu .contact a.circle-icon-text:last-child {
  margin-bottom: 0;
}
.mobile-menu .contact a.circle-icon-text i {
  font-size: 36px;
  line-height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}
.mobile-menu .contact a.circle-icon-text i:before {
  margin: 0;
}
.mobile-menu a,
.mobile-menu a:hover,
.mobile-menu a:active,
.mobile-menu a:visited {
  text-decoration: none;
}
.mobile-menu .mobile-menu-inner {
  background-color: #FFFFFF;
  overflow-y: auto;
  height: 100%;
  padding: 0 15px;
}
.mobile-menu > .menu-toggle {
  position: absolute;
  top: -60px;
  right: 0;
  font-size: 20px;
  background-image: url('../img/icons/cross.svg');
  background-size: 48px;
  background-position: 3px 5px;
  background-color: #FFFFFF;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  cursor: pointer;
}
.mobile-menu ul,
.mobile-menu li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}
.mobile-menu ul.menu {
  margin-top: 30px;
  margin-bottom: 40px;
  text-align: left;
}
.mobile-menu ul.menu > li {
  position: relative;
  padding: 0 20px 0 10px;
  margin-right: 0;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: bold;
  line-height: 40px;
}
.mobile-menu ul.menu > li a {
  padding-right: 40px;
  background-image: url('../img/icons/right.svg');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 28px;
  display: inline-block;
}
.mobile-menu ul.menu > li a,
.mobile-menu ul.menu > li a:visited,
.mobile-menu ul.menu > li a:hover {
  color: #000000;
}
.mobile-menu ul.menu > li i.icon-down-open {
  -moz-transition: all linear 100ms;
  -webkit-transition: all linear 100ms;
  -o-transition: all linear 100ms;
  transition: all linear 100ms;
  color: #000000;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
}
.mobile-menu ul.menu > li.active i.icon-down-open {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mobile-menu ul.menu > li.active > ul.sub-menu {
  display: block;
  opacity: 1;
}
.mobile-menu ul.menu > li > ul.sub-menu {
  -moz-transition: opacity linear 100ms;
  -webkit-transition: opacity linear 100ms;
  -o-transition: opacity linear 100ms;
  transition: opacity linear 100ms;
  display: none;
  opacity: 0;
  padding-left: 10px;
}
.mobile-menu ul.menu > li > ul.sub-menu > li a {
  font-weight: normal;
  text-transform: none;
}
.mobile-menu ul.menu > li > ul.sub-menu > li > ul.sub-menu {
  padding-top: 5px;
  padding-bottom: 15px;
}
.mobile-menu ul.menu > li > ul.sub-menu > li > ul.sub-menu li {
  padding-left: 10px;
  font-size: 14px;
  line-height: 20px;
}
.mobile-menu ul.menu > li > ul > li {
  font-size: 16px;
  line-height: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #000000;
}
.mobile-menu ul.menu > li > ul > li:last-child {
  border-bottom: 0;
}
.mobile-menu ul.menu > li > ul > li a {
  color: #000000;
}
.mobile-menu ul.menu + ul {
  padding-top: 20px;
  border-top: 1px solid #6ccacd;
}
.mobile-menu span.menu-toggle,
.mobile-menu a.menu-toggle {
  color: #000000;
  font-size: 28px;
}
.mobile-menu .social {
  text-align: center;
}
.mobile-menu a.social {
  color: #000000;
  font-size: 24px;
  position: relative;
}
a.circle-icon {
  line-height: 30px;
  display: inline-block;
}
a.circle-icon i {
  font-size: 28px;
  line-height: 30px;
  display: block;
}
a.circle-icon i:before {
  margin: 0;
}
.menu ul,
.menu li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
}
.menu a {
  -moz-transition: all linear 200ms;
  -webkit-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  transition: all linear 200ms;
  padding-bottom: 10px;
  border-bottom: 4px dashed transparent;
}
.menu a:active,
.menu a:hover,
.menu a:focus {
  outline: none;
  text-decoration: none;
}
.menu a:hover {
  border-bottom: 4px dashed #000000;
}
.menu a:active {
  border-bottom: 4px solid #000000;
}
.menu li.current-page-ancestor a,
.menu li.current-menu-item a {
  border-bottom: 4px solid #000000;
}
.header {
  position: relative;
  z-index: 3;
}
.desktop-header .container {
  max-width: 1050px;
}
.desktop-header .logo {
  float: left;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .desktop-header .logo {
    margin: 21px auto 0;
    width: 210px;
    background-position: 0 0;
  }
}
.desktop-header .menu-container,
.desktop-header .contact {
  float: right;
  clear: right;
}
.desktop-header .menu-container {
  float: right;
}
.desktop-header .menu-container ul {
  margin-top: 27px;
  padding: 0;
}
.desktop-header .menu-container ul li {
  margin-left: 29px;
  display: inline-block;
}
.desktop-header .menu-container ul li:first-child {
  margin-left: 0;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .desktop-header .menu-container ul li {
    margin-left: 25px;
  }
}
.desktop-header .menu-container a {
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  letter-spacing: 0.05em;
}
.desktop-header .menu-container a:hover {
  color: #000000;
}
@media screen and (min-width: 700px) and (max-width: 991px) {
  .desktop-header .menu-container {
    float: left;
    clear: both;
    margin-top: 0px;
  }
  .desktop-header .menu-container ul {
    margin-top: 13px;
  }
}
.desktop-header .contact {
  background-color: #FFFC36;
  padding: 0 20px 0 24px;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.desktop-header .contact .contact-label {
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  vertical-align: top;
  margin-right: 3px;
}
.desktop-header .contact a.circle-icon {
  margin: 0 5px;
}
.desktop-header .contact a.circle-icon:last-child {
  margin-right: 0;
}
.desktop-header .contact a.circle-icon i {
  font-size: 22px;
  line-height: 22px;
}
span.menu-toggle {
  cursor: pointer;
}
.mobile-slide-anchors {
  display: block;
  margin-bottom: 20px;
}
.mobile-slide-anchors a {
  display: block;
}
.mobile-slide-anchors + ul {
  border-top: 1px solid #6ccacd;
  padding-top: 20px;
}
.footer {
  -moz-transition: opacity linear 1500ms;
  -webkit-transition: opacity linear 1500ms;
  -o-transition: opacity linear 1500ms;
  transition: opacity linear 1500ms;
  color: #FFFFFF;
  transition-delay: 200ms;
  opacity: 1;
  background-color: #000000;
  padding: 110px 0;
}
.footer h1,
.footer h2,
.footer h3,
.footer h5,
.footer h6,
.footer ol,
.footer ul,
.footer li,
.footer i,
.footer td {
  color: #FFFFFF;
}
.footer h1 b,
.footer h2 b,
.footer h3 b,
.footer h4 b,
.footer h5 b,
.footer h6 b,
.footer h1 strong,
.footer h2 strong,
.footer h3 strong,
.footer h4 strong,
.footer h5 strong,
.footer h6 strong {
  color: #BDF2CC;
}
.footer h4,
.footer h5,
.footer p {
  color: #FFFFFF;
}
.footer h3 a,
.footer h4 a,
.footer h3 a:visited,
.footer h4 a:visited {
  font-weight: 400;
  color: #FFFC36;
}
.footer h3 strong,
.footer h4 strong,
.footer h3 b,
.footer h4 b {
  color: #FFFFFF;
}
.footer h1,
.footer h2,
.footer h3 {
  color: #FFFFFF;
}
.footer h1 em,
.footer h2 em,
.footer h3 em,
.footer h1 i,
.footer h2 i,
.footer h3 i {
  color: #BDF2CC;
}
.footer h1 strong,
.footer h2 strong,
.footer h3 strong {
  color: #BDF2CC;
}
.footer a,
.footer a:visited {
  color: #FFFFFF;
}
.footer a:hover {
  color: #FFFFFF;
}
.footer .logo-col {
  max-width: 165px;
}
.footer .logo-col .stamp {
  float: l9ft;
}
.footer .logo-col .contact {
  float: right;
  width: 32px;
}
.footer .logo-col .contact a {
  display: block;
  margin-bottom: 11px;
}
.footer .footer-links {
  padding-top: 28px;
  position: relative;
  text-align: left;
  font-size: 16px;
}
.footer .footer-links h5 {
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 0.98em;
}
.footer .footer-links h5:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 20px;
}
.footer .footer-links ul,
.footer .footer-links li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
}
.footer .footer-links li {
  line-height: 1.3em;
  margin-bottom: 3px;
}
.footer a {
  text-decoration: none;
}
.footer a.footer-feature-link {
  display: inline-block;
  margin: 0 20px;
}
.footer .container:last-child {
  padding-top: 40px;
}
.green-section {
  padding: 40px 0;
  background-color: #BDF2CC;
}
.pre-footer {
  padding: 63px 0 72px;
  margin-bottom: 25px;
}
.pre-footer .row:first-of-type {
  padding-bottom: 18px;
}
.pre-footer .col-sm-4 {
  padding: 0 50px;
}
.pre-footer .alt-btn {
  display: block;
}
@media screen and (max-width: 992px) {
  .pre-footer .alt-btn {
    margin-bottom: 10px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
.pre-footer .alt-btn:active,
.pre-footer .alt-btn:visited,
.pre-footer .alt-btn:focus {
  text-decoration: none;
}
.pre-footer .single-button a.wide-btn {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.pre-footer .connect-container {
  -moz-transition: all linear 200ms;
  -webkit-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  transition: all linear 200ms;
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: relative;
  padding: 0 25px;
}
@media screen and (min-width: 992px) {
  .pre-footer .connect-container {
    padding: 0;
  }
}
.pre-footer .connect-container.active {
  height: 340px;
  opacity: 1;
}
@media screen and (min-width: 992px) {
  .pre-footer .connect-container.active {
    height: 246px;
  }
}
.pre-footer .connect-container .row:first-of-type {
  padding-top: 40px;
  padding-bottom: 0;
}
.pre-footer .connect-container .connect-icon-link {
  font-size: 1.2em;
  line-height: 1em;
  padding-left: 50px;
  display: block;
  text-decoration: none;
  position: relative;
  margin-top: 5px;
  margin-bottom: 21px;
}
.pre-footer .connect-container .connect-icon-link i {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -20px;
  height: 40px;
  line-height: 40px;
  font-size: 1.4em;
}
.pre-footer .connect-container .connect-icon-link i:before {
  margin: 0;
  height: 40px;
  line-height: 40px;
}
.body-outer {
  max-width: 100%;
  overflow: hidden;
}
.body-outer .body-wrapper {
  -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.embed-active .header,
.nav-active .header {
  -moz-transition: all linear 0ms;
  -webkit-transition: all linear 0ms;
  -o-transition: all linear 0ms;
  transition: all linear 0ms;
  opacity: 0;
}
.embed-active .footer,
.nav-active .footer {
  -moz-transition: opacity linear 0ms;
  -webkit-transition: opacity linear 0ms;
  -o-transition: opacity linear 0ms;
  transition: opacity linear 0ms;
  opacity: 0;
}
.embed-active .body-outer .body-wrapper,
.nav-active .body-outer .body-wrapper {
  filter: blur(10px);
}
.embed-active .body-outer .page-container-inner,
.nav-active .body-outer .page-container-inner {
  transform: perspective(200px) translateZ(-10px);
}
.embed-active .mobile-header {
  display: none;
}
.embed-popup {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed-popup a.close {
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  font-size: 60px;
  position: absolute;
  top: 10px;
  right: 0px;
  z-index: 2000;
  color: #FFFFFF;
  opacity: 1;
}
.embed-popup:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.2);
}
.embed-popup .embed-popup-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed-popup .embed-popup-inner .embed-container {
  position: relative;
  z-index: 2000;
  width: 90%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.embed-popup .embed-popup-inner .embed-container iframe,
.embed-popup .embed-popup-inner .embed-container object,
.embed-popup .embed-popup-inner .embed-container embed,
.embed-popup .embed-popup-inner .embed-container video {
  max-width: 100%;
}
.embed-popup .embed-popup-inner .embed-container.video {
  position: relative;
  height: 0;
  padding-bottom: 52.75%;
}
.embed-popup .embed-popup-inner .embed-container.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.nav-active .mobile-menu {
  -moz-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.nav-active .mobile-header {
  z-index: 2000;
}
.nav-active .mobile-header .menu-toggle .menu-toggle-close {
  opacity: 1;
}
.mobile-header {
  text-align: left;
  position: relative;
  z-index: 10;
  padding: 0 10px;
  height: 60px;
  background-color: #FFFFFF;
}
.mobile-header .menu-toggle {
  position: relative;
  float: right;
  width: 54px;
  height: 60px;
  font-size: 30px;
  cursor: pointer;
}
.mobile-header .menu-toggle .menu-toggle-open,
.mobile-header .menu-toggle .menu-toggle-close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mobile-header .menu-toggle .menu-toggle-open {
  padding-top: 20px;
  padding-right: 11px;
  padding-left: 16px;
}
.mobile-header .menu-toggle .menu-toggle-close {
  -moz-transition: opacity 200ms linear;
  -webkit-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
  opacity: 0;
  z-index: 2001;
  background-image: url('../img/icons/cross.svg');
  background-size: 48px;
  background-position: 6px 7px;
  background-color: #FFFFFF;
}
.mobile-header .menu-toggle .menu-toggle-bar {
  height: 2px;
  margin: 4px 0;
  background-color: #000000;
  display: block;
}
.mobile-header .get-started {
  float: right;
  font-size: 16px;
  height: 40px;
  line-height: 42px;
  padding: 0 12px;
  margin: 10px 0 0 0;
}
.mobile-header .logo {
  height: 62px;
  width: 170px;
  margin: 0 0 0 10px;
  background-position: center;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  padding-top: 0;
}
.content-columns-panel {
  padding: 20px 0;
}
.content-columns-panel.icon-grid {
  padding: 30px 10px;
}
.content-columns-panel.icon-grid > .container {
  width: 100%;
}
.content-columns-panel.icon-grid .ig-embed-wrapper {
  display: none;
}
.content-columns-panel table {
  border-top: 1px solid #f2f2f2;
  width: 100%;
  margin-bottom: 30px;
}
.content-columns-panel table th {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  width: 150px;
  padding: 16px 0 14px;
  color: #000000;
  border-bottom: 1px solid #f2f2f2;
  text-align: center;
}
.content-columns-panel table th:first-child {
  padding-right: 10px;
  text-align: left;
}
.content-columns-panel table td {
  font-size: 16px;
  text-align: center;
  padding: 15px 4px;
  line-height: 20px;
  border-bottom: 1px solid #f2f2f2;
}
.content-columns-panel table td sub {
  line-height: 12px;
  display: inline-block;
}
.content-columns-panel + .content-columns-panel {
  margin-top: -20px;
}
.content-columns-panel .columns-row > span {
  display: block;
}
.content-columns-panel .title,
.content-columns-panel .description,
.content-columns-panel .img-wrapper,
.content-columns-panel .text,
.content-columns-panel .img,
.content-columns-panel .col-sm-3 {
  display: block;
}
.content-columns-panel .col-sm-12 {
  max-width: 890px;
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.content-columns-panel .col-sm-12 .img {
  padding-bottom: 55%;
}
.content-columns-panel .col-sm-3 .img {
  padding-bottom: 82%;
}
.content-columns-panel .col-sm-6 {
  padding-bottom: 30px;
}
.content-columns-panel .col-sm-6:nth-child(odd) {
  clear: left;
}
.content-columns-panel .col-sm-4:nth-child(3n+1) {
  clear: left;
}
.content-columns-panel a .text {
  -moz-transition: all linear 200ms;
  -webkit-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  transition: all linear 200ms;
  background-color: rgba(249, 249, 249, 0);
}
.content-columns-panel a .text,
.content-columns-panel a:hover .text {
  color: inherit;
}
.content-columns-panel a .text h1,
.content-columns-panel a:hover .text h1,
.content-columns-panel a .text h2,
.content-columns-panel a:hover .text h2,
.content-columns-panel a .text h3,
.content-columns-panel a:hover .text h3,
.content-columns-panel a .text h4,
.content-columns-panel a:hover .text h4,
.content-columns-panel a .text h5,
.content-columns-panel a:hover .text h5,
.content-columns-panel a .text h6,
.content-columns-panel a:hover .text h6 {
  color: #000000;
}
.content-columns-panel a .text p,
.content-columns-panel a:hover .text p {
  color: #000000;
}
.content-columns-panel a:hover {
  text-decoration: none;
}
.content-columns-panel a:hover .text {
  background-color: #f2f2f2;
}
.content-columns-panel .img-wrapper {
  margin-bottom: 0;
}
.content-columns-panel .text {
  padding: 20px 20px 5px;
}
.content-columns-panel .title {
  font-weight: 600;
  color: #000000;
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 15px;
}
.content-columns-panel .description {
  font-size: 16.5px;
  line-height: 18px;
  color: #000000;
  margin-bottom: 40px;
}
.content-columns-panel .text h1,
.content-columns-panel .text h2,
.content-columns-panel .text h3,
.content-columns-panel .text h4,
.content-columns-panel .text h5 {
  margin-top: 10px;
  margin-bottom: 20px;
}
.content-columns-panel .text p + h2,
.content-columns-panel .text p + h3,
.content-columns-panel .text p + h4,
.content-columns-panel .text p + h5,
.content-columns-panel .text p + h6 {
  margin-top: 40px;
}
.content-columns-panel h1:first-of-type {
  margin-top: 30px;
  margin-bottom: 20px;
}
.content-columns-panel .img {
  margin-top: 0;
  position: relative;
  height: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 56.25%;
}
.content-columns-panel .img.contain-img {
  background-size: contain;
}
.content-columns-panel .img img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  opacity: 0;
}
.content-columns-panel.text-over + .text-over {
  padding-top: 0;
  margin-top: -10px;
}
.content-columns-panel.text-over .columns-row {
  color: #FFFFFF;
}
.content-columns-panel.text-over .columns-row h1,
.content-columns-panel.text-over .columns-row h2,
.content-columns-panel.text-over .columns-row h3,
.content-columns-panel.text-over .columns-row h5,
.content-columns-panel.text-over .columns-row h6,
.content-columns-panel.text-over .columns-row ol,
.content-columns-panel.text-over .columns-row ul,
.content-columns-panel.text-over .columns-row li,
.content-columns-panel.text-over .columns-row i,
.content-columns-panel.text-over .columns-row td {
  color: #FFFFFF;
}
.content-columns-panel.text-over .columns-row h1 b,
.content-columns-panel.text-over .columns-row h2 b,
.content-columns-panel.text-over .columns-row h3 b,
.content-columns-panel.text-over .columns-row h4 b,
.content-columns-panel.text-over .columns-row h5 b,
.content-columns-panel.text-over .columns-row h6 b,
.content-columns-panel.text-over .columns-row h1 strong,
.content-columns-panel.text-over .columns-row h2 strong,
.content-columns-panel.text-over .columns-row h3 strong,
.content-columns-panel.text-over .columns-row h4 strong,
.content-columns-panel.text-over .columns-row h5 strong,
.content-columns-panel.text-over .columns-row h6 strong {
  color: #BDF2CC;
}
.content-columns-panel.text-over .columns-row h4,
.content-columns-panel.text-over .columns-row h5,
.content-columns-panel.text-over .columns-row p {
  color: #FFFFFF;
}
.content-columns-panel.text-over .columns-row h3 a,
.content-columns-panel.text-over .columns-row h4 a,
.content-columns-panel.text-over .columns-row h3 a:visited,
.content-columns-panel.text-over .columns-row h4 a:visited {
  font-weight: 400;
  color: #FFFC36;
}
.content-columns-panel.text-over .columns-row h3 strong,
.content-columns-panel.text-over .columns-row h4 strong,
.content-columns-panel.text-over .columns-row h3 b,
.content-columns-panel.text-over .columns-row h4 b {
  color: #FFFFFF;
}
.content-columns-panel.text-over .columns-row h1,
.content-columns-panel.text-over .columns-row h2,
.content-columns-panel.text-over .columns-row h3 {
  color: #FFFFFF;
}
.content-columns-panel.text-over .columns-row h1 em,
.content-columns-panel.text-over .columns-row h2 em,
.content-columns-panel.text-over .columns-row h3 em,
.content-columns-panel.text-over .columns-row h1 i,
.content-columns-panel.text-over .columns-row h2 i,
.content-columns-panel.text-over .columns-row h3 i {
  color: #BDF2CC;
}
.content-columns-panel.text-over .columns-row h1 strong,
.content-columns-panel.text-over .columns-row h2 strong,
.content-columns-panel.text-over .columns-row h3 strong {
  color: #BDF2CC;
}
.content-columns-panel.text-over .columns-row a,
.content-columns-panel.text-over .columns-row a:visited {
  color: #FFFFFF;
}
.content-columns-panel.text-over .columns-row a:hover {
  color: #FFFFFF;
}
.content-columns-panel.text-over .columns-row > a,
.content-columns-panel.text-over .columns-row > span {
  display: block;
}
.content-columns-panel.text-over .col-sm-12 .tile-wrapper {
  padding-bottom: 45%;
}
.content-columns-panel.text-over .col-sm-6 .tile-wrapper {
  padding-bottom: 75%;
}
.content-columns-panel.text-over a:hover,
.content-columns-panel.text-over span.grid-icon-element:hover {
  text-decoration: none;
}
.content-columns-panel.text-over a:hover .text-table,
.content-columns-panel.text-over span.grid-icon-element:hover .text-table {
  opacity: 0;
}
.content-columns-panel.text-over .img-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}
.content-columns-panel.text-over .img {
  padding-bottom: 0;
  height: 100%;
}
.content-columns-panel.text-over .text-table {
  -moz-transition: all linear 200ms;
  -webkit-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  transition: all linear 200ms;
  color: #FFFFFF;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.45);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content-columns-panel.text-over .text-table h1,
.content-columns-panel.text-over .text-table h2,
.content-columns-panel.text-over .text-table h3,
.content-columns-panel.text-over .text-table h5,
.content-columns-panel.text-over .text-table h6,
.content-columns-panel.text-over .text-table ol,
.content-columns-panel.text-over .text-table ul,
.content-columns-panel.text-over .text-table li,
.content-columns-panel.text-over .text-table i,
.content-columns-panel.text-over .text-table td {
  color: #FFFFFF;
}
.content-columns-panel.text-over .text-table h1 b,
.content-columns-panel.text-over .text-table h2 b,
.content-columns-panel.text-over .text-table h3 b,
.content-columns-panel.text-over .text-table h4 b,
.content-columns-panel.text-over .text-table h5 b,
.content-columns-panel.text-over .text-table h6 b,
.content-columns-panel.text-over .text-table h1 strong,
.content-columns-panel.text-over .text-table h2 strong,
.content-columns-panel.text-over .text-table h3 strong,
.content-columns-panel.text-over .text-table h4 strong,
.content-columns-panel.text-over .text-table h5 strong,
.content-columns-panel.text-over .text-table h6 strong {
  color: #BDF2CC;
}
.content-columns-panel.text-over .text-table h4,
.content-columns-panel.text-over .text-table h5,
.content-columns-panel.text-over .text-table p {
  color: #FFFFFF;
}
.content-columns-panel.text-over .text-table h3 a,
.content-columns-panel.text-over .text-table h4 a,
.content-columns-panel.text-over .text-table h3 a:visited,
.content-columns-panel.text-over .text-table h4 a:visited {
  font-weight: 400;
  color: #FFFC36;
}
.content-columns-panel.text-over .text-table h3 strong,
.content-columns-panel.text-over .text-table h4 strong,
.content-columns-panel.text-over .text-table h3 b,
.content-columns-panel.text-over .text-table h4 b {
  color: #FFFFFF;
}
.content-columns-panel.text-over .text-table h1,
.content-columns-panel.text-over .text-table h2,
.content-columns-panel.text-over .text-table h3 {
  color: #FFFFFF;
}
.content-columns-panel.text-over .text-table h1 em,
.content-columns-panel.text-over .text-table h2 em,
.content-columns-panel.text-over .text-table h3 em,
.content-columns-panel.text-over .text-table h1 i,
.content-columns-panel.text-over .text-table h2 i,
.content-columns-panel.text-over .text-table h3 i {
  color: #BDF2CC;
}
.content-columns-panel.text-over .text-table h1 strong,
.content-columns-panel.text-over .text-table h2 strong,
.content-columns-panel.text-over .text-table h3 strong {
  color: #BDF2CC;
}
.content-columns-panel.text-over .text-table a,
.content-columns-panel.text-over .text-table a:visited {
  color: #FFFFFF;
}
.content-columns-panel.text-over .text-table a:hover {
  color: #FFFFFF;
}
.content-columns-panel.text-over .text-table .icon-text,
.content-columns-panel.text-over .text-table .icon-text span {
  display: block;
}
.content-columns-panel.text-over .text-table .icon-text span.icon {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}
.content-columns-panel.text-over .text-table .icon-text span.tile-title {
  font-size: 22px;
  line-height: 30px;
}
.content-columns-panel.text-over .text-table .icon-text span.tile-subtitle {
  font-size: 16px;
  line-height: 24px;
}
.content-columns-panel.text-over .tile-wrapper {
  display: block;
  padding-bottom: 75%;
  height: 0;
  position: relative;
  margin-bottom: 20px;
}
.embed-panel {
  padding-top: 40px;
  padding-bottom: 40px;
}
.embed-panel .prop-container {
  height: 0;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.embed-panel .prop-container > .prop-inner,
.embed-panel .prop-container > .prop-inner > embed,
.embed-panel .prop-container > .prop-inner > iframe,
.embed-panel .prop-container > .prop-inner > object,
.embed-panel .prop-container > .prop-inner > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed-panel .hbspt-form,
.embed-panel form {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.page-feature {
  position: relative;
  display: block;
}
.page-feature a.feature {
  text-decoration: none !important;
}
.page-feature .container {
  position: relative;
  z-index: 2;
}
.page-feature .container .page-feature-inner {
  zoom: 1;
  clear: both;
  position: relative;
}
.page-feature .container .page-feature-inner:before {
  content: '';
  display: block;
}
.page-feature .container .page-feature-inner:after {
  content: '';
  display: table;
  clear: both;
}
.page-feature:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 83.5%;
  background-color: #BDF2CC;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .page-feature:before {
    height: 75%;
  }
}
@media screen and (min-width: 768px) {
  .page-feature .feature-text {
    width: 40%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    height: 75%;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
  }
}
@media screen and (min-width: 768px) {
  .page-feature .feature-text > .feature-text-r > .feature-text-c {
    vertical-align: middle;
  }
}
@media screen and (max-width: 768px) {
  .page-feature .feature-text .feature-text-wrapper {
    padding-top: 38px;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .page-feature .feature-text .feature-text-wrapper {
    padding-left: 38px;
  }
}
.page-feature .feature-text h1:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .page-feature .feature-text h1 {
    font-size: 28px;
    line-height: 36px;
  }
}
.page-feature .feature-animation {
  position: relative;
}
@media screen and (max-width: 768px) {
}
@media screen and (min-width: 768px) {
  .page-feature .feature-animation {
    float: right;
    width: 60%;
  }
}
.page-feature .feature-animation svg,
.page-feature .feature-animation video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-feature .feature-animation span {
  position: relative;
  display: block;
  height: 0;
  padding-bottom: 100%;
}
.page-feature .feature-animation span #anim {
  opacity: 0;
  -moz-transition: opacity linear 500ms;
  -webkit-transition: opacity linear 500ms;
  -o-transition: opacity linear 500ms;
  transition: opacity linear 500ms;
}
.page-feature .feature-animation span.feature-image {
  padding-bottom: 70%;
  background-position: center;
  background-size: auto 90%;
  background-repeat: no-repeat;
}
.page-feature .feature-animation span.feature-image img {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
}
.page-feature .feature-animation span.home {
  margin-top: -70px;
}
@media screen and (min-width: 768px) {
  .page-feature .feature-animation span.home {
    margin-top: -100px;
  }
}
.page-feature .feature-animation span.home svg {
  top: auto;
  left: auto;
  bottom: -25px;
  right: -10px;
  width: 104.8% !important;
  height: 104.8% !important;
}
@media screen and (min-width: 768px) {
  .page-feature .feature-animation span.safety-of-work {
    margin-top: -20px;
    margin-bottom: -70px;
  }
}
.page-feature .feature-animation span.what-we-do {
  margin-top: -50px;
}
@media screen and (min-width: 992px) {
  .page-feature .feature-animation span.what-we-do {
    margin-top: -70px;
  }
}
@media screen and (max-width: 992px) {
  .page-feature .feature-animation span.what-we-do {
    margin-bottom: -60px;
  }
}
.page-feature .feature-animation span.forge-works-map {
  margin-top: -30px;
  margin-bottom: -70px;
}
@media screen and (min-width: 992px) {
  .page-feature .feature-animation span.forge-works-map {
    padding-bottom: 90%;
    margin-top: -40px;
  }
}
@media screen and (max-width: 992px) {
  .page-feature .feature-animation span.forge-works-map {
    margin-bottom: -40px;
  }
}
.page-feature .feature-animation span.solutions {
  margin-bottom: -50px;
}
.page-feature .feature-animation span.solutions svg > g {
  transform-origin: center center;
  transform: scale(1.65);
}
.page-feature.home-feature .angle-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scaleY(0.92);
}
@media screen and (max-width: 768px) {
  .page-feature.home-feature .angle-bg {
    transform: skewY(-7deg);
  }
}
.page-feature.home-feature .angle-bg path {
  fill: #BDF2CC;
}
.page-feature.home-feature::before {
  display: none;
}
.page-feature.home-feature .feature-text .feature-text-wrapper {
  max-width: 330px;
  font-size: 24px;
  line-height: 29px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .page-feature.home-feature .feature-text .feature-text-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 992px) {
  .page-feature.home-feature .feature-text .feature-text-wrapper {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .page-feature.forge-works-map-feature:before {
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .page-feature.forge-works-map-feature h1 {
    font-size: 24.32px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .page-feature.forge-works-map-feature h1 {
    font-size: 1.22em;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .page-feature.forge-works-map-feature p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .page-feature.forge-works-map-feature p {
    font-size: 0.82em;
    line-height: 1.1em;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .page-feature.forge-works-map-feature p {
    font-size: 0.82em;
    line-height: 1.1em;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .page-feature.forge-works-map-feature .feature-animation {
    width: 100% !important;
  }
}
@media screen and (min-width: 1201px) {
  .page-feature.forge-works-map-feature .feature-animation {
    width: 90% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .page-feature.forge-works-map-feature .feature-text {
    height: auto;
    width: 48%;
    padding-top: 30px;
  }
}
@media screen and (min-width: 992px) {
  .page-feature.forge-works-map-feature .feature-text {
    height: auto !important;
    padding-top: 40px !important;
    width: 50% !important;
  }
}
.page-feature.forge-works-map-feature .feature-text h1 {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .page-feature.forge-works-map-feature .feature-animation {
    width: 52%;
  }
}
@media screen and (min-width: 992px) {
  .page-feature.forge-works-map-feature .feature-animation span.forge-works-map {
    margin-top: 0 !important;
    margin-bottom: -86px !important;
  }
}
@media screen and (min-width: 992px) {
  .page-feature.forge-works-map-feature {
    margin-bottom: -100px !important;
  }
  .page-feature.forge-works-map-feature + .text-image-panel {
    margin-top: -100px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .page-feature.who-we-are-feature {
    margin-bottom: 70px;
  }
}
.page-feature.who-we-are-feature:before {
  height: 63%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .page-feature.who-we-are-feature:before {
    height: 75%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .page-feature.who-we-are-feature .feature-animation {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .page-feature.who-we-are-feature + .text-image-panel {
    position: relative;
    top: -140px;
    margin-bottom: -219px;
  }
}
@media screen and (min-width: 992px) {
  .page-feature.who-we-are-feature + .text-image-panel {
    position: relative;
    top: -200px;
    margin-bottom: -219px;
  }
}
@media screen and (min-width: 992px) {
  .page-feature.who-we-are-feature + .text-image-panel .text-col {
    width: 50%;
    padding-right: 120px !important;
  }
}
@media screen and (min-width: 992px) {
  .page-feature.who-we-are-feature + .text-image-panel .link-col {
    padding-left: 123px !important;
    width: 50%;
    vertical-align: bottom;
    padding-bottom: 30px;
  }
}
.page-feature.who-we-are-feature .feature-text {
  height: 65%;
}
.page-feature.what-we-do-feature:before {
  height: 58%;
}
@media screen and (max-width: 768px) {
  .page-feature.what-we-do-feature:before {
    height: 75%;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .page-feature.what-we-do-feature:before {
    height: 70%;
  }
}
.page-feature.what-we-do-feature .feature-text {
  height: 60%;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .page-feature.what-we-do-feature .feature-text {
    height: 70%;
  }
}
.page-feature.what-we-do-feature + .text-image-panel {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .page-feature.what-we-do-feature + .text-image-panel {
    top: -80px;
    margin-bottom: -60px;
  }
}
@media screen and (min-width: 992px) {
  .page-feature.what-we-do-feature + .text-image-panel {
    top: -171px;
    margin-bottom: -170px;
  }
}
@media screen and (min-width: 1200px) {
  .page-feature.what-we-do-feature + .text-image-panel {
    top: -231px;
    margin-bottom: -130px;
  }
}
@media screen and (max-width: 992px) {
  .page-feature.what-we-do-feature + .text-image-panel .css-t .css-t-c.text-col {
    display: block;
  }
}
.page-feature.what-we-do-feature + .text-image-panel .css-t .css-t-c.link-col {
  padding-left: 15px;
}
@media screen and (max-width: 992px) {
  .page-feature.what-we-do-feature + .text-image-panel .css-t .css-t-c.link-col {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .page-feature.what-we-do-feature + .text-image-panel .css-t .css-t-c.link-col {
    padding-left: 30px !important;
  }
  .page-feature.what-we-do-feature + .text-image-panel .css-t .css-t-c.link-col .btn {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .page-feature.what-we-do-feature + .text-image-panel .css-t .css-t-c.link-col {
    vertical-align: bottom;
  }
}
.page-feature.solutions-feature:before {
  display: none;
}
.page-feature.solutions-feature h1 {
  font-size: 42px;
  line-height: 51px;
}
p + .gee-block {
  margin-top: 50px;
}
.gee-block {
  border: 4px solid #000000;
  display: flex;
  min-height: 110px;
  flex-direction: row;
  align-items: stretch;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .gee-block {
    flex-direction: column;
  }
}
.gee-block h6,
.gee-block p {
  margin: 0;
}
.gee-block .content,
.gee-block .title {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.gee-block .title {
  background-repeat: no-repeat;
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 991px) {
  .gee-block .title {
    background-size: 45px auto;
    background-position: 10px center;
    width: 100%;
    border-bottom: 4px solid #000000;
    height: 65px;
    padding-left: 70px;
  }
}
@media screen and (min-width: 992px) {
  .gee-block .title {
    padding-left: 120px;
    background-size: 85px auto;
    background-position: 10px center;
    width: 35%;
    border-right: 4px solid #000000;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .gee-block .title {
    padding-left: 110px;
  }
}
.gee-block .content {
  flex-grow: 1;
  padding-left: 25px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: rgba(255, 255, 255, 0.7);
}
.gee-block.guide {
  background-color: #6ccacd;
}
.gee-block.guide .title {
  background-image: url('../img/map/FW_MAP_WEB_VECTORS_ICON_GUIDE.01.svg');
}
.gee-block.guide .content {
  background-color: #d3eeef;
}
.gee-block.enable {
  background-color: #adb3bd;
}
.gee-block.enable .title {
  background-image: url('../img/map/FW_MAP_WEB_VECTORS_ICON_ENABLE.01.svg');
}
.gee-block.enable .content {
  background-color: #e6e8eb;
}
.gee-block.execute {
  background-color: #4c84e6;
}
.gee-block.execute .title {
  background-image: url('../img/map/FW_MAP_WEB_VECTORS_ICON_EXECUTE.01.svg');
}
.gee-block.execute .content {
  background-color: #c9daf7;
}
.coloured-content-columns {
  margin: 0 0 40px;
}
@media screen and (min-width: 768px) {
  .coloured-content-columns .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .coloured-content-columns .row .content-col {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .coloured-content-columns .row .content-col .content-col-item {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .coloured-content-columns .content-col {
    margin-bottom: 15px;
  }
}
.coloured-content-columns .content-col.teal .col-title {
  background-color: #6ccacd;
}
.coloured-content-columns .content-col.teal .col-cont {
  background-color: #d3eeef;
}
.coloured-content-columns .content-col.grey .col-title {
  background-color: #adb3bd;
}
.coloured-content-columns .content-col.grey .col-cont {
  background-color: #e6e8eb;
}
.coloured-content-columns .content-col.blue .col-title {
  background-color: #4c84e6;
}
.coloured-content-columns .content-col.blue .col-cont {
  background-color: #c9daf7;
}
.coloured-content-columns .content-col .col-title {
  padding: 15px 20px;
  font-weight: bold;
  font-size: 18px;
  border: 4px solid #000000;
}
@media screen and (min-width: 768px) {
  .coloured-content-columns .content-col .col-title {
    min-height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.coloured-content-columns .content-col .col-cont {
  flex-grow: 1;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .coloured-content-columns .content-col .col-cont {
    padding: 25px 15px 15px;
    min-height: 260px;
  }
}
.coloured-content-columns .content-col .col-cont p,
.coloured-content-columns .content-col .col-cont ul,
.coloured-content-columns .content-col .col-cont ol {
  margin-bottom: 5px;
}
.map-panel .map {
  position: relative;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .map-panel .map {
    padding-bottom: 20px;
  }
  .map-panel .map.show-active {
    margin-bottom: 120px;
  }
}
.map-panel .map .show-panel {
  -moz-transition: all linear 200ms;
  -webkit-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  transition: all linear 200ms;
  border: 4px solid #000000;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .map-panel .map .show-panel {
    position: absolute;
    top: 100% !important;
    left: 0 !important;
    transform: none  !important;
    width: 100%;
    padding: 0 60px 0 10px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .map-panel .map .show-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px;
    padding: 15px 15px 35px;
  }
}
.map-panel .map .show-panel.active {
  opacity: 1;
  z-index: 1223;
}
@media screen and (min-width: 768px) {
  .map-panel .map .show-panel .show-panel-top {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
  }
  .map-panel .map .show-panel .show-panel-top .section {
    flex-grow: 1;
    padding-bottom: 20px;
    font-weight: 700;
  }
}
.map-panel .map .show-panel .title {
  margin-top: 15px;
  padding-left: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .map-panel .map .show-panel .title {
    margin-top: 5px;
  }
}
.map-panel .map .show-panel .title:before {
  content: "\2192";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 28px;
}
.map-panel .map .show-panel .icon {
  background-image: url(../img/map/FW_MAP_WEB_VECTORS_ICON_COMPLIANT.01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 120px;
  width: 100px;
  height: 100px;
}
@media screen and (max-width: 768px) {
  .map-panel .map .show-panel .icon {
    position: absolute;
    top: 0;
    right: 10px;
    width: 60px;
    height: 100%;
    background-size: auto 70px;
  }
}
.map-panel .map .show-panel.compliant .icon {
  background-image: url(../img/map/FW_MAP_WEB_VECTORS_ICON_COMPLIANT.01.svg);
}
.map-panel .map .show-panel.leading .icon {
  background-image: url(../img/map/FW_MAP_WEB_VECTORS_ICON_LEADING.01.svg);
}
.map-panel .map .show-panel.resilient .icon {
  background-image: url(../img/map/FW_MAP_WEB_VECTORS_ICON_RESILIENT.01.svg);
}
.map-panel .map .show-panel.teal {
  background-color: #d3eeef;
}
.map-panel .map .show-panel.grey {
  background-color: #e6e8eb;
}
.map-panel .map .show-panel.blue {
  background-color: #c9daf7;
}
.map-panel .map .map-over {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.map-panel #map-bg,
.map-panel #map {
  max-width: 100%;
  height: auto;
}
.map-panel #map-bg path,
.map-panel #map path {
  position: relative;
}
.map-panel #map-bg path.colour,
.map-panel #map path.colour {
  fill-opacity: 1;
  fill-rule: nonzero;
  stroke: #FFFFFF;
  stroke-width: 30;
}
.map-panel #map-bg path.colour.hover,
.map-panel #map path.colour.hover,
.map-panel #map-bg path.colour:hover,
.map-panel #map path.colour:hover {
  fill: transparent !important;
  stroke: black !important;
  stroke-width: 40 !important;
  stroke-dasharray: 100,100 !important;
}
.map-panel #map-bg path.colour.teal,
.map-panel #map path.colour.teal {
  fill: #6bc9cc;
}
.map-panel #map-bg path.colour.grey,
.map-panel #map path.colour.grey {
  fill: #adb2bd;
}
.map-panel #map-bg path.colour.blue,
.map-panel #map path.colour.blue {
  fill: #4c84e6;
}
.map-panel #map-bg path.filler,
.map-panel #map path.filler {
  -moz-transition: opacity linear 200ms;
  -webkit-transition: opacity linear 200ms;
  -o-transition: opacity linear 200ms;
  transition: opacity linear 200ms;
  fill: transparent;
  fill-rule: nonzero;
  stroke: none;
  opacity: 0;
}
.map-panel #map-bg path.filler.teal,
.map-panel #map path.filler.teal {
  fill: #d3eeef;
}
.map-panel #map-bg path.filler.grey,
.map-panel #map path.filler.grey {
  fill: #e6e8eb;
}
.map-panel #map-bg path.filler.blue,
.map-panel #map path.filler.blue {
  fill: #c9daf7;
}
.map-panel #map-bg path.filler.hover,
.map-panel #map path.filler.hover,
.map-panel #map-bg path.filler:hover,
.map-panel #map path.filler:hover {
  opacity: 1;
  stroke: black !important;
  stroke-width: 70 !important;
  stroke-dasharray: 200,100 !important;
}
body.home .text-image-panel {
  padding-top: 7px;
}
body.home .text-image-panel + .text-image-panel {
  padding-top: 7px;
}
body.home .text-image-panel .container {
  max-width: 975px;
}
body.home .text-image-panel .container:after {
  content: "";
  display: block;
  margin-top: 50px;
  background-image: url(../img/common/text-divider.svg);
  background-position: 0 0;
  background-repeat: repeat-x;
  height: 53px;
  width: 100%;
  max-width: 945px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  body.home .text-image-panel .container:after {
    margin-top: 20px;
  }
}
body.home .text-image-panel:nth-child(odd) .container:after {
  background-position: 190px 0;
}
@media screen and (max-width: 768px) {
  body.home .text-image-panel:nth-child(odd) .container:after {
    background-position: 15% 0;
  }
}
body.home .text-image-panel:nth-child(even) .container:after {
  background-position: 380px 0;
}
@media screen and (max-width: 768px) {
  body.home .text-image-panel:nth-child(even) .container:after {
    background-position: 25% 0;
  }
}
body.home .text-image-panel.small-image-left .css-t .css-t-c.image-col {
  padding-top: 7px;
}
@media screen and (min-width: 992px) {
  body.home .text-image-panel.small-image-left .css-t .css-t-c.image-col img {
    max-width: 100%;
  }
}
body.home .text-image-panel.small-image-left .css-t .css-t-c.text-col .btn-container .btn {
  padding: 25px 40px 22px;
  min-width: 262px;
}
@media screen and (max-width: 768px) {
  body.home .text-image-panel.small-image-left .css-t .css-t-c.text-col .btn-container {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.text-image-panel {
  padding-top: 27px;
  padding-bottom: 27px;
}
@media screen and (min-width: 1200px) {
  .text-image-panel + .text-image-panel {
    padding-top: 101px;
  }
}
@media screen and (max-width: 768px) {
  .text-image-panel + .divider-panel {
    margin-top: -40px;
  }
}
@media screen and (min-width: 1200px) {
  .text-image-panel + .text-panel {
    margin-top: 138px;
  }
}
@media screen and (max-width: 768px) {
  .text-image-panel + .text-panel {
    padding-top: 40px;
  }
}
.text-image-panel + .text-panel .container {
  max-width: 1060px;
}
.text-image-panel + .text-panel .container:before {
  content: '';
  position: absolute;
  background-image: url(../img/common/ForgeWorks-Web-LH-Corner.01.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 100px;
  height: 70px;
}
@media screen and (max-width: 768px) {
  .text-image-panel + .text-panel .container:before {
    top: -50px;
    left: 12px;
  }
}
@media screen and (min-width: 768px) {
  .text-image-panel + .text-panel .container:before {
    top: -105px;
    left: -5px;
  }
}
.text-image-panel .css-t .css-t-c {
  float: none;
}
.text-image-panel .css-t .css-t-c.text-col {
  vertical-align: top;
}
.text-image-panel .css-t .css-t-c.text-col.valign-middle {
  vertical-align: middle;
}
@media screen and (min-width: 769px) {
  .text-image-panel .css-t .css-t-c.text-col:first-child {
    padding-right: 40px;
  }
  .text-image-panel .css-t .css-t-c.text-col:last-child {
    padding-left: 40px;
  }
}
@media screen and (min-width: 769px) and (min-width: 992px) {
  .text-image-panel .css-t .css-t-c.text-col:first-child {
    padding-right: 0;
  }
  .text-image-panel .css-t .css-t-c.text-col:last-child {
    padding-left: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .text-image-panel .css-t .css-t-c.text-col {
    padding-left: 52px;
    padding-right: 52px;
  }
  .text-image-panel .css-t .css-t-c.text-col:first-child {
    padding-right: 40px;
  }
  .text-image-panel .css-t .css-t-c.text-col.col-sm-6:last-child {
    padding-left: 130px;
    padding-top: 6px;
  }
}
.text-image-panel .css-t .css-t-c.text-col .btn-container {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .text-image-panel .css-t .css-t-c.text-col .btn-container {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.text-image-panel .css-t .css-t-c.text-col .btn-container .btn {
  padding-left: 40px;
  padding-right: 40px;
}
.text-image-panel .css-t .css-t-c.image-col {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .text-image-panel .css-t .css-t-c.image-col:first-child {
    padding-left: 47px;
    padding-right: 10px;
  }
}
.text-image-panel .css-t .css-t-c.link-col {
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width: 992px) {
  .text-image-panel .css-t .css-t-c.link-col {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
  }
}
.text-image-panel.small-image-left .css-t .css-t-c.image-col {
  vertical-align: top;
  padding-top: 40px;
  text-align: center;
}
.text-image-panel.small-image-left .css-t .css-t-c.image-col img {
  max-width: 180px;
}
@media screen and (max-width: 768px) {
  .text-image-panel.small-image-left .css-t .css-t-c.image-col {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    float: right;
  }
  .text-image-panel.small-image-left .css-t .css-t-c.image-col img {
    max-width: 120px;
  }
}
.text-image-panel.small-image-right .css-t .css-t-c.image-col {
  text-align: center;
}
.text-image-panel.small-image-right .css-t .css-t-c.image-col img {
  max-width: 340px;
}
@media screen and (max-width: 767px) {
  .text-image-panel .css-t,
  .text-image-panel .css-t-r,
  .text-image-panel .css-t-c {
    display: block;
    width: auto;
  }
}
.text-panel {
  padding-top: 27px;
  padding-bottom: 27px;
}
@media screen and (min-width: 1300px) {
  .text-panel .btn-container {
    margin-top: 86px;
  }
  .text-panel .btn-container .btn {
    min-width: 400px;
  }
}
.text-panel .container {
  position: relative;
}
.text-panel .divider-col {
  margin-top: 30px;
}
.text-panel .divider {
  background-image: url(../img/common/text-divider.svg);
  background-position: 0 0;
  background-repeat: repeat-x;
  height: 53px;
  width: 100%;
  max-width: 945px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .text-panel .divider {
    background-position: 0 0;
  }
}
body.subscribe .text-panel .divider {
  display: none;
}
.article-container {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .article-container {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .article-container .article-header {
    padding-top: 60px;
  }
}
.article-container .article-header .cat {
  display: block;
}
.article-container .article-header .cat a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #FFFC36;
  text-transform: uppercase;
  color: #BDF2CC;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  padding: 3px 10px 2px;
  margin-bottom: 10px;
  display: inline-block;
}
.article-container .article-header h2 + h5 {
  margin-top: -10px;
}
.article-container .article-industry {
  max-width: 180px;
}
.article-container .article-industry .article-industry-icon {
  -webkit-border-radius: 170px;
  -moz-border-radius: 170px;
  border-radius: 170px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #FFFC36;
  width: 170px;
  height: 170px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  position: relative;
}
.article-container .article-industry .article-industry-icon .article-industry-icon-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: 85%;
  background-repeat: no-repeat;
}
.article-container .article-industry .article-industry-title {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.9em;
  display: block;
  margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
  .article-container .article-industry {
    max-width: 100px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
  }
  .article-container .article-industry .article-industry-icon {
    width: 100px;
    height: 100px;
  }
}
.article-container .article-body p + h1,
.article-container .article-body ul + h1,
.article-container .article-body ol + h1,
.article-container .article-body p + h2,
.article-container .article-body ul + h2,
.article-container .article-body ol + h2,
.article-container .article-body p + h3,
.article-container .article-body ul + h3,
.article-container .article-body ol + h3,
.article-container .article-body p + h4,
.article-container .article-body ul + h4,
.article-container .article-body ol + h4,
.article-container .article-body p + h5,
.article-container .article-body ul + h5,
.article-container .article-body ol + h5,
.article-container .article-body p + h6,
.article-container .article-body ul + h6,
.article-container .article-body ol + h6 {
  margin-top: 40px;
}
.article-container .article-body iframe {
  max-width: 100%;
  margin: 20px auto;
}
.article-container .article-body iframe:last-child {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .article-container .article-body iframe {
    margin: 30px auto;
  }
  .article-container .article-body iframe:last-child {
    margin-bottom: 50px;
  }
}
.article-container .article-body .embed {
  text-align: center;
}
.article-container .article-body .embed iframe {
  margin: 30px auto;
}
.article-container .article-body .embed:last-child {
  margin-bottom: 20px;
}
.article-container .article-body .auth-info {
  font-size: 16px;
}
.article-container .article-body table {
  border-top: 1px solid #f2f2f2;
  width: 100%;
  margin-bottom: 30px;
}
.article-container .article-body table th {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  width: 150px;
  padding: 16px 0 14px;
  color: #000000;
  border-bottom: 1px solid #f2f2f2;
  text-align: center;
}
.article-container .article-body table th:first-child {
  padding-right: 10px;
  text-align: left;
}
.article-container .article-body table td {
  font-size: 16px;
  text-align: center;
  padding: 15px 4px;
  line-height: 20px;
  border-bottom: 1px solid #f2f2f2;
}
.article-container .article-body table td sub {
  line-height: 12px;
  display: inline-block;
}
.article-container .article-image {
  margin: 60px 0 40px;
}
@media screen and (max-width: 768px) {
  .article-container .article-image {
    margin-top: 20px;
  }
}
@media screen and (min-width: 992px) {
  .article-container .article-image {
    float: right;
    max-width: 45%;
    margin-left: 40px;
  }
}
.article-container .article-image.legend-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  height: 0;
  padding-bottom: 75%;
}
.article-container .article-image.legend-image img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.article-container .article-image.svg {
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
}
.article-container .article-author {
  margin: 40px 0;
  line-height: 1.4em;
}
@media screen and (min-width: 768px) {
  .article-container .article-author {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 768px) {
  .article-container .article-author h3 {
    margin-bottom: 10px;
  }
  .article-container .article-author .author-connect {
    margin-top: -15px;
    margin-bottom: 15px;
  }
}
.article-container .article-author .author-connect span {
  display: block;
}
.article-container .article-author .author-connect span i {
  font-size: 1.4em;
  position: relative;
  top: 2px;
}
.article-container .article-author .author-connect span i:before {
  margin: 0;
}
.article-container .author-details {
  position: relative;
}
.article-container .author-details > img {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .article-container .author-details > img {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    max-width: 40%;
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .article-container .author-details > img {
    float: left;
    margin-right: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .article-container .author-details > img {
    margin-right: 30px;
    max-width: 40%;
    height: auto;
  }
}
.article-container .article-author-divider {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../img/common/ForgeWorks-Med-Line.01.svg');
  background-size: contain;
  height: 60px;
  margin: 20px 0 0;
  display: block;
}
@media screen and (min-width: 768px) {
  .article-container .article-author-divider {
    margin: 40px 0;
  }
}
@media screen and (max-width: 768px) {
  .article-container .author-bio {
    clear: both;
  }
}
.posts-container .large-post-section {
  padding-top: 0;
}
.posts-container .large-post-section hr {
  margin-top: 60px;
}
.posts-container .css-t.large-post .css-t-c {
  width: 50%;
}
.posts-container .container .text-image-panel .col-sm-6.text-col {
  padding-top: 10px;
}
.posts-container .container.large-post .content-block-img {
  display: block;
  margin-bottom: 30px;
}
.posts-container .container.large-post .content-block-img.legend-img {
  margin-bottom: 0;
}
.posts-container .container.large-post hr {
  margin-bottom: 00px;
}
.posts-container .container .small-posts-divider hr {
  margin-bottom: 40px;
}
.posts-container .container .small-post.col-sm-3:nth-child(4n+1) {
  clear: left;
}
.posts-container .container .small-post.col-sm-4:nth-child(3n+1) {
  clear: left;
}
.posts-container .container .small-post.col-sm-6:nth-child(odd) {
  clear: left;
}
.posts-container .container .small-post .content-block-img {
  display: block;
  margin-bottom: 30px;
}
.posts-container .container .small-post .content-block-img.legend-img {
  margin-bottom: 0;
}
.posts-container .posts-container-header {
  margin-bottom: 60px;
}
.related-container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.pagination-section {
  padding: 40px 0;
}
.pagination-section .pagination {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-align: center;
  position: relative;
  display: block;
  margin: 20px auto;
  max-width: 600px;
  padding-left: 137px;
  padding-right: 137px;
}
@media screen and (max-width: 768px) {
  .pagination-section .pagination {
    padding-left: 0;
    padding-right: 0;
  }
}
.pagination-section .pagination span.current {
  color: #000000;
}
.pagination-section .page-numbers {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 24px;
  line-height: 44px;
  text-decoration: none;
}
.pagination-section .page-numbers.current {
  text-decoration: underline;
}
.pagination-section .page-numbers.prev {
  float: left;
  left: 0;
}
.pagination-section .page-numbers.next {
  float: right;
  right: 0;
}
.pagination-section .page-numbers.prev,
.pagination-section .page-numbers.next {
  margin: 0;
  position: absolute;
  top: 50%;
  margin-top: -40px;
}
@media screen and (min-width: 768px) {
  .pagination-section .page-numbers.prev,
  .pagination-section .page-numbers.next {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-transition: all linear 200ms;
    -webkit-transition: all linear 200ms;
    -o-transition: all linear 200ms;
    transition: all linear 200ms;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0.05em;
    padding: 25px 22px 22px;
    min-width: 262px;
    font-weight: bold;
    border: 4px solid #000000;
    cursor: pointer;
    min-width: 137px;
  }
  .pagination-section .page-numbers.prev,
  .pagination-section .page-numbers.next,
  .pagination-section .page-numbers.prev:visited,
  .pagination-section .page-numbers.next:visited {
    background-color: #FFFC36;
    color: #000000;
    text-decoration: none;
  }
  .pagination-section .page-numbers.prev:hover,
  .pagination-section .page-numbers.next:hover {
    border: 4px dashed #000000;
  }
  .pagination-section .page-numbers.prev:active:hover,
  .pagination-section .page-numbers.next:active:hover {
    border: 4px solid #000000;
  }
  .pagination-section .page-numbers.prev:hover,
  .pagination-section .page-numbers.next:hover,
  .pagination-section .page-numbers.prev:active,
  .pagination-section .page-numbers.next:active {
    background-color: #FFFFFF;
    box-shadow: none;
    color: #000000;
    border-color: inherit;
    text-decoration: none;
  }
  .pagination-section .page-numbers.prev:after,
  .pagination-section .page-numbers.next:after {
    content: '\2192';
    padding-left: 7px;
  }
}
@media screen and (min-width: 768px) and screen and (max-width: 768px) {
  .pagination-section .page-numbers.prev,
  .pagination-section .page-numbers.next {
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .pagination-section .page-numbers.prev,
  .pagination-section .page-numbers.next {
    display: none;
  }
}
.pagination-section .page-numbers.prev:after,
.pagination-section .page-numbers.next:after {
  display: none;
}
.section.white-cp {
  background-color: #FFFFFF;
}
.section.grey-cp {
  background-color: rgba(173, 179, 189, 0.3);
}
.section.content-header-panel,
.section.content-panel {
  position: relative;
}
.section.content-header-panel a.section-anchor,
.section.content-panel a.section-anchor {
  position: relative;
  top: -90px;
  display: block;
  height: 1px;
  width: 100%;
  visibility: hidden;
}
.popup-search {
  -moz-transition: opacity linear 300ms;
  -webkit-transition: opacity linear 300ms;
  -o-transition: opacity linear 300ms;
  transition: opacity linear 300ms;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.92);
  z-index: -1;
}
.popup-search.active {
  opacity: 1;
}
.popup-search .search-form-wrapper {
  -webkit-box-shadow: 0 0 10em 10em #ffffff;
  -moz-box-shadow: 0 0 10em 10em #ffffff;
  box-shadow: 0 0 10em 10em #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -350px;
  margin-top: -100px;
  width: 700px;
}
.popup-search .search-form-wrapper form.searchform {
  display: block;
  border-bottom: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}
.popup-search .search-form-wrapper:before {
  font-family: "fontello";
  float: left;
  margin-right: 15px;
}
.popup-search .search-form-wrapper button {
  background: none;
  border: none;
  font-size: 32px;
  padding: 5px 5px 5px 10px;
}
.popup-search .search-form-wrapper .close {
  float: right;
  width: 20px;
}
.popup-search .search-form-wrapper .close i:before {
  margin: 0;
}
.popup-search .searchform input {
  font-family: 'GT Walsheim Medium', sans-serif;
  font-weight: 300;
  border: 0;
  font-size: 34px;
  padding: 10px;
  width: 80%;
}
.search-post a.content-block-img {
  display: block;
  height: 0;
  position: relative;
  padding-bottom: 65%;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  margin-bottom: 0;
}
.search-post a.content-block-img.no-image {
  background-color: #FFFC36;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  background-image: url(../img/fwv-logo-white.svg);
}
.search-post a.content-block-img img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.search-post .text {
  -moz-transition: all linear 200ms;
  -webkit-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  transition: all linear 200ms;
  margin-bottom: 20px;
  background-color: rgba(242, 242, 242, 0);
  padding: 20px;
}
.search-post .text h4 a {
  color: #000000;
}
.search-post:hover .text {
  background-color: #f2f2f2;
}
.search-results-header {
  padding-top: 40px;
  padding-bottom: 10px;
}
.standard-form {
  margin: 0 15px 15px;
  clear: both;
  margin-top: -20px;
  padding-bottom: 20px;
}
.standard-form ul.fields {
  padding-left: 0;
}
.standard-form li {
  margin: 20px 0;
  display: block;
}
.standard-form li.terms-agree {
  padding-left: 30%;
}
.standard-form li.terms-agree input,
.standard-form li.terms-agree label {
  width: auto;
  float: none;
  display: inline-block;
}
.standard-form li.terms-agree input {
  margin-right: 15px;
}
.standard-form label {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: 'GT Walsheim Medium', sans-serif;
  font-weight: 300;
  font-weight: normal;
  width: 30%;
  float: left;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.standard-form label sub {
  display: block;
  line-height: 14px;
}
.standard-form .input-wrapper,
.standard-form .select-wrapper {
  display: inline-block;
  width: 50%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.standard-form input[type=email],
.standard-form input[type=phone],
.standard-form input[type=text],
.standard-form select,
.standard-form textarea {
  font-family: 'GT Walsheim Medium', sans-serif;
  font-weight: 300;
  font-weight: normal;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  appearance: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 70%;
  border: 1px solid #000000;
  height: 36px;
  padding: 0 8px;
  line-height: 25px;
  font-size: 18px;
}
.standard-form textarea {
  min-height: 100px;
}
.standard-form select {
  padding: 2px 8px;
  color: #000000;
  background-color: #FFFFFF;
  display: inline-block;
  text-indent: 0;
  background-image: url("../images/icons/select-icon.gif");
  background-repeat: no-repeat;
  background-position: right center;
}
.standard-form .privacy-subscribe-note {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #000000;
}
.standard-form .privacy-subscribe-note p {
  line-height: 18px;
}
.standard-form .check-field label {
  float: none;
  display: block;
  margin-left: 30px;
}
.standard-form .check-field input {
  float: left;
  margin: 2px 0;
}
.standard-form .subscribe-note {
  float: left;
  width: 75%;
  text-align: left;
}
.standard-form .submit-field {
  margin-top: 50px;
  padding-top: 20px;
  border-top: 1px solid #000000;
  text-align: right;
}
.standard-form .industry label {
  display: block;
  margin-left: 218px;
}
.form-section .standard-form {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.latest-panel {
  padding: 20px 0 20px;
}
@media screen and (min-width: 768px) {
  .latest-panel {
    padding-top: 67px;
  }
}
@media screen and (min-width: 768px) {
  .latest-panel .col-sm-6:first-child {
    padding-left: 51px;
    padding-right: 18px;
  }
  .latest-panel .col-sm-6:last-child {
    padding-right: 51px;
  }
}
.latest-panel .article-image-container {
  position: relative;
  display: block;
  margin-bottom: 16px;
}
.latest-panel .article-image {
  margin-bottom: 0;
  display: block;
  padding-bottom: 57.85%;
  position: relative;
  background-repeat: no-repeat;
  height: 0;
  background-color: #E6E8EB;
  background-position: center;
  background-size: cover;
}
.latest-panel .article-desc {
  font-size: 0.755em;
  display: block;
  max-width: 375px;
}
.latest-panel .article-desc h4 + p {
  margin-top: -6px;
  line-height: 1.5em;
  font-size: 1em;
}
.latest-panel .article-btn {
  background-color: #BDF2CC;
  position: relative;
  display: block;
  font-weight: bold;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  padding: 19px 20px 17px 20px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .latest-panel .article-btn {
    margin-bottom: 18px;
  }
}
.latest-panel .short-article-list ul,
.latest-panel .short-article-list li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
}
.latest-panel .short-article-list li {
  margin-bottom: 17px;
}
.latest-panel .short-article-list li:nth-child(1) a > i {
  background-color: #BDF2CC;
}
.latest-panel .short-article-list li:nth-child(2) a > i {
  background-color: #6ccacd;
}
.latest-panel .short-article-list li:nth-child(3) a > i {
  background-color: #4c84e6;
}
.latest-panel .short-article-list li:nth-child(4) a > i {
  background-color: #99b7e8;
}
.latest-panel .short-article-list li:nth-child(5) a > i {
  background-color: #adb3bd;
}
.latest-panel .short-article-list li.teal a > i {
  background-color: #6ccacd;
}
.latest-panel .short-article-list li.cornflower a > i {
  background-color: #4c84e6;
}
.latest-panel .short-article-list li.blue a > i {
  background-color: #99b7e8;
}
.latest-panel .short-article-list li.green a > i {
  background-color: #BDF2CC;
}
.latest-panel .short-article-list li a {
  position: relative;
  display: block;
  padding: 20px 20px 15px 110px;
  text-decoration: none;
}
.latest-panel .short-article-list li a > i {
  position: absolute;
  top: 0;
  left: 0;
  width: 77px;
  height: 100%;
}
.latest-panel .short-article-list li a > i:before {
  margin: 0;
  text-align: center;
  width: 100%;
  font-size: 1.8em;
  line-height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.latest-panel .short-article-list .podcast-btn {
  background-color: #adb3bd;
  position: relative;
  display: block;
  text-transform: none;
  text-decoration: none;
  padding: 19px 90px 17px 30px;
  letter-spacing: 0.1px;
  margin-bottom: 10px;
}
.latest-panel .short-article-list .podcast-btn .icon-play {
  position: absolute;
  top: 0;
  right: 0;
}
.latest-panel .short-article-list .podcast-btn > i {
  position: absolute;
  top: 0;
  right: 12px;
  width: 77px;
  height: 100%;
}
.latest-panel .short-article-list .podcast-btn > i:before {
  margin: 0;
  line-height: 64px;
  text-align: center;
  width: 100%;
  font-size: 2.13em;
}
.latest-panel .short-article-list .more-articles {
  text-decoration: none;
  font-size: 0.759em;
  font-style: italic;
}
.divider-panel {
  padding: 20px 0 20px;
}
@media screen and (min-width: 768px) {
  .divider-panel {
    padding: 56px 0;
  }
}
.divider-panel .container {
  max-width: 1110px;
}
.divider-panel .container img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.partners-section {
  padding: 26px 0 92px;
}
@media screen and (max-width: 768px) {
  .partners-section {
    padding-bottom: 40px;
  }
}
.partners-section .container {
  max-width: 970px;
}
@media screen and (min-width: 1200px) {
}
.partners-section .partner-logos {
  padding: 22px 0;
  flex-wrap: wrap;
}
.partners-section .partner-logos a {
  float: left;
  width: 25%;
  position: relative;
  padding: 16px;
}
.partners-section .partner-logos a > span {
  display: block;
  height: 0;
  padding-bottom: 75%;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #E6E8EB;
  background-blend-mode: multiply;
}
.partners-section .partner-logos a,
.partners-section .partner-logos a:hover,
.partners-section .partner-logos a:focus,
.partners-section .partner-logos a:active,
.partners-section .partner-logos a:visited {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .partners-section .partner-logos a {
    width: 50%;
  }
}
.partners-section .partner-logos a img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.partners-section.list-style {
  padding: 62px 0;
}
.partners-section.list-style + .testimonial-panel {
  padding-top: 80px;
}
@media screen and (max-width: 768px) {
  .partners-section.list-style + .testimonial-panel {
    padding-top: 40px;
  }
}
.partners-section.list-style .partners-title {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}
.partners-section.list-style .container {
  position: relative;
}
.partners-section.list-style .container:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #BDF2CC;
  z-index: -1;
  transform: scaleY(1.2) scaleX(1.05) rotate(2.4deg);
}
.partners-section.list-style .partner-list a,
.partners-section.list-style .partner-list span {
  font-style: normal;
  font-weight: 500;
  font-size: 45px;
  line-height: 52px;
  letter-spacing: 0.02em;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .partners-section.list-style .partner-list a,
  .partners-section.list-style .partner-list span {
    font-size: 35px;
    line-height: 42px;
  }
}
.partners-section.list-style .partner-list a {
  padding: 0 5px;
}
.partners-section.list-style .partner-list a:after {
  content: "\2022";
  margin-left: 10px;
}
.team-panel {
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .team-panel {
    padding-top: 67px;
  }
}
.team-panel > .container > .row:first-child {
  margin-bottom: 13px;
}
.team-panel > .container > .row .col-sm-6:nth-child(odd) {
  clear: left;
}
.team-panel .container {
  max-width: 1100px;
}
.team-panel .team-member {
  position: relative;
  font-size: 0.78em;
  line-height: 1.6em;
}
.team-panel .team-member .team-member-top {
  zoom: 1;
  clear: both;
  display: block;
  position: relative;
  padding-bottom: 5px;
}
.team-panel .team-member .team-member-top:before {
  content: '';
  display: block;
}
.team-panel .team-member .team-member-top:after {
  content: '';
  display: table;
  clear: both;
}
@media screen and (max-width: 768px) {
  .team-panel .team-member {
    font-size: 0.98em;
  }
}
.team-panel .team-member .tm-connect {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .team-panel .team-member .tm-connect {
    margin: -15px 0 10px;
  }
}
@media screen and (min-width: 992px) {
}
.team-panel .team-member .tm-connect a {
  display: block;
  position: relative;
  text-decoration: none;
  padding-left: 30px;
  margin-bottom: 7px;
}
.team-panel .team-member .tm-connect a i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.team-panel .team-member .tm-connect a i:before {
  font-size: 25px;
  margin: 0;
}
.team-panel .team-member .name-position strong {
  font-size: 1.06em;
}
.team-panel .team-member .bio {
  clear: both;
  font-size: 0.98em;
  line-height: 1.5em;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .team-panel .team-member .bio {
    margin-bottom: 83px;
  }
}
.team-panel .team-member .image-cont {
  zoom: 1;
  clear: both;
  margin-top: 4px;
  margin-bottom: 15px;
  display: block;
}
.team-panel .team-member .image-cont:before {
  content: '';
  display: block;
}
.team-panel .team-member .image-cont:after {
  content: '';
  display: table;
  clear: both;
}
@media screen and (min-width: 768px) {
  .team-panel .team-member .image-cont {
    position: relative;
    width: 37.5%;
    float: right;
    margin-left: 15px;
  }
}
@media screen and (min-width: 992px) {
  .team-panel .team-member .image-cont {
    width: 57.5%;
  }
}
.team-panel .team-member .image-cont .image {
  display: block;
  height: 0;
  background-color: #E6E8EB;
  padding-bottom: 69%;
  background-repeat: no-repeat;
  background-size: cover;
}
.team-panel + .text-panel {
  margin-top: -20px;
  padding-top: 0;
}
.team-panel + .text-panel .col-sm-10.col-sm-offset-1 {
  margin-left: 0;
  width: 100%;
  max-width: 1100px;
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.team-panel + .text-panel .col-sm-10.col-sm-offset-1 blockquote {
  margin-bottom: 66px;
}
@media screen and (max-width: 768px) {
  .team-panel + .text-panel .col-sm-10.col-sm-offset-1 blockquote {
    margin-bottom: 30px;
  }
}
.principle-panel {
  margin-bottom: 33px;
}
@media screen and (min-width: 992px) {
  .principle-panel .principles-top {
    padding-bottom: 144px;
  }
}
.principle-panel .principles-top h2 {
  margin-bottom: 40px;
}
.principle-panel .principles-bottom {
  background-color: #E6E8EB;
  padding-bottom: 37px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .principle-panel .principles-bottom {
    padding-top: 80px;
  }
}
.principle-panel .principles-bottom .row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 992px) {
  .principle-panel .principles-bottom .row {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .principle-panel .principles-bottom .row > .principle {
    width: 70%;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .principle-panel .principles-bottom .row > .principle {
    width: 33%;
  }
}
.principle-panel .principles-bottom .container {
  max-width: 1100px;
}
@media screen and (min-width: 992px) {
  .principle-panel .principles-bottom .container {
    margin-top: -148px;
  }
}
.principle-panel .principles-bottom .principle {
  padding: 0 12px;
}
@media screen and (max-width: 768px) {
  .principle-panel .principles-bottom .principle {
    margin-bottom: 40px;
  }
}
.principle-panel .principles-bottom .principle:nth-child(1) .principle-title-bg {
  -webkit-transform: rotate(-17deg);
  -moz-transform: rotate(-17deg);
  -ms-transform: rotate(-17deg);
  -o-transform: rotate(-17deg);
  transform: rotate(-17deg);
  background-color: #BDF2CC;
}
.principle-panel .principles-bottom .principle:nth-child(2) .principle-title-bg {
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg);
  background-color: #6ccacd;
}
.principle-panel .principles-bottom .principle:nth-child(3) .principle-title-bg {
  -webkit-transform: rotate(63deg);
  -moz-transform: rotate(63deg);
  -ms-transform: rotate(63deg);
  -o-transform: rotate(63deg);
  transform: rotate(63deg);
  background-color: #4c84e6;
}
.principle-panel .principles-bottom .principle:nth-child(4) .principle-title-bg {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #99b7e8;
}
.principle-panel .principles-bottom .principle:nth-child(5) .principle-title-bg {
  -webkit-transform: rotate(9deg);
  -moz-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  -o-transform: rotate(9deg);
  transform: rotate(9deg);
  background-color: #adb3bd;
}
.principle-panel .principles-bottom .principle-title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 140px;
  text-transform: uppercase;
  font-weight: bold;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .principle-panel .principles-bottom .principle-title {
    clear: both;
  }
}
.principle-panel .principles-bottom .principle-title .principle-title-bg {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -68px;
  width: 136px;
  height: 136px;
}
.principle-panel .principles-bottom .principle-title .principle-title-text {
  position: relative;
  flex: 1;
  max-width: 163px;
  font-size: 24px;
}
.principle-panel .principles-bottom .principle-text {
  padding-top: 36px;
  font-size: 18px;
  line-height: 22px;
}
@media screen and (max-width: 767px) {
  .principle-panel .principles-bottom .principle-text {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .principle-panel .principles-bottom .principle-text {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
.article-container {
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .article-panel {
    padding-top: 30px;
  }
}
@media screen and (max-width: 992px) {
  .article-panel {
    padding-bottom: 20px;
  }
}
.article-panel > .container > .row {
  margin-bottom: 20px;
}
.article-panel .col-sm-4:nth-child(3n + 1) {
  clear: left;
}
.article-panel .article {
  display: block;
  text-decoration: none;
  font-size: 20px;
}
.article-panel .article:hover .article-image-container {
  opacity: 0.8;
}
.article-panel .article span {
  display: block;
}
.article-panel .article span.article-title {
  font-weight: 700;
  margin-bottom: 5px;
}
.article-panel .article .article-image-container {
  -moz-transition: all linear 200ms;
  -webkit-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  transition: all linear 200ms;
  opacity: 1;
  position: relative;
}
.article-panel .article .article-image-container .article-image {
  height: 0;
  padding-bottom: 75%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 20px;
}
.article-panel .article .article-image-container .article-image.no-image {
  background-color: #E6E8EB;
}
@media screen and (max-width: 768px) {
  .article-panel .article .article-image-container .article-image {
    margin-bottom: 15px;
  }
}
.article-panel .article .article-text {
  font-size: 0.755em;
  line-height: 1.4em;
  margin-bottom: 30px;
}
.article-panel a.more {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  font-weight: 900;
  text-align: center;
  display: block;
  padding: 30px 20px;
  background-color: #E6E8EB;
  position: relative;
  z-index: 1;
}
.article-panel a.more:after {
  content: '\2192';
  margin-left: 8px;
}
.menu#menu-articles {
  text-align: center;
  max-width: 800px;
  padding: 0;
  margin: 30px auto 20px;
}
@media screen and (min-width: 768px) {
  .menu#menu-articles {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  .menu#menu-articles {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.menu#menu-articles li {
  display: inline-block;
  margin: 0 10px;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .menu#menu-articles li {
    margin: 0 20px;
    flex: 1;
  }
}
.menu#menu-articles li a,
.menu#menu-articles li a:hover,
.menu#menu-articles li a:focus,
.menu#menu-articles li a:active {
  text-decoration: none;
}
.services-panel {
  padding: 53px 0;
  margin-bottom: 27px;
  background-color: #BDF2CC;
  font-size: 20px;
}
.services-panel .container {
  max-width: 1100px;
}
@media screen and (max-width: 768px) {
  .services-panel h3 {
    font-size: 22px;
  }
}
.services-panel h3 + p {
  margin-top: -10px;
}
@media screen and (min-width: 768px) {
  .services-panel h3 + p {
    margin-top: -20px;
  }
}
@media screen and (max-width: 768px) {
  .services-panel p {
    font-size: 16px;
  }
}
.services-panel .services-panel-header {
  margin-bottom: 48px;
}
.services-panel .services-panel-header h2 {
  margin-bottom: 15px;
}
.services-panel .services-panel-header img {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 80%;
  left: -5px;
}
@media screen and (min-width: 768px) {
  .services-panel .services-panel-header img {
    left: -18px;
  }
}
.services-panel + .icon-grid-panel {
  padding-top: 60px;
}
.icon-grid-panel {
  padding: 40px 0;
  position: relative;
}
.icon-grid-panel .icon-cont {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
  position: relative;
  background-color: #FFFC36;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  margin-bottom: 19px;
}
.icon-grid-panel .icon-cont .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 84%;
}
.icon-grid-panel .icon-title {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 2.6px;
}
@media screen and (min-width: 768px) {
  .icon-grid-panel .icon-title {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .icon-grid-panel .icon-title {
    font-size: 0.7em;
    letter-spacing: 1px;
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .icon-grid-panel .icon-title {
    font-size: 0.7em;
    letter-spacing: 2px;
  }
}
.icon-grid-panel .container {
  max-width: 1100px;
}
.icon-grid-panel .grid-icon-element {
  float: left;
  text-align: center;
  padding: 28px;
}
@media screen and (max-width: 768px) {
  .icon-grid-panel .grid-icon-element {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .icon-grid-panel .grid-icon-element {
    width: 20%;
  }
}
.framed-icon-grid-panel {
  padding: 40px 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .framed-icon-grid-panel {
    padding: 10px 0;
  }
}
.framed-icon-grid-panel .icon-grid-item {
  border: 4px solid #000000;
}
.framed-icon-grid-panel .icon-grid-item .icon-animation {
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .framed-icon-grid-panel .icon-grid-item .icon-animation {
    height: 210px;
  }
}
.framed-icon-grid-panel .icon-cont {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 74%;
}
.framed-icon-grid-panel .icon-cont .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
}
.framed-icon-grid-panel .icon-title {
  background-color: #000000;
  padding: 10px 5px 5px;
  color: #FFFFFF;
  display: block;
  font-weight: bold;
}
.framed-icon-grid-panel .container {
  max-width: 1100px;
}
.framed-icon-grid-panel .grid-icon-element {
  float: left;
  text-align: center;
  padding: 28px 40px;
}
@media screen and (max-width: 767px) {
  .framed-icon-grid-panel .grid-icon-element {
    padding: 28px 10px;
    width: 33.333%;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .framed-icon-grid-panel .grid-icon-element {
    padding: 28px 15px;
  }
}
.hero-article-panel {
  padding: 30px 0;
}
@media screen and (min-width: 768px) {
  .hero-article-panel {
    padding: 67px 0;
  }
}
.hero-article-panel .hero-article {
  position: relative;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  align-items: center;
  justify-content: center;
  background-image: url('../img/common/hero-acrticle-paper-small-sc.svg');
  padding: 20px;
  margin-bottom: 20px;
  min-height: 293px;
}
@media screen and (max-width: 768px) {
  .hero-article-panel .hero-article {
    max-width: 375px;
  }
}
@media screen and (min-width: 769px) {
  .hero-article-panel .hero-article {
    background-image: url('../img/common/hero-acrticle-paper.svg');
    min-height: 263px;
  }
}
@media screen and (min-width: 992px) {
  .hero-article-panel .hero-article {
    background-image: url('../img/common/hero-acrticle-paper.svg');
    padding: 0 0 0 170px;
    min-height: 293px;
    margin-bottom: 50px;
  }
}
.hero-article-panel .hero-article .article-image-cont {
  zoom: 1;
  clear: both;
  margin: 15px auto;
  position: relative;
  width: 25%;
  max-height: 220px;
}
.hero-article-panel .hero-article .article-image-cont:before {
  content: '';
  display: block;
}
.hero-article-panel .hero-article .article-image-cont:after {
  content: '';
  display: table;
  clear: both;
}
@media screen and (max-width: 992px) {
  .hero-article-panel .hero-article .article-image-cont {
    display: none;
  }
}
.hero-article-panel .hero-article .article-image-cont .article-image {
  position: relative;
  height: 0;
  width: 100%;
  display: block;
  padding-bottom: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 0;
}
.hero-article-panel .hero-article span {
  display: block;
}
.hero-article-panel .hero-article,
.hero-article-panel .hero-article:active,
.hero-article-panel .hero-article:hover,
.hero-article-panel .hero-article:visited,
.hero-article-panel .hero-article:focus {
  text-decoration: none;
}
.hero-article-panel .hero-article .article-text {
  width: 60%;
}
@media screen and (max-width: 992px) {
  .hero-article-panel .hero-article .article-text {
    width: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .hero-article-panel .hero-article .article-text {
    padding-left: 120px;
    text-align: left;
  }
}
.hero-article-panel .hero-article span.meta {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
}
.hero-article-panel .hero-article.event span.meta {
  padding-left: 0;
  line-height: 0.8em;
}
.hero-article-panel .hero-article.event span.meta i {
  bottom: 40px;
}
@media screen and (max-width: 768px) {
  .hero-article-panel .hero-article.event span.meta i {
    bottom: 16px;
  }
}
.hero-article-panel.long-hero .hero-article {
  max-width: 1240px;
  background-image: url('../img/common/hero-acrticle-paper-long.svg');
}
.hero-article-panel.long-hero .hero-article .article-text {
  width: 70%;
}
.hero-article-panel.long-hero .hero-article .article-text h1 {
  letter-spacing: 1px;
}
.hero-article-panel.long-hero .hero-article .article-text .article-link {
  display: inline-block;
  font-size: 1.1em;
}
.hero-article-panel.long-hero .hero-article .article-text .article-link > span {
  display: inline-block;
}
.hero-article-panel.long-hero .hero-article .article-text .article-link .article-link-text {
  text-decoration: underline;
}
.hero-article-panel.long-hero .hero-article .article-image-cont {
  width: 22%;
}
@media screen and (max-width: 768px) {
  .hero-article-panel.long-hero .hero-article {
    background-image: url('../img/common/hero-acrticle-paper-small-sc.svg');
    font-size: 0.8em;
  }
  .hero-article-panel.long-hero .hero-article .article-text {
    max-width: 300px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .hero-article-panel.long-hero .hero-article {
    font-size: 0.7em;
    min-height: 193px;
  }
  .hero-article-panel.long-hero .hero-article .article-text {
    width: 100%;
    padding-left: 90px;
  }
  .hero-article-panel.long-hero .hero-article .article-text p {
    line-height: 1.2em;
    margin-top: -10px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .hero-article-panel.long-hero .hero-article {
    font-size: 0.8em;
    min-height: 243px;
  }
  .hero-article-panel.long-hero .hero-article .article-text p {
    line-height: 1.2em;
    margin-top: -10px;
    margin-bottom: 15px;
  }
}
.map-form-panel {
  padding: 30px 0;
}
@media screen and (min-width: 768px) {
  .map-form-panel {
    padding: 67px 0;
  }
}
.map-form-panel .hero-article {
  position: relative;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  align-items: center;
  justify-content: center;
  background-image: url('../img/common/hero-acrticle-paper-small-sc.svg');
  padding: 20px;
  margin-bottom: 20px;
  min-height: 293px;
}
@media screen and (max-width: 768px) {
  .map-form-panel .hero-article {
    max-width: 375px;
  }
}
@media screen and (min-width: 769px) {
  .map-form-panel .hero-article {
    background-image: url('../img/common/hero-acrticle-paper.svg');
    min-height: 263px;
  }
}
@media screen and (min-width: 992px) {
  .map-form-panel .hero-article {
    background-image: url('../img/common/hero-acrticle-paper.svg');
    padding: 0 0 0 170px;
    min-height: 293px;
    margin-bottom: 50px;
  }
}
.map-form-panel .hero-article .article-image-cont {
  zoom: 1;
  clear: both;
  margin: 15px auto;
  position: relative;
  width: 25%;
  max-height: 220px;
}
.map-form-panel .hero-article .article-image-cont:before {
  content: '';
  display: block;
}
.map-form-panel .hero-article .article-image-cont:after {
  content: '';
  display: table;
  clear: both;
}
@media screen and (max-width: 992px) {
  .map-form-panel .hero-article .article-image-cont {
    display: none;
  }
}
.map-form-panel .hero-article .article-image-cont .article-image {
  position: relative;
  height: 0;
  width: 100%;
  display: block;
  padding-bottom: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 0;
}
.map-form-panel .hero-article span {
  display: block;
}
.map-form-panel .hero-article,
.map-form-panel .hero-article:active,
.map-form-panel .hero-article:hover,
.map-form-panel .hero-article:visited,
.map-form-panel .hero-article:focus {
  text-decoration: none;
}
.map-form-panel .hero-article .article-text {
  width: 60%;
}
@media screen and (max-width: 992px) {
  .map-form-panel .hero-article .article-text {
    width: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .map-form-panel .hero-article .article-text {
    padding-left: 120px;
    text-align: left;
  }
}
.map-form-panel .hero-article span.meta {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
}
.map-form-panel .hero-article.event span.meta {
  padding-left: 0;
  line-height: 0.8em;
}
.map-form-panel .hero-article.event span.meta i {
  bottom: 40px;
}
@media screen and (max-width: 768px) {
  .map-form-panel .hero-article.event span.meta i {
    bottom: 16px;
  }
}
.map-form-panel.long-hero .hero-article {
  max-width: 1240px;
  background-image: url('../img/common/hero-acrticle-paper-long.svg');
}
.map-form-panel.long-hero .hero-article .article-text {
  width: 70%;
}
.map-form-panel.long-hero .hero-article .article-text h1 {
  letter-spacing: 1px;
}
.map-form-panel.long-hero .hero-article .article-text .article-link {
  display: inline-block;
  font-size: 1.1em;
}
.map-form-panel.long-hero .hero-article .article-text .article-link > span {
  display: inline-block;
}
.map-form-panel.long-hero .hero-article .article-text .article-link .article-link-text {
  text-decoration: underline;
}
.map-form-panel.long-hero .hero-article .article-image-cont {
  width: 22%;
}
@media screen and (max-width: 768px) {
  .map-form-panel.long-hero .hero-article {
    background-image: url('../img/common/hero-acrticle-paper-small-sc.svg');
    font-size: 0.8em;
  }
  .map-form-panel.long-hero .hero-article .article-text {
    max-width: 300px;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .map-form-panel.long-hero .hero-article {
    font-size: 0.7em;
    min-height: 193px;
  }
  .map-form-panel.long-hero .hero-article .article-text {
    width: 100%;
    padding-left: 90px;
  }
  .map-form-panel.long-hero .hero-article .article-text p {
    line-height: 1.2em;
    margin-top: -10px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .map-form-panel.long-hero .hero-article {
    font-size: 0.8em;
    min-height: 243px;
  }
  .map-form-panel.long-hero .hero-article .article-text p {
    line-height: 1.2em;
    margin-top: -10px;
    margin-bottom: 15px;
  }
}
.map-form-panel .hero-article {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .map-form-panel .hero-article {
    align-items: flex-start;
  }
}
.map-form-panel .map-form-text-wrapper .form-text-container {
  position: relative;
}
@media screen and (min-width: 769px) {
  .map-form-panel .map-form-text-wrapper .form-text-container {
    padding-right: 300px;
    padding-top: 25px;
  }
}
.map-form-panel .map-form-text-wrapper .form-text-container .map-form-trigger {
  position: absolute;
}
@media screen and (max-width: 768px) {
  .map-form-panel .map-form-text-wrapper .form-text-container .map-form-trigger {
    top: 100%;
    right: 0;
    margin-top: -10px;
  }
}
@media screen and (min-width: 769px) {
  .map-form-panel .map-form-text-wrapper .form-text-container .map-form-trigger {
    top: 50%;
    right: 40px;
    margin-top: -40px;
  }
}
.map-form-panel .map-form {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 4px solid #000000;
  position: relative;
  padding: 20px 60px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .map-form-panel .map-form {
    max-width: 100%;
    padding: 5px 10px;
  }
}
.map-form-panel .map-form .map-form-corner {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  bottom: -4px;
  left: -4px;
  border-top: 4px solid #000000;
  border-right: 4px solid #000000;
  background-color: #FFFFFF;
  width: 120px;
  height: 120px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .map-form-panel .map-form .map-form-corner {
    width: 80px;
    height: 80px;
  }
}
.map-form-panel .map-form .map-form-corner:before {
  content: '';
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: -6px;
  left: 0;
  transform-origin: 0 0;
  width: 200%;
  height: 4px;
  background-color: #000000;
}
.map-form-panel .map-form .mc-field-group > label {
  display: none;
}
.map-form-panel .map-form .mc-field-group > input {
  border: 4px solid #000000;
  padding: 0 20px;
  width: 100%;
  height: auto;
  font-size: 16px;
}
.map-form-panel .map-form .indicates-required,
.map-form-panel .map-form .form-text-container p,
.map-form-panel .map-form #mc_embed_signup_scroll p {
  font-size: 16px;
  line-height: 22px;
}
.map-form-panel .map-form #mc_embed_signup_scroll {
  -moz-transition: opacity linear 300ms;
  -webkit-transition: opacity linear 300ms;
  -o-transition: opacity linear 300ms;
  transition: opacity linear 300ms;
  opacity: 1;
  position: relative;
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .map-form-panel .map-form #mc_embed_signup_scroll {
    padding-bottom: 80px;
  }
}
.map-form-panel .map-form input[type="submit"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-transition: all linear 200ms;
  -webkit-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  transition: all linear 200ms;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 17px;
  letter-spacing: 0.05em;
  padding: 25px 22px 22px;
  min-width: 262px;
  font-weight: bold;
  border: 4px solid #000000;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  height: auto;
  padding: 15px 60px 13px;
}
.map-form-panel .map-form input[type="submit"],
.map-form-panel .map-form input[type="submit"]:visited {
  background-color: #FFFC36;
  color: #000000;
  text-decoration: none;
}
.map-form-panel .map-form input[type="submit"]:hover {
  border: 4px dashed #000000;
}
.map-form-panel .map-form input[type="submit"]:active:hover {
  border: 4px solid #000000;
}
.map-form-panel .map-form input[type="submit"]:hover,
.map-form-panel .map-form input[type="submit"]:active {
  background-color: #FFFFFF;
  box-shadow: none;
  color: #000000;
  border-color: inherit;
  text-decoration: none;
}
.map-form-panel .map-form input[type="submit"]:after {
  content: '\2192';
  padding-left: 7px;
}
@media screen and (max-width: 768px) {
  .map-form-panel .map-form input[type="submit"] {
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .map-form-panel .map-form input[type="submit"] {
    padding: 10px 15px;
  }
}
.map-form-panel .map-form .form-message-error,
.map-form-panel .map-form .form-message-success {
  -moz-transition: opacity linear 300ms;
  -webkit-transition: opacity linear 300ms;
  -o-transition: opacity linear 300ms;
  transition: opacity linear 300ms;
  opacity: 0;
  z-index: -1;
  padding: 20px 60px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.map-form-panel .map-form .form-message-error a.btn {
  display: none;
}
.map-form-panel .map-form .form-message-error.already-subscribed a.btn {
  display: inline-block;
}
.map-form-panel .map-form .success {
  text-align: center;
}
.map-form-panel .map-form.success #mc_embed_signup_scroll,
.map-form-panel .map-form.error #mc_embed_signup_scroll {
  opacity: 0;
}
.map-form-panel .map-form.error .form-message-error {
  opacity: 1;
  z-index: 1224;
}
.map-form-panel .map-form.success .form-message-success {
  opacity: 1;
  z-index: 1224;
}
.map-form-col {
  -moz-transition: height linear 300ms;
  -webkit-transition: height linear 300ms;
  -o-transition: height linear 300ms;
  transition: height linear 300ms;
  position: relative;
}
.map-form-col .map-form-wrapper {
  -moz-transition: opacity linear 300ms;
  -webkit-transition: opacity linear 300ms;
  -o-transition: opacity linear 300ms;
  transition: opacity linear 300ms;
  background-color: #FFFFFF;
  opacity: 0;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .map-form-col .map-form-wrapper {
    padding: 0 10px;
  }
}
.map-form-col .map-form-wrapper.active {
  opacity: 1;
  z-index: 1225;
}
.hero-article-panel .hero-article span.meta,
.post-tile span.meta {
  padding-left: 50px;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .hero-article-panel .hero-article span.meta,
  .post-tile span.meta {
    padding-left: 33px;
  }
}
.hero-article-panel .hero-article span.meta i,
.post-tile span.meta i {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 1.8em;
}
.hero-article-panel .hero-article span.meta i:before,
.post-tile span.meta i:before {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .hero-article-panel .hero-article span.meta i,
  .post-tile span.meta i {
    bottom: 2px;
  }
}
@media screen and (min-width: 768px) {
  .hero-article-panel .hero-article span.meta .meta-detail,
  .post-tile span.meta .meta-detail {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 768px) {
  .hero-article-panel .hero-article span.meta .meta-detail,
  .post-tile span.meta .meta-detail {
    position: relative;
    top: 13px;
    font-size: 0.8em;
  }
}
.small-post.green .post-tile-bg-color {
  background-color: #BDF2CC;
}
.small-post.teal .post-tile-bg-color {
  background-color: #6ccacd;
}
.small-post.cornflower .post-tile-bg-color {
  background-color: #4c84e6;
}
.small-post.blue .post-tile-bg-color {
  background-color: #99b7e8;
}
.small-post.greyish .post-tile-bg-color {
  background-color: #adb3bd;
}
.post-tile-wrapper {
  zoom: 1;
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
  font-size: 20px;
}
.post-tile-wrapper:before {
  content: '';
  display: block;
}
.post-tile-wrapper:after {
  content: '';
  display: table;
  clear: both;
}
@media screen and (max-width: 768px) {
  .post-tile-wrapper {
    font-size: 16px;
  }
}
.post-tile {
  height: 0;
  padding-bottom: 80.9%;
  margin-bottom: 80px;
  position: relative;
  z-index: 1;
  display: block;
}
.post-tile,
.post-tile:hover,
.post-tile:focus,
.post-tile:active {
  text-decoration: none;
}
.post-tile .post-tile-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/common/hero-acrticle-paper-small.svg');
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .post-tile .post-tile-bg {
    background-image: url('../img/common/hero-acrticle-paper-small-sc.svg');
  }
}
.post-tile .post-tile-bg-corner {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  z-index: 2;
  border-style: solid;
  border-color: transparent transparent transparent #FFFFFF;
}
@media screen and (max-width: 768px) {
  .post-tile .post-tile-bg-corner {
    border-width: 0;
    width: 50%;
    top: 71.2%;
    height: 30%;
    background-color: #FFF;
    transform: rotate(45deg);
    transform-origin: 0 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .post-tile .post-tile-bg-corner {
    border-width: 4.3em 0 0 4.3em;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .post-tile .post-tile-bg-corner {
    border-width: 6em 0 0 6em;
  }
}
@media screen and (min-width: 1200px) {
  .post-tile .post-tile-bg-corner {
    border-width: 7.2em 0 0 7.2em;
  }
}
.post-tile .post-tile-bg-color {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-bottom: 4px solid #FFFFFF;
  z-index: 1;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .post-tile .post-tile-bg-color {
    border-bottom-width: 2px;
  }
}
.post-tile .post-tile-content {
  position: relative;
  display: block;
  z-index: 4;
}
.post-tile .post-tile-content > span {
  display: block;
}
.post-tile .post-tile-content > span.title {
  max-height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 768px) {
  .post-tile .post-tile-content > span.title {
    position: absolute;
    top: 100%;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .post-tile .post-tile-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
.post-tile span.meta {
  position: relative;
  min-height: 33px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .post-tile span.meta {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .post-tile span.meta {
    position: absolute;
    top: 204px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .post-tile span.meta {
    position: absolute;
    top: 256px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .post-tile.event .meta-detail,
  .post-tile.podcast .meta-detail {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .post-tile.event .meta .meta-detail {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .post-tile.event .meta {
    padding-left: 0;
  }
  .post-tile.event .meta .meta-detail {
    font-size: 0.65em;
    vertical-align: baseline;
    line-height: 53px;
  }
  .post-tile.event .meta > i {
    bottom: 45px;
  }
}
@media screen and (min-width: 1200px) {
  .post-tile.event .meta {
    padding-left: 0;
  }
  .post-tile.event .meta .meta-detail {
    font-size: 0.65em;
    vertical-align: baseline;
    line-height: 53px;
  }
  .post-tile.event .meta > i {
    bottom: 45px;
  }
}
.post-tile .tagline {
  padding: 40px 20px 119px;
  text-align: center;
  font-weight: 900;
  font-size: 1.1em;
  line-height: 1em;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .post-tile .tagline {
    font-size: 1.2em;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .post-tile .tagline {
    padding-top: 15px;
    padding-bottom: 65px;
    min-height: 146px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .post-tile .tagline {
    min-height: 250px;
  }
}
@media screen and (min-width: 1200px) {
  .post-tile .tagline {
    font-size: 1.2em;
    padding-bottom: 155px;
    min-height: 303px;
  }
}
.article-feature-text {
  padding: 80px 0 40px;
}
@media screen and (max-width: 768px) {
  .article-feature-text + .content-container {
    margin-top: 27px;
  }
}
.article-feature-text.green {
  background-color: #BDF2CC;
}
.article-feature-text.teal {
  background-color: #6ccacd;
}
.article-feature-text.cornflower {
  background-color: #4c84e6;
}
.article-feature-text.blue {
  background-color: #99b7e8;
}
.article-feature-text.greyish {
  background-color: #adb3bd;
}
.article-feature-text .article-feature-text-inner {
  max-width: 500px;
  width: 80%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}
.article-feature-text .article-feature-text-inner h1 {
  margin-bottom: 0;
  font-size: 30.4px;
}
@media screen and (max-width: 768px) {
  .article-feature-text .article-feature-text-inner h1 {
    font-size: 24px;
  }
}
.article-feature-text .article-feature-text-inner .article-feature-text-quote {
  background-image: url('../img/common/ForgeWorks-Web_Quotemarks.01.svg');
  background-repeat: no-repeat;
  background-position: center 0;
  position: absolute;
  top: -40px;
  left: -40px;
  width: 100px;
  height: 50px;
}
.article-feature-text .article-feature-text-inner .article-feature-text-divider {
  display: block;
  background-image: url('../img/common/ForgeWorks-Web_Quote_Line.01.svg');
  background-repeat: no-repeat;
  background-position: center 0;
  width: 100%;
  height: 0;
  padding-bottom: 21%;
}
.solutions-feature + .solution-intro-panel:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 100%;
  transform-origin: 0;
  transform: rotate(-5deg);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .solutions-feature + .solution-intro-panel:before {
    width: 140%;
  }
}
.solution-intro-panel {
  position: relative;
  overflow: visible;
  padding: 30px 0;
}
.solution-intro-panel.teal-theme,
.solution-intro-panel.teal-theme:before {
  background-color: #B5E4E5;
}
.solution-intro-panel.teal-theme .right-text-box {
  background-color: #6ccacd;
}
.solution-intro-panel.greyish-theme,
.solution-intro-panel.greyish-theme:before {
  background-color: #D5D9DD;
}
.solution-intro-panel.greyish-theme .right-text-box {
  background-color: #adb3bd;
}
.solution-intro-panel .container {
  max-width: 1100px;
}
.solution-intro-panel .title-col {
  display: flex;
  align-items: center;
  padding-top: 27px;
  padding-bottom: 30px;
}
.solution-intro-panel .title-col .icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.solution-intro-panel .title-col .icon img {
  opacity: 0;
  width: 84px;
  height: 84px;
}
.solution-intro-panel .title-col h2 {
  font-weight: 700;
  font-size: 37px;
  line-height: 42px;
  letter-spacing: 0.02em;
  padding-left: 40px;
  margin: 0;
}
.solution-intro-panel .text-box {
  border-radius: 0px 0px 20px 0px;
  padding: 40px 38px 34px 40px;
  height: 100%;
  font-size: 19px;
  line-height: 22px;
  font-weight: 500;
  position: relative;
}
.solution-intro-panel .text-box h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-transform: none;
  margin-bottom: 9px;
}
.solution-intro-panel .left-text {
  padding-bottom: 48px;
}
.solution-intro-panel .left-text p {
  min-height: 44px;
}
.solution-intro-panel .left-link-wrapper {
  padding: 0 38px 34px 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.solution-intro-panel .left-text-box {
  background-color: #FFFFFF;
}
.solution-intro-panel .left-text-box .aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.solution-intro-panel .left-text-box p:first-child {
  aspect-ratio: 4/2;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.solution-intro-panel .left-text-box p:first-child img:first-child {
  margin-left: 37px;
  height: auto;
  max-width: 90%;
  max-height: 100%;
}
@media screen and (max-width: 500px) {
  .solution-intro-panel .left-text-box p:first-child img:first-child {
    max-height: 150px;
  }
}
@media screen and (max-width: 1024px) {
  .solution-intro-panel .left-text-box p:first-child img:first-child {
    margin-left: 0;
  }
}
.solution-intro-panel .left-text-box .left-link {
  padding-top: 24px;
  border-top: 4px solid #000000;
}
.solution-intro-panel .left-text-box .left-link a {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  display: flex;
  align-items: flex-end;
  letter-spacing: 0.05em;
  color: #000000;
  text-decoration: none;
}
.solution-intro-panel .left-text-box .left-link a:after {
  content: '\2192';
  padding-left: 7px;
}
.solution-intro-panel .text-box-row {
  display: flex;
  flex-wrap: wrap;
}
.solution-intro-panel .text-box-row > div {
  margin-bottom: 30px;
}
.solution-intro-panel .right-text-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.solution-intro-panel .right-text-box .right-text p:last-child {
  margin-bottom: 0;
}
.solution-intro-panel .right-text-box .right-image {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
.solution-intro-panel .right-text-box .right-image img {
  display: block;
  margin: 0 auto;
}
.solution-intro-panel .right-text-box .right-link {
  text-align: center;
}
.solution-intro-panel .right-text-box .right-link a {
  background: transparent;
  width: 262px;
  height: 72px;
  line-height: 1em;
}
@media screen and (max-width: 767px) {
  .solution-intro-panel .text-box-row {
    display: block;
  }
  .solution-intro-panel .icon {
    width: 42px;
    height: 42px;
  }
  .solution-intro-panel .right-text-box .right-link a {
    padding: 23px 12px;
  }
}
.testimonial-panel {
  padding-top: 120px;
  padding-bottom: 75px;
  margin-bottom: 60px;
  background-image: url(../img/common/decorated-border.svg);
  background-position: center bottom;
  background-size: auto;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .testimonial-panel {
    padding-top: 50px;
    background-size: 500px auto;
    margin-bottom: 30px;
  }
}
.testimonial-panel .title-container {
  max-width: 750px;
}
.testimonial-panel .title-container h2 {
  position: relative;
  font-weight: 700;
  font-size: 37px;
  line-height: 42px;
  padding-bottom: 30px;
  text-align: center;
  letter-spacing: 0.02em;
}
.testimonial-panel .title-container h2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/icons/quote.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 96.2px;
  height: 60.03px;
  margin-left: -60px;
}
.testimonial-panel .title-container h2 .yellow-highlight:before {
  transform: translateY(6px) scaleX(1.2) scaleY(1.9) rotate(-2.05deg);
}
@media screen and (max-width: 768px) {
  .testimonial-panel .title-container h2 {
    font-size: 27px;
    line-height: 32px;
    padding-top: 50px;
  }
  .testimonial-panel .title-container h2:before {
    width: 48px;
    height: 30px;
    left: 50%;
    margin-left: -24px;
  }
}
.testimonial-panel .testimonial-inner {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
  font-size: 24px;
  line-height: 27px;
}
@media screen and (max-width: 768px) {
  .testimonial-panel .testimonial-inner {
    font-size: 18px;
    line-height: 22px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.navigation-wrapper {
  position: relative;
}
@media screen and (max-width: 768px) {
  .navigation-wrapper {
    padding-bottom: 40px;
  }
}
.navigation-wrapper .arrow {
  position: absolute;
  top: 50%;
  margin-top: -21px;
  color: #000000;
  font-size: 37px;
  line-height: 42px;
  transition: opacity 600ms linear;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .navigation-wrapper .arrow {
    top: auto;
    bottom: 0;
    margin-top: 0;
  }
}
.navigation-wrapper .arrow.arrow--disabled {
  opacity: 0.3;
}
.navigation-wrapper .arrow.arrow--left {
  left: 0;
}
.navigation-wrapper .arrow.arrow--left:after {
  content: '\2190';
}
@media screen and (max-width: 768px) {
  .navigation-wrapper .arrow.arrow--left {
    left: 35%;
  }
}
.navigation-wrapper .arrow.arrow--right {
  right: 0;
}
.navigation-wrapper .arrow.arrow--right:after {
  content: '\2192';
}
@media screen and (max-width: 768px) {
  .navigation-wrapper .arrow.arrow--right {
    right: 35%;
  }
}
.solution-page-feature {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .solution-page-feature {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.solution-page-feature:before {
  content: "";
  position: absolute;
  top: 5%;
  left: -20%;
  height: 80%;
  width: 200%;
  z-index: -1;
}
.solution-page-feature.teal-theme:before {
  background-color: #6ccacd;
  transform: rotate(-5deg);
}
.solution-page-feature.greyish-theme:before {
  background-color: #adb3bd;
  transform: rotate(-5deg);
}
@media screen and (min-width: 768px) {
  .solution-page-feature .page-feature-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .solution-page-feature .feature-animation {
    max-width: 50%;
  }
  .solution-page-feature .feature-animation #anim {
    display: block;
    margin: -10% 0;
  }
}
.solution-page-feature .title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.solution-page-feature .title h1 {
  font-weight: 700;
  font-size: 45px;
  line-height: 52px;
  letter-spacing: 0.02em;
  color: #000000;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .solution-page-feature .title h1 {
    font-size: 35px;
    line-height: 42px;
  }
}
.solution-page-feature .icon {
  width: 84px;
  height: 84px;
  margin-right: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.solution-page-feature .icon img {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .solution-page-feature .icon {
    margin-right: 20px;
    width: 42px;
    height: 42px;
  }
}
.solution-page-feature span#anim.solutions {
  margin-bottom: -50px;
}
.solution-page-feature span#anim.solutions svg > g {
  transform-origin: center center;
  transform: scale(1.65);
}
.solution-page-feature span#anim.senior-leadership,
.solution-page-feature span#anim.strategy,
.solution-page-feature span#anim.risk-management,
.solution-page-feature span#anim.safety-organisation,
.solution-page-feature span#anim.work-understanding,
.solution-page-feature span#anim.operational-management,
.solution-page-feature span#anim.resource-allocation,
.solution-page-feature span#anim.management-systems,
.solution-page-feature span#anim.goal-conflict,
.solution-page-feature span#anim.learning-development {
  margin-top: -110px;
  margin-bottom: -180px;
}
.solution-page-feature.senior-leadership-feature .title,
.solution-page-feature.strategy-feature .title,
.solution-page-feature.risk-management-feature .title,
.solution-page-feature.safety-organisation-feature .title,
.solution-page-feature.work-understanding-feature .title,
.solution-page-feature.operational-management-feature .title,
.solution-page-feature.resource-allocation-feature .title,
.solution-page-feature.management-systems-feature .title,
.solution-page-feature.goal-conflict-feature .title,
.solution-page-feature.learning-development-feature .title {
  padding-top: 90px;
}
.solution-page-feature.senior-leadership-feature:before,
.solution-page-feature.strategy-feature:before,
.solution-page-feature.risk-management-feature:before,
.solution-page-feature.safety-organisation-feature:before,
.solution-page-feature.work-understanding-feature:before,
.solution-page-feature.operational-management-feature:before,
.solution-page-feature.resource-allocation-feature:before,
.solution-page-feature.management-systems-feature:before,
.solution-page-feature.goal-conflict-feature:before,
.solution-page-feature.learning-development-feature:before {
  top: 10%;
  transform: rotate(-3deg);
}
.solution-nav {
  padding: 40px 0;
  position: relative;
  z-index: 1;
}
.solution-nav .row {
  margin: 0 -17.5px;
}
.solution-nav ul,
.solution-nav li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline;
}
@media screen and (max-width: 768px) {
  .solution-nav ul,
  .solution-nav li {
    display: block;
  }
}
.solution-nav a {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  text-decoration: none;
  letter-spacing: 0.05em;
  display: inline-block;
  border-bottom: 4px solid transparent;
  padding: 14px 0;
  margin: 0 17.5px;
}
@media screen and (max-width: 768px) {
  .solution-nav a {
    font-size: 15px;
    line-height: 19px;
  }
}
@media screen and (max-width: 768px) {
  .solution-nav a {
    padding: 10px 0;
    margin: 0 14.5px 10px;
  }
}
.solution-nav li.current_page_item a,
.solution-nav a.active {
  border-color: #000000;
}
.solution-nav.teal-theme li.current_page_item a,
.solution-nav.teal-theme a.active,
.solution-nav.teal-theme .mobile-nav .mobile-nav-current span {
  border-color: #6CCACD;
}
.solution-nav.greyish-theme li.current_page_item a,
.solution-nav.greyish-theme a.active,
.solution-nav.greyish-theme .mobile-nav .mobile-nav-current span {
  border-color: #adb3bd;
}
.solution-nav .mobile-nav {
  display: none;
  padding: 0 15px;
}
.solution-nav .mobile-nav .mobile-nav-current span {
  display: inline-block;
  padding: 12px 0;
  border-bottom: 4px solid transparent;
}
.solution-nav .mobile-nav .mobile-nav-items {
  overflow: hidden;
  transition: height 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  height: 0;
}
.solution-nav .mobile-nav .mobile-nav-header {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}
.solution-nav .mobile-nav .mobile-nav-header .mobile-nav-toggle {
  cursor: pointer;
  transition: all linear 200ms;
  transform: rotateY(180deg);
  background-image: url(../img/icons/down-large.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  width: 33.47px;
  height: 10.85px;
}
.solution-nav .mobile-nav.open .mobile-nav-header .mobile-nav-toggle {
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .solution-nav {
    padding: 20px 0;
  }
  .solution-nav ul.sub-nav {
    display: none;
  }
  .solution-nav .mobile-nav {
    display: block;
  }
}
.two-columns {
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .two-columns {
    padding: 20px 0;
    margin-bottom: 0;
  }
}
.two-columns h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-transform: none;
}
@media screen and (max-width: 768px) {
  .two-columns h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
.two-columns h2 {
  font-weight: 700;
  font-size: 45px;
  line-height: 52px;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .two-columns h2 {
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 20px;
  }
}
.icon-carousel {
  padding: 40px 0;
}
.icon-carousel h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  text-transform: none;
  text-align: center;
  letter-spacing: 0.02em;
}
.icon-carousel .keen-slider:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  background-color: #FFFFFF;
}
.icon-carousel .keen-slider .keen-slider__slide > div {
  border-right: 2px solid #D5D9DD;
}
.icon-carousel .keen-slider .keen-slider__slide:last-of-type > div {
  border-right: 2px solid transparent;
}
.icon-carousel .icon {
  background-color: #FFFFFF;
  display: block;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .icon-carousel .navigation-wrapper .arrow.arrow--left {
    left: -15px;
  }
  .icon-carousel .navigation-wrapper .arrow.arrow--right {
    right: -15px;
  }
}
@media screen and (max-width: 768px) {
  .icon-carousel .navigation-wrapper {
    padding-bottom: 60px;
  }
  .icon-carousel .navigation-wrapper .arrow.arrow--disabled {
    opacity: 1;
  }
  .icon-carousel .dots {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .icon-carousel .navigation-wrapper .arrow {
    top: 29%;
  }
}
.case-study-accordion {
  transition: background-color linear 300ms;
  background-color: #6CCACD;
}
.case-study-accordion .title-container {
  text-align: center;
  padding: 56px 24px;
  position: relative;
}
.case-study-accordion .title-container h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-transform: none;
  margin: 0;
  padding: 0;
}
.case-study-accordion .down-arrow {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 9.84px;
  margin-left: -5.5px;
  transition: all linear 300ms;
  background-image: url(../img/icons/down-large.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  width: 33.47px;
  height: 10.85px;
  transform: rotateY(180deg);
  cursor: pointer;
}
.case-study-accordion.open {
  background: #D3EEEF;
}
.case-study-accordion.open .down-arrow {
  transform: rotate(180deg);
}
.case-study-accordion .accordion-container {
  font-weight: 500;
  font-size: 19px;
  line-height: 22px;
  letter-spacing: 0.02em;
  overflow: hidden;
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.case-study-accordion .accordion-container h3 {
  text-transform: none;
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  letter-spacing: 0.02em;
}
.case-study-accordion .accordion-container > .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.case-study-accordion .accordion-container > .row .content-col {
  padding-top: 10px;
  padding-bottom: 10px;
}
.large-cta {
  padding: 30px;
}
.large-cta .large-cta-inner {
  padding: 60px 24px;
  background-color: #E6E8EB;
}
@media screen and (max-width: 850px) {
  .large-cta .large-cta-inner .container {
    width: auto;
  }
}
.large-cta .text {
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  line-height: 27px;
  letter-spacing: 0.02em;
}
.large-cta .text h3 {
  text-transform: none;
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  letter-spacing: 0.02em;
}
.large-cta .image-container {
  text-align: center;
  margin-bottom: 60px;
}
.large-cta .btn {
  display: block;
  background-color: transparent;
  margin: 0 auto;
  width: 262px;
  height: 72px;
  line-height: 21px;
}
@media screen and (max-width: 768px) {
  .large-cta .btn {
    padding: 24px 0;
  }
}
.solution-theme-greyish .case-study-accordion {
  background-color: #aeb3bc;
}
.solution-theme-greyish .case-study-accordion.open {
  background-color: #e6e8eb;
}
.solution-theme-greyish .large-cta .large-cta-inner {
  background-color: #D3EEEF;
}
.page-template-page-info-hub .page-container {
  top: -32px;
}
.page-template-page-info-hub .page-feature:before {
  transform: rotate(5deg);
  transform-origin: 0 0;
  width: 180%;
}
.page-template-page-info-hub .page-feature .feature-text h1 {
  font-weight: 700;
  font-size: 45px;
  line-height: 52px;
}
.page-template-page-info-hub .page-feature .feature-text h4 {
  max-width: 360px;
  font-weight: 500;
  font-size: 24px;
  line-height: 27px;
  letter-spacing: 0.02em;
}
.plus {
  position: relative;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.plus .vert,
.plus .hor {
  background-color: #000000;
  position: absolute;
}
.plus .vert {
  top: 0;
  left: 50%;
  margin-left: -2px;
  width: 4px;
  height: 14px;
  transition: all linear 300ms;
  transform: rotateX(0deg);
}
.plus .hor {
  top: 50%;
  left: 0;
  margin-top: -2px;
  width: 14px;
  height: 4px;
}
.filter-section-right {
  position: relative;
}
.filter-section-right .loader {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity linear 200ms;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.spinner {
  animation: rotate 2s linear infinite;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -15px;
  width: 30px;
  height: 30px;
}
.spinner .path {
  stroke: hsl(0, 0%, 0%);
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@media screen and (max-width: 768px) {
  .info-hub-feature {
    margin-top: 80px;
  }
}
.filter-section {
  margin-bottom: 40px;
}
.filter-section.loading .loader {
  opacity: 1;
}
.filter-section .filter-section-bar {
  background-color: #FFFFFF;
  padding: 10px 0 0;
}
.filter-section.sticky .filter-section-bar {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
}
@media screen and (max-width: 768px) {
  .filter-section.sticky .filter-section-bar {
    margin-top: 50px;
  }
}
.filter-section.sticky .filter-section-header {
  height: 0;
}
.filter-section .filter-section-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
  transition: height 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  height: 85px;
  overflow: hidden;
}
.filter-section .filter-section-header:before {
  position: absolute;
  content: '';
  width: 100%;
  top: 10%;
  left: 0;
  height: 80%;
  background-color: #FFFC36;
  z-index: 1;
}
.filter-section .filter-section-header > div {
  position: relative;
  z-index: 2;
}
.filter-section .filter-section-header .filter-section-icon {
  width: 143.86px;
  height: 84.73px;
  background-image: url(../img/icons/filter-banner.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.filter-section .filter-section-header .filter-section-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  text-align: center;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .filter-section .filter-section-header .filter-section-title {
    font-size: 21px;
    line-height: 22px;
  }
}
.filter-section.expanded .plus .vert {
  transform: rotateX(90deg);
}
.filter-section .filter-section-filters {
  margin-bottom: 0;
  border-bottom: 4px solid #000000;
  padding: 30px 15px ;
}
@media screen and (max-width: 768px) {
  .filter-section .filter-section-filters {
    padding: 10px 15px;
  }
}
.filter-section .filter-section-controls {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  padding-bottom: 15px;
}
.filter-section .filter-section-controls > span {
  position: relative;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.05em;
  padding-right: 22px;
  z-index: 1;
  cursor: pointer;
}
.filter-section .filter-section-controls > span.tags {
  min-width: 70px;
}
@media screen and (max-width: 768px) {
  .filter-section .filter-section-controls > span {
    letter-spacing: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    max-width: 20%;
  }
}
.filter-section .filter-section-controls > span.topics {
  position: relative;
  left: -15px;
}
.filter-section .filter-section-controls > span:before {
  position: absolute;
  content: "";
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: rgba(255, 255, 255, 0);
  transform: rotate(0);
  transform-origin: center;
  z-index: -1;
  height: 80%;
  width: 120%;
  top: 0;
  left: -10%;
}
.filter-section .filter-section-controls > span .arrow {
  width: 18px;
  height: 18px;
  position: absolute;
  text-align: center;
  display: inline-block;
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translateY(-2px) rotateY(180deg);
  transform-origin: center;
}
@media screen and (min-width: 769px) {
  .filter-section .filter-section-controls > span .arrow {
    top: 0;
    right: 0;
    width: 21px;
    height: 21px;
  }
}
.filter-section .filter-section-controls > span .arrow:after {
  content: '\2193';
  display: inline-block;
  line-height: 19px;
  font-size: 15px;
}
@media screen and (min-width: 769px) {
  .filter-section .filter-section-controls > span .arrow:after {
    line-height: 24px;
    font-size: 21px;
  }
}
.filter-section .filter-section-controls > span.active:before {
  transform: rotate(-5deg);
  background-color: #FFFC36;
}
.filter-section .filter-section-controls > span.active .arrow {
  transform: rotate(180deg);
}
.filter-section .filter-order:after,
.filter-section .filter-order:before {
  display: none;
}
.filter-section .filter-order > span {
  display: inline-block;
  padding-right: 30px;
  position: relative;
}
.filter-section .filter-order > span .arrow {
  width: 18px;
  height: 18px;
  position: absolute;
  text-align: center;
  display: inline-block;
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translateY(-2px) rotateY(180deg);
  transform-origin: center;
}
@media screen and (min-width: 769px) {
  .filter-section .filter-order > span .arrow {
    top: 3px;
    right: 0;
    width: 21px;
    height: 21px;
  }
}
.filter-section .filter-order > span .arrow:after {
  content: '\2193';
  display: inline-block;
  line-height: 19px;
  font-size: 15px;
}
@media screen and (min-width: 769px) {
  .filter-section .filter-order > span .arrow:after {
    line-height: 24px;
    font-size: 26px;
  }
}
.filter-section .filter-order.asc .arrow {
  transform: rotate(180deg);
}
.filter-section .clear-filters {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 0;
  z-index: 2;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .filter-section .clear-filters {
    font-size: 14px;
    line-height: 18px;
  }
  .filter-section .clear-filters .mobile-hide {
    display: none;
  }
}
.filter-section .filter-types {
  position: relative;
  z-index: -1;
  opacity: 0;
  transition: all linear 300ms;
  height: 0;
  overflow: hidden;
}
.filter-section .filter-types.active {
  opacity: 1;
  z-index: 1;
}
.filter-section .filter-types.tags-active {
  margin-bottom: 50px;
  overflow: visible;
}
.filter-section .filter-types.tags-active .clear-filters {
  top: 103%;
}
.filter-section .filter-type {
  display: flex;
  flex-wrap: wrap;
  width: 96%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition: all linear 300ms;
}
.filter-section .filter-type.tags-filter {
  display: block;
}
.filter-section .filter-type .tags-scroll-container {
  width: 104%;
  padding-right: 4%;
  max-height: 220px;
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .filter-section .filter-type .tags-scroll-container {
    overflow: scroll;
    width: 120%;
  }
}
.filter-section .filter-type .tags-scroll-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: #ffffff;
  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.filter-section .filter-type .tags-scroll-container .tags-scroll-inner {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .filter-section .filter-type {
    width: 86%;
  }
}
.filter-section .filter-type.active {
  opacity: 1;
  z-index: 1;
}
.filter-section .filter-type .filter-order,
.filter-section .filter-type .filter-sort,
.filter-section .filter-type .filter-control {
  position: relative;
  width: 33%;
  padding: 15px 0 15px 40px;
  box-sizing: border-box;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .filter-section .filter-type .filter-order,
  .filter-section .filter-type .filter-sort,
  .filter-section .filter-type .filter-control {
    font-size: 14px;
    line-height: 18px;
    padding: 15px 5px 15px 22px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.filter-section .filter-type .filter-order:before,
.filter-section .filter-type .filter-sort:before,
.filter-section .filter-type .filter-control:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  left: 0;
  top: 16px;
  border: 2px solid #000000;
  box-sizing: border-box;
  background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .filter-section .filter-type .filter-order:before,
  .filter-section .filter-type .filter-sort:before,
  .filter-section .filter-type .filter-control:before {
    width: 16px;
    height: 16px;
  }
}
.filter-section .filter-type .filter-order:after,
.filter-section .filter-type .filter-sort:after,
.filter-section .filter-type .filter-control:after {
  content: "";
  opacity: 0;
  position: absolute;
  width: 22px;
  height: 22px;
  left: 5px;
  top: 13px;
  box-sizing: border-box;
  background-position: center;
  background-size: contain;
  background-image: url(../img/icons/check.svg);
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .filter-section .filter-type .filter-order:after,
  .filter-section .filter-type .filter-sort:after,
  .filter-section .filter-type .filter-control:after {
    width: 16px;
    height: 16px;
    left: 3px;
    top: 14px;
  }
}
.filter-section .filter-type .filter-order.active:before,
.filter-section .filter-type .filter-sort.active:before,
.filter-section .filter-type .filter-control.active:before {
  background-color: #FFFC36;
}
.filter-section .filter-type .filter-order.active:after,
.filter-section .filter-type .filter-sort.active:after,
.filter-section .filter-type .filter-control.active:after {
  opacity: 1;
}
.info-hub-article-panel {
  transition: height 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .info-hub-article-panel {
    height: 400px;
  }
}
.info-hub-article-panel.filter-hide {
  height: 0;
}
.info-hub-article-panel.greyish-theme .article-bg {
  background-color: #adb3bd;
}
.info-hub-article-panel.greyish-theme .frame .bg {
  fill: #adb3bd;
}
.info-hub-article-panel.green-theme .article-bg {
  background-color: #BDF2CC;
}
.info-hub-article-panel.green-theme .frame .bg {
  fill: #BDF2CC;
}
.info-hub-article-panel.blue-theme .article-bg {
  background-color: #99b7e8;
}
.info-hub-article-panel.blue-theme .frame .bg {
  fill: #99b7e8;
}
.info-hub-article-panel.cornflower-theme .article-bg {
  background-color: #4c84e6;
}
.info-hub-article-panel.cornflower-theme .frame .bg {
  fill: #4c84e6;
}
.info-hub-article-panel.teal-theme .article-bg {
  background-color: #6ccacd;
}
.info-hub-article-panel.teal-theme .frame .bg {
  fill: #6ccacd;
}
@media screen and (max-width: 768px) {
  .info-hub-article-panel .container {
    padding: 0 30px;
  }
}
.info-hub-article-panel .article-wrapper {
  position: relative;
}
.info-hub-article-panel .article-bg {
  border: 2px solid #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.info-hub-article-panel .article-inner {
  border: 4px dashed #000000;
  padding: 40px;
  position: relative;
  z-index: 2;
  font-weight: 500;
  font-size: 19px;
  line-height: 22px;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .info-hub-article-panel .article-inner {
    padding: 20px;
  }
}
.info-hub-article-panel .article-text {
  max-width: 509px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .info-hub-article-panel .article-text {
    margin-bottom: 0;
  }
  .info-hub-article-panel .article-text p:last-child {
    margin-bottom: 0;
  }
}
.info-hub-article-panel .links a {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  text-decoration: none;
  letter-spacing: 0.05em;
  min-width: 216px;
  display: inline-block;
}
.info-hub-article-panel .links a:after {
  content: '\2192';
  padding-left: 7px;
}
.info-hub-article-panel h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .info-hub-article-panel h2 {
    font-size: 21px;
    line-height: 24px;
    letter-spacing: 0;
  }
}
.info-hub-article-panel .framed-image {
  position: relative;
  float: right;
  text-align: center;
  padding: 36px 0;
  width: 296px;
  aspect-ratio: 296 / 294;
}
@media screen and (max-width: 768px) {
  .info-hub-article-panel .framed-image {
    width: 50%;
    padding: 20px;
    margin: 0 0 5px 5px;
  }
}
.info-hub-article-panel .framed-image.with-icon {
  text-align: left;
  padding: 4px;
}
.info-hub-article-panel .framed-image.with-icon h3 {
  position: relative;
  z-index: 1;
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  padding: 18px 20px;
  letter-spacing: 0.02em;
  text-transform: none;
}
@media screen and (max-width: 768px) {
  .info-hub-article-panel .framed-image.with-icon h3 {
    font-size: 14px;
    line-height: 17px;
    padding: 8px 10px;
    letter-spacing: 0;
  }
}
.info-hub-article-panel .framed-image.with-icon .image-icon {
  position: absolute;
  bottom: 22px;
  right: 22px;
  max-width: 36px;
  max-height: 36px;
}
@media screen and (max-width: 768px) {
  .info-hub-article-panel .framed-image.with-icon .image-icon {
    bottom: 12px;
    right: 12px;
    max-width: 22px;
  }
}
.info-hub-article-panel .framed-image svg {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .info-hub-article-panel .framed-image svg {
    height: auto;
  }
  .info-hub-article-panel .framed-image svg path.border {
    stroke-width: 8px;
  }
  .info-hub-article-panel .framed-image svg path.border-triangle {
    stroke-width: 5px;
  }
}
.info-hub-article-panel .framed-image .frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.info-hub-article-panel .framed-image img {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  display: block;
  max-height: 228px;
}
@media screen and (max-width: 768px) {
  .info-hub-article-panel .framed-image img {
    max-height: 145px;
  }
}
.info-hub-article-panel .links {
  margin-top: 10px;
}
.info-hub-article-panel > .container {
  margin-bottom: 60px;
}
.info-hub-posts-section {
  margin-bottom: 40px;
}
.info-hub-posts-section > .container {
  max-width: 990px;
}
.load-more-articles {
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  letter-spacing: 0.02em;
  padding: 20px 0;
}
.load-more-articles > span {
  display: inline-block;
}
.load-more-articles .plus {
  display: inline-block;
  margin-left: 10px;
}
.no-results {
  background-color: #adb3bd;
  padding: 10%;
  text-align: center;
  width: 100%;
}
.no-results h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  letter-spacing: 0.02em;
  text-transform: none;
  max-width: 700px;
  margin: 0 auto 20px;
}
.no-results p {
  max-width: 700px;
  margin: 0 auto;
}
.articles-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.articles-container > a {
  width: 296px;
  margin: 15.5px;
  position: relative;
  text-decoration: none;
}
.articles-container > a.blue-theme path.bg {
  fill: #4c84e6;
}
.articles-container > a.cornflower-theme path.bg {
  fill: #4c84e6;
}
.articles-container > a.green-theme path.bg {
  fill: #BDF2CC;
}
.articles-container > a.greyish-theme path.bg {
  fill: #adb3bd;
}
.articles-container > a.teal-theme path.bg {
  fill: #6ccacd;
}
.articles-container > a .article-footer {
  font-weight: 500;
  font-size: 19px;
  line-height: 22px;
  letter-spacing: 0.02em;
  padding-top: 20px;
}
.articles-container > a .article-inner {
  position: relative;
  z-index: 1;
  padding: 28px;
  aspect-ratio: 1 / 1;
}
.articles-container > a .article-inner h3 {
  text-transform: capitalize;
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  letter-spacing: 0.02em;
}
.articles-container > a .article-inner:after {
  content: "";
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 24px;
  right: 24px;
}
.articles-container > a .article-inner .runtime {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
  line-height: 18px;
}
.articles-container > a.podcast-type .article-inner:after {
  background-image: url(../img/icons/podcast.svg);
}
.articles-container > a.paper-type .article-inner:after {
  background-image: url(../img/icons/library.svg);
}
.articles-container > a.event-type .article-inner:after {
  background-image: url(../img/icons/cloud.svg);
}
.articles-container > a.video-type .article-inner:after {
  background-image: url(../img/icons/play.svg);
}
.articles-container > a.video-type .article-inner.w-image {
  padding-top: 180px;
}
.articles-container > a.video-type .article-inner.w-image .article-image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 160px;
  border: 4px solid transparent;
}
.articles-container > a.video-type .article-inner.w-image .article-image-container .article-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 160px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.articles-container > a.article-type .article-inner:after {
  background-image: url(../img/icons/library.svg);
}
.articles-container > a .article-frame {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.sow-feature {
  padding: 60px 0;
  margin-bottom: 40px;
  background-color: #BDF2CC;
}
@media screen and (max-width: 768px) {
  .sow-feature {
    padding: 30px 0;
    margin-bottom: 20px;
  }
}
.sow-feature .feature-animation {
  aspect-ratio: 830 / 569;
  position: relative;
  margin-top: -100px;
}
@media screen and (max-width: 768px) {
  .sow-feature .feature-animation {
    margin-top: 0;
    margin-bottom: 40px;
  }
}
.sow-feature .feature-animation > span {
  position: relative;
  z-index: 2;
  height: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  .sow-feature .feature-animation > span {
    transform: scale(1.4);
  }
}
.sow-feature .feature-animation:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-top: -191px;
  margin-left: -402px;
  width: 805.01px;
  height: 383.89px;
  background: #FFFFFF;
  transform: rotate(-16.9deg);
  transition: transform ease-out 200ms;
}
@media screen and (max-width: 768px) {
  .sow-feature .feature-animation:before {
    transform: rotate(-6.9deg) scale(0.6);
  }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  .sow-feature .feature-animation:before {
    transform: rotate(-11.9deg) scale(0.7);
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .sow-feature .feature-animation:before {
    transform: rotate(-14.9deg) scale(0.8);
  }
}
.sow-feature .btn-container {
  text-align: center;
}
.sow-feature .btn {
  padding: 25px 40px 22px;
  min-width: 262px;
  margin: 0 auto;
}
.fwm-section {
  padding: 40px 0;
}
.fwm-section .vid-container {
  max-width: 990px;
}
.fwm-section .btn {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .fwm-section {
    text-align: center;
    padding: 20px 0 40px;
  }
  .fwm-section .btn {
    margin-top: 0;
  }
  .fwm-section iframe {
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
}
.featured-articles-panel {
  margin-bottom: 40px;
}
.featured-articles-panel .articles-container {
  margin-top: 20px;
  margin-bottom: 40px;
}
.survey-header-panel {
  text-align: left;
  padding: 40px 0;
}
.survey-header-panel .text-container {
  text-align: left;
  max-width: 836px;
}
.survey-header-panel .text-container h1 {
  font-size: 38px;
  line-height: 45px;
}
@media screen and (max-width: 768px) {
  .survey-header-panel .text-container h1 {
    font-size: 28px;
    line-height: 35px;
  }
}
.survey-header-panel .text-container h1 #typed {
  background: left 1em/1em 0.2em;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 252, 55, 0.5), rgba(255, 252, 55, 0.5));
}
.survey-header-panel .buttons a {
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-transition: all linear 200ms;
  -webkit-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  transition: all linear 200ms;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 17px;
  letter-spacing: 0.05em;
  padding: 13px 22px 14px;
  font-weight: bold;
  border: 4px solid #000000;
  cursor: pointer;
}
.survey-header-panel .buttons a,
.survey-header-panel .buttons a:visited {
  background-color: #FFFC36;
  color: #000000;
  text-decoration: none;
}
.survey-header-panel .buttons a.survey-btn:hover {
  border: 4px dashed #000000;
}
.survey-header-panel .buttons a:active:hover {
  border: 4px solid #000000;
}
.survey-header-panel .buttons a:hover,
.survey-header-panel .buttons a:active {
  background-color: #FFFFFF;
  box-shadow: none;
  color: #000000;
  border-color: #000000;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .survey-header-panel .buttons a {
    height: auto;
  }
}
.survey-header-panel .buttons a.pricing-btn {
  background-color: #000000;
  color: #FFFFFF;
}
.survey-header-panel .buttons a.pricing-btn:hover,
.survey-header-panel .buttons a.pricing-btn:active {
  color: #000000;
  background-color: #FFFFFF;
}
.survey-intro-panel .container {
  position: relative;
}
.survey-intro-panel .container:before {
  content: "";
  background: #BDF2CC;
  transform: rotate(-2.19deg);
  width: 100%;
  height: 65%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .survey-intro-panel .container:before {
    height: 70%;
  }
}
.survey-intro-panel .container .row {
  position: relative;
  z-index: 1;
}
.survey-intro-panel .text-container {
  padding-top: 90px;
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .survey-intro-panel .text-container {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.survey-intro-panel .text-container h6 {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.survey-intro-panel .text-container h6 + h3 {
  margin-top: 27px;
}
.survey-intro-panel .text-container h3 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.survey-intro-panel .intro-col {
  max-width: 303px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  margin-bottom: 54px;
}
.survey-intro-panel .intro-col p {
  margin-bottom: 22px;
}
@media screen and (max-width: 768px) {
  .survey-intro-panel .intro-col p {
    margin-bottom: 17px;
  }
}
.survey-intro-panel .intro-col p:first-child {
  font-size: 16px;
  line-height: 17px;
  letter-spacing: 0.05em;
}
.survey-intro-panel .intro-col .img {
  text-align: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .survey-intro-panel .intro-col .img {
    margin-bottom: 25px;
  }
}
.survey-intro-panel .intro-col .img img {
  max-height: 78px;
}
.survey-intro-panel .intro-slide {
  text-align: center;
  padding-bottom: 12px;
}
.survey-intro-panel .intro-slide img {
  display: block;
  box-shadow: 12px 12px 0 #000000;
  margin: 0 auto;
  border: 1px solid #000;
  max-width: 880px;
}
.dots {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
}
.dots .dot {
  transition: all linear 200ms;
  width: 11px;
  height: 11px;
  background-color: #D5D9DD;
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 11px;
  border: 1.5px solid #FFFFFF;
  cursor: pointer;
}
.dots .dot:hover,
.dots .dot.dot--active {
  background-color: #000000;
  border-color: #000000;
}
.icons-panel {
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .icons-panel {
    padding-top: 40px;
  }
}
.icons-panel h2 {
  margin-bottom: 30px;
}
.icons-panel h2 .yellow-highlight {
  display: inline-block;
}
.icons-panel h2 .yellow-highlight:before {
  transform: translateY(0) scaleX(1.07) rotate(2.05deg) scaleY(1.9);
}
.icons-panel .grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 810px;
  margin: 0 auto 40px;
}
.icons-panel .icon-grid-item .icon {
  display: block;
  min-height: 100px;
  aspect-ratio: 4 / 3;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.steps-panel {
  background-color: #D5D9DD;
  padding-top: 58px;
}
.steps-panel .text-container h6 {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.steps-panel .text-container h6 + h3 {
  margin-top: 27px;
}
.steps-panel .text-container h3 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.steps-panel .columns-row {
  margin-top: 27px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 768px) {
  .steps-panel .columns-row {
    flex-direction: column;
    align-items: center;
  }
}
.steps-panel .columns-row .bg-border {
  content: "";
  position: absolute;
  z-index: 0;
  width: 0;
  height: 0;
  border-bottom: 4px dashed #FFFFFF;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .steps-panel .columns-row .bg-border {
    width: 440px;
    top: 29px;
    left: 50%;
    margin-left: -220px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .steps-panel .columns-row .bg-border {
    width: 640px;
    top: 29px;
    left: 50%;
    margin-left: -320px;
  }
}
@media screen and (min-width: 1200px) {
  .steps-panel .columns-row .bg-border {
    width: 800px;
    top: 29px;
    left: 50%;
    margin-left: -400px;
  }
}
.steps-panel .step {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  margin-bottom: 54px;
  max-width: 310px;
}
.steps-panel .step p {
  margin-bottom: 22px;
}
@media screen and (max-width: 768px) {
  .steps-panel .step p {
    margin-bottom: 17px;
  }
}
.steps-panel .step p:first-child {
  font-size: 16px;
  line-height: 17px;
  letter-spacing: 0.05em;
}
.steps-panel .step .img {
  position: relative;
  z-index: 2;
  background-color: #D5D9DD;
  text-align: center;
  margin-bottom: 45px;
  margin-left: auto;
  margin-right: auto;
  height: 60px;
  max-width: 120px;
}
@media screen and (max-width: 768px) {
  .steps-panel .step .img {
    margin-bottom: 25px;
  }
}
.voice-panel {
  padding: 60px 0 0;
}
.voice-panel .text-container {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.02em;
}
.voice-panel .text-container h3 {
  margin-bottom: 10px;
}
.voice-panel .img {
  text-align: center;
  padding: 0 20px;
  position: relative;
  z-index: 3;
}
.voice-panel .img img {
  display: block;
  margin: 25px auto;
}
.voice-panel .row {
  position: relative;
  z-index: 2;
}
.voice-panel .columns-row {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 13px 0;
}
.voice-panel .columns-row:before {
  z-index: 1;
  background: #BDF2CC;
  transform-origin: center bottom;
  transform: rotate(4.71deg) scaleY(1.7) scaleX(1.05);
  position: absolute;
  bottom: -13px;
  left: -13px;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .voice-panel .columns-row:before {
    transform: rotate(2.71deg) scaleY(1.7) scaleX(1.05);
  }
}
.voice-panel .columns-row .text-col {
  position: relative;
  z-index: 3;
  padding: 13px 26px;
  width: 33.3333333%;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .voice-panel .columns-row .text-col {
    width: 50%;
  }
}
.voice-panel .columns-row .text-col h5 {
  font-size: 16px;
  line-height: 17px;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-bottom: 9px;
}
.voice-panel .divider {
  position: relative;
  z-index: 2;
  height: 53px;
  width: 100%;
  margin: 80px auto 20px;
  background-repeat: repeat-x;
  background-size: auto;
  background-position: center 0;
  background-image: url(../img/common/centered-divider.svg);
  max-width: 945px;
}
.survey-text-image-panel {
  padding: 35px 0;
}
.survey-text-image-panel .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.survey-text-image-panel .container {
  max-width: 945px;
}
.survey-text-image-panel .text-col {
  max-width: 390px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.02em;
}
.survey-text-image-panel .text-col .icon-summary {
  display: flex;
  align-items: center;
  margin-bottom: 27px;
}
.survey-text-image-panel .text-col .icon-summary .icon {
  padding-right: 16px;
  flex-shrink: 0;
}
.survey-text-image-panel .text-col .icon-summary p {
  margin-bottom: 0;
}
.survey-text-image-panel .text-col ul {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
}
.survey-text-image-panel .text-col ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.02em;
  background-image: url(../img/icons/checked-box.svg);
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 3px 0 3px 45px;
  margin-bottom: 20px;
}
.survey-text-image-panel .image-col img {
  margin: 0 auto;
  display: block;
}
.pricing-panel {
  background-color: #000000;
  margin: 40px 0;
  padding: 60px 0 170px;
}
.pricing-panel .text-container {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin: 0 auto;
  max-width: 750px;
}
.pricing-panel .text-container > h3,
.pricing-panel .text-container > p {
  color: #FFFFFF;
}
.pricing-panel .text-container > table {
  background-color: #FFFFFF;
}
.pricing-panel .text-container > table > tbody > tr > td,
.pricing-panel .text-container > table > tbody > tr > th,
.pricing-panel .text-container > table > tfoot > tr > td,
.pricing-panel .text-container > table > tfoot > tr > th,
.pricing-panel .text-container > table > thead > tr > td,
.pricing-panel .text-container > table > thead > tr > th,
.pricing-panel .text-container > table > thead > tr > th {
  text-align: center;
  border-top: none;
  border-bottom: none;
}
.pricing-panel .text-container > table > tbody > tr > td:first-child,
.pricing-panel .text-container > table > tbody > tr > th:first-child,
.pricing-panel .text-container > table > tfoot > tr > td:first-child,
.pricing-panel .text-container > table > tfoot > tr > th:first-child,
.pricing-panel .text-container > table > thead > tr > td:first-child,
.pricing-panel .text-container > table > thead > tr > th:first-child,
.pricing-panel .text-container > table > thead > tr > th:first-child {
  text-align: left;
}
.pricing-panel .text-container > table > tbody > tr > th {
  font-weight: 500;
}
.pricing-panel .text-container > table tr > td:last-child,
.pricing-panel .text-container > table tr > th:last-child {
  border-left: 3px solid transparent;
}
.pricing-panel .text-container > table tr > td:last-child.last-col-border,
.pricing-panel .text-container > table tr > th:last-child.last-col-border {
  border-color: #d8dadc;
}
.pricing-panel .text-container > table .badge {
  background-color: #FFFC36;
  border-radius: 0;
  color: #000000;
}
.form-panel .form-wrapper {
  position: relative;
  max-width: 682px;
  margin: -160px auto 40px;
  padding-top: 77px;
  padding-bottom: 77px;
}
.form-panel .form-wrapper .form-intro {
  max-width: 585px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 60px;
}
.form-panel .form-wrapper .form-intro h6 {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.form-panel .form-wrapper .form-intro h6 + h3 {
  margin-top: 27px;
}
.form-panel .form-wrapper .form-intro h3 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.form-panel .form-wrapper > div {
  position: relative;
  z-index: 2;
}
.form-panel .form-wrapper:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #BDF2CC;
  transform: rotate(1.81deg);
}
.form-panel .form-container {
  background-color: #FFFFFF;
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.15));
  max-width: 585px;
  padding: 35px 15px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
}
.form-panel .form-container form {
  display: block;
  margin: 0 auto;
  max-width: 500px;
}
.form-panel .form-container label {
  margin-bottom: 12px;
}
.form-panel .form-container .hs-form-field {
  padding: 0 10px 10px;
}
.form-panel .form-container .hs-form-field:first-child {
  padding-left: 0;
}
.form-panel .form-container .hs-form-field:last-child {
  padding-right: 0;
}
.form-panel .form-container input[type="email"],
.form-panel .form-container input[type="tel"],
.form-panel .form-container input[type="text"] {
  border: 4px solid rgba(0, 0, 0, 0.1);
  max-width: 100%;
  padding: 4px;
}
.form-panel .form-container input[type="submit"] {
  border: 4px solid #000000;
  color: #000000;
  background-color: #FFFC36;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  display: block;
  margin: 0 auto;
}
.form-panel .form-container select {
  border: 4px solid rgba(0, 0, 0, 0.1);
  max-width: 100%;
  padding: 4px;
  height: 47px;
  width: 100%;
}
.form-panel .form-container .hs-richtext {
  margin-bottom: 10px;
}
.form-panel .form-container .hs-richtext p {
  margin: inherit;
}
.form-panel .form-container .hs-error-msg {
  color: #CC0000;
}
.form-panel .form-container .inputs-list {
  list-style-type: none;
  display: block;
  padding: 0;
  margin: 0;
}
.form-panel .form-container .inputs-list label {
  font-weight: 500;
  margin: 0;
}
.form-panel .form-container .inputs-list li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
}
.form-panel .form-container .inputs-list li input {
  border: 2px solid #000000;
  min-width: 22px;
  height: 22px;
  margin-right: 17px;
}
.form-panel .form-container .inputs-list li input:active,
.form-panel .form-container .inputs-list li input:focus {
  outline: none;
}
.form-panel .form-container .inputs-list li input:checked {
  background-color: #FFFC36;
  box-sizing: border-box;
  background-position: center;
  background-size: contain;
  background-image: url(../img/icons/check.svg);
  background-repeat: no-repeat;
}
.rect-stamp {
  margin: 40px 0;
  text-align: center;
}
.rect-stamp p.copy {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #ADB3BD;
  margin-top: 45px;
}
.rect-stamp svg {
  margin: 0 auto;
}
body > span.reference {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
}
.btt {
  width: 40px;
  height: 40px;
  opacity: 0;
  transform: translateY(80px);
  cursor: pointer;
  transition: all ease-in 400ms;
  text-indent: -9999px;
  background-image: url(../img/icons/btt.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: rgba(33, 50, 91, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}
.btt.active {
  opacity: 1;
  transform: translateY(0);
}
.btt.at-bottom {
  background-color: rgba(255, 255, 255, 0.8);
}
.btt svg path {
  transition: stroke linear 200ms;
  stroke: #000000;
}
.btt:hover {
  background-color: #000000;
}
.btt:hover svg path {
  stroke: #FFFFFF;
}
@media (min-width: 992px) {
  .mobile-menu > ul {
    margin-top: 130px;
  }
  .mobile-menu > ul > li {
    font-size: 34px;
    line-height: 60px;
  }
  .mobile-menu > ul > li > ul.sub-menu > li {
    font-size: 24px;
    line-height: 45px;
  }
  .mobile-menu > ul > li > ul.sub-menu > li > ul.sub-menu {
    padding-top: 10px;
    padding-bottom: 27px;
  }
  .mobile-menu > ul > li > ul.sub-menu > li > ul.sub-menu li {
    padding-left: 30px;
    font-size: 18px;
    line-height: 22px;
  }
  .mobile-menu .logo {
    width: 133px;
    height: 133px;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -67px;
  }
  .mobile-menu span.menu-toggle {
    top: 18px;
    right: 12px;
    font-size: 38px;
  }
  .mobile-menu div.social {
    margin: 20px auto 40px;
    float: left;
    padding-left: 16px;
    line-height: 40px;
  }
  .mobile-menu .header-login-reg {
    float: right;
  }
}
@media (min-width: 768px) {
  .mobile-only {
    display: none;
  }
  .mobile-header {
    display: none;
  }
  .desktop-header {
    display: block;
  }
}
@media (max-width: 768px) {
  .mobile-header {
    display: block;
  }
  .desktop-header {
    display: none;
  }
  .menu li {
    display: block;
  }
  .mobile-header {
    zoom: 1;
    clear: both;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  .mobile-header:before {
    content: '';
    display: block;
  }
  .mobile-header:after {
    content: '';
    display: table;
    clear: both;
  }
  .desktop-only,
  .mobile-hidden {
    display: none;
  }
  .header,
  #body-outer {
    border: 0;
  }
  body {
    font-size: 16px;
    line-height: 21px;
  }
  .body-outer {
    padding-top: 60px;
  }
  h1,
  h2,
  h3 {
    letter-spacing: 0;
  }
  h1,
  h2 {
    margin-bottom: 10px;
  }
  h4 {
    letter-spacing: 0;
  }
  blockquote {
    padding: 20px 20px 25px;
  }
  .footer {
    padding: 30px 0 20px;
    overflow: hidden;
  }
  .footer .col-xs-6 {
    padding-bottom: 30px;
    position: relative;
    left: 10px;
  }
  .footer .col-xs-6:first-child {
    left: 0;
  }
  .footer .col-xs-6:nth-child(odd) {
    clear: left;
  }
  .footer .col-sm-3:first-child {
    zoom: 1;
    clear: both;
  }
  .footer .col-sm-3:first-child:before {
    content: '';
    display: block;
  }
  .footer .col-sm-3:first-child:after {
    content: '';
    display: table;
    clear: both;
  }
  .footer .footer-links h4:first-child {
    font-size: 14px;
  }
  .footer .text-right,
  .footer .text-left {
    text-align: center;
  }
  .footer .footer-feature-link {
    margin-bottom: 10px;
    display: block;
  }
  .menu li {
    display: block;
  }
  .btn {
    font-size: 16px;
  }
  .std-btn-wrap a {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
  }
  .title-row {
    margin-bottom: 0;
  }
  .title-row .col-sm-3 {
    display: none;
  }
  .title-row h1 {
    font-size: 30px;
    line-height: 39px;
  }
  .title-row h4 {
    font-size: 20px;
    line-height: 26px;
  }
  .page-hero {
    padding-top: 20px;
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .text-panel .btn-container {
    margin: 30px 0 0;
  }
  .text-image-panel {
    padding: 20px 0;
  }
  .text-image-panel + .text-image-panel {
    padding-top: 0;
    margin-top: -10px;
  }
  .text-image-panel img {
    margin-bottom: 30px;
  }
  .text-image-panel .text-col .article-text-feature-image {
    float: none;
    clear: both;
    margin-left: 0;
    max-width: 100%;
  }
  .text-image-panel .text-image-label {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
  }
  .text-image-panel h3 {
    font-size: 20px;
    line-height: 26px;
  }
  .content-columns-panel {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }
  .content-columns-panel .columns-row a.col-sm-6,
  .content-columns-panel .columns-row a.col-sm-4 {
    display: block;
  }
  .content-columns-panel .col-sm-6 {
    padding-bottom: 0;
  }
  .standard-form li input[type="email"],
  .standard-form li input[type="phone"],
  .standard-form li input[type="text"],
  .standard-form li label,
  .standard-form li select {
    float: none;
    display: block;
  }
  .standard-form li input[type="email"],
  .standard-form li input[type="phone"],
  .standard-form li input[type="text"],
  .standard-form li select {
    width: 100%;
  }
  .standard-form li label {
    width: auto;
    margin-bottom: 5px;
  }
  .standard-form li textarea {
    float: none;
    display: block;
    width: 100%;
  }
  .standard-form li input {
    float: none;
  }
  .standard-form li.privacy-subscribe-note {
    padding: 15px 0 0;
  }
  .standard-form .subscribe-note {
    display: block;
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .standard-form .industry label {
    display: block;
    margin-left: 0;
  }
  .standard-form .submit-field {
    margin-top: 20px;
  }
  .standard-form #subscribeSubmit {
    display: block;
    width: 100%;
    padding: 12px;
    line-height: 20px;
  }
  .embed-panel iframe,
  .embed-panel object,
  .embed-panel embed {
    max-height: 550px;
  }
  .embed-panel .hbspt-form iframe {
    max-height: 100%;
  }
  .embed-panel .prop-container {
    padding-bottom: 133%;
  }
  .embed-panel .prop-container iframe,
  .embed-panel .prop-container object,
  .embed-panel .prop-container embed {
    max-height: 100%;
  }
  .mobile-menu:before {
    width: 370px;
    height: 370px;
  }
}