/* 
Theme Name: Loop Me
Version: 1.0 
Description: Child theme for WP Bootstrap Starter - A Bootstrap 4 theme 
Author: Pete McCabe for Deadeye Design
Author URI: 
Template: wp-bootstrap-starter 
*/
html, body {
  width: 100%;
  height: 100%;
}

body {
  overflow-x: hidden;
  font-family: "Faro";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  letter-spacing: -0.24px;
}
@media (max-width: 767px) {
  body {
    font-size: 18px;
    line-height: 25px;
    padding-top: 60px;
  }
}

a.scale-on-hover {
  transition: all 0.2s ease-out;
}
a.scale-on-hover .arrow-link.right:after {
  transition: all 0.2s ease-out;
  transform: translateX(0px);
}
a.scale-on-hover:hover {
  transform: scale(1.0005);
}
a.scale-on-hover:hover .arrow-link.right {
  transition: all 0.2s ease-out;
}
a.scale-on-hover:hover .arrow-link.right:after {
  transition: all 0.2s ease-out;
  transform: translateX(5px);
}
a.scale-on-hover.shadow-on-hover:hover {
  -webkit-box-shadow: 2px 1px 6px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 1px 6px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 1px 6px 2px rgba(0, 0, 0, 0.1);
}

#page {
  /* padding-top: 44px; */
}

#content {
  transition: all 0.6s ease-out;
}
#content.hidden {
  opacity: 0.3;
  filter: saturate(0) blur(0.2px);
}

button:focus {
  outline: none;
}

@media (max-width: 991px) {
  br {
    display: none;
  }
}

.clear-float {
  clear: both;
}

.min-h-100 {
  min-height: 100%;
}

.h-100 {
  height: 100%;
}

.full-width {
  width: 100%;
}

@media (max-width: 767px) {
  .hide-mob {
    display: none;
  }
}

@media (min-width: 768px) {
  .show-mob {
    display: none;
  }
}

.text-content-box {
  display: inline-block;
}

.flex-centered {
  display: flex;
  height: 100%;
  width: 100%;
}
.flex-centered.vertical {
  align-items: center;
}
.flex-centered.horizontal {
  justify-content: center;
}

.clean-button {
  border: none;
  padding: 0;
  background: none;
}

.no-underline:hover {
  text-decoration: none !important;
}

.stay-one-line {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .stay-one-line {
    white-space: normal;
  }
}

.rounded-px10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* variables */
/* colours */
.col-loopme-dark-red {
  color: #DB0302 !important;
}

.col-loopme-red {
  color: #FD0000 !important;
}

.col-loopme-red-80 {
  color: #FD3333 !important;
}

.col-loopme-red-60 {
  color: #FD6666 !important;
}

.col-loopme-red-40 {
  color: #FF9898 !important;
}

.col-loopme-red-20 {
  color: #FFCBCB !important;
}

.col-loopme-darkyellow {
  color: #ECA402 !important;
}

.col-loopme-yellow {
  color: #FFBB00 !important;
}

.col-loopme-yellow-80 {
  color: #FFC833 !important;
}

.col-loopme-yellow-60 {
  color: #FFD666 !important;
}

.col-loopme-yellow-40 {
  color: #FFE398 !important;
}

.col-loopme-yellow-20 {
  color: #FFF1CB !important;
}

.col-loopme-dark-blue {
  color: #021262 !important;
}

.col-loopme-blue {
  color: #0014A7 !important;
}

.col-loopme-blue-80 {
  color: #3343B8 !important;
}

.col-loopme-blue-60 {
  color: #6672CA !important;
}

.col-loopme-blue-40 {
  color: #98A0DB !important;
}

.col-loopme-blue-20 {
  color: #CBCFED !important;
}

.col-loopme-light-grey {
  color: #ECECEC !important;
}

.col-loopme-black {
  color: #0C0505 !important;
}

.col-loopme-white {
  color: #FFFAFA !important;
}

.col-white {
  color: #fff !important;
}

/* backgrounds */
.bg-loopme-dark-red {
  background-color: #DB0302 !important;
}

.bg-loopme-red {
  background-color: #FD0000 !important;
}

.bg-loopme-red-80 {
  background-color: #FD3333 !important;
}

.bg-loopme-red-60 {
  background-color: #FD6666 !important;
}

.bg-loopme-red-40 {
  background-color: #FF9898 !important;
}

.bg-loopme-red-20 {
  background-color: #FFCBCB !important;
}

.bg-loopme-dark-yellow {
  background-color: #ECA402 !important;
}

.bg-loopme-yellow {
  background-color: #FFBB00 !important;
}

.bg-loopme-yellow-80 {
  background-color: #FFC833 !important;
}

.bg-loopme-yellow-60 {
  background-color: #FFD666 !important;
}

.bg-loopme-yellow-40 {
  background-color: #FFE398 !important;
}

.bg-loopme-yellow-20 {
  background-color: #FFF1CB !important;
}

.bg-loopme-dark-blue {
  background-color: #021262 !important;
}

.bg-loopme-blue {
  background-color: #0014A7 !important;
}

.bg-loopme-blue-80 {
  background-color: #3343B8 !important;
}

.bg-loopme-blue-60 {
  background-color: #6672CA !important;
}

.bg-loopme-blue-40 {
  background-color: #98A0DB !important;
}

.bg-loopme-blue-20 {
  background-color: #CBCFED !important;
}

.bg-light-grey,
.bg-loopme-light-grey {
  background-color: #ECECEC !important;
}

.bg-loopme-black {
  background-color: #0C0505 !important;
}

.bg-loopme-white {
  background-color: #FFFAFA !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-black {
  background-color: #000 !important;
}

/* mobile-backgrounds */
@media (max-width: 767px) {
  /* backgrounds */
  .bg-mobile-loopme-dark-red {
    background-color: #DB0302 !important;
  }

  .bg-mobile-loopme-red {
    background-color: #FD0000 !important;
  }

  .bg-mobile-loopme-red-80 {
    background-color: #FD3333 !important;
  }

  .bg-mobile-loopme-red-60 {
    background-color: #FD6666 !important;
  }

  .bg-mobile-loopme-red-40 {
    background-color: #FF9898 !important;
  }

  .bg-mobile-loopme-red-20 {
    background-color: #FFCBCB !important;
  }

  .bg-mobile-loopme-dark-yellow {
    background-color: #ECA402 !important;
  }

  .bg-mobile-loopme-yellow {
    background-color: #FFBB00 !important;
  }

  .bg-mobile-loopme-yellow-80 {
    background-color: #FFC833 !important;
  }

  .bg-mobile-loopme-yellow-60 {
    background-color: #FFD666 !important;
  }

  .bg-mobile-loopme-yellow-40 {
    background-color: #FFE398 !important;
  }

  .bg-mobile-loopme-yellow-20 {
    background-color: #FFF1CB !important;
  }

  .bg-mobile-loopme-dark-blue {
    background-color: #021262 !important;
  }

  .bg-mobile-loopme-blue {
    background-color: #0014A7 !important;
  }

  .bg-mobile-loopme-blue-80 {
    background-color: #3343B8 !important;
  }

  .bg-mobile-loopme-blue-60 {
    background-color: #6672CA !important;
  }

  .bg-mobile-loopme-blue-40 {
    background-color: #98A0DB !important;
  }

  .bg-mobile-loopme-blue-20 {
    background-color: #CBCFED !important;
  }

  .bg-mobile-light-grey,
.bg-mobile-loopme-light-grey {
    background-color: #ECECEC !important;
  }

  .bg-mobile-loopme-black {
    background-color: #0C0505 !important;
  }

  .bg-mobile-loopme-white {
    background-color: #FFFAFA !important;
  }

  .bg-mobile-white {
    background-color: #fff !important;
  }

  .bg-mobile-black {
    background-color: #000 !important;
  }
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.loopme-txt-headline-XL {
  font-family: "Faro";
  font-size: 88px;
  line-height: 88px;
  /* identical to box height, or 100% */
  letter-spacing: -1px;
}

.loopme-txt-headline-L {
  font-family: "Faro";
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 70px;
  /* identical to box height, or 109% */
  letter-spacing: -1px;
}
@media (max-width: 767px) {
  .loopme-txt-headline-L {
    font-size: 40px;
    line-height: 48px;
  }
}

.loopme-txt-headline-M {
  font-family: "Faro";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  /* identical to box height, or 125% */
  letter-spacing: -1px;
}

.loopme-txt-headline-S {
  font-family: "Faro";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  /* identical to box height, or 129% */
  letter-spacing: -0.24px;
}
@media (max-width: 767px) {
  .loopme-txt-headline-S {
    font-size: 26px;
    line-height: 32px;
  }
}

.loopme-txt-headline-XS {
  font-family: "Faro";
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  /* identical to box height, or 120% */
}

.loopme-txt-label-M {
  font-family: "Faro";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
}
@media (max-width: 767px) {
  .loopme-txt-label-M {
    font-size: 18px;
    line-height: 24px;
  }
}

.loopme-txt-label-S {
  font-family: "Faro";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 143% */
  letter-spacing: 0.64px;
}
@media (max-width: 767px) {
  .loopme-txt-label-S {
    font-size: 16px;
    line-height: 20px;
  }
}

.loopme-txt-body-L {
  font-family: "Faro";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  /* identical to box height, or 139% */
  letter-spacing: -0.24px;
}
@media (max-width: 767px) {
  .loopme-txt-body-L {
    font-size: 18px;
    line-height: 25px;
  }
}

.loopme-txt-body-M {
  font-family: "Faro";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  letter-spacing: -0.24px;
}
@media (max-width: 767px) {
  .loopme-txt-body-M {
    font-size: 18px;
    line-height: 25px;
  }
}

.loopme-txt-overline {
  font-family: "Faro";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height, or 114% */
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .loopme-txt-overline {
    font-size: 18px;
    line-height: 25px;
  }
}

.margins-default-vertical .loopme-txt-headline-XL, .margins-default-vertical.loopme-txt-headline-XL {
  margin-bottom: 50px;
}
.margins-default-vertical .loopme-txt-headline-L, .margins-default-vertical.loopme-txt-headline-L {
  margin-bottom: 40px;
}
.margins-default-vertical .loopme-txt-headline-M, .margins-default-vertical.loopme-txt-headline-M {
  margin-bottom: 30px;
}
.margins-default-vertical .loopme-txt-headline-S, .margins-default-vertical.loopme-txt-headline-S {
  margin-bottom: 20px;
}
.margins-default-vertical .loopme-txt-headline-XS, .margins-default-vertical.loopme-txt-headline-XS {
  margin-bottom: 10px;
}

.scale-on-hover {
  transition: all 0.1s ease-in-out;
}
.scale-on-hover:hover {
  scale: 1.01;
}

.standard-button {
  background: #000000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-family: "Faro";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  text-align: center;
  color: #ffffff;
  display: inline-block;
  padding: 16px 45px;
  transition: transform 0.2s ease-in-out;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  opacity: 0.9;
}
.standard-button.bold-600 {
  font-weight: 600;
}
.standard-button.tight {
  padding: 8px 30px;
}
.standard-button.space-left {
  margin-left: 10px;
}
.standard-button.space-right {
  margin-right: 10px;
}
.standard-button.square {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 6px 45px;
}
.standard-button:hover {
  color: #ffffff;
  text-decoration: none;
  transform: scale(1.05);
  opacity: 1;
}
.standard-button.red, .standard-button.loopme-red {
  background-color: #FD0000;
}
.standard-button.loopme-light-green {
  background-color: #54BD95;
}
.standard-button.yellow, .standard-button.loopme-yellow {
  background-color: #FFBB00;
}
.standard-button.blue, .standard-button.loopme-blue {
  background-color: #0014A7;
}
.standard-button.grey {
  background-color: #ECECEC;
}
.standard-button.mid-grey {
  background-color: #B4BDC2;
}
.standard-button.white {
  background-color: #ffffff;
  color: #0C0505;
}
.standard-button.white.border-red {
  border: 1px solid #FD0000;
}
.standard-button.transparent {
  background-color: transparent;
  color: #ffffff;
}
.standard-button.transparent.border-white {
  border: 1px solid #FFFFFF;
}
.standard-button.transparent.border-red {
  border: 1px solid #FD0000;
}
.standard-button.arrow-right {
  padding-right: 50px;
  position: relative;
}
.standard-button.arrow-right:after {
  content: "";
  position: absolute;
  top: 23px;
  right: 20px;
  display: block;
  width: 6px;
  height: 12px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 0.1s ease-in-out;
}
.standard-button.arrow-right:hover:after {
  transform: translateX(5px);
}
.standard-button.arrow-right.red-arrow:after {
  background-image: url(images/arrows/right-red.svg);
}
.standard-button.arrow-right.white-arrow:after {
  background-image: url(images/arrows/right-white.svg);
}

.arrow-link {
  position: relative;
}
.arrow-link.right:after {
  content: "";
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  right: -32px;
  top: auto !important;
  bottom: 4px;
  display: inline-block;
  width: 23px;
  height: 13px;
  transition: all 0.3s ease-in-out;
}
.arrow-link.right:hover:after {
  transform: translateX(10px);
}
.arrow-link.right.col-loopme-blue:after {
  background-image: url(images/arrows/link-arrow-right-blue.svg);
}
.arrow-link.right.col-loopme-red:after {
  background-image: url(images/arrows/link-arrow-right-red.svg);
}
.arrow-link.right.col-loopme-yellow:after {
  background-image: url(images/arrows/link-arrow-right-yellow.svg);
}
.arrow-link.left:after {
  content: "";
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  left: -32px;
  top: 4px;
  display: inline-block;
  width: 23px;
  height: 13px;
}
.arrow-link.left.col-loopme-blue:after {
  background-image: url(images/arrows/link-arrow-left-blue.svg);
}
.arrow-link.left.col-loopme-red:after {
  background-image: url(images/arrows/link-arrow-left-red.svg);
}

.navbar-light .navbar-toggler {
  border: none;
}

body:not(.theme-preset-active) header#masthead {
  background-color: #fff;
  padding: 0px;
  box-shadow: none;
  z-index: 30;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
body:not(.theme-preset-active) header#masthead.hide {
  transform: translateY(-100%);
}
body:not(.theme-preset-active) header#masthead .navbar {
  position: relative;
  z-index: 1;
  padding: 10px 0px !important;
}
body:not(.theme-preset-active) header#masthead .navbar .mobile-burger {
  background-image: url(images/mobile-burger.svg);
  display: block;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
}
body:not(.theme-preset-active) header#masthead .navbar #main-nav {
  position: relative;
}
body:not(.theme-preset-active) header#masthead .navbar #main-nav #main-nav-holder {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  padding-left: 35px;
}
body:not(.theme-preset-active) header#masthead .navbar #main-nav #main-nav-holder #menu-primary-menu {
  margin-bottom: 0;
  height: 100%;
  padding-left: 0px;
}
body:not(.theme-preset-active) header#masthead .navbar #main-nav #main-nav-holder #menu-primary-menu li {
  float: left;
  display: inline-block;
  display: flex;
  align-items: center;
  height: 100%;
}
body:not(.theme-preset-active) header#masthead .navbar #main-nav #main-nav-holder #menu-primary-menu li a {
  color: #0C0505;
}
body:not(.theme-preset-active) header#masthead .navbar #main-nav #main-nav-holder #menu-primary-menu li a.nav-link {
  position: relative;
  z-index: 10;
  font-weight: 500;
}
body:not(.theme-preset-active) header#masthead .navbar #main-nav #main-nav-holder #menu-primary-menu li a.nav-link:first-of-type {
  padding-left: 0px;
}
body:not(.theme-preset-active) header#masthead .navbar #main-nav #main-nav-holder #menu-primary-menu li a.active {
  color: #FD0000;
}
body:not(.theme-preset-active) header#masthead .navbar #main-nav #main-nav-holder #menu-primary-menu li:not(.has-subnav) {
  padding-right: 30px;
}
body:not(.theme-preset-active) header#masthead .navbar #main-nav #main-nav-holder #menu-primary-menu li.has-subnav {
  position: relative;
  padding-right: 30px;
  position: relative;
  z-index: 10;
}
body:not(.theme-preset-active) header#masthead .navbar #main-nav #main-nav-holder #menu-primary-menu li.has-subnav:after {
  content: "";
  display: block;
  width: 8px;
  height: 6px;
  display: block;
  position: absolute;
  right: 30px;
  top: 45%;
  background-image: url(images/arrows/nav-down-arrow.svg);
}
body:not(.theme-preset-active) header#masthead .navbar #main-nav #main-nav-holder #menu-primary-menu li.has-subnav.open:after {
  transform: rotate(180deg);
}

.subnav {
  padding-top: 60px;
  padding-bottom: 60px;
  position: fixed;
  top: 70px;
  left: 0px;
  z-index: 5;
  width: 100%;
  background: #FFFAFA;
  display: block;
  opacity: 0;
  transform: translateY(-100%);
  transition: all 0.2s ease-out;
  pointer-events: none;
}
.subnav .label {
  padding-bottom: 22px;
}
.subnav .squiggle-box {
  padding-bottom: 21px;
}
.subnav .heading {
  padding-bottom: 19px;
}
.subnav.active {
  display: block;
  opacity: 1;
  transform: translateY(0%);
  transition: all 0.4s ease-out;
}
.subnav a:hover {
  text-decoration: none !important;
}

.keep-events {
  pointer-events: auto !important;
}

#mobile-nav {
  position: fixed;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  z-index: 20;
  transform: translateX(100%);
  transition: all 0.3s ease-in-out;
  padding-top: 90px;
  padding-bottom: 90px;
  overflow-y: scroll;
}
#mobile-nav.show {
  transform: translateX(0%);
}
@media (min-width: 1200px) {
  #mobile-nav.show {
    transform: translateX(100%);
  }
}
#mobile-nav .section {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed #0C0505;
}
#mobile-nav .section .heading {
  position: relative;
  width: 100%;
  text-align: left;
}
#mobile-nav .section .heading:after {
  content: "";
  display: block;
  width: 8px;
  height: 6px;
  display: block;
  position: absolute;
  right: 0px;
  top: 45%;
  background-image: url(images/arrows/nav-down-arrow.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}
#mobile-nav .section .heading.collapsed:after {
  transform: rotate(0deg);
}
#mobile-nav .section .heading.no-down-arrow:after {
  display: none !important;
}
#mobile-nav .section .sub-section .label {
  margin-top: 20px;
  margin-left: 20px;
}
#mobile-nav .section .sub-section .squiggle-holder {
  padding-left: 40px;
  margin-top: 15px;
}
#mobile-nav .section ul {
  list-style-type: none;
  padding: none;
  margin: none;
}
#mobile-nav .section ul li {
  margin-top: 10px;
  font-family: "Faro";
  font-style: normal;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  letter-spacing: -0.24px;
}
@media (max-width: 767px) {
  #mobile-nav .section ul li {
    font-size: 18px;
    line-height: 25px;
  }
}
#mobile-nav .ctas {
  margin-top: 30px;
}
#mobile-nav .social-links {
  padding-top: 40px;
}
#mobile-nav .social-links ul {
  display: inline-block;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
#mobile-nav .social-links ul li {
  display: inline-block;
  float: left;
  padding: 5px;
}
#mobile-nav .social-links ul li a {
  display: block;
  width: 27px;
  height: 27px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
#mobile-nav .social-links ul li a.facebook {
  background-image: url(images/social/dark/facebook.png);
}
#mobile-nav .social-links ul li a.twitter {
  background-image: url(images/social/dark/twitter.png);
}
#mobile-nav .social-links ul li a.instagram {
  background-image: url(images/social/dark/instagram.png);
}
#mobile-nav .social-links ul li a.linkedin {
  background-image: url(images/social/dark/linkedin.png);
}

body:not(.theme-preset-active) footer#colophonx {
  min-height: 330px;
  padding-top: 40px;
  padding-bottom: 30px;
}
body:not(.theme-preset-active) footer#colophonx .signup-section {
  margin-top: -40px;
}
@media (max-width: 767px) {
  body:not(.theme-preset-active) footer#colophonx .signup-section {
    margin-top: 20px;
  }
}
body:not(.theme-preset-active) footer#colophonx .signup-section .signup-text {
  padding-bottom: 30px;
}
body:not(.theme-preset-active) footer#colophonx .menu-holder.right {
  text-align: right;
}
body:not(.theme-preset-active) footer#colophonx .menu-holder.center {
  text-align: right;
}
body:not(.theme-preset-active) footer#colophonx .menu-holder .menu-block {
  display: inline-block;
  text-align: left;
}
body:not(.theme-preset-active) footer#colophonx .menu-holder .menu-block .label-heading {
  margin-bottom: 10px;
}
body:not(.theme-preset-active) footer#colophonx .menu-holder .menu-block .footer-menu {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
body:not(.theme-preset-active) footer#colophonx .menu-holder .menu-block .footer-menu li {
  margin-bottom: 8px;
}
body:not(.theme-preset-active) footer#colophonx .menu-holder .menu-block .footer-menu li a {
  font-weight: 500;
}
body:not(.theme-preset-active) footer#colophonx .social-links {
  text-align: center;
}
@media (max-width: 767px) {
  body:not(.theme-preset-active) footer#colophonx .social-links {
    margin-top: 60px;
    margin-bottom: 0px;
    text-align: left;
  }
}
body:not(.theme-preset-active) footer#colophonx .social-links ul {
  display: inline-block;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
body:not(.theme-preset-active) footer#colophonx .social-links ul li {
  display: inline-block;
  float: left;
  padding: 5px;
}
body:not(.theme-preset-active) footer#colophonx .social-links ul li a {
  display: block;
  width: 27px;
  height: 27px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
body:not(.theme-preset-active) footer#colophonx .social-links ul li a.facebook {
  background-image: url(images/social/facebook.png);
}
body:not(.theme-preset-active) footer#colophonx .social-links ul li a.twitter {
  background-image: url(images/social/twitter.png);
}
body:not(.theme-preset-active) footer#colophonx .social-links ul li a.instagram {
  background-image: url(images/social/instagram.png);
}
body:not(.theme-preset-active) footer#colophonx .social-links ul li a.linkedin {
  background-image: url(images/social/linkedin.png);
}
body:not(.theme-preset-active) footer#colophonx .lower-links {
  white-space: nowrap;
  text-align: right;
  position: relative;
  left: -15px;
}
body:not(.theme-preset-active) footer#colophonx .lower-links a {
  display: inline-block;
  margin-left: 20px;
  font-weight: 500;
}
@media (max-width: 767px) {
  body:not(.theme-preset-active) footer#colophonx .lower-links {
    margin-top: 20px;
    margin-bottom: 20px;
    left: -20px;
  }
  body:not(.theme-preset-active) footer#colophonx .lower-links a {
    font-size: 16px !important;
  }
}

form input[type=checkbox],
form input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;
  border: 1px solid #fff;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  width: 30px;
  height: 30px;
}
form input[type=checkbox]::before,
form input[type=radio]::before {
  content: "";
  width: 30px;
  height: 30px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background-color: #ECECEC;
  display: block;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  position: relative;
  top: -1px;
  left: -1px;
}
form input[type=checkbox]:checked::before,
form input[type=radio]:checked::before {
  transform: scale(0.5);
}
form .form-control {
  border: none;
}

::-webkit-input-placeholder {
  /* Edge */
  color: #0C0505;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #0C0505;
}

::placeholder {
  color: #0C0505;
}

.popup-form {
  transition: opacity 0.3s ease-out;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 100;
  align-items: center;
  display: flex;
  justify-content: center;
}
.popup-form.hidden {
  opacity: 0;
  pointer-events: none;
}
.popup-form .close-button {
  display: block;
  position: absolute;
  top: 25px;
  right: 20px;
  width: 31px;
  height: 31px;
  background-color: transparent;
  border: none;
  background-image: url(images/close-x-white.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.popup-form .underlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.3);
}
.popup-form .form-holder {
  position: relative;
  height: 80%;
  width: 60%;
  max-width: 480px;
  max-height: 600px;
  display: inline-block;
  z-index: 10;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .popup-form .form-holder {
    height: 90%;
    width: 90%;
    max-width: 90%;
    max-height: 90%;
  }
}
.popup-form .form-holder .form-central {
  max-height: 100%;
  overflow-y: scroll;
  padding: 20px;
}
.popup-form .form-holder .form-central .form-actual {
  height: 100%;
}
.popup-form .form-holder .form-central .form-actual h2 {
  margin-bottom: 10px;
  font-weight: 600 !important;
}
.popup-form .form-holder .form-central .form-actual .form-embed {
  height: 100%;
}
.popup-form .form-holder .form-central .form-actual .form-embed label:not(.hs-error-msg),
.popup-form .form-holder .form-central .form-actual .form-embed .legal-consent-container,
.popup-form .form-holder .form-central .form-actual .form-embed .submitted-message {
  color: #fff !important;
}
.popup-form .form-holder .form-central .form-actual .form-embed .actions {
  text-align: right;
}

.inline-video {
  width: 100%;
}

.standard-post-content {
  padding-top: 120px;
  padding-bottom: 120px;
}

.standard-page-content {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .standard-page-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.hs-form .input {
  padding-bottom: 10px;
}
.hs-form input[type=text].hs-input,
.hs-form input[type=email].hs-input,
.hs-form select.hs-input {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.hs-form .legal-consent-container {
  padding-top: 20px;
  font-family: "Faro";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #021262;
}
.hs-form input[type=checkbox] {
  position: relative;
  left: -20px;
}
.hs-form .inputs-list {
  list-style-type: none;
}
.hs-form .hs-button {
  background: #FD0000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-family: "Faro";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  padding: 16px 45px;
  transition: transform 0.1s ease-in-out;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.hs-form .hs-error-msg {
  color: #FD0000 !important;
}
.hs-form legend {
  font-size: 16px;
}
.hs-form .hs-form-radio label span {
  position: relative;
  top: -5px;
  left: 5px;
}
.hs-form textarea {
  width: 100%;
  min-height: 250px;
}
.hs-form .hs-form-booleancheckbox {
  white-space: nowrap;
}

.out-of-place {
  transform: translateX(-30px);
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.out-of-place.in-place {
  opacity: 1;
  transform: translateX(0px);
}

.squiggle-holder {
  max-width: 0px;
  overflow: hidden;
  transition: all 2s ease-out;
}
.squiggle-holder.opened {
  max-width: 100%;
}

/* 
Theme Name: 10 Windsor Walk
Version: 1.0 
Description: Child theme for WP Bootstrap Starter - A Bootstrap 4 theme 
Author: Pete McCabe for Good Beans
Author URI: 
Template: wp-bootstrap-starter 
*/
/* layout */
@media (max-width: 991px) {
  #main_menu {
    display: none;
  }
}

/*

header {

	&.fixed {

		@media (max-width: 991px) {
			display: none;
		}

	}

	@media (max-width: 991px) {

		pointer-events: none;

	}

}

*/
#main_footer_container {
  padding: 0 0px;
}

@media (max-width: 991px) {
  #mobile_menu {
    width: 100%;
    transition: all 0.3s;
    padding: 10px 20px;
  }
  #mobile_menu #mob_menu_toggle {
    margin-top: 7px;
  }
  #mobile_menu #mob_menu_toggle #menu_open_text {
    color: #000;
    transition: all 0.3s;
  }
  #mobile_menu #mob_menu_toggle #menu_open_bar span {
    background-color: #000;
    transition: all 0.3s;
  }
}

@media (max-width: 991px) {
  #header_logo {
    display: none;
  }
}

/*

#wpadminbar {
	display: none;
}

*/
a .where:contains("Poland") {
  display: block;
  border: 2px solid blue;
}

div:contains("Poland") {
  display: block;
  border: 2px solid blue;
}

body {
  color: #0C0505;
}
@media (max-width: 640px) {
  body button.ui-button {
    width: auto !important;
  }
}

.lpc-h100 {
  height: 100%;
}

button:focus {
  outline: none;
}

.lpc-standard-button {
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #ED1C24;
  border: 1px solid #ED1C24;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  /* identical to box height, or 17px */
  text-align: center;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 17px 43px 15px 26px;
  position: relative;
}
.lpc-standard-button:after {
  content: "";
  display: block;
  position: absolute;
  right: 25px;
  top: 19px;
  height: 12px;
  width: 6px;
  background-image: url(../img/button-arrows/white-right.svg);
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.3s ease-out;
}
.lpc-standard-button:before {
  content: "";
  display: block;
  position: absolute;
  left: 25px;
  top: 19px;
  height: 12px;
  width: 6px;
  background-image: url(../img/button-arrows/white-left.svg);
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.3s ease-out;
  display: none;
}
.lpc-standard-button:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.lpc-standard-button:hover:after {
  transform: translateX(5px);
}
.lpc-standard-button.reverse {
  padding: 17px 26px 15px 43px;
}
.lpc-standard-button.reverse:after {
  display: none;
}
.lpc-standard-button.reverse:before {
  background-image: url(../img/button-arrows/white-left.svg);
}
.lpc-standard-button.white {
  background: #FFFFFF;
  color: #ED1C24;
}
.lpc-standard-button.white:after {
  background-image: url(../img/button-arrows/red-right.svg);
}
.lpc-standard-button.white.reverse:after {
  display: none;
}
.lpc-standard-button.white.reverse:before {
  background-image: url(../img/button-arrows/red-left.svg);
  display: block;
}

#fixed-cta {
  position: fixed;
  right: 0px;
  top: 300px;
  z-index: 20;
  opacity: 0;
  transition: all 0.3s ease-out;
  pointer-events: none;
}
#fixed-cta.active {
  opacity: 1;
  pointer-events: auto;
}
#fixed-cta a {
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
}
@media (max-width: 767px) {
  #fixed-cta {
    display: none;
  }
  #fixed-cta.active {
    display: none;
  }
}

#lpc-top-banner {
  width: 100%;
  position: relative;
  height: 650px;
  overflow: hidden;
}
@media (max-width: 767px) {
  #lpc-top-banner {
    height: 700px;
  }
}
#lpc-top-banner .backing {
  position: relative;
  width: 100%;
}
#lpc-top-banner .backing img {
  width: 100%;
}
@media (max-width: 1199px) {
  #lpc-top-banner .backing {
    transform: scale(2);
  }
}
@media (max-width: 991px) {
  #lpc-top-banner .backing {
    transform: scale(4);
  }
}
@media (max-width: 767px) {
  #lpc-top-banner .backing {
    transform: scale(8);
  }
}
#lpc-top-banner .campaign {
  position: absolute;
  top: 100px;
  right: 50px;
  width: 131px;
}
@media (min-width: 768px) {
  #lpc-top-banner .campaign {
    top: 0px;
    right: calc(50% - 70px);
  }
}
#lpc-top-banner .overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
}
#lpc-top-banner .overlay .centered {
  display: inline-block;
  width: 70%;
  padding-top: 150px;
}
#lpc-top-banner .overlay .centered h1 {
  font-style: normal;
  font-weight: 800;
  font-size: 60px;
  line-height: 120%;
  /* identical to box height, or 72px */
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
}
#lpc-top-banner .overlay .centered .intro {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  /* or 178% */
  text-align: center;
  margin-bottom: 40px;
}
#lpc-top-banner .overlay .centered .cta {
  text-align: center;
}

#lpc-map-section {
  width: 100%;
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  #lpc-map-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
#lpc-map-section .backing {
  position: relative;
  width: 100%;
  z-index: 2;
}
#lpc-map-section .backing img {
  width: 100%;
}
#lpc-map-section .overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
  text-align: center;
}
@media (max-width: 767px) {
  #lpc-map-section .overlay {
    position: relative;
  }
}
#lpc-map-section .overlay .centered {
  display: inline-block;
  width: 90%;
  padding-top: 150px;
}
@media (max-width: 767px) {
  #lpc-map-section .overlay .centered {
    padding-top: 50px;
  }
}
#lpc-map-section .overlay .centered h1 {
  font-style: normal;
  font-weight: 800;
  font-size: 60px;
  line-height: 120%;
  /* identical to box height, or 72px */
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
}
#lpc-map-section .overlay .centered .intro {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  /* or 178% */
  text-align: center;
  margin-bottom: 40px;
}

#lpc-innovate-section {
  width: 100%;
  position: relative;
  background: #F8F8F8;
}
#lpc-innovate-section .overlay {
  position: relative;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 80%;
  text-align: center;
  padding-top: 120px;
  padding-bottom: 120px;
}
#lpc-innovate-section .overlay .centered {
  display: inline-block;
  width: 90%;
}
#lpc-innovate-section .overlay .centered h1 {
  font-style: normal;
  font-weight: 800;
  font-size: 40px;
  line-height: 120%;
  /* identical to box height, or 48px */
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
}
#lpc-innovate-section .overlay .centered .intro {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  /* or 178% */
  text-align: center;
  margin-bottom: 100px;
}
#lpc-innovate-section .overlay .centered .animation {
  font-style: normal;
  font-weight: 700;
  font-size: 80px;
  line-height: 44px;
  /* identical to box height, or 55% */
  text-align: center;
  color: #ED1C24;
  width: 100%;
}
#lpc-innovate-section .overlay .centered .animation video {
  position: relative;
  left: -20px;
  max-width: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  #lpc-innovate-section .overlay .centered .animation video {
    left: 0px;
  }
}

#lpc-thinking-section {
  padding-top: 120px;
  padding-bottom: 120px;
}
#lpc-thinking-section h1 {
  font-style: normal;
  font-weight: 800;
  font-size: 40px;
  line-height: 120%;
  /* or 48px */
  color: #ED1C24;
}
#lpc-thinking-section .intro {
  font-style: normal;
  font-weight: 800;
  font-size: 40px;
  line-height: 120%;
  /* or 48px */
  color: #0C0505;
  padding-bottom: 60px;
}
#lpc-thinking-section .panel {
  white-space: nowrap;
  position: relative;
  padding-bottom: 60px;
}
#lpc-thinking-section .panel .icon {
  width: 10%;
  height: 100%;
  display: inline-block;
}
#lpc-thinking-section .panel .icon img {
  width: 70px;
  position: absolute;
  top: 0px;
  left: 0px;
}
@media (max-width: 767px) {
  #lpc-thinking-section .panel .icon img {
    margin-right: 25px;
  }
}
#lpc-thinking-section .panel .content {
  display: inline-block;
  white-space: normal;
  padding-left: 30px;
  padding-right: 60px;
}
@media (max-width: 767px) {
  #lpc-thinking-section .panel .content {
    padding-left: 40px;
  }
}
#lpc-thinking-section .panel .content .red {
  color: #ED1C24;
}

#lpc-initiatives-section {
  width: 100%;
  padding-top: 125px;
  padding-bottom: 120px;
}
#lpc-initiatives-section h2.heading {
  margin-bottom: 60px;
}
#lpc-initiatives-section .tabs {
  padding-bottom: 30px;
}
#lpc-initiatives-section .tabs .tabs-row {
  padding-bottom: 20px;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  #lpc-initiatives-section .tabs .tabs-row {
    display: block;
    padding-bottom: 0px;
  }
}
#lpc-initiatives-section .tabs .tabs-row .tab-button {
  width: calc(33.3333% - 15px);
  background-color: #CBCFED;
  border: none;
  margin: 0px;
  margin-right: 10px;
  margin-left: 10px;
  color: #0C0505;
}
@media (max-width: 767px) {
  #lpc-initiatives-section .tabs .tabs-row .tab-button {
    width: calc(100% - 20px) !important;
    margin-bottom: 10px;
  }
}
#lpc-initiatives-section .tabs .tabs-row .tab-button.active, #lpc-initiatives-section .tabs .tabs-row .tab-button:hover {
  background-color: #0014A7;
  color: #FFFFFF;
}
#lpc-initiatives-section .panels {
  width: 100%;
  min-height: 470px;
  background: #0014A7;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}
@media (max-width: 767px) {
  #lpc-initiatives-section .panels {
    min-height: 670px;
  }
}
#lpc-initiatives-section .panels .panel {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  padding: 60px 90px;
  opacity: 0;
  transition: all 0.3s ease-out;
}
#lpc-initiatives-section .panels .panel .inner,
#lpc-initiatives-section .panels .panel .left-side {
  height: 100%;
}
@media (max-width: 767px) {
  #lpc-initiatives-section .panels .panel {
    padding: 30px 30px;
    height: auto;
    padding-bottom: 50px;
  }
}
#lpc-initiatives-section .panels .panel.active {
  opacity: 1;
  transition: all 0.3s ease-out;
}
#lpc-initiatives-section .panels .panel .text-holder {
  padding-top: 60px;
}
@media (max-width: 767px) {
  #lpc-initiatives-section .panels .panel .text-holder {
    padding-top: 0px;
  }
}
#lpc-initiatives-section .panels .panel .text-holder .heading {
  margin-bottom: 20px;
}
#lpc-initiatives-section .panels .panel .image-holder {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  #lpc-initiatives-section .panels .panel .image-holder {
    padding-top: 50px;
    justify-content: center;
  }
}
#lpc-initiatives-section .panels .panel .image-holder .image {
  display: inline-block;
  width: 350px;
  height: 350px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  #lpc-initiatives-section .panels .panel .image-holder .image {
    width: 250px;
    height: 250px;
  }
}

#lpc-benefits-section {
  width: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #FFCBCB;
}
#lpc-benefits-section h2.heading {
  margin-bottom: 40px;
  letter-spacing: 0.2px;
}
#lpc-benefits-section .intro {
  color: #0C0505;
  margin-bottom: 60px;
}
#lpc-benefits-section .tabs {
  padding-bottom: 30px;
}
#lpc-benefits-section .tabs .tabs-row {
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  #lpc-benefits-section .tabs .tabs-row {
    display: block;
    text-align: center;
    position: relative;
    left: 5px;
  }
}
#lpc-benefits-section .tabs .tabs-row .tab-button {
  display: block;
  width: 100%;
  white-space: nowrap;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  border: none;
  color: #0C0505;
}
@media (max-width: 767px) {
  #lpc-benefits-section .tabs .tabs-row .tab-button {
    display: inline-block;
    width: 45% !important;
    margin-bottom: 10px;
    margin-right: 10px;
  }
}
#lpc-benefits-section .tabs .tabs-row .tab-button.active, #lpc-benefits-section .tabs .tabs-row .tab-button:hover {
  background-color: #0014A7;
  color: #FFFFFF;
}
#lpc-benefits-section .panels {
  width: 100%;
  position: relative;
}
#lpc-benefits-section .panels .panel {
  text-align: center;
}
#lpc-benefits-section .panels .panel .single-benefit {
  width: 19.5%;
  padding-bottom: 30px;
  display: none;
  vertical-align: text-top;
}
@media (max-width: 767px) {
  #lpc-benefits-section .panels .panel .single-benefit {
    width: 28.5%;
  }
}
#lpc-benefits-section .panels .panel .single-benefit.active {
  display: inline-block;
}
#lpc-benefits-section .panels .panel .single-benefit .img-holder {
  height: 100px;
}
#lpc-benefits-section .panels .panel .single-benefit .label {
  margin-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
}
#lpc-benefits-section .panels .panel .single-benefit .sub-label {
  font-size: 12px;
  line-height: 120%;
  margin-bottom: 15px;
}
#lpc-benefits-section .panels .panel .benefit-terms {
  display: none;
}
#lpc-benefits-section .panels .panel .benefit-terms.active {
  display: block;
}

#lpc-hiring-section {
  width: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #FFFFFF;
}
#lpc-hiring-section h2.heading {
  text-align: left;
  margin-bottom: 40px;
}
#lpc-hiring-section .intro {
  text-align: left;
  color: #0C0505;
  margin-bottom: 60px;
}
#lpc-hiring-section .forms .form-group #lpc-location-button {
  position: relative;
}
#lpc-hiring-section .forms .form-group #lpc-location-button:after {
  content: "";
  display: block;
  width: 15px;
  height: 11px;
  background-image: url(../img/select-down-arrow.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 15px;
  top: 15px;
}
#lpc-hiring-section .forms .form-group .ui-button {
  padding: 0px;
}
#lpc-hiring-section .forms .form-group .ui-selectmenu {
  margin: 0px !important;
}
#lpc-hiring-section .forms .form-group .ui-selectmenu .ui-widget-icon-floatend {
  display: none !important;
}
#lpc-hiring-section .forms .form-group .form-control {
  background: #FFCBCB;
  border-radius: 11px;
  padding: 10px 10px;
}
#lpc-hiring-section .forms .form-group .ui-selectmenu-button-text {
  text-align: left;
  padding-top: 6px;
}
#lpc-hiring-section .results .lpc-result-row {
  min-height: 60px;
  margin-bottom: 20px;
  display: none;
  height: 100%;
  transition: all 0.2s ease-out;
}
#lpc-hiring-section .results .lpc-result-row.active.visible {
  display: flex;
}
#lpc-hiring-section .results .lpc-result-row.highlight {
  border: 3px solid blue;
}
@media (min-width: 992px) {
  #lpc-hiring-section .results .lpc-result-row .collapse-left {
    padding-left: 0px;
  }
  #lpc-hiring-section .results .lpc-result-row .collapse-right {
    padding-right: 0px;
  }
}
#lpc-hiring-section .results .lpc-result-row .collapse-left,
#lpc-hiring-section .results .lpc-result-row .collapse-right {
  height: 100%;
}
#lpc-hiring-section .results .lpc-result-row:hover {
  transform: scale(1.02);
  text-decoration: none;
}
#lpc-hiring-section .results .lpc-result-row .job-title {
  background: #DB0302;
  height: 100%;
  min-height: 60px;
  -webkit-border-top-left-radius: 11px;
  -webkit-border-bottom-left-radius: 11px;
  -moz-border-radius-topleft: 11px;
  -moz-border-radius-bottomleft: 11px;
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
  padding: 10px;
  color: #fff;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  /* or 125% */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 991px) {
  #lpc-hiring-section .results .lpc-result-row .job-title {
    -webkit-border-top-left-radius: 11px;
    -webkit-border-top-right-radius: 11px;
    -moz-border-radius-topleft: 11px;
    -moz-border-radius-topright: 11px;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
  }
}
#lpc-hiring-section .results .lpc-result-row .job-details {
  min-height: 60px;
  height: 100%;
  background: #FFCBCB;
  -webkit-border-top-right-radius: 11px;
  -webkit-border-bottom-right-radius: 11px;
  -moz-border-radius-topright: 11px;
  -moz-border-radius-bottomright: 11px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  padding: 10px;
  color: #0C0505;
  white-space: nowrap;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  /* or 125% */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0C0505;
}
@media (max-width: 991px) {
  #lpc-hiring-section .results .lpc-result-row .job-details {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 11px;
    -moz-border-radius-bottomleft: 11px;
    border-bottom-left-radius: 11px;
    -webkit-border-bottom-right-radius: 11px;
    -moz-border-radius-bottomright: 11px;
    border-bottom-right-radius: 11px;
  }
}
#lpc-hiring-section .results .lpc-result-row .job-details .where,
#lpc-hiring-section .results .lpc-result-row .job-details .details,
#lpc-hiring-section .results .lpc-result-row .job-details .time {
  display: inline-block;
  width: 33.3333%;
  white-space: normal;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#lpc-hiring-section .results .lpc-result-row .job-details .where {
  padding-right: 10px;
}
#lpc-hiring-section .results .lpc-result-row .job-details .where,
#lpc-hiring-section .results .lpc-result-row .job-details .details {
  min-height: 40px;
  border-right: 1px solid #0C0505;
}
#lpc-hiring-section #show-more-results {
  display: none;
}
#lpc-hiring-section #show-more-results.active {
  display: inline-block;
}
#lpc-hiring-section .cta {
  text-align: center;
}

#lpc-single-job .job-description {
  padding-top: 200px;
}
#lpc-single-job .job-description h1 {
  width: 100%;
  margin-bottom: 20px;
  font-style: normal;
  font-weight: 800;
  font-size: 40px;
  line-height: 120%;
  /* or 48px */
  text-align: center;
  color: #0C0505;
}
#lpc-single-job .job-description .intro {
  width: 100%;
  margin-bottom: 40px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  /* or 178% */
  text-align: center;
  color: #0C0505;
}
#lpc-single-job .job-description .full_description .sub-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  /* or 178% */
  color: #0C0505;
}
#lpc-single-job .job-description .full_description p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  /* or 178% */
  color: #0C0505;
}
#lpc-single-job .job-description .full_description p strong {
  font-weight: 700;
}
#lpc-single-job .job-description .full_description ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  /* or 178% */
  color: #0C0505;
}
#lpc-single-job .job-description .terms {
  margin-top: 100px;
}
#lpc-single-job .job-description .terms p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  /* or 178% */
  color: #0C0505;
}
#lpc-single-job .job-description .terms p strong {
  font-weight: 700;
}
#lpc-single-job .job-description .ctas {
  margin-top: 50px;
  margin-bottom: 120px;
  text-align: center;
}

#lpc-team-section {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 80px;
  min-height: 700px;
  position: relative;
}
@media (max-width: 767px) {
  #lpc-team-section {
    padding-top: 60px;
    padding-bottom: 0px;
  }
}
#lpc-team-section h2.heading {
  margin-bottom: 60px;
}
#lpc-team-section .intro {
  width: 100%;
  margin-bottom: 60px;
}
#lpc-team-section #team-carousel {
  position: relative;
}
#lpc-team-section #team-carousel .current-slide {
  overflow: hidden;
}
#lpc-team-section #team-carousel .slides-holder {
  position: relative;
  transform: translateX(0%);
  height: 400px;
}
#lpc-team-section #team-carousel .slides-holder.smooth {
  transition: all 0.8s ease-in-out;
}
@media (max-width: 576px) {
  #lpc-team-section #team-carousel .slides-holder.smooth {
    transition: all 0.3s ease-in-out;
  }
}
#lpc-team-section #team-carousel .slides-holder.instant {
  transition: all 0s ease-in-out;
}
@media (max-width: 576px) {
  #lpc-team-section #team-carousel .slides-holder.instant {
    transition: all 0.3s ease-in-out;
  }
}
#lpc-team-section #team-carousel .slides-holder .slide-panel {
  position: absolute;
}
@media (max-width: 576px) {
  #lpc-team-section #team-carousel .slides-holder .slide-panel {
    padding-left: 90px;
    padding-right: 90px;
  }
}
#lpc-team-section #team-carousel .slides-holder .slide-panel .team-card .img {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin-bottom: 20px;
}
#lpc-team-section #team-carousel .slides-holder .slide-panel .team-card .label {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  /* identical to box height, or 125% */
  text-align: center;
  color: #0C0505;
  margin-bottom: 40px;
}
#lpc-team-section #team-carousel .slides-holder .slide-panel .team-card .report {
  display: none;
}
#lpc-team-section #team-carousel #carousel-controls {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
#lpc-team-section #team-carousel #carousel-controls .next-prev-button {
  display: block;
  position: absolute;
  background-color: #0014A7;
  width: 48px !important;
  height: 48px !important;
  -webkit-border-radius: 48px;
  -moz-border-radius: 48px;
  border-radius: 48px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
#lpc-team-section #team-carousel #carousel-controls .next-prev-button .arrow {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 9px 16px;
  width: 9px;
  height: 16px;
}
#lpc-team-section #team-carousel #carousel-controls .next-prev-button.show-prev {
  left: -100px;
  top: 20%;
}
#lpc-team-section #team-carousel #carousel-controls .next-prev-button.show-prev .arrow {
  background-image: url(images/arrows/left-white.svg);
}
@media (max-width: 767px) {
  #lpc-team-section #team-carousel #carousel-controls .next-prev-button.show-prev {
    left: 15px;
  }
}
#lpc-team-section #team-carousel #carousel-controls .next-prev-button.show-next {
  right: -100px;
  top: 20%;
}
#lpc-team-section #team-carousel #carousel-controls .next-prev-button.show-next .arrow {
  background-image: url(images/arrows/right-white.svg);
}
@media (max-width: 767px) {
  #lpc-team-section #team-carousel #carousel-controls .next-prev-button.show-next {
    right: 15px;
  }
}

#lpc-spotlight-section {
  padding-top: 100px;
}
@media (max-width: 767px) {
  #lpc-spotlight-section {
    padding-top: 70px;
  }
}
#lpc-spotlight-section #employee-spotlight .heading {
  margin-bottom: 70px;
}
#lpc-spotlight-section #employee-spotlight .cta {
  text-align: center;
}
#lpc-spotlight-section #employee-spotlight .employees .holder {
  display: none;
  padding-bottom: 30px;
}
#lpc-spotlight-section #employee-spotlight .employees .holder.active {
  display: block;
}
#lpc-spotlight-section #employee-spotlight .employees .holder .single-employee {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  display: block;
  margin-bottom: 30px;
  min-height: 100%;
}
#lpc-spotlight-section #employee-spotlight .employees .holder .single-employee .headshot {
  height: 250px;
  overflow: hidden;
}
@media (max-width: 767px) {
  #lpc-spotlight-section #employee-spotlight .employees .holder .single-employee .headshot {
    height: 300px;
  }
}
#lpc-spotlight-section #employee-spotlight .employees .holder .single-employee .headshot img {
  width: 100%;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#lpc-spotlight-section #employee-spotlight .employees .holder .single-employee .meta {
  padding: 40px 35px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
#lpc-spotlight-section #employee-spotlight .employees .holder .single-employee .meta .name {
  padding-bottom: 14px;
}
#lpc-spotlight-section #employee-spotlight .employees .holder .single-employee .meta .role {
  padding-bottom: 14px;
}

.hero-banner {
  position: relative;
  overflow: hidden;
  min-height: 500px;
}
.hero-banner.half {
  min-height: 250px;
  height: 250px;
}
.hero-banner.hidden {
  display: none;
}
.h-642 .hero-banner.h-642 {
  height: 642px !important;
}
@media (max-width: 767px) {
  .h-642 .hero-banner.h-642 {
    min-height: auto !important;
  }
}
.h-442 .hero-banner.h-442 {
  height: 442px !important;
}
@media (max-width: 767px) {
  .h-442 .hero-banner.h-442 {
    min-height: auto !important;
  }
}
.hero-banner .match-h-642 {
  height: 642px !important;
}
@media (max-width: 767px) {
  .hero-banner .match-h-642 {
    height: auto !important;
  }
}
@media (max-width: 767px) {
  .hero-banner.mobile-white-bg {
    background-color: #FFFAFA !important;
  }
  .hero-banner.mobile-white-bg .col-white {
    color: #0C0505 !important;
  }
}
@media (min-width: 768px) {
  .hero-banner .mobile-main-pic {
    display: none;
  }
}
@media (max-width: 767px) {
  .hero-banner .mobile-main-pic {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
  }
}
.hero-banner .mobile-main-pic.relative {
  position: relative !important;
}
.hero-banner .match-section-height {
  min-height: 500px;
}
.hero-banner .backing {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.hero-banner .backing.right {
  width: auto;
  left: auto;
  right: 0px;
}
@media (max-width: 767px) {
  .hero-banner .backing {
    display: none;
  }
}
.hero-banner .overlay-pic {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
@media (max-width: 767px) {
  .hero-banner .overlay-pic {
    display: none;
  }
}
@media (max-width: 767px) {
  .hero-banner .backing-pics {
    display: none;
  }
}
.hero-banner .backed-panel {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 650px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .hero-banner .backed-panel {
    display: none;
  }
}
.hero-banner .subheading {
  margin-bottom: 30px;
}
.hero-banner .intro {
  margin-top: 40px;
}
.hero-banner .cta {
  margin-top: 60px;
}
.hero-banner .hero {
  max-width: 130%;
}
.hero-banner .text-content-box {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .hero-banner .text-content-box {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.hero-banner .image-holder {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.hero-banner.windmills .backed-panel {
  display: block !important;
}
.hero-banner .ukraine-special {
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (max-width: 767px) {
  .hero-banner.ukraine-special-height {
    min-height: 850px;
  }
}
.hero-banner.post-layout {
  min-height: 800px;
}
.hero-banner.post-layout.half {
  min-height: 400px;
}
@media (max-width: 767px) {
  .hero-banner.post-layout.half {
    min-height: 300px;
    height: 300px;
  }
}
.hero-banner.post-layout.hidden {
  display: none;
}
@media (max-width: 767px) {
  .hero-banner.post-layout {
    min-height: auto;
  }
}
@media (max-width: 767px) {
  .hero-banner.post-layout .backing {
    position: relative;
    display: block;
  }
}
.hero-banner.case-studies .backing, .hero-banner.insights .backing {
  height: 100%;
  max-width: 200%;
  width: auto;
  left: -15%;
  /*

  @media (max-width: 767px) {
  	position: relative;
  	display: block;

  	top: 0px;
  }

  */
}

.hero-banner-backed {
  height: 425px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.splash-banner {
  position: relative;
  overflow: hidden;
  min-height: 500px;
}
.h-642 .splash-banner.h-642 {
  height: 642px !important;
}
@media (max-width: 767px) {
  .h-642 .splash-banner.h-642 {
    min-height: auto !important;
  }
}
.h-442 .splash-banner.h-442 {
  height: 442px !important;
}
@media (max-width: 767px) {
  .h-442 .splash-banner.h-442 {
    min-height: auto !important;
  }
}
.splash-banner .match-h-642 {
  height: 642px !important;
}
@media (max-width: 767px) {
  .splash-banner .match-h-642 {
    height: auto !important;
  }
}
@media (max-width: 767px) {
  .splash-banner.mobile-white-bg {
    background-color: #FFFAFA !important;
  }
  .splash-banner.mobile-white-bg .col-white {
    color: #0C0505 !important;
  }
}
@media (min-width: 768px) {
  .splash-banner .mobile-main-pic {
    display: none;
  }
}
@media (max-width: 767px) {
  .splash-banner .mobile-main-pic {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
  }
}
.splash-banner .mobile-main-pic.relative {
  position: relative !important;
}
.splash-banner .match-section-height {
  min-height: 500px;
}
.splash-banner .backing {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.splash-banner .backing.right {
  width: auto;
  left: auto;
  right: 0px;
}
@media (max-width: 767px) {
  .splash-banner .backing {
    display: none;
  }
}
.splash-banner .overlay-pic {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
@media (max-width: 767px) {
  .splash-banner .overlay-pic {
    display: none;
  }
}
@media (max-width: 767px) {
  .splash-banner .backing-pics {
    display: none;
  }
}
.splash-banner .backed-panel {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 650px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .splash-banner .backed-panel {
    display: none;
  }
}
.splash-banner .subheading {
  margin-bottom: 30px;
}
.splash-banner .intro {
  margin-top: 40px;
}
.splash-banner .cta {
  margin-top: 60px;
}
.splash-banner .hero {
  max-width: 130%;
}
.splash-banner .text-content-box {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .splash-banner .text-content-box {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.splash-banner .image-holder {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.splash-banner.windmills .backed-panel {
  display: block !important;
}
.splash-banner .ukraine-special {
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (max-width: 767px) {
  .splash-banner.ukraine-special-height {
    min-height: 850px;
  }
}
.splash-banner.post-layout {
  min-height: 800px;
}
@media (max-width: 767px) {
  .splash-banner.post-layout {
    min-height: auto;
  }
}
@media (max-width: 767px) {
  .splash-banner.post-layout .backing {
    position: relative;
    display: block;
  }
}
.splash-banner.case-studies .backing, .splash-banner.insights .backing {
  height: 100%;
  max-width: 200%;
  width: auto;
  left: -15%;
  /*

  @media (max-width: 767px) {
  	position: relative;
  	display: block;

  	top: 0px;
  }

  */
}

.hero-banner-backed {
  height: 425px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.two-col-split {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}
.two-col-split.h-642,
.two-col-split .h-642 {
  height: 642px;
}
@media (max-width: 767px) {
  .two-col-split.h-642,
.two-col-split .h-642 {
    height: auto;
  }
}
@media (max-width: 767px) {
  .two-col-split .forced-supercharge-mob {
    height: 300px;
  }
}
.two-col-split .text-content {
  display: inline-block;
}
@media (max-width: 767px) {
  .two-col-split .text-content-box {
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .two-col-split .text-content-box.lower-mob {
    padding-top: 30px;
  }
}
.two-col-split .backing {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}
.two-col-split .backing-pics {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .two-col-split .backing-pics {
    display: none;
  }
}
.two-col-split .data-point {
  border-top: 1px solid #0C0505;
  padding-top: 20px;
}
.two-col-split .data-point h3 {
  margin-bottom: 30px;
}
.two-col-split .sub-heading {
  text-transorm: uppercase;
  margin-bottom: 25px;
}
.two-col-split .squiggle-box {
  margin-bottom: 35px;
}
.two-col-split .heading {
  margin-bottom: 50px;
}
.two-col-split .heading.tight-margin {
  margin-bottom: 20px;
}
.two-col-split .intro {
  margin-bottom: 70px;
}
.two-col-split .left-pad {
  padding-left: 90px;
}
@media (max-width: 991px) {
  .two-col-split .left-pad {
    padding-left: 0px;
  }
}
.two-col-split .right-pad {
  padding-right: 90px;
}
@media (max-width: 991px) {
  .two-col-split .right-pad {
    padding-right: 0px;
  }
}
.two-col-split .fixed-pic-pl {
  position: absolute;
}
.two-col-split .row:not(:nth-of-type(1)) {
  margin-top: 30px;
}
.two-col-split .pic-change {
  display: none;
}
.two-col-split .pic-change.active {
  display: block;
}

.three-col-split {
  padding-top: 80px;
  padding-bottom: 80px;
}
.three-col-split .heading {
  margin-bottom: 112px;
}
@media (max-width: 767px) {
  .three-col-split .heading {
    margin-bottom: 60px;
  }
}
.three-col-split .text-block i, .three-col-split .text-block b, .three-col-split .text-block strong {
  color: #FD0000 !important;
  font-style: normal;
  font-weight: normal;
}
@media (max-width: 767px) {
  .three-col-split .text-block {
    margin-bottom: 30px;
  }
}
.three-col-split .squiggle-box {
  margin-bottom: 35px;
}

.blog-listing-section {
  padding-top: 100px;
  padding: 50px;
}
.blog-listing-section .filters .news-filter-button {
  display: inline-block;
  margin-right: 20px;
  background: none;
  border: none;
  color: #FF9898;
}
.blog-listing-section .filters .news-filter-button:hover, .blog-listing-section .filters .news-filter-button.active {
  color: #FD0000;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .blog-listing-section .filters .news-filter-button {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .blog-listing-section .filters {
    margin-bottom: 20px;
  }
}
.blog-listing-section #search-blog-form input[type=text] {
  width: 100%;
  background-color: #FFCBCB;
  color: #0C0505;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  padding-left: 50px;
  position: relative;
  display: block;
}
.blog-listing-section #search-blog-form input[type=text]:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(images/search-icon.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .blog-listing-section #search-blog-form {
    margin-bottom: 20px;
  }
}
.blog-listing-section .blog-items .holder {
  padding-bottom: 30px;
  display: none;
}
.blog-listing-section .blog-items .holder.active {
  display: block;
}
.blog-listing-section .blog-items .holder .single-item {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  display: block;
  margin-bottom: 30px;
  min-height: 100%;
}
.blog-listing-section .blog-items .holder .single-item:hover {
  text-decoration: none;
}
.blog-listing-section .blog-items .holder .single-item .headshot {
  height: 200px;
  overflow: hidden;
}
.blog-listing-section .blog-items .holder .single-item .headshot img {
  width: 100%;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.blog-listing-section .blog-items .holder .single-item .headshot.backed {
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: none;
}
.blog-listing-section .blog-items .holder .single-item .meta {
  padding: 40px 35px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.blog-listing-section .blog-items .holder .single-item .meta .name {
  padding-bottom: 14px;
}
.blog-listing-section .blog-items .holder .single-item .meta .role {
  padding-bottom: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-listing-section .cta {
  text-align: center;
}

.insights-listing-section {
  padding-top: 100px;
  padding: 50px;
}
.insights-listing-section .filters .insights-filter-button {
  display: block;
  margin-bottom: 20px;
  background: none;
  border: none;
  color: #0C0505;
}
.insights-listing-section .filters .insights-filter-button:hover, .insights-listing-section .filters .insights-filter-button.active {
  color: #0C0505;
  text-decoration: underline;
  font-weight: bold;
}
@media (max-width: 767px) {
  .insights-listing-section .filters .insights-filter-button {
    display: inline-block;
    padding: 5px;
    margin-bottom: 5px;
  }
}
.insights-listing-section #search-blog-form {
  padding-right: 20%;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .insights-listing-section #search-blog-form {
    padding-right: 0;
    margin-bottom: 15px;
  }
}
.insights-listing-section #search-blog-form input[type=text] {
  width: 100%;
  background-color: #FFCBCB;
  color: #0C0505;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  padding-left: 50px;
  position: relative;
  display: block;
}
.insights-listing-section #search-blog-form input[type=text]:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(images/search-icon.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.insights-listing-section .blog-items .holder {
  padding-bottom: 30px;
  display: none;
}
.insights-listing-section .blog-items .holder.active {
  display: block;
}
.insights-listing-section .blog-items .holder .single-item {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  display: block;
  margin-bottom: 30px;
  min-height: 100%;
}
.insights-listing-section .blog-items .holder .single-item:hover {
  text-decoration: none;
}
.insights-listing-section .blog-items .holder .single-item .headshot {
  height: 250px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.insights-listing-section .blog-items .holder .single-item .headshot img {
  width: 100%;
}
.insights-listing-section .blog-items .holder .single-item .meta {
  padding: 20px 0px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.insights-listing-section .blog-items .holder .single-item .meta .name {
  padding-bottom: 14px;
  line-height: 26px;
}
.insights-listing-section .blog-items .holder .single-item .meta .role {
  padding-bottom: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.insights-listing-section .cta {
  text-align: center;
}

.deals-listing-section {
  padding-top: 100px;
  padding: 50px;
}
.deals-listing-section .filters .insights-filter-button {
  display: block;
  margin-bottom: 20px;
  background: none;
  border: none;
  color: #0C0505;
}
.deals-listing-section .filters .insights-filter-button:hover, .deals-listing-section .filters .insights-filter-button.active {
  color: #0C0505;
  text-decoration: underline;
  font-weight: bold;
}
@media (max-width: 767px) {
  .deals-listing-section .filters .insights-filter-button {
    display: inline-block;
    padding: 5px;
    margin-bottom: 5px;
  }
}
.deals-listing-section #search-blog-form {
  padding-right: 20%;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .deals-listing-section #search-blog-form {
    padding-right: 0;
    margin-bottom: 15px;
  }
}
.deals-listing-section #search-blog-form input[type=text] {
  width: 100%;
  background-color: #FFCBCB;
  color: #0C0505;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  padding-left: 50px;
  position: relative;
  display: block;
}
.deals-listing-section #search-blog-form input[type=text]:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(images/search-icon.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.deals-listing-section .blog-items .holder {
  padding-bottom: 30px;
  display: none;
}
.deals-listing-section .blog-items .holder.active {
  display: block;
}
.deals-listing-section .blog-items .holder .single-item {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  display: block;
  margin-bottom: 30px;
  min-height: 100%;
}
.deals-listing-section .blog-items .holder .single-item:hover {
  text-decoration: none;
}
.deals-listing-section .blog-items .holder .single-item .headshot {
  height: 250px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  position: relative;
}
.deals-listing-section .blog-items .holder .single-item .headshot img {
  width: 100%;
}
.deals-listing-section .blog-items .holder .single-item .headshot .new-tab {
  position: absolute;
  top: 20px;
  left: 20px;
  background: #ECA402;
  color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 3px 12px;
}
.deals-listing-section .blog-items .holder .single-item .meta {
  padding: 20px 0px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.deals-listing-section .blog-items .holder .single-item .meta .name {
  padding-bottom: 14px;
  line-height: 26px;
}
.deals-listing-section .blog-items .holder .single-item .meta .role {
  padding-bottom: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.deals-listing-section .cta {
  text-align: center;
}

.insights-form-section {
  padding-top: 80px;
  padding: 80px;
}
@media (max-width: 767px) {
  .insights-form-section {
    padding: 0px;
  }
}
.insights-form-section .title {
  margin-bottom: 30px;
}
.insights-form-section .description .date {
  display: block;
  padding-bottom: 29px;
}
.insights-form-section .description .heading {
  margin-bottom: 40px;
}
.insights-form-section .description .intro {
  margin-bottom: 40px;
}
.insights-form-section .form-section {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 30px;
}
.insights-form-section .form-section .form-inner .heading {
  margin-bottom: 27px;
}

.contact-form-section {
  padding-top: 80px;
  padding: 80px;
}
@media (max-width: 767px) {
  .contact-form-section {
    padding: 40px 0px;
  }
}
.contact-form-section .locations .single-location {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .contact-form-section .locations .single-location {
    position: relative;
    left: 50px;
  }
}
.contact-form-section .locations .single-location .heading {
  display: block;
  position: relative;
}
@media (max-width: 767px) {
  .contact-form-section .locations .single-location .heading {
    margin-bottom: 60px;
  }
}
.contact-form-section .locations .single-location .heading:before {
  content: "";
  display: block;
  width: 9px;
  height: 16px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("images/arrows/accordian-black-up.svg");
  position: absolute;
  left: -20px;
  top: 10px;
}
.contact-form-section .locations .single-location .heading.collapsed:before {
  background-image: url("images/arrows/accordian-black-down.svg");
}
.contact-form-section .locations .single-location .contact-details {
  padding-bottom: 10px;
}
.contact-form-section .form-section {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 30px;
}
.contact-form-section .form-section .form-inner .heading {
  margin-bottom: 27px;
}

.treble-data-section {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .treble-data-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.treble-data-section .inner-block {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  min-height: 350px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .treble-data-section .inner-block {
    margin: 15px;
    min-height: 550px;
    width: calc(100% - 30px);
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.treble-data-section .inner-block .row {
  height: 250px;
}
@media (max-width: 767px) {
  .treble-data-section .inner-block .row {
    height: auto;
  }
}
.treble-data-section .inner-block .backing {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}
.treble-data-section .inner-block .data-point {
  padding: 0px 60px;
  width: 100%;
}
@media (max-width: 767px) {
  .treble-data-section .inner-block .data-point {
    padding: 0px 20px;
  }
}
.treble-data-section .inner-block .data-point .dots {
  border-top: 2px dashed #FFFAFA;
  padding-bottom: 40px;
}
.treble-data-section .inner-block .data-point .dots.col-loopme-black {
  border-top: 2px dashed #0C0505;
}
.treble-data-section .inner-block .data-point .dots.col-loopme-yellow {
  border-top: 2px dashed #FFBB00;
}
.treble-data-section .inner-block .data-point .label {
  padding-bottom: 30px;
  font-size: 50px;
}

.product-listing {
  padding-top: 120px;
}
@media (max-width: 767px) {
  .product-listing {
    padding-top: 60px;
  }
}
.product-listing .product-info {
  height: 100%;
  position: relative;
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .product-listing .product-info {
    padding-bottom: 10px;
  }
}
.product-listing .product-info .heading {
  margin-bottom: 25px;
}
.product-listing .product-info .squiggle-box {
  margin-bottom: 34px;
}
.product-listing .product-info .detail {
  margin-bottom: 77px;
}
.product-listing .product-info .cta {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.benefits-section {
  padding-top: 80px;
}
.benefits-section .squiggle-box {
  margin-bottom: 20px;
}
.benefits-section .heading {
  margin-bottom: 80px;
}
.benefits-section .single-item {
  margin-bottom: 80px;
}
.benefits-section .single-item a {
  color: #0C0505 !important;
  text-decoration: underline;
}

.monetization-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .monetization-section {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.monetization-section .inner {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 50px;
}
.monetization-section .squiggle-box {
  margin-bottom: 20px;
}
.monetization-section .heading {
  margin-bottom: 80px;
}
.monetization-section .single-item {
  margin-bottom: 60px;
}
.monetization-section .icon-holder {
  background-color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.monetization-section .icon-holder img {
  display: inline-bock;
}

.three-products {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}
.three-products .single-product {
  text-align: center;
}
.three-products .single-product .squiggle-box {
  display: inline-block;
  margin-bottom: 30px;
}

.team-listing-section {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}
.team-listing-section .heading {
  margin-bottom: 40px;
}
.team-listing-section .intro {
  margin-bottom: 75px;
}
.team-listing-section .filters {
  margin-bottom: 40px;
}
.team-listing-section .filters .staff-filter-button {
  background-color: #ECECEC;
}
.team-listing-section .filters .staff-filter-button:hover, .team-listing-section .filters .staff-filter-button.active {
  background-color: #FFBB00;
}
@media (max-width: 767px) {
  .team-listing-section .filters .staff-filter-button {
    margin-bottom: 15px;
  }
}
.team-listing-section .team-members .single-team-holder {
  display: none;
  margin-bottom: 30px;
}
.team-listing-section .team-members .single-team-holder.active {
  display: block;
}
.team-listing-section .team-members .single-team-holder .single-team {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
  background-color: #FFBB00;
  position: relative;
}
.team-listing-section .team-members .single-team-holder .single-team .headshot {
  height: 250px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.team-listing-section .team-members .single-team-holder .single-team .details {
  padding: 20px;
}
.team-listing-section .team-members .single-team-holder .single-team .linkedin {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: block;
  width: 27px;
  height: 27px;
  background-image: url(images/linked-in-team-icon.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.logo-listing-mini {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}
.logo-listing-mini .item {
  height: 150px;
  padding: 10px;
  text-align: center;
}
@media (max-width: 767px) {
  .logo-listing-mini .item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.logo-listing-mini .item img {
  display: inline-block;
}
.logo-listing-mini .item .third {
  margin-left: 30px;
}
@media (max-width: 767px) {
  .logo-listing-mini .item .third {
    margin: 0px;
  }
}

.latest-updates {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}
.latest-updates .sub-heading {
  margin-bottom: 24px;
}
.latest-updates .heading {
  margin-bottom: 52px;
}
.latest-updates .single-item .thumb {
  height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 32px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.latest-updates .single-item .label {
  margin-bottom: 12px;
  text-transform: uppercase;
}
.latest-updates .single-item .title {
  margin-bottom: 16px;
}
.latest-updates .cta {
  padding-top: 30px;
  text-align: center;
}

.two-col-data {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}
.two-col-data .data-point {
  padding: 0px 60px;
  width: 100%;
}
@media (max-width: 767px) {
  .two-col-data .data-point {
    padding: 0px 20px;
  }
}
.two-col-data .data-point .dots {
  border-top: 2px dashed #FFFAFA;
  padding-bottom: 40px;
}
.two-col-data .data-point .dots.col-loopme-black {
  border-top: 2px dashed #0C0505;
}
.two-col-data .data-point .dots.col-white {
  border-top: 2px dashed #fff;
}
.two-col-data .data-point .dots.col-loopme-yellow {
  border-top: 2px dashed #FFBB00;
}

.three-solutions {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}
.three-solutions .sub-heading {
  margin-bottom: 45px;
}
.three-solutions .sub-sections-heads {
  border-bottom: 1px solid #0C0505;
  margin-bottom: 10px;
}
.three-solutions .single-solution {
  height: 100%;
}
.three-solutions .single-solution .thumb {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 250px;
  margin-bottom: 44px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .three-solutions .single-solution .thumb {
    height: 350px;
  }
}
@media (max-width: 767px) {
  .three-solutions .single-solution {
    margin-bottom: 30px;
  }
}
.three-solutions .single-solution .squiggle-box {
  margin-bottom: 21px;
}
.three-solutions .single-solution .title {
  margin-bottom: 25px;
  min-height: 110px;
}
.three-solutions .single-solution .details {
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  .three-solutions .single-solution .details {
    padding-bottom: 50px;
  }
}
.three-solutions .single-solution .details a {
  color: #0014A7 !important;
}
.three-solutions .single-solution .cta {
  position: absolute;
  bottom: 0px;
}
@media (max-width: 767px) {
  .three-solutions .single-solution .cta a {
    margin-bottom: 10px;
  }
}

.case-studies-section {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}

.case-study-heading {
  padding-top: 82px;
  padding-bottom: 80px;
}

.innovative-solutions {
  padding-top: 80px;
  padding-bottom: 80px;
}
.innovative-solutions .heading {
  margin-bottom: 55px;
}
.innovative-solutions .items .single-item {
  text-align: center;
}
.innovative-solutions .items .single-item .icon {
  padding-bottom: 25px;
}
.innovative-solutions .items .single-item .icon img {
  display: inline-block;
}
.innovative-solutions .items .single-item .text {
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .innovative-solutions .items .single-item .text {
    margin-bottom: 30px;
  }
}

.case-study-data {
  padding-top: 100px;
  padding-bottom: 50px;
}
.case-study-data .heading {
  margin-bottom: 22px;
}
.case-study-data .data-point {
  border-top: 2px dashed #0C0505;
  padding-top: 20px;
  margin-bottom: 30px;
}
.case-study-data .data-point h3 {
  margin-bottom: 30px;
}
.case-study-data .cta {
  margin-top: 30px;
  padding-left: 30px;
}
@media (max-width: 767px) {
  .case-study-data .cta {
    margin-bottom: 30px;
  }
}

.brand-icons {
  margin-top: 30px;
}
.brand-icons .single-icon {
  display: inline-block;
  margin-right: 20px;
}

.four-col-icons {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}
.four-col-icons .heading {
  margin-bottom: 55px;
}
@media (max-width: 767px) {
  .four-col-icons .single-item {
    text-align: center;
  }
}
.four-col-icons .single-item .icon {
  margin-bottom: 25px;
}
.four-col-icons .single-item .heading {
  margin-bottom: 25px;
  min-height: 110px;
}
@media (max-width: 767px) {
  .four-col-icons .single-item .heading {
    min-height: auto;
  }
}
.four-col-icons .single-item .squiggle-box {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .four-col-icons .single-item .details {
    padding-bottom: 30px;
  }
}

.ai-evolution {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}

.two-col-contact {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .two-col-contact .heading {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .two-col-contact .sub-heading {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .two-col-contact .sub-heading.right-side {
    margin-top: 20px;
  }
}

.carousel-block-how-it-works {
  position: relative;
  padding-top: 136px;
  padding-bottom: 136px;
  min-height: 700px;
}
@media (max-width: 767px) {
  .carousel-block-how-it-works {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .carousel-block-how-it-works {
    min-height: 950px;
  }
}
.carousel-block-how-it-works .next-prev-buttons {
  position: relative;
  z-index: 20;
  padding: 50px 100px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
}
@media (max-width: 767px) {
  .carousel-block-how-it-works .next-prev-buttons {
    padding: 20px;
    height: 800px;
  }
}
@media (max-width: 767px) {
  .carousel-block-how-it-works .next-prev-buttons {
    margin: 15px;
    width: calc(100% - 30px);
  }
}
.carousel-block-how-it-works .next-prev-buttons .prev-button,
.carousel-block-how-it-works .next-prev-buttons .next-button {
  border: none;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 17px;
  height: 27px;
  position: absolute;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .carousel-block-how-it-works .next-prev-buttons .prev-button,
.carousel-block-how-it-works .next-prev-buttons .next-button {
    display: none;
  }
}
.carousel-block-how-it-works .next-prev-buttons .prev-button:focus,
.carousel-block-how-it-works .next-prev-buttons .next-button:focus {
  outline: none;
}
.carousel-block-how-it-works .next-prev-buttons .prev-button:hover,
.carousel-block-how-it-works .next-prev-buttons .next-button:hover {
  transform: scale(1.1);
}
.carousel-block-how-it-works .next-prev-buttons .prev-button {
  background-image: url(images/arrows/carousel-red-prev.svg);
  left: -50px;
  top: 300px;
}
.carousel-block-how-it-works .next-prev-buttons .next-button {
  background-image: url(images/arrows/carousel-red-next.svg);
  right: -50px;
  top: 300px;
}
.carousel-block-how-it-works .marker-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background-image: url(images/TEMP/CAROUSELS/PurchaseLoop_HowItWorks/HIW_ButtonsLine.svg);
  background-position: center;
  background-size: 100%;
  margin-bottom: 50px;
}
.carousel-block-how-it-works .marker-row .single-marker {
  display: inline-block;
  width: 110px;
  height: 110px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
}
@media (max-width: 767px) {
  .carousel-block-how-it-works .marker-row .single-marker {
    width: 50px;
    height: 50px;
  }
}
.carousel-block-how-it-works .marker-row .single-marker.marker-1 {
  background-image: url(images/TEMP/CAROUSELS/PurchaseLoop_HowItWorks/HIW_Button1_OFF.svg);
}
.carousel-block-how-it-works .marker-row .single-marker.marker-1.active, .carousel-block-how-it-works .marker-row .single-marker.marker-1:hover {
  background-image: url(images/TEMP/CAROUSELS/PurchaseLoop_HowItWorks/HIW_Button1_ON.svg);
}
.carousel-block-how-it-works .marker-row .single-marker.marker-2 {
  background-image: url(images/TEMP/CAROUSELS/PurchaseLoop_HowItWorks/HIW_Button2_OFF.svg);
}
.carousel-block-how-it-works .marker-row .single-marker.marker-2.active, .carousel-block-how-it-works .marker-row .single-marker.marker-2:hover {
  background-image: url(images/TEMP/CAROUSELS/PurchaseLoop_HowItWorks/HIW_Button2_ON.svg);
}
.carousel-block-how-it-works .marker-row .single-marker.marker-3 {
  background-image: url(images/TEMP/CAROUSELS/PurchaseLoop_HowItWorks/HIW_Button3_OFF.svg);
}
.carousel-block-how-it-works .marker-row .single-marker.marker-3.active, .carousel-block-how-it-works .marker-row .single-marker.marker-3:hover {
  background-image: url(images/TEMP/CAROUSELS/PurchaseLoop_HowItWorks/HIW_Button3_ON.svg);
}
.carousel-block-how-it-works .marker-row .single-marker.marker-4 {
  background-image: url(images/TEMP/CAROUSELS/PurchaseLoop_HowItWorks/HIW_Button4_OFF.svg);
}
.carousel-block-how-it-works .marker-row .single-marker.marker-4.active, .carousel-block-how-it-works .marker-row .single-marker.marker-4:hover {
  background-image: url(images/TEMP/CAROUSELS/PurchaseLoop_HowItWorks/HIW_Button4_ON.svg);
}
.carousel-block-how-it-works .marker-row .single-marker.marker-5 {
  background-image: url(images/TEMP/CAROUSELS/PurchaseLoop_HowItWorks/HIW_Button5_OFF.svg);
}
.carousel-block-how-it-works .marker-row .single-marker.marker-5.active, .carousel-block-how-it-works .marker-row .single-marker.marker-5:hover {
  background-image: url(images/TEMP/CAROUSELS/PurchaseLoop_HowItWorks/HIW_Button5_ON.svg);
}
.carousel-block-how-it-works .panel-content {
  width: 100%;
  height: 100%;
}
.carousel-block-how-it-works .panel-content .sub-heading {
  padding-bottom: 30px;
  text-transform: uppercase;
}
.carousel-block-how-it-works .panel-content .text-panels {
  position: relative;
  height: 300px;
}
@media (max-width: 767px) {
  .carousel-block-how-it-works .panel-content .text-panels {
    height: 340px;
  }
}
.carousel-block-how-it-works .panel-content .text-panels .single-panel {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding-right: 60px;
}
.carousel-block-how-it-works .panel-content .text-panels .single-panel .squiggle-box {
  margin-bottom: 20px;
}
.carousel-block-how-it-works .panel-content .text-panels .single-panel .intro-holder {
  display: flex;
  align-items: center;
  height: 300px;
}
.carousel-block-how-it-works .panel-content .text-panels .single-panel .intro-holder .intro {
  display: inline-block;
  transform: translateX(0px);
  opacity: 1;
}
.carousel-block-how-it-works .panel-content .text-panels .single-panel .intro-holder .intro ul {
  padding: 0px;
  margin-left: 15px;
}
.carousel-block-how-it-works .panel-content .text-panels .single-panel .intro-holder .intro ul li {
  padding-bottom: 10px;
}
.carousel-block-how-it-works .panel-content .text-panels .single-panel.animate .heading {
  transition: all 0.7s ease-in-out;
  transition-delay: 0s;
}
.carousel-block-how-it-works .panel-content .text-panels .single-panel.animate .intro {
  transition: all 0.695s ease-in-out;
  transition-delay: 0.1s;
}
.carousel-block-how-it-works .panel-content .text-panels .single-panel.left .heading {
  transform: translateX(-100px);
  opacity: 0;
}
.carousel-block-how-it-works .panel-content .text-panels .single-panel.left .intro {
  transform: translateX(-100px);
  opacity: 0;
}
.carousel-block-how-it-works .panel-content .text-panels .single-panel.right .heading {
  transform: translateX(100px);
  opacity: 0;
}
.carousel-block-how-it-works .panel-content .text-panels .single-panel.right .intro {
  transform: translateX(100px);
  opacity: 0;
}
.carousel-block-how-it-works .panel-images {
  position: relative;
}
.carousel-block-how-it-works .panel-images .single-panel {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 300px;
}
@media (max-width: 767px) {
  .carousel-block-how-it-works .panel-images .single-panel {
    top: 80px;
  }
}
.carousel-block-how-it-works .panel-images .single-panel.animate img {
  transition: all 0.6s ease-in-out;
  transition-delay: 0.1s;
}
.carousel-block-how-it-works .panel-images .single-panel.left img {
  transform: translateX(-500px) scale(0.2);
  opacity: 0;
}
.carousel-block-how-it-works .panel-images .single-panel.right img {
  transform: translateX(500px) scale(0.2);
  opacity: 0;
}
.carousel-block-how-it-works .panel-images .single-panel img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 100%;
}
.carousel-block-how-it-works .panel-indicators ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.carousel-block-how-it-works .panel-indicators ul li {
  display: inline-block;
  margin-right: 7px;
}
.carousel-block-how-it-works .panel-indicators ul li button {
  display: inline-block;
  border: 1px solid #FD0000;
  padding: 0px;
  background: transparent;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.carousel-block-how-it-works .panel-indicators ul li button:focus {
  outline: none;
}
.carousel-block-how-it-works .panel-indicators ul li button:hover, .carousel-block-how-it-works .panel-indicators ul li button.active {
  background: #FD0000;
}

.carousel-block-testimonials {
  overflow: hidden;
  position: relative;
  padding-top: 100px;
  padding-bottom: 136px;
  min-height: 600px;
}
@media (max-width: 767px) {
  .carousel-block-testimonials {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .carousel-block-testimonials {
    min-height: 950px;
  }
}
.carousel-block-testimonials .next-prev-buttons {
  position: relative;
  z-index: 20;
}
.carousel-block-testimonials .next-prev-buttons .prev-button,
.carousel-block-testimonials .next-prev-buttons .next-button {
  border: none;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 22px;
  height: 36px;
  position: absolute;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .carousel-block-testimonials .next-prev-buttons .prev-button,
.carousel-block-testimonials .next-prev-buttons .next-button {
    display: none;
  }
}
.carousel-block-testimonials .next-prev-buttons .prev-button:focus,
.carousel-block-testimonials .next-prev-buttons .next-button:focus {
  outline: none;
}
.carousel-block-testimonials .next-prev-buttons .prev-button:hover,
.carousel-block-testimonials .next-prev-buttons .next-button:hover {
  transform: scale(1.1);
}
.carousel-block-testimonials .next-prev-buttons .prev-button {
  background-image: url(images/carousel/left-arrow.svg);
  left: -30px;
  top: 200px;
}
.carousel-block-testimonials .next-prev-buttons .next-button {
  background-image: url(images/carousel/right-arrow.svg);
  right: -30px;
  top: 200px;
}
.carousel-block-testimonials .panel-content {
  width: 100%;
  height: 100%;
}
.carousel-block-testimonials .panel-content .sub-heading {
  padding-bottom: 30px;
  text-transform: uppercase;
}
.carousel-block-testimonials .panel-content .text-panels {
  position: relative;
  height: 300px;
  top: 30px;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding-right: 60px;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel .heading {
  padding-bottom: 20px;
  transform: translateX(0px);
  opacity: 1;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel .who {
  transform: translateX(0px);
  opacity: 1;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel .role {
  transform: translateX(0px);
  opacity: 1;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel .logo {
  position: relative;
  top: 0px;
  left: 0px;
  transform: translateX(0px);
  opacity: 1;
  width: 150px;
  height: 150px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel .logo img {
  display: inline-block;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel.animate .heading {
  transition: all 0.7s ease-in-out;
  transition-delay: 0s;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel.animate .who {
  transition: all 0.695s ease-in-out;
  transition-delay: 0.1s;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel.animate .role {
  transition: all 0.695s ease-in-out;
  transition-delay: 0.15s;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel.animate .logo {
  transition: all 0.695s ease-in-out;
  transition-delay: 0.2s;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel.left .heading {
  transform: translateX(100px);
  opacity: 0;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel.left .intro {
  transform: translateX(100px);
  opacity: 0;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel.left .who {
  transform: translateX(100px);
  opacity: 0;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel.left .role {
  transform: translateX(100px);
  opacity: 0;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel.left .logo {
  transform: translateX(100px) scale(0);
  opacity: 0;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel.right .heading {
  transform: translateX(-100px);
  opacity: 0;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel.right .intro {
  transform: translateX(-100px);
  opacity: 0;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel.right .who {
  transform: translateX(-100px);
  opacity: 0;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel.right .role {
  transform: translateX(-100px);
  opacity: 0;
}
.carousel-block-testimonials .panel-content .text-panels .single-panel.right .logo {
  transform: translateX(-100px) scale(0);
  opacity: 0;
}
.carousel-block-testimonials .panel-images {
  position: relative;
}
@media (max-width: 767px) {
  .carousel-block-testimonials .panel-images {
    top: 400px;
  }
}
.carousel-block-testimonials .panel-images .single-panel {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 300px;
}
@media (max-width: 767px) {
  .carousel-block-testimonials .panel-images .single-panel {
    top: 80px;
  }
}
.carousel-block-testimonials .panel-images .single-panel.animate img {
  transition: all 0.6s ease-in-out;
  transition-delay: 0.1s;
}
.carousel-block-testimonials .panel-images .single-panel.left img {
  transform: translateX(-500px) scale(0.2);
  opacity: 0;
}
.carousel-block-testimonials .panel-images .single-panel.right img {
  transform: translateX(-500px) scale(0.2);
  opacity: 0;
}
.carousel-block-testimonials .panel-images .single-panel img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 100%;
}
.carousel-block-testimonials .panel-indicators {
  position: absolute;
  bottom: -70px;
  right: 15px;
}
.carousel-block-testimonials .panel-indicators ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.carousel-block-testimonials .panel-indicators ul li {
  display: inline-block;
  margin-right: 7px;
}
.carousel-block-testimonials .panel-indicators ul li button {
  display: inline-block;
  border: 1px solid #FFCBCB;
  padding: 0px;
  background: #FFCBCB;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.carousel-block-testimonials .panel-indicators ul li button:focus {
  outline: none;
}
.carousel-block-testimonials .panel-indicators ul li button:hover, .carousel-block-testimonials .panel-indicators ul li button.active {
  background: #FD0000;
}

.carousel-block-case-studies {
  position: relative;
  padding-top: 136px;
  padding-bottom: 136px;
  min-height: 600px;
}
@media (max-width: 767px) {
  .carousel-block-case-studies {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .carousel-block-case-studies {
    min-height: 950px;
  }
}
.carousel-block-case-studies .next-prev-buttons {
  position: relative;
  z-index: 20;
}
.carousel-block-case-studies .prev-button,
.carousel-block-case-studies .next-button {
  border: none;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 15px;
  height: 27px;
  transition: all 0.2s ease-in-out;
  position: relative;
  top: 7px;
}
.carousel-block-case-studies .prev-button:focus,
.carousel-block-case-studies .next-button:focus {
  outline: none;
}
.carousel-block-case-studies .prev-button:hover,
.carousel-block-case-studies .next-button:hover {
  transform: scale(1.1);
}
.carousel-block-case-studies .prev-button {
  background-image: url(images/arrows/carousel-black-prev.svg);
}
.carousel-block-case-studies .next-button {
  background-image: url(images/arrows/carousel-black-next.svg);
}
.carousel-block-case-studies .panel-content {
  width: 100%;
  height: 100%;
}
.carousel-block-case-studies .panel-content .sub-heading {
  padding-bottom: 30px;
  text-transform: uppercase;
}
.carousel-block-case-studies .panel-content .text-panels {
  position: relative;
  height: 300px;
}
.carousel-block-case-studies .panel-content .text-panels .single-panel {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding-right: 60px;
}
.carousel-block-case-studies .panel-content .text-panels .single-panel .heading {
  padding-bottom: 30px;
  transform: translateX(0px);
  opacity: 1;
}
.carousel-block-case-studies .panel-content .text-panels .single-panel .intro {
  transform: translateX(0px);
  opacity: 1;
}
.carousel-block-case-studies .panel-content .text-panels .single-panel.animate .heading {
  transition: all 0.7s ease-in-out;
  transition-delay: 0s;
}
.carousel-block-case-studies .panel-content .text-panels .single-panel.animate .intro {
  transition: all 0.695s ease-in-out;
  transition-delay: 0.1s;
}
.carousel-block-case-studies .panel-content .text-panels .single-panel.left {
  pointer-events: none;
}
.carousel-block-case-studies .panel-content .text-panels .single-panel.left .heading {
  transform: translateX(-100px);
  opacity: 0;
}
.carousel-block-case-studies .panel-content .text-panels .single-panel.left .intro {
  transform: translateX(-100px);
  opacity: 0;
}
.carousel-block-case-studies .panel-content .text-panels .single-panel.right {
  pointer-events: none;
}
.carousel-block-case-studies .panel-content .text-panels .single-panel.right .heading {
  transform: translateX(100px);
  opacity: 0;
}
.carousel-block-case-studies .panel-content .text-panels .single-panel.right .intro {
  transform: translateX(100px);
  opacity: 0;
}
.carousel-block-case-studies .panel-images {
  position: relative;
}
.carousel-block-case-studies .panel-images .single-panel {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 300px;
}
@media (max-width: 767px) {
  .carousel-block-case-studies .panel-images .single-panel {
    top: 80px;
  }
}
.carousel-block-case-studies .panel-images .single-panel.animate img {
  transition: all 0.6s ease-in-out;
  transition-delay: 0.1s;
}
.carousel-block-case-studies .panel-images .single-panel.left img {
  transform: translateX(-500px) scale(0.2);
  opacity: 0;
}
.carousel-block-case-studies .panel-images .single-panel.right img {
  transform: translateX(500px) scale(0.2);
  opacity: 0;
}
.carousel-block-case-studies .panel-images .single-panel img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 100%;
}
.carousel-block-case-studies .panel-indicators ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.carousel-block-case-studies .panel-indicators ul li {
  display: inline-block;
  margin-right: 7px;
}
.carousel-block-case-studies .panel-indicators ul li button:not(.prev_next) {
  display: inline-block;
  border: 1px solid #FFCBCB;
  padding: 0px;
  background: #FFCBCB;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.carousel-block-case-studies .panel-indicators ul li button:not(.prev_next):focus {
  outline: none;
}
.carousel-block-case-studies .panel-indicators ul li button:not(.prev_next):hover, .carousel-block-case-studies .panel-indicators ul li button:not(.prev_next).active {
  background: #FD0000;
}

.find-out-more {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}

.newsletter-signup {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}
.newsletter-signup .heading {
  margin-bottom: 20px;
}
.newsletter-signup .form-section {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.newsletter-signup .form-section .form-inner {
  padding: 40px;
}
.newsletter-signup .form-section .form-inner .form-bits {
  margin-top: 30px;
  position: relative;
  padding: 5px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.newsletter-signup .form-section .form-inner .form-bits .submit-button {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  width: 150px;
  line-height: 8px;
}

.highlight-article {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .highlight-article .text {
    padding-bottom: 20px;
    text-align: center;
  }
}
.highlight-article .button {
  text-align: right;
}
@media (max-width: 767px) {
  .highlight-article .button {
    text-align: center;
  }
}

.standard-banner-block {
  position: relative;
  overflow: hidden;
  min-height: 500px;
}
.h-642 .standard-banner-block.h-642 {
  height: 642px !important;
}
@media (max-width: 767px) {
  .h-642 .standard-banner-block.h-642 {
    min-height: auto !important;
  }
}
.h-442 .standard-banner-block.h-442 {
  height: 442px !important;
}
@media (max-width: 767px) {
  .h-442 .standard-banner-block.h-442 {
    min-height: auto !important;
  }
}
.standard-banner-block .match-h-642 {
  height: 642px !important;
}
@media (max-width: 767px) {
  .standard-banner-block .match-h-642 {
    height: auto !important;
  }
}
@media (max-width: 767px) {
  .standard-banner-block.mobile-white-bg {
    background-color: #FFFAFA !important;
  }
  .standard-banner-block.mobile-white-bg .col-white {
    color: #0C0505 !important;
  }
}
@media (min-width: 768px) {
  .standard-banner-block .mobile-main-pic {
    display: none;
  }
}
@media (max-width: 767px) {
  .standard-banner-block .mobile-main-pic {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
  }
}
.standard-banner-block .mobile-main-pic.relative {
  position: relative !important;
}
.standard-banner-block .match-section-height {
  min-height: 500px;
}
.standard-banner-block .backing {
  position: absolute;
  top: 60px;
  left: 0px;
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.standard-banner-block .backing.right {
  width: auto;
  left: auto;
  right: 0px;
}
@media (max-width: 767px) {
  .standard-banner-block .backing {
    display: none;
  }
}
.standard-banner-block .overlay-pic {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
@media (max-width: 767px) {
  .standard-banner-block .overlay-pic {
    display: none;
  }
}
@media (max-width: 767px) {
  .standard-banner-block .backing-pics {
    display: none;
  }
}
.standard-banner-block .backed-panel {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 650px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .standard-banner-block .backed-panel {
    display: none;
  }
}
.standard-banner-block .subheading {
  margin-bottom: 30px;
}
.standard-banner-block .intro {
  margin-top: 40px;
}
.standard-banner-block .cta {
  margin-top: 60px;
}
.standard-banner-block .hero {
  max-width: 130%;
}
.standard-banner-block .text-content-box {
  padding-top: 120px;
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .standard-banner-block .text-content-box {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.standard-banner-block .image-holder {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.standard-banner-block.windmills .backed-panel {
  display: block !important;
}
.standard-banner-block .ukraine-special {
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (max-width: 767px) {
  .standard-banner-block.ukraine-special-height {
    min-height: 850px;
  }
}
.standard-banner-block.post-layout {
  min-height: 800px;
}
@media (max-width: 767px) {
  .standard-banner-block.post-layout {
    min-height: auto;
  }
}
@media (max-width: 767px) {
  .standard-banner-block.post-layout .backing {
    position: relative;
    display: block;
  }
}
.standard-banner-block.case-studies .backing, .standard-banner-block.insights .backing {
  height: 100%;
  max-width: 200%;
  width: auto;
  left: -15%;
  /*

  @media (max-width: 767px) {
  	position: relative;
  	display: block;

  	top: 0px;
  }

  */
}

.hero-banner-backed {
  height: 425px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.inline-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.video-board {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}
.video-board .video-container {
  width: 100%;
  background: transparent;
  border: none;
  position: relative;
  min-height: 300px;
}
.video-board .video-container .backing {
  position: absolute;
  z-index: 0;
  left: 0px;
  top: 0px;
  width: 100%;
}
@media (min-width: 768px) {
  .video-board .video-container .backing {
    opacity: 0;
  }
}
.video-board .video-container video {
  position: relative;
  z-index: 1;
}
.video-board .video-container:hover {
  cursor: pointer;
}
.video-board .video-container .overlay {
  position: absolute;
  z-index: 10;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.video-board .video-container .overlay.show {
  opacity: 1;
}
.video-board .video-container .overlay .button {
  width: 50px;
  height: 50px;
  fill: rgba(255, 255, 255, 0.5);
}
.video-board .meta {
  min-height: 180px;
  padding: 0px 80px;
  position: relative;
}
.video-board .meta .qr_code {
  float: left;
  display: inline-block;
  width: 80px;
  padding-top: 10px;
}
.video-board .meta .details.qr_code_added {
  position: absolute;
  left: 180px;
  top: 0px;
}
.video-board .meta .details .squiggle-box {
  margin-bottom: 15px;
}
.inline-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.video-highlight {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}
.video-highlight .heading {
  margin-top: 10px;
}
.video-highlight .intro {
  margin-top: 10px;
}
.video-highlight .video-container {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .video-highlight .video-container {
    margin-top: 20px;
  }
}
.video-highlight .video-container .overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.video-highlight .video-container .overlay .inner-button {
  display: inline-block;
  width: 96px;
  height: 96px;
  background-image: url(images/play-button-dark.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
}
.video-highlight .video-container:hover .overlay {
  opacity: 1;
}

.quiz-banner {
  height: 267px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.quiz-banner .heading-box {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quiz-banner .badge-box {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quiz-banner .badge-box img {
  display: inline-block;
  width: 110px;
  height: auto;
}

.quiz-section {
  padding-top: 100px;
  padding: 50px;
}
@media (max-width: 767px) {
  .quiz-section {
    padding: 0px !important;
    padding-top: 15px !important;
  }
}
.quiz-section form input[type=checkbox]:focus,
.quiz-section form input[type=radio]:focus {
  box-shadow: none !important;
  border: 1px solid transparent !important;
}
.quiz-section .menu {
  display: none;
}
.quiz-section .menu.active {
  display: block;
}
.quiz-section .counter {
  /*
  &.inactive {
  	display: none;
  }
  */
}
@media (max-width: 767px) {
  .quiz-section .counter {
    display: none;
  }
}
.quiz-section .counter ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.quiz-section .counter ul li {
  font-family: Faro;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: left;
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}
.quiz-section .counter ul li .value {
  display: inline-block;
  padding-left: 10px;
}
.quiz-section .counter ul li .dot {
  display: inline-block;
  width: 21px;
  height: 21px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #ECECEC;
}
.quiz-section .counter ul li .dot.active {
  background-color: #0014A7;
}
.quiz-section .counter ul li .dot.passed {
  background-color: #54BD95 !important;
}
.quiz-section .counter ul li .dot.failed {
  background-color: #FD0000 !important;
}
.quiz-section .counter.horizontal {
  display: none;
  text-align: center;
}
@media (max-width: 767px) {
  .quiz-section .counter.horizontal {
    display: block;
  }
}
.quiz-section .counter.horizontal ul {
  display: inline-block;
}
.quiz-section .counter.horizontal ul li {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .quiz-section .counter.horizontal ul li {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.quiz-section .counter.horizontal ul li .dot {
  background-color: #fff;
}
@media (max-width: 767px) {
  .quiz-section .counter.horizontal ul li .dot {
    display: block;
    width: 15px;
    height: 15px;
  }
}
@media (max-width: 767px) {
  .quiz-section .slides-holder {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
.quiz-section .single-slide {
  padding: 30px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: none;
  margin-bottom: 0px !important;
}
@media (max-width: 767px) {
  .quiz-section .single-slide {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
  }
}
.quiz-section .single-slide.active {
  display: block;
}
.quiz-section .single-slide .lightbulb {
  padding-top: 30px;
  display: none;
}
.quiz-section .single-slide .lightbulb.active {
  display: block;
}
.quiz-section .single-slide .heading {
  margin-bottom: 50px;
}
.quiz-section .single-slide .heading h2 {
  font-family: Faro;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.2399999946px;
  text-align: left;
  margin-bottom: 20px;
  padding-left: 10px;
}
.quiz-section .single-slide .banner-image {
  width: 100%;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-bottom: 30px;
}
.quiz-section .single-slide .thumb-holder {
  text-align: center;
  margin-bottom: 30px;
}
.quiz-section .single-slide .thumb-holder img {
  width: 60%;
  display: inline-block;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.quiz-section .single-slide label {
  padding-top: 2px;
  padding-left: 10px;
}
.quiz-section .single-slide .q-checkbox.inactive {
  pointer-events: none;
}
.quiz-section .single-slide form input[type=radio]:before {
  background-color: #0014A7;
}
@media (max-width: 767px) {
  .quiz-section .single-slide .images-style .checkbox-holder {
    text-align: right;
  }
  .quiz-section .single-slide .images-style .checkbox-holder input[type=radio] {
    display: inline-block;
  }
  .quiz-section .single-slide .images-style .label-holder {
    text-align: left;
    padding-left: 0px;
  }
}
.quiz-section .single-slide .buttons {
  padding-top: 60px;
}
.quiz-section .single-slide .buttons .right-col {
  text-align: right;
}
.quiz-section .single-slide .buttons .standard-button {
  font-weight: 700;
}
.quiz-section .single-slide .buttons .standard-button .label {
  display: none;
  text-transform: uppercase;
}
.quiz-section .single-slide .buttons .standard-button.submit .label.submit {
  display: inline-block;
}
.quiz-section .single-slide .buttons .standard-button.submit.inactive {
  background-color: #B4BDC2;
  pointer-events: none;
}
.quiz-section .single-slide .buttons .standard-button.success {
  background-color: #54BD95;
  pointer-events: none;
}
.quiz-section .single-slide .buttons .standard-button.success .label.success {
  display: inline-block;
  text-transform: uppercase;
  pointer-events: none;
}
.quiz-section .single-slide .buttons .standard-button.fail {
  background-color: #FD0000;
  pointer-events: none;
}
.quiz-section .single-slide .buttons .standard-button.fail .label.fail {
  display: inline-block;
  text-transform: uppercase;
  pointer-events: none;
}
.quiz-section .single-slide .buttons .standard-button.logout {
  background-color: #888888;
}
.quiz-section .single-slide .buttons .standard-button.logout .label.logout {
  display: inline-block;
  text-transform: uppercase;
}
.quiz-section .single-slide .buttons .standard-button.next {
  pointer-events: none;
}
.quiz-section .single-slide .buttons .standard-button.next.active {
  pointer-events: auto;
  background-color: #0014A7;
}
.quiz-section .single-slide .buttons .standard-button.next .label.next {
  display: inline-block;
}
.quiz-section .single-slide .buttons .standard-button.get-score {
  background-color: #B4BDC2;
}
.quiz-section .single-slide .buttons .standard-button.get-score .label.get-score {
  display: inline-block;
  text-transform: uppercase;
}
.quiz-section .single-slide .buttons .standard-button.retry {
  background-color: #0014A7;
}
.quiz-section .single-slide .buttons .standard-button.retry .label.retry {
  display: inline-block;
  text-transform: uppercase;
}
.quiz-section .single-slide .score-panel .message {
  display: inline-block;
}
.quiz-section .single-slide .score-panel .message.failed {
  display: none;
}
.quiz-section .single-slide .score-panel .score {
  width: 100%;
  background-color: #54BD95;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.quiz-section .single-slide .score-panel .score .score-box {
  text-align: center;
}
.quiz-section .single-slide .score-panel .score .score-box .results {
  font-size: 131px;
  font-weight: 700;
  line-height: 140px;
  letter-spacing: -0.2399999946px;
  text-align: center;
  color: #000;
}
.quiz-section .single-slide .score-panel .score .score-box .message-box {
  padding-bottom: 20px;
}
.quiz-section .single-slide .score-panel .summary {
  padding-top: 30px;
}
.quiz-section .single-slide .score-panel .summary .icon {
  font-weight: bold;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quiz-section .single-slide .score-panel.passed .score {
  background-color: #54BD95;
}
.quiz-section .single-slide .score-panel.failed .score {
  background-color: #FD0000;
  color: #fff;
}
.quiz-section .single-slide .score-panel.failed .score .results {
  color: #fff;
}
.quiz-section .single-slide .score-panel.failed .message.passed {
  display: none;
}
.quiz-section .single-slide .score-panel.failed .message.failed {
  display: inline-block;
}
.quiz-section .single-slide .score-panel.failed .summary .icon {
  opacity: 0.2;
}

.footer-logout {
  margin-top: 20px;
}
.footer-logout .standard-button {
  font-weight: bold !important;
  text-transform: uppercase;
}

.member-login-section {
  padding-top: 80px;
  padding-bottom: 30px;
}

.member-profile-banner {
  height: 640px;
  background-size: auto;
  background-position: right top;
  background-repeat: no-repeat;
}
.member-profile-banner .title-holder {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .member-profile-banner {
    background-size: 0px !important;
    height: 340px !important;
  }
  .member-profile-banner br {
    display: block !important;
  }
}

.member-menu {
  list-style-type: none;
  padding: 0px;
}
@media (max-width: 767px) {
  .member-menu {
    display: flex;
    justify-content: space-evenly;
  }
}
.member-menu br {
  display: none;
}
.member-menu li {
  margin-bottom: 20px;
}
.member-menu li a {
  color: #000;
}
.member-menu li a.active {
  font-weight: bold;
}
@media (max-width: 767px) {
  .member-menu li {
    display: inline-block;
  }
  .member-menu li a {
    display: block;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    background-color: #ECECEC;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px !important;
  }
  .member-menu li a.active {
    color: #fff;
    font-weight: 400 !important;
    background-color: #0014A7;
  }
  .member-menu li a.logout {
    display: none;
  }
  .member-menu li a br {
    display: block;
  }
}

.member-content-section {
  padding-top: 60px;
  padding-bottom: 60px;
}
.member-content-section .quiz-listings .head-squiggle {
  margin-bottom: 30px;
}
.member-content-section .quiz-listings .heading {
  margin-bottom: 60px;
}
.member-content-section .quiz-listings.tight .heading {
  margin-bottom: 10px;
}
.member-content-section .quiz-listings .single-quiz {
  padding-bottom: 60px;
}
.member-content-section .quiz-listings .single-quiz .badge-holder img {
  width: 100%;
}
@media (max-width: 767px) {
  .member-content-section .quiz-listings .single-quiz .badge-holder {
    text-align: center;
    padding-bottom: 20px;
  }
  .member-content-section .quiz-listings .single-quiz .badge-holder img {
    width: 100px;
    display: inline-block;
  }
}
.member-content-section .quiz-listings .single-quiz .quiz-name {
  padding-top: 10px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .member-content-section .quiz-listings .single-quiz .quiz-name {
    text-align: center;
  }
}
.member-content-section .quiz-listings .single-quiz .cta {
  padding-top: 10px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .member-content-section .quiz-listings .single-quiz .cta {
    padding-top: 10px;
    text-align: center;
  }
}
.member-content-section .quiz-listings .single-quiz .quiz-progress .inner-surround .inner {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .member-content-section .quiz-listings .single-quiz .quiz-progress {
    text-align: center;
    margin-bottom: 10px;
  }
  .member-content-section .quiz-listings .single-quiz .quiz-progress .inner-surround {
    display: inline-block;
  }
}
.member-content-section .quiz-listings .single-quiz .quiz-progress .step-block-circle {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
@media (max-width: 991px) {
  .member-content-section .quiz-listings .single-quiz .quiz-progress .step-block-circle {
    width: 12px;
    height: 12px;
    margin-right: 8px;
  }
}
@media (max-width: 767px) {
  .member-content-section .quiz-listings .single-quiz .quiz-progress .step-block-circle {
    width: 16px;
    height: 16px;
  }
}
.member-content-section .quiz-listings .single-quiz .quiz-progress .step-block-circle.success {
  background-color: #54BD95;
}
.member-content-section .quiz-listings .single-quiz .quiz-progress .step-block-circle.failed {
  background-color: #FD0000;
}
.member-content-section .quiz-listings .single-quiz .quiz-progress .step-block-circle.null {
  background: #ECECEC;
}

.member-how-it-works {
  padding-top: 60px;
  padding-bottom: 60px;
}
.member-how-it-works .heading {
  padding-bottom: 30px;
}
.member-how-it-works .images img {
  width: 100%;
}
@media (max-width: 767px) {
  .member-how-it-works .images {
    padding-bottom: 20px;
  }
}
.member-how-it-works .info-row {
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .member-how-it-works .info-row {
    text-align: center;
  }
}
.member-how-it-works .info-row .icon {
  text-align: center;
  padding-bottom: 20px;
}
.member-how-it-works .info-row .icon img {
  display: inline-block;
  width: 100px;
}
.member-how-it-works .info-row .desc {
  padding-top: 20px;
}
@media (max-width: 767px) {
  .member-how-it-works .info-row .desc {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.member-registration {
  padding-top: 60px;
  padding-bottom: 60px;
}
.member-registration .sign-in {
  padding-top: 20px;
  padding-bottom: 60px;
}
.member-registration .sign-in a {
  color: #021262;
  text-decoration: underline;
}
.swpm-form-builder-container .swpm-form-builder fieldset {
  background: #fff;
}

.member-registration .swpm-form-builder-container .swpm-form-builder fieldset {
  background: transparent;
}

.member-registration #item-swpm-12,
.member-registration #item-swpm-10,
.swpm-form-builder-container #item-swpm-12,
.swpm-form-builder-container #item-swpm-10 {
  display: none;
}
.member-registration .swpm-legend,
.swpm-form-builder-container .swpm-legend {
  display: none;
}
.member-registration .swpm-form-builder ul,
.swpm-form-builder-container .swpm-form-builder ul {
  margin-left: 0px !important;
}
.member-registration .swpm-form-builder li,
.swpm-form-builder-container .swpm-form-builder li {
  padding-left: 0px !important;
}
.member-registration .swpm-form-builder input,
.swpm-form-builder-container .swpm-form-builder input {
  border: none;
  width: 90%;
  padding: 5px;
}
.member-registration .swpm-form-builder fieldset,
.swpm-form-builder-container .swpm-form-builder fieldset {
  border: none;
}
.member-registration .swpm-form-builder label,
.swpm-form-builder-container .swpm-form-builder label {
  color: #021262;
}
.member-registration .swpm-form-builder label.swpm-choice,
.swpm-form-builder-container .swpm-form-builder label.swpm-choice {
  display: none;
}
.member-registration .swpm-form-builder #item-swpm-4,
.swpm-form-builder-container .swpm-form-builder #item-swpm-4 {
  display: none;
}
.member-registration .swpm-form-builder .swpm-edit-profile-submit-section,
.swpm-form-builder-container .swpm-form-builder .swpm-edit-profile-submit-section {
  text-align: left;
}
.member-registration .swpm-form-builder input[type=checkbox],
.swpm-form-builder-container .swpm-form-builder input[type=checkbox] {
  width: auto;
  padding: 0px;
  height: 28px;
}
.member-registration .swpm-form-builder input[type=text],
.member-registration .swpm-form-builder input[type=email],
.member-registration .swpm-form-builder input[type=password],
.swpm-form-builder-container .swpm-form-builder input[type=text],
.swpm-form-builder-container .swpm-form-builder input[type=email],
.swpm-form-builder-container .swpm-form-builder input[type=password] {
  box-shadow: none !important;
  padding: 5px;
  margin-bottom: 15px;
  font-size: 14px;
}

.swpm-submit,
.swpm-login-form-submit,
.swpm-pw-reset-submit {
  background: #021262;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-family: "Faro";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  text-align: center;
  color: #ffffff;
  display: inline-block;
  padding: 16px 45px;
  width: 80%;
  border: none;
}

.swpm-login-form-submit,
.swpm-pw-reset-submit {
  width: auto;
}

.swpm-join-us-link,
.swpm-remember-me {
  display: none;
}

.login-popup {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-popup .central-form {
  display: inline-block;
  min-width: 300px;
  min-height: 300px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ECECEC;
  padding: 40px;
}

@media (max-width: 767px) {
  .single-material .thumb {
    text-align: center;
    padding-bottom: 20px;
  }
  .single-material .thumb img {
    display: inline-block;
  }
  .single-material .info {
    text-align: center;
    padding-bottom: 20px;
  }
  .single-material .file {
    text-align: center;
  }
}

.events-banner {
  position: relative;
  overflow: hidden;
  min-height: 500px;
}
.h-642 .events-banner.h-642 {
  height: 642px !important;
}
@media (max-width: 767px) {
  .h-642 .events-banner.h-642 {
    min-height: auto !important;
  }
}
.h-442 .events-banner.h-442 {
  height: 442px !important;
}
@media (max-width: 767px) {
  .h-442 .events-banner.h-442 {
    min-height: auto !important;
  }
}
.events-banner .match-h-642 {
  height: 642px !important;
}
.events-banner .backing {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.events-banner .centered {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.events-banner .centered .central {
  display: inline-block;
}
.events-banner .centered .central .cta {
  margin-top: 30px;
}

.events-splash {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  font-family: "Faro";
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 70px;
}
@media (max-width: 767px) {
  .events-splash .squiggle-box, .events-splash .hide-mob {
    display: none;
  }
}
.events-listing {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}
.events-listing .single-schedule-item {
  padding-top: 30px;
  padding-bottom: 50px;
}
.events-listing .single-schedule-item .top-border {
  border-top: 2px dotted #fff;
  padding-bottom: 30px;
}
.events-listing .single-schedule-item .time-place {
  padding-bottom: 30px;
}
.events-listing .single-schedule-item .heading {
  padding-bottom: 30px;
}
.events-listing .single-schedule-item .details {
  padding-bottom: 30px;
}
.events-listing .single-schedule-item .cta {
  border: 0px solid transparent;
}
@media (max-width: 767px) {
  .events-listing .single-schedule-item .cta {
    margin-bottom: 20px;
  }
}
.events-listing .single-schedule-item .staff-section-heading {
  display: block;
  padding-bottom: 10px;
}
.events-listing .single-schedule-item .person {
  padding-bottom: 30px;
}
.events-listing .single-schedule-item .person .headshot {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  float: left;
  display: inline-block;
}
.events-listing .single-schedule-item .person .headshot img {
  width: 100px;
  padding-right: 10px;
}
.events-team-listing {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}
.events-team-listing .entry {
  padding-bottom: 60px;
}
.events-team-listing .entry .heading {
  padding-bottom: 30px;
}
.events-team-listing .team-members .person {
  padding-bottom: 30px;
}
.events-team-listing .team-members .person .strip-padding {
  padding-left: 0px;
  padding-right: 0px;
}
.events-team-listing .team-members .person .headshot {
  overflow: hidden;
  float: left;
  display: inline-block;
}
.events-team-listing .team-members .person .headshot img {
  width: 100%;
  padding-right: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.map-block {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}
.map-block #map {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

#sustainability-initiatives-section {
  padding-top: 80px;
  padding-bottom: 160px;
  position: relative;
}
@media (max-width: 767px) {
  #sustainability-initiatives-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
#sustainability-initiatives-section .backing-curve {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-position: bottom left;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(images/sustainability/initiatives-backing-desktop.png);
}
@media (max-width: 767px) {
  #sustainability-initiatives-section .backing-curve {
    background-image: url(images/sustainability/initiatives-backing-mobile.png);
  }
}
#sustainability-initiatives-section .buttons-panel {
  padding-top: 50px;
}
@media (max-width: 767px) {
  #sustainability-initiatives-section .buttons-panel {
    /* 
    display: flex;
    justify-content: start;
    */
  }
  #sustainability-initiatives-section .buttons-panel .button-group {
    display: flex;
    justify-content: space-between;
  }
}
#sustainability-initiatives-section .buttons-panel .switch-sust-initiative {
  display: block;
  background-color: #CBCFED;
  color: #0C0505;
  margin-bottom: 30px;
  width: 100%;
}
#sustainability-initiatives-section .buttons-panel .switch-sust-initiative.active, #sustainability-initiatives-section .buttons-panel .switch-sust-initiative:hover {
  background-color: #0014A7;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  #sustainability-initiatives-section .buttons-panel .switch-sust-initiative {
    margin-bottom: 5px;
    display: inline-block;
    width: 49% !important;
  }
}
#sustainability-initiatives-section .single-info-panel {
  /*
  position: absolute;
  top: 0px;
  left: 0px;
  */
  width: 100%;
  display: none;
}
#sustainability-initiatives-section .single-info-panel.active {
  display: flex;
}
#sustainability-initiatives-section .single-info-panel .heading {
  margin-top: 50px;
  margin-bottom: 10px;
}
#sustainability-initiatives-section .single-info-panel .content {
  margin-top: 30px;
}
#sustainability-initiatives-section .single-info-panel .content ul {
  padding-left: 14px;
}
@media (max-width: 767px) {
  #sustainability-initiatives-section .single-info-panel .content ul {
    padding-left: 15px;
  }
}
#sustainability-initiatives-section .pdf-cta {
  margin-top: 30px;
}
@media (min-width: 768px) {
  #sustainability-initiatives-section .pdf-cta.desktop-only {
    display: block;
  }
  #sustainability-initiatives-section .pdf-cta.mobile-only {
    display: none;
  }
}
@media (max-width: 767px) {
  #sustainability-initiatives-section .pdf-cta.desktop-only {
    display: none;
  }
  #sustainability-initiatives-section .pdf-cta.mobile-only {
    display: block;
  }
  #sustainability-initiatives-section .pdf-cta .standard-button {
    width: 100%;
  }
}

.carousel-block-insights {
  position: relative;
  padding-top: 136px;
  padding-bottom: 136px;
  min-height: 600px;
}
@media (max-width: 767px) {
  .carousel-block-insights {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .carousel-block-insights {
    min-height: 850px;
  }
}
.carousel-block-insights .next-prev-buttons {
  position: relative;
  z-index: 20;
}
.carousel-block-insights .prev-button,
.carousel-block-insights .next-button {
  border: none;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 15px;
  height: 27px;
  transition: all 0.2s ease-in-out;
  position: relative;
  top: 7px;
}
.carousel-block-insights .prev-button:focus,
.carousel-block-insights .next-button:focus {
  outline: none;
}
.carousel-block-insights .prev-button:hover,
.carousel-block-insights .next-button:hover {
  transform: scale(1.1);
}
.carousel-block-insights .prev-button {
  background-image: url(images/arrows/left-white.svg);
}
.carousel-block-insights .next-button {
  background-image: url(images/arrows/right-white.svg);
}
.carousel-block-insights .panel-content {
  width: 100%;
  height: 120%;
}
@media (max-width: 767px) {
  .carousel-block-insights .panel-content {
    height: 100% !important;
  }
}
.carousel-block-insights .panel-content .sub-heading {
  padding-bottom: 30px;
  text-transform: uppercase;
}
.carousel-block-insights .panel-content .text-panels {
  position: relative;
  height: 300px;
}
.carousel-block-insights .panel-content .text-panels .single-panel {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding-right: 60px;
}
.carousel-block-insights .panel-content .text-panels .single-panel .heading {
  padding-bottom: 30px;
  transform: translateX(0px);
  opacity: 1;
  font-size: 35px;
  line-height: 40px;
}
@media (max-width: 767px) {
  .carousel-block-insights .panel-content .text-panels .single-panel .heading {
    font-size: 25px !important;
    line-height: 28px;
  }
}
.carousel-block-insights .panel-content .text-panels .single-panel .intro {
  transform: translateX(0px);
  opacity: 1;
}
.carousel-block-insights .panel-content .text-panels .single-panel.animate .heading {
  transition: all 0.7s ease-in-out;
  transition-delay: 0s;
}
.carousel-block-insights .panel-content .text-panels .single-panel.animate .intro {
  transition: all 0.695s ease-in-out;
  transition-delay: 0.1s;
}
.carousel-block-insights .panel-content .text-panels .single-panel.left {
  pointer-events: none;
}
.carousel-block-insights .panel-content .text-panels .single-panel.left .heading {
  transform: translateX(-100px);
  opacity: 0;
}
.carousel-block-insights .panel-content .text-panels .single-panel.left .intro {
  transform: translateX(-100px);
  opacity: 0;
}
.carousel-block-insights .panel-content .text-panels .single-panel.right {
  pointer-events: none;
}
.carousel-block-insights .panel-content .text-panels .single-panel.right .heading {
  transform: translateX(100px);
  opacity: 0;
}
.carousel-block-insights .panel-content .text-panels .single-panel.right .intro {
  transform: translateX(100px);
  opacity: 0;
}
.carousel-block-insights .panel-images {
  position: relative;
}
.carousel-block-insights .panel-images .single-panel {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 300px;
}
@media (max-width: 767px) {
  .carousel-block-insights .panel-images .single-panel {
    top: 400px;
  }
}
.carousel-block-insights .panel-images .single-panel.animate img {
  transition: all 0.6s ease-in-out;
  transition-delay: 0.1s;
}
.carousel-block-insights .panel-images .single-panel.left img {
  transform: translateX(-500px) scale(0.2);
  opacity: 0;
}
.carousel-block-insights .panel-images .single-panel.right img {
  transform: translateX(500px) scale(0.2);
  opacity: 0;
}
.carousel-block-insights .panel-images .single-panel img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 100%;
}
.carousel-block-insights .panel-indicators ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.carousel-block-insights .panel-indicators ul li {
  display: inline-block;
  margin-right: 7px;
}
.carousel-block-insights .panel-indicators ul li button:not(.prev_next) {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0);
  padding: 0px;
  background: rgba(255, 255, 255, 0.5);
  width: 15px;
  height: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.carousel-block-insights .panel-indicators ul li button:not(.prev_next):focus {
  outline: none;
}
.carousel-block-insights .panel-indicators ul li button:not(.prev_next):hover, .carousel-block-insights .panel-indicators ul li button:not(.prev_next).active {
  background: #fff;
}

/*# sourceMappingURL=style.css.map */