@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-Black.woff") format("woff"), url("../fonts/Panton-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-BlackItalic.woff") format("woff"), url("../fonts/Panton-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-Bold.woff") format("woff"), url("../fonts/Panton-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-BoldItalic.woff") format("woff"), url("../fonts/Panton-BoldItalic.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-ExtraBold.woff") format("woff"), url("../fonts/Panton-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-ExtraBoldItalic.woff") format("woff"), url("../fonts/Panton-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-ExtraLight.woff") format("woff"), url("../fonts/Panton-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-ExtraLightItalic.woff") format("woff"), url("../fonts/Panton-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-Fat.woff") format("woff"), url("../fonts/Panton-Fat.ttf") format("truetype");
  font-weight: 1100;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-FatItalic.woff") format("woff"), url("../fonts/Panton-FatItalic.ttf") format("truetype");
  font-weight: 1100;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-Heavy.woff") format("woff"), url("../fonts/Panton-Heavy.ttf") format("truetype");
  font-weight: 1000;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-HeavyItalic.woff") format("woff"), url("../fonts/Panton-HeavyItalic.ttf") format("truetype");
  font-weight: 1000;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-Light.woff") format("woff"), url("../fonts/Panton-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-LightItalic.woff") format("woff"), url("../fonts/Panton-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-Regular.woff") format("woff"), url("../fonts/Panton-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-RegularItalic.woff") format("woff"), url("../fonts/Panton-RegularItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-SemiBold.woff") format("woff"), url("../fonts/Panton-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-SemiBoldItalic.woff") format("woff"), url("../fonts/Panton-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-Thin.woff") format("woff"), url("../fonts/Panton-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Panton";
  src: url("../fonts/Panton-ThinItalic.woff") format("woff"), url("../fonts/Panton-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

body {
  margin: 0;
  background: white;
  font-family: "Panton", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  overflow-x: hidden;
}

.site {
  position: relative;
  overflow-x: hidden;
}

.site.hamburgerFix {
  height: 100vh;
}

/* Siteorigin Row Padding override START */
.entry-content > div > div > .panel-row-style,
.entry-content > div > .panel-row-style,
.entry-content > .panel-layout > .panel-no-style,
.breadcrumbs {
  padding-left: 107px !important;
  padding-right: 107px !important;
}

@media (max-width: 1400px) {
  .entry-content > div > div > .panel-row-style,
  .entry-content > div > .panel-row-style,
  .entry-content > .panel-layout > .panel-no-style,
  .breadcrumbs {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

@media (max-width: 780px) {
  .entry-content > div > div > .panel-row-style,
  .entry-content > div > .panel-row-style,
  .entry-content > .panel-layout > .panel-no-style,
  .breadcrumbs {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

/* Siteorigin Row Padding override END */
/* GENERAL STYLING START */
@media (max-width: 1279px) {
  #content.hidden {
    display: none;
  }
}

/* GENERAL STYLING END */
/* HEADER START */
.siteHeader {
  padding: 0;
  min-height: 171px;
}

.siteHeader--small {
  overflow: hidden;
  min-height: 300px;
}

.siteHeader--small .header-image {
  max-height: 0px;
}

.siteHeader--small .header-video {
  max-height: 0px;
}

@media (max-width: 780px) {
  .siteHeader--small {
    min-height: 214px;
  }
}

@media (max-width: 400px) {
  .siteHeader--small {
    min-height: 171px;
  }
}

.header-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-left: 107px !important;
  padding-right: 107px !important;
}

.header-top .logo-link {
  height: 100px;
  z-index: 5;
}

.header-top .logo-link .logo {
  width: 220px;
  margin-top: 20px;
}

@media (max-width: 1400px) {
  .header-top {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

@media (max-width: 780px) {
  .header-top {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

.header-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 1000px;
  z-index: -1;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
  /*Polyfill for IE/EDGE */
  font-family: "object-fit: cover;";
}

.header-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  min-width: 100%;
  min-height: 1000px;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  /*Polyfill for IE/EDGE */
  font-family: "object-fit: cover;";
}

/* HEADER END */
/* Cookie bar START */
.cookieBar {
  width: calc(100% - 368px);
  background-color: #00475c;
  padding: 27px 0 27px 40px;
  position: absolute;
  left: 362px;
  margin-top: 6px;
  margin-right: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 4;
  display: none;
}

.cookieBar.display {
  display: block;
}

.cookieBar span {
  color: #00add0;
  margin-right: 40px;
}

.cookieBar span:nth-child(2) {
  display: inline-block;
}

.cookieBar a {
  color: white;
  margin-right: 40px;
  letter-spacing: 1px;
  text-decoration: none;
  cursor: pointer;
}

.cookieBar a:last-child {
  margin-right: 0;
  color: #919191;
}

.cookieBar a:hover {
  text-decoration: underline;
}

@media (max-width: 1400px) {
  .cookieBar {
    width: calc(100% - 326px);
    left: 320px;
  }
}

@media (max-width: 780px) {
  .cookieBar {
    width: 100%;
    left: 0;
    padding-left: 32px;
    position: relative;
    margin-top: 0;
  }
}

/* Cookie bar END */
/* 404 START */
span.heading404 {
  font-size: 130px;
  font-weight: 800;
  line-height: 140px;
  margin-bottom: 32px !important;
}

.button404 {
  width: 300px;
  color: white !important;
  background-color: #00add0 !important;
  background-image: url("../images/arrow_right_white.svg") !important;
  margin-top: 32px !important;
  margin-bottom: 107px !important;
  margin-left: 107px !important;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.button404:hover {
  background-color: #6e2585 !important;
}

.heading404 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 60px;
  font-weight: 700;
  line-height: 80px;
  margin: 0 auto 107px auto !important;
  color: #00add0;
  padding-left: 107px !important;
  padding-right: 107px !important;
}

@media (max-width: 1400px) {
  .heading404 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .button404 {
    margin-left: 64px !important;
  }
}

@media (max-width: 780px) {
  .heading404 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .button404 {
    margin-left: 32px !important;
  }
}

/* 404 END */
/* BREADCRUMBS START */
.breadcrumbs {
  width: 100%;
  border-top: 1px solid #919191;
  border-bottom: 1px solid #919191;
  margin-top: 1em;
  padding: 8px 64px;
  color: #919191;
}

.breadcrumbs > span {
  margin: 0 6px;
}

.breadcrumbs > span:first-child {
  margin: 0 6px 0 0;
}

.breadcrumbs > span a {
  text-decoration: none;
  color: #919191;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

.breadcrumbs > span a.current-item {
  font-size: 18px;
  font-weight: 800;
  line-height: 27px;
}

@media (max-width: 1279px) {
  .breadcrumbs.hidden {
    display: none;
  }
}

/* BREADCRUMBS END */
.bv_social_widget ul {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bv_social_widget ul li {
  margin-right: 0.6em;
}

.bv_social_widget ul li img {
  width: 32px;
}

/* FRONTPAGE CONTENT START */
.frontpage__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 4em 0 4em;
}

.frontpage__main__primaryContent {
  width: 50%;
  border-top: 1px solid #ddd;
  margin-right: 1.5rem;
}

.frontpage__main__primaryContent__copy {
  font-size: 1.5em;
  font-weight: 200;
  color: white;
}

.frontpage__main__secondaryContent {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.frontpage__main__secondaryContent__post {
  background: #f4f4f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 220px;
  max-width: 220px;
  min-width: 150px;
}

.frontpage__main__secondaryContent__post:not(:last-child) {
  margin-right: 1.5rem;
}

.frontpage__main__secondaryContent__post__image {
  max-width: 220px;
  height: 100px;
  background-position: top center !important;
  background-size: cover !important;
}

.frontpage__main__secondaryContent__post__title {
  padding: 0 1rem 0.25rem 1rem;
  margin: 1.5rem 0 0 0;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.87);
}

.frontpage__main__secondaryContent__post__content {
  padding: 0 1rem;
  margin: 0 0 0.25rem 0;
  color: rgba(0, 0, 0, 0.54);
}

.frontpage__main__secondaryContent__post__button {
  padding: 0 1rem;
  margin-top: auto;
  margin-bottom: 1rem;
  color: rgba(0, 0, 0, 0.54);
}

/* NAVIGATION START */
.hamburger {
  display: none;
  width: 60px;
  height: 90px;
  background-image: url("../images/hamburger_white.svg");
  background-repeat: no-repeat;
  background-size: 56px 56px;
  background-position: right center;
  cursor: pointer;
  z-index: 3;
  position: absolute;
  right: 107px;
  top: 0;
}

@media (max-width: 1400px) {
  .hamburger {
    right: 64px;
  }
}

@media (max-width: 780px) {
  .hamburger {
    right: 32px;
  }
}

.expandButton {
  display: none;
  width: 20px;
  height: 62px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: right center;
  cursor: pointer;
  z-index: 4;
  position: absolute;
  right: 30%;
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
}

.expandButton.clicked {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

nav {
  position: absolute;
  left: calc(220px + 107px);
  right: 107px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

nav .menu {
  float: left;
}

nav .menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

nav .menu-right {
  float: right;
  height: 92px;
  width: calc(100% - 430px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

nav .menu-right a {
  margin-left: 2em;
}

nav .menu-right .search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: calc(100% - 280px);
}

nav .menu-right .search__input {
  width: 0px;
  padding: 6px 0 0 0;
  border: 0;
  border-bottom: 0 solid white;
  font-family: "Panton", sans-serif;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: transparent;
  color: white;
}

nav .menu-right .search__input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
}

nav .menu-right .search__input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
}

nav .menu-right .search__input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
}

nav .menu-right .search__input::placeholder {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
}

nav .menu-right .search__input:focus {
  outline: none;
}

nav .menu-right .search__logo {
  cursor: pointer;
  width: 32px;
  height: 32px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

nav .menu-right .search.clicked .search__input {
  width: 100%;
  margin-right: 6px;
  padding: 6px 12px 0 12px;
  font-family: "Panton", sans-serif;
  border-bottom: 1px solid white;
}

nav .menu-right .search.clicked .search__logo {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

nav a {
  color: white;
  text-decoration: none;
}

.menu > div > ul,
.menu > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
}

.menu .level-1 {
  margin-left: 2em;
  height: 92px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.menu .level-1::before {
  height: 20px;
  content: "";
}

.menu .level-1::after {
  height: 20px;
  content: "";
}

.menu .level-1 > a {
  line-height: 46px;
}

.menu .level-1.withChildren:hover::after {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #e5e5e5;
  content: "";
}

.menu .level-1:hover > div {
  min-height: 334px;
  height: auto;
  padding-bottom: 107px;
  z-index: 3;
}

.menu .level-1 > a {
  white-space: nowrap;
}

.menu .level-1:hover > a {
  color: #999999;
}

.menu .level-1 > div > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  left: 0;
  height: 100%;
  background: #e5e5e5;
  width: 100%;
}

.menu .level-1 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 89px;
  left: 0;
  height: 0;
  overflow: hidden;
  background: #e5e5e5;
  width: 9000px;
  margin-left: -327px !important;
  padding-left: 327px !important;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.menu .level-2:nth-child(2) {
  margin-top: 64px;
}

.menu .level-2 {
  margin-left: 1.5em;
  padding: 0.5em;
  width: 255px;
}

.menu .level-2 a {
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
  padding: 13px 0px 13px 10px;
  margin: -13px 0px -13px -10px;
}

.menu .level-2:hover {
  background-color: #6e2585;
  background-image: url("../images/arrow_right_white.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 38px;
}

.menu .level-2:hover > a {
  color: white;
  padding-right: 200px;
  margin-right: -200px;
}

.menu .level-2 > div {
  position: absolute;
  left: 300px;
  top: 0;
  display: none;
  background-color: #f4f4f4;
  width: 100%;
  height: 100vh;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 107px;
}

.menu .level-2:hover > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu .level-2 > div > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 64px;
  height: 300px;
}

.menu .level-3 {
  padding: 0.5em 0 0.5em 32px;
  width: 220px;
}

.menu .level-3 a {
  color: rgba(0, 0, 0, 0.87);
}

.menu .level-3 a:hover {
  color: #6e2585;
  text-decoration: underline;
}

@media (max-width: 1400px) {
  nav {
    left: calc(220px + 64px);
    right: 64px;
  }
  nav .menu .level-1 > div {
    margin-left: -284px !important;
    padding-left: 284px !important;
  }
}

@media (max-width: 1279px) {
  .hamburgerBackgroundOverlay {
    position: fixed;
    min-height: 100vh;
    width: 100%;
    background-color: rgba(87, 86, 86, 0.8);
    display: none;
  }
  .hamburgerBackgroundOverlay.visible {
    display: block;
  }
  .header-video.stretchedForHamburger {
    position: fixed;
    min-height: 100vh;
  }
  .hamburger {
    display: block;
  }
  nav {
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%;
    z-index: 3;
  }
  nav.visible {
    display: block;
  }
  nav .menu {
    position: relative;
    width: 100%;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 100px;
    padding-bottom: 64px;
  }
  nav .menu > div > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  nav .menu > div > ul .level-1 {
    height: auto;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    margin-left: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  nav .menu > div > ul .level-1::after {
    content: none;
  }
  nav .menu > div > ul .level-1 > a {
    position: relative;
    left: 26%;
    line-height: 27px;
  }
  nav .menu > div > ul .level-1 .expandButton {
    display: block;
    background-image: url("../images/arrow_down_white.svg");
  }
  nav .menu > div > ul .level-1:hover > div {
    padding-bottom: 0;
    height: auto;
    min-height: 0;
  }
  nav .menu > div > ul .level-1:hover > a {
    color: white;
  }
  nav .menu > div > ul .level-1 > div {
    -webkit-transition: none;
    transition: none;
    position: relative;
    top: 0;
    margin-top: 10px;
    padding-bottom: 0;
    height: auto;
    width: 100%;
    display: none;
  }
  nav .menu > div > ul .level-1 > div > ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  nav .menu > div > ul .level-1 > div > ul .level-2 {
    position: relative;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  nav .menu > div > ul .level-1 > div > ul .level-2 > a {
    position: relative;
    left: 28%;
  }
  nav .menu > div > ul .level-1 > div > ul .level-2 > a:hover {
    color: #6e2585 !important;
    text-decoration: underline;
  }
  nav .menu > div > ul .level-1 > div > ul .level-2:nth-child(2) {
    margin-top: 18px;
  }
  nav .menu > div > ul .level-1 > div > ul .level-2:last-child {
    margin-bottom: 18px;
  }
  nav .menu > div > ul .level-1 > div > ul .level-2 .expandButton {
    display: block;
    background-image: url("../images/arrow_down.svg");
    top: 0;
    background-position: right center;
    height: 46px;
  }
  nav .menu > div > ul .level-1 > div > ul .level-2:hover {
    background-color: transparent;
    background-image: none;
  }
  nav .menu > div > ul .level-1 > div > ul .level-2:hover > a {
    color: inherit;
  }
  nav .menu > div > ul .level-1 > div > ul .level-2:hover > div {
    height: auto;
    padding-bottom: 0;
  }
  nav .menu > div > ul .level-1 > div > ul .level-2 > div {
    position: relative;
    left: 0;
    padding-bottom: 0;
    margin-top: 10px;
    display: none;
    height: auto;
  }
  nav .menu > div > ul .level-1 > div > ul .level-2 > div > ul {
    margin-top: 0;
    height: auto;
  }
  nav .menu > div > ul .level-1 > div > ul .level-2 > div > ul .level-3 {
    position: relative;
    left: 30%;
    padding-left: 0;
    width: auto;
  }
  nav .menu > div > ul .level-1 > div > ul .level-2 > div > ul .level-3:nth-child(2) {
    margin-top: 18px;
  }
  nav .menu > div > ul .level-1 > div > ul .level-2 > div > ul .level-3:last-child {
    margin-bottom: 18px;
  }
  nav .menu > div > ul .level-1.withChildren:hover::after {
    content: none;
    width: 60px;
  }
  nav .menu-right {
    position: relative;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    height: auto;
    padding-bottom: 64px;
  }
  nav .menu-right a {
    position: relative;
    left: 26%;
    margin: 20px 0 0 0;
  }
  nav .menu-right .search {
    position: relative;
    width: 45%;
    left: 26%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  nav .menu-right .search .search__input {
    width: calc(100% - 32px);
    margin-right: 6px;
    padding: 6px 12px 0 12px;
    border-bottom: 1px solid white;
  }
  nav .menu-right .search .search__input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
  }
  nav .menu-right .search .search__input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
  }
  nav .menu-right .search .search__input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
  }
  nav .menu-right .search .search__input::placeholder {
    color: rgba(255, 255, 255, 0.5);
  }
  nav .menu-right .search .search__logo {
    cursor: default;
  }
  nav .menu-right .search.clicked .search__logo {
    -webkit-transform: none;
    transform: none;
  }
}

@media (max-width: 768px) {
  nav .menu > div > ul .level-1 > a {
    left: 10%;
  }
  nav .menu > div > ul .level-1 > div > ul .level-2 > a {
    left: 12%;
  }
  nav .menu > div > ul .level-1 > div > ul .level-2 > div > ul .level-3 {
    left: 14%;
  }
  .expandButton {
    right: 10%;
  }
  nav .menu-right .search {
    width: 81%;
    left: 10%;
  }
  nav .menu-right a {
    left: 10%;
  }
}

/* NAVIGATION END */
/* FOOTER START */
.footer {
  padding: 64px 0;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #007d9f, #00475c);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#007D9F", endColorstr="#00475C", GradientType=0 );
  /* IE6-9 */
}

.footer__container {
  max-width: 1600px;
  margin: 0 auto;
}

.footer .widget_sow-image {
  width: 100%;
  border-bottom: 1px solid #00add0;
  padding-bottom: 1em;
  margin-bottom: 1em !important;
}

.footer .widget_sow-image > div {
  width: 220px;
}

.footer .widget_sow-editor {
  display: inline-block;
}

.footer .widget_text {
  float: left;
  width: 100%;
  max-width: 1600px;
  margin: 1em auto 5em auto;
  border-top: 1px solid #00add0;
  padding-top: 1em;
}

.footer .widget_text ul {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}

.footer .widget_text ul li:first-child {
  -webkit-box-flex: 2;
  -ms-flex: 2 1;
  flex: 2 1;
  color: #919191;
  margin-left: 0;
  text-align: left;
}

.footer .widget_text ul li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  margin-left: 1em;
  text-align: center;
}

.footer .widget_text ul li a {
  color: white;
  text-decoration: none;
  font-weight: 300;
}

.footer .footer__menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer .footer__menu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.footer .footer__menu > ul .level-1 {
  margin-left: 3em;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}

.footer .footer__menu > ul .level-1 > a {
  color: #00add0;
  text-decoration: none;
  font-weight: 600;
}

.footer .footer__menu > ul .level-1 .level-2 > a {
  color: white;
  text-decoration: none;
  font-weight: 300;
}

@media (max-width: 1024px) {
  .footer .footer__menu > ul .level-1 {
    margin-left: 2em;
  }
  .footer .footer__menu > ul .level-1:first-child {
    margin-left: 0;
  }
}

@media (max-width: 780px) {
  .footer .footer__menu > ul .level-1 {
    margin-left: 1em;
  }
  .footer .footer__menu > ul .level-1:first-child {
    margin-left: 0;
  }
}

@media (max-width: 667px) {
  .footer .footer__menu > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer .footer__menu > ul .level-1 {
    margin-left: 0;
    margin-bottom: 1em;
  }
}

@media (max-width: 1279px) {
  .footer.hidden {
    display: none;
  }
}

@media (max-width: 780px) {
  .footer .textwidget > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer .textwidget > ul li {
    margin-left: 0;
    margin-bottom: 1em;
    text-align: left;
  }
}

/* FOOTER END */
/* PRODUCT PAGE START */
.productpage__main {
  width: 100%;
  background: #f4f4f4;
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.productpage__main__primaryWrapper__features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: rgba(0, 0, 0, 0.87);
}

.productpage__main__primaryWrapper__features__titleWrapper {
  width: calc(100% / 3);
}

.productpage__main__primaryWrapper__features__contentWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc((100% / 3) * 2);
}

.productpage__main__primaryWrapper__features__contentWrapper__content1 {
  width: 50%;
}

.productpage__main__primaryWrapper__features__contentWrapper__content2 {
  width: 50%;
  margin-left: 1em;
}

.productpage__main__secondaryWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.productpage__main__secondaryWrapper__puff {
  margin-bottom: 1rem;
}

.productpage__main__secondaryWrapper__puff:nth-child(2) {
  margin-left: 1em;
}

.productpage__main__secondaryWrapper__puff__image {
  background-position: top center !important;
  background-size: cover !important;
}

.productpage__main__secondaryWrapper__puff__contentWrapper__label {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.87);
}

.productpage__main__secondaryWrapper__puff__contentWrapper__title {
  margin: 1rem 0 0 0;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.87);
}

.productpage__main__secondaryWrapper__puff__contentWrapper__content {
  margin: 0 0 0.25rem 0;
  color: rgba(0, 0, 0, 0.54);
}

.productpage__main__secondaryWrapper__puff__contentWrapper__button {
  margin-top: auto;
  margin-bottom: 1rem;
  color: rgba(0, 0, 0, 0.54);
}

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

.productpage__main__secondaryWrapper__puff--imageLeft__image {
  min-width: 285px;
  height: 190px;
}

.productpage__main__secondaryWrapper__puff--imageLeft__contentWrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  min-width: 285px;
  max-width: 285px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #f4f4f4;
  margin: 0 1rem;
}

.productpage__main__secondaryWrapper__puff--imageLeft__contentWrapper__label {
  font-size: 0.75rem !important;
  font-weight: 500;
}

.productpage__main__secondaryWrapper__puff--imageLeft__contentWrapper__title {
  font-size: 1.5rem;
  padding-bottom: 0.5rem;
}

.productpage__main__secondaryWrapper__puff--imageLeft__contentWrapper__content {
  font-size: 0.75em;
}

.productpage__main__secondaryWrapper__puff--imageLeft__contentWrapper__button {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 2rem;
  padding: 0.25rem 4rem 0.25rem 0.5em;
  font-size: 0.75rem;
  margin-bottom: 0;
  text-decoration: none;
  background-image: url("../images/arrow_right.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 0.5em) 50%;
  background-size: 1.5em;
}

.productpage__main__secondaryWrapper__puff--imageLeft__contentWrapper__button:hover {
  text-decoration: underline;
}

.productpage__main__secondaryWrapper__puff--imageRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.productpage__main__secondaryWrapper__puff--imageRight__image {
  min-width: 285px;
  height: 190px;
}

.productpage__main__secondaryWrapper__puff--imageRight__contentWrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  min-width: 285px;
  max-width: 285px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #f4f4f4;
  margin: 0 1rem;
}

.productpage__main__secondaryWrapper__puff--imageRight__contentWrapper__label {
  font-size: 0.75rem !important;
  font-weight: 500;
}

.productpage__main__secondaryWrapper__puff--imageRight__contentWrapper__title {
  font-size: 1.5rem;
  padding-bottom: 0.5rem;
}

.productpage__main__secondaryWrapper__puff--imageRight__contentWrapper__content {
  font-size: 0.75em;
}

.productpage__main__secondaryWrapper__puff--imageRight__contentWrapper__button {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 2rem;
  padding: 0.25rem 4rem 0.25rem 0.5em;
  font-size: 0.75rem;
  margin-bottom: 0;
  text-decoration: none;
  background-image: url("../images/arrow_right.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 0.5em) 50%;
  background-size: 1.5em;
}

.productpage__main__secondaryWrapper__puff--imageRight__contentWrapper__button:hover {
  text-decoration: underline;
}

.productpage__main__secondaryWrapper__puff--imageTopBig {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  max-width: 290px;
  min-width: 290px;
  padding-top: 2.5em;
}

.productpage__main__secondaryWrapper__puff--imageTopBig__image {
  height: 180px;
}

.productpage__main__secondaryWrapper__puff--imageTopBig__contentWrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  padding: 1em 1em 2em 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #f4f4f4;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.productpage__main__secondaryWrapper__puff--imageTopBig__contentWrapper__label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.75em;
  font-weight: 500;
}

.productpage__main__secondaryWrapper__puff--imageTopBig__contentWrapper__title {
  font-size: 1.5rem;
  padding-bottom: 0.5rem;
}

.productpage__main__secondaryWrapper__puff--imageTopBig__contentWrapper__content {
  font-size: 0.75em;
  padding-bottom: 1.5em;
}

.productpage__main__secondaryWrapper__puff--imageTopBig__contentWrapper__button {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 2rem;
  padding: 0.25rem 4rem 0.25rem 0.5em;
  font-size: 0.75rem;
  margin-bottom: 0;
  text-decoration: none;
  background-image: url("../images/arrow_right.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 0.5em) 50%;
  background-size: 1.5em;
}

.productpage__main__secondaryWrapper__puff--imageTopBig__contentWrapper__button:hover {
  text-decoration: underline;
}

.productpage__main__secondaryWrapper__puff--imageTopBigGrey {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  max-width: calc(290px - 1em);
  min-width: 290px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  background: #e5e5e5;
  z-index: 1;
}

.productpage__main__secondaryWrapper__puff--imageTopBigGrey::before {
  content: "";
  height: 2.5em;
  background: #f4f4f4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  z-index: 2;
  margin-left: -1px;
  margin-right: -1px;
}

.productpage__main__secondaryWrapper__puff--imageTopBigGrey__image {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  -ms-flex-item-align: center;
  align-self: center;
  margin-top: 2.5em;
}

.productpage__main__secondaryWrapper__puff--imageTopBigGrey__contentWrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 1em 1em 2em 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #e5e5e5;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.productpage__main__secondaryWrapper__puff--imageTopBigGrey__contentWrapper__label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.75em;
  font-weight: 500;
  z-index: 3;
}

.productpage__main__secondaryWrapper__puff--imageTopBigGrey__contentWrapper__title {
  font-size: 1.5rem;
  padding-bottom: 0.5rem;
}

.productpage__main__secondaryWrapper__puff--imageTopBigGrey__contentWrapper__content {
  font-size: 0.75em;
  padding-bottom: 1.5em;
}

.productpage__main__secondaryWrapper__puff--imageTopBigGrey__contentWrapper__button {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 2rem;
  padding: 0.25rem 4rem 0.25rem 0.5em;
  font-size: 0.75rem;
  margin-bottom: 0;
  text-decoration: none;
  background-image: url("../images/arrow_right.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 0.5em) 50%;
  background-size: 1.5em;
}

.productpage__main__secondaryWrapper__puff--imageTopBigGrey__contentWrapper__button:hover {
  text-decoration: underline;
}

.productpage__main__secondaryWrapper__puff--imageTopSmallGrey {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  max-width: 180px;
  min-width: 180px;
  padding-top: 2.5em;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.productpage__main__secondaryWrapper__puff--imageTopSmallGrey:nth-child(2) {
  border: none;
  padding-top: 1em;
}

.productpage__main__secondaryWrapper__puff--imageTopSmallGrey__image {
  max-width: 180px;
  height: 100px;
}

.productpage__main__secondaryWrapper__puff--imageTopSmallGrey__contentWrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #e5e5e5;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.productpage__main__secondaryWrapper__puff--imageTopSmallGrey__contentWrapper__label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.85rem;
  font-weight: 700;
}

.productpage__main__secondaryWrapper__puff--imageTopSmallGrey__contentWrapper__title {
  font-size: 0.85rem;
  padding-bottom: 0.5rem;
  color: purple;
  font-weight: 300;
}

.productpage__main__secondaryWrapper__puff--imageTopSmallGrey__contentWrapper__content {
  font-size: 0.75rem;
  padding-bottom: 1.5em;
}

.productpage__main__secondaryWrapper__puff--imageTopSmallGrey__contentWrapper__button {
  padding: 0.25rem 0 0.25rem 0;
  font-size: 0.85rem;
  margin-bottom: 0;
  text-decoration: none;
  color: purple;
}

.productpage__main__secondaryWrapper__puff--imageTopSmallGrey__contentWrapper__button:hover {
  text-decoration: underline;
}

.productpage__main__secondaryWrapper__puff--quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  max-width: 180px;
  min-width: 180px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.productpage__main__secondaryWrapper__puff--quote:first-child::before {
  content: "";
  height: 2.5em;
  background: #f4f4f4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  z-index: 2;
  margin-left: -1px;
  margin-right: -1px;
}

.productpage__main__secondaryWrapper__puff--quote__image {
  max-width: 180px;
  height: 100px;
  margin: 0 1em;
  background-image: url("../images/quote.png") !important;
  background-size: 100px !important;
  background-repeat: no-repeat !important;
  background-position: center left !important;
  padding-top: 3em;
}

.productpage__main__secondaryWrapper__puff--quote__contentWrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1em 1em 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #f4f4f4;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.productpage__main__secondaryWrapper__puff--quote__contentWrapper__label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.85rem;
  font-weight: 700;
  z-index: 3;
}

.productpage__main__secondaryWrapper__puff--quote__contentWrapper__title {
  border-top: 1px solid purple;
  padding-top: 2em;
  font-size: 0.85rem;
  padding-bottom: 0.5rem;
  color: purple;
  font-weight: 300;
  display: none;
}

.productpage__main__secondaryWrapper__puff--quote__contentWrapper__content {
  border-top: 1px solid purple;
  padding-top: 2em;
  font-size: 0.75rem;
  padding-bottom: 1.5em;
  margin-top: 1em;
  font-style: italic;
}

.productpage__main__secondaryWrapper__puff--quote__contentWrapper__content::before {
  content: '"';
}

.productpage__main__secondaryWrapper__puff--quote__contentWrapper__content::after {
  content: '"';
}

.productpage__main__secondaryWrapper__puff--quote__contentWrapper__button {
  padding: 0.25rem 0 0.25rem 0;
  font-size: 0.85rem;
  margin-bottom: 0;
}

.productpage__main__secondaryInnerWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.productpage__main__secondaryInnerWrapper--verticalPuffs {
  border: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.productpage__main__secondaryInnerWrapper--verticalPuffs > .productpage__main__secondaryWrapper__puff:nth-child(2) {
  margin-left: 0;
}

.hero__summary {
  margin-top: -139px;
}

.rowWithOverlappingElement {
  margin-top: 139px;
}

.rowWithOverlappingElementFrontPage {
  margin-top: calc(107px * 3);
}

.overlappingVideo,
.overlappingImage,
.overlappingText {
  margin-top: -139px;
}

.frontPageHeroSummary {
  margin-top: calc(-107px * 3);
}

@media (max-width: 1500px) {
  .overlappingVideo,
  .overlappingImage,
  .overlappingText,
  .hero__summary {
    margin-top: -171px;
  }
  .rowWithOverlappingElement {
    margin-top: 171px;
  }
  .hero__title {
    font-size: calc(130px - 1rem);
    line-height: calc(140px - 1rem);
  }
  .hero__frontPageTitle {
    font-size: calc(175px - 1rem);
    line-height: calc(175px - 1rem);
  }
}

@media (max-width: 1200px) {
  .hero__title {
    font-size: calc(130px - 2rem);
    line-height: calc(140px - 2rem);
  }
  .hero__frontPageTitle {
    font-size: calc(175px - 2rem);
    line-height: calc(175px - 2rem);
  }
  .frontPageHeroSummary {
    font-size: calc(40px - 0.3rem);
    line-height: calc(60px - 0.3rem);
  }
  .hero__smallTextTop {
    font-size: calc(40px - 0.3rem);
    line-height: calc(55px - 0.3rem);
  }
}

@media (max-width: 1024px) {
  .overlappingVideo,
  .overlappingImage,
  .overlappingText {
    margin-top: 16px !important;
  }
  .videopuff {
    margin: 0 !important;
  }
}

@media (max-width: 780px) {
  .overlappingVideo,
  .overlappingImage,
  .overlappingText {
    margin-top: 16px !important;
  }
  .videopuff {
    margin: 0 !important;
  }
  .hero__title {
    font-size: calc(130px - 4rem);
    line-height: calc(140px - 4rem);
  }
  .hero__frontPageTitle {
    font-size: calc(175px - 6rem);
    line-height: calc(175px - 6rem);
  }
  .hero__summary {
    font-size: calc(30px - 0.5rem);
    line-height: calc(45px - 0.5rem);
    padding-right: 8px;
  }
  .frontPageHeroSummary {
    font-size: calc(40px - 0.6rem);
    line-height: calc(60px - 0.6rem);
    padding-right: 8px;
  }
  .hero__smallTextTop {
    font-size: calc(40px - 0.6rem);
    line-height: calc(55px - 0.6rem);
  }
}

@media (max-width: 400px) {
  .hero__title {
    font-size: calc(130px - 5rem);
    line-height: calc(140px - 5rem);
    margin: 0 0 16px 0 !important;
  }
  .hero__frontPageTitle {
    font-size: calc(175px - 7rem);
    line-height: calc(175px - 7rem);
  }
  .frontPageHeroSummary {
    font-size: calc(40px - 0.8rem);
    line-height: calc(60px - 0.8rem);
  }
  .hero__smallTextTop {
    font-size: calc(40px - 0.8rem);
    line-height: calc(55px - 0.8rem);
  }
}

.socialLinks ul {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.socialLinks ul li {
  padding-right: 1rem;
}

.socialLinks ul li a {
  text-decoration: none;
}

.rowWithBorderTopAndFirstChildRight {
  position: relative;
}

.rowWithBorderTopAndFirstChildRight::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.12);
  height: 1px;
  width: calc(100% - (64px + 64px));
  margin: 0 auto;
}

.rowWithBorderTopAndFirstChildRight > div:nth-child(1) {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.rowWithBorderSecondChildRight > div:nth-child(3) {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.innerRowWithBorderTop {
  position: relative;
}

.innerRowWithBorderTop::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.12);
  height: 1px;
  width: calc(100% - 32px);
}

.videopuff {
  position: relative;
  line-height: 0;
  min-width: 300px;
  margin-bottom: 32px;
}

.videopuff__backgroundImage {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.videopuff__video {
  cursor: pointer;
}

.videopuff__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,00475c+100&0+0,1+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#00475c));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #00475c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#00475c", GradientType=0 );
  /* IE6-9 */
}

.videopuff__overlay__label {
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: auto;
  padding: 47px 32px 32px 32px !important;
  position: relative;
  font-size: 14px;
  font-weight: 800;
  line-height: 21px;
  text-transform: uppercase;
  line-height: 0;
  color: #00add0;
}

.videopuff__overlay__label::before {
  content: "";
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.videopuff__overlay__label::after {
  content: "";
  position: absolute;
  bottom: 19px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.videopuff__overlay__content {
  position: absolute;
  margin: 0;
  left: 32px;
  bottom: 32px;
  width: 60%;
  min-width: 180px;
}

.videopuff__overlay__button {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  margin-right: 32px;
  background: #00add0;
  opacity: 0.8;
  position: relative;
  cursor: pointer;
}

.videopuff__overlay__button::after {
  left: 18px;
  top: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  margin-top: -16px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 24px solid white;
}

.benefit {
  margin-right: 32px;
}

.benefit__thumbnail {
  width: 107px;
  height: 107px;
  margin-bottom: 64px;
}

.partner {
  margin-right: 32px;
}

.partner__thumbnail {
  height: 107px;
  max-width: 100%;
  margin-bottom: 64px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.promotion {
  margin-right: 32px;
}

.promotion__thumbnail {
  width: 80px;
  height: 80px;
  margin-bottom: 64px;
  background-repeat: no-repeat;
}

/* PRODUCT PAGE END */
/* QUOTE PUFF START */
.quotePuff__fullWidth {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
}

.quotePuff__fullWidth__left {
  margin-right: 3em;
  background-repeat: no-repeat;
  background-position: top right;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}

.quotePuff__fullWidth__left__defaultImage {
  background-image: url("../images/quote.svg");
}

.quotePuff__fullWidth__right {
  -webkit-box-flex: 3;
  -ms-flex: 3 0;
  flex: 3 0;
  border-top: 1px solid #007d9f;
  border-bottom: 1px solid #007d9f;
  padding: 2em 0;
}

.quotePuff__small {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  min-width: 300px;
  margin-bottom: 32px;
}

.quotePuff__small__left {
  margin: 32px 32px 32px 0;
  background-repeat: no-repeat;
  background-position: top right;
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
}

.quotePuff__small__left__defaultImage {
  background-image: url("../images/quote.svg");
}

.quotePuff__small__right {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0;
  padding: 32px 0;
}

/* QUOTE PUFF END */
/* postpuffSmall */
.postpuffSmall {
  min-height: 214px;
  min-width: 300px;
  margin-bottom: 32px;
  position: relative;
}

.postpuffSmall__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,00475c+100&0+0,1+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#00475c));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #00475c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#00475c", GradientType=0 );
  /* IE6-9 */
}

.postpuffSmall__overlay__label {
  padding: 47px 32px 32px 32px !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 21px;
  text-transform: uppercase;
  line-height: 0;
  color: #00add0;
  position: relative;
  margin-bottom: auto;
  margin-right: auto;
}

.postpuffSmall__overlay__label::before {
  content: "";
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.postpuffSmall__overlay__label::after {
  content: "";
  position: absolute;
  bottom: 19px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.postpuffSmall__overlay__content {
  position: absolute;
  bottom: 32px;
  left: 32px;
  right: 64px;
  color: #f5f5f6;
}

.postpuffSmall__overlay__content > p {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: #f5f5f6 !important;
}

.postpuffSmall__overlay__button {
  position: absolute;
  bottom: 32px;
  line-height: 0;
  left: 32px;
  right: 64px;
  color: #f5f5f6;
  text-decoration: none;
}

.postpuffSmall__overlay__button:hover {
  text-decoration: underline;
}

/* Page Puff START */
.pagePuff {
  position: relative;
  min-height: 214px;
  background-color: white;
}

.pagePuff__upperContentWrapper {
  position: relative;
}

.pagePuff__upperContentWrapper__thumbnail {
  min-height: 214px;
}

.pagePuff__upperContentWrapper__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,00475c+100&0+0,1+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(125, 185, 232, 0)), to(#00475c));
  background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, #00475c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#007db9e8", endColorstr="#00475c", GradientType=0 );
  /* IE6-9 */
}

.pagePuff__upperContentWrapper__overlay__label {
  padding: 47px 32px 32px 32px !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 21px;
  text-transform: uppercase;
  line-height: 0;
  color: #00add0;
  position: relative;
  margin-bottom: auto;
  margin-right: auto;
}

.pagePuff__upperContentWrapper__overlay__label::before {
  content: "";
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.pagePuff__upperContentWrapper__overlay__label::after {
  content: "";
  position: absolute;
  bottom: 19px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.pagePuff__contentWrapper__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.12);
  text-decoration: none;
  line-height: 64px;
  color: #919191;
  padding: 0 16px;
  background-image: url("../images/arrow_right_grey.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 38px;
}

.pagePuff__contentWrapper__button:hover {
  color: white;
  background-color: #6e2585;
  background-image: url("../images/arrow_right_white.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 38px;
}

/* Page Puff END */
/* Blog Post START */
.blogPostPuff {
  position: relative;
  min-height: 214px;
  background-color: white;
}

.blogPostPuff__upperContentWrapper {
  position: relative;
}

.blogPostPuff__upperContentWrapper__thumbnail {
  min-height: 214px;
}

.blogPostPuff__upperContentWrapper__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,00475c+100&0+0,1+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(125, 185, 232, 0)), to(#00475c));
  background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, #00475c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#007db9e8", endColorstr="#00475c", GradientType=0 );
  /* IE6-9 */
}

.blogPostPuff__upperContentWrapper__overlay__label {
  padding: 47px 32px 32px 32px !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 21px;
  text-transform: uppercase;
  line-height: 0;
  color: #00add0;
  position: relative;
  margin-bottom: auto;
  margin-right: auto;
}

.blogPostPuff__upperContentWrapper__overlay__label::before {
  content: "";
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.blogPostPuff__upperContentWrapper__overlay__label::after {
  content: "";
  position: absolute;
  bottom: 19px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.blogPostPuff__contentWrapper__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.12);
  text-decoration: none;
  line-height: 64px;
  color: #919191;
  padding: 0 16px;
  background-image: url("../images/arrow_right_grey.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 38px;
}

.blogPostPuff__contentWrapper__button:hover {
  color: white;
  background-color: #6e2585;
  background-image: url("../images/arrow_right_white.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 38px;
}

/* Blog Post Puff END */
/* Videopuff with content below video START */
.videoPostPuff {
  position: relative;
  min-height: 214px;
  background-color: white;
}

.videoPostPuff__upperContentWrapper {
  position: relative;
  max-height: 214px;
}

.videoPostPuff__upperContentWrapper__video {
  cursor: pointer;
  background: #00475c;
}

.videoPostPuff__upperContentWrapper__backgroundImage {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.videoPostPuff__upperContentWrapper__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,00475c+100&0+0,1+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(125, 185, 232, 0)), to(#00475c));
  background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, #00475c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#007db9e8", endColorstr="#00475c", GradientType=0 );
  /* IE6-9 */
}

.videoPostPuff__upperContentWrapper__overlay__label {
  padding: 47px 32px 32px 32px !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 21px;
  text-transform: uppercase;
  line-height: 0;
  color: #00add0;
  position: absolute;
  left: 0;
  top: 0;
}

.videoPostPuff__upperContentWrapper__overlay__label::before {
  content: "";
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.videoPostPuff__upperContentWrapper__overlay__label::after {
  content: "";
  position: absolute;
  bottom: 19px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.videoPostPuff__upperContentWrapper__overlay__button {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #00add0;
  opacity: 0.8;
  position: relative;
  cursor: pointer;
  margin: 0 auto;
}

.videoPostPuff__upperContentWrapper__overlay__button::after {
  left: 18px;
  top: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  margin-top: -16px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 24px solid white;
}

/* Videopuff with content below video END */
/* Post Puff START */
.postPuff {
  position: relative;
  min-height: 200px;
  background-color: white;
  height: 100%;
}

.postPuff__upperContentWrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.postPuff__upperContentWrapper__thumbnail {
  min-height: 200px;
}

.postPuff__upperContentWrapper__thumbnail--circularImage {
  width: 280px;
  border-radius: 50%;
  -ms-flex-item-align: center;
  align-self: center;
  margin-top: 64px;
}

@media (min-width: 1200px) {
  .postPuff__upperContentWrapper__thumbnail {
    min-height: 200px;
  }
  .postPuff__upperContentWrapper__thumbnail--circularImage {
    width: 385px;
    min-height: 385px;
    border-radius: 50%;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 64px;
  }
}

@media (max-width: 768px) {
  .postPuff__upperContentWrapper__thumbnail--circularImage {
    width: 150px;
    min-height: 150px;
    border-radius: 50%;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 64px;
  }
}

.postPuff__upperContentWrapper__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,00475c+100&0+0,1+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(125, 185, 232, 0)), to(#00475c));
  background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, #00475c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#007db9e8", endColorstr="#00475c", GradientType=0 );
  /* IE6-9 */
}

.postPuff__upperContentWrapper__overlay__label {
  padding: 47px 32px 32px 32px !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 21px;
  text-transform: uppercase;
  line-height: 0;
  color: #00add0;
  position: relative;
  margin-bottom: auto;
  margin-right: auto;
}

.postPuff__upperContentWrapper__overlay__label::before {
  content: "";
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.postPuff__upperContentWrapper__overlay__label::after {
  content: "";
  position: absolute;
  bottom: 19px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.postPuff__upperContentWrapper__overlay--circularImage {
  background: transparent;
}

@media (min-width: 1200px) {
  .postPuff__upperContentWrapper {
    min-height: 200px;
  }
}

.postPuff__contentWrapper {
  padding: 0 32px 30px 32px;
}

.postPuff__contentWrapper__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.12);
  text-decoration: none;
  line-height: 64px;
  color: #919191;
  padding: 0 16px;
  background-image: url("../images/arrow_right_grey.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 38px;
}

.postPuff__contentWrapper__button:hover {
  color: white;
  background-color: #6e2585;
  background-image: url("../images/arrow_right_white.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 38px;
}

/* Post Puff END */
/* Podcast Puff START */
.podcastPuff {
  position: relative;
  min-height: 280px;
  background-color: white;
  height: 100%;
}

.podcastPuff__upperContentWrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.podcastPuff__upperContentWrapper__thumbnail {
  min-height: 280px;
}

.podcastPuff__upperContentWrapper__thumbnail--circularImage {
  width: 280px;
  border-radius: 50%;
  -ms-flex-item-align: center;
  align-self: center;
  margin-top: 64px;
}

@media (min-width: 1200px) {
  .podcastPuff__upperContentWrapper__thumbnail {
    min-height: 455px;
  }
  .podcastPuff__upperContentWrapper__thumbnail--circularImage {
    width: 385px;
    min-height: 385px;
    border-radius: 50%;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 64px;
  }
}

@media (max-width: 768px) {
  .podcastPuff__upperContentWrapper__thumbnail--circularImage {
    width: 150px;
    min-height: 150px;
    border-radius: 50%;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 64px;
  }
}

.podcastPuff__upperContentWrapper__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,00475c+100&0+0,1+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(125, 185, 232, 0)), to(#00475c));
  background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, #00475c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#007db9e8", endColorstr="#00475c", GradientType=0 );
  /* IE6-9 */
}

.podcastPuff__upperContentWrapper__overlay__label {
  padding: 47px 32px 32px 32px !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 21px;
  text-transform: uppercase;
  line-height: 0;
  color: #00add0;
  position: relative;
  margin-bottom: auto;
  margin-right: auto;
}

.podcastPuff__upperContentWrapper__overlay__label::before {
  content: "";
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.podcastPuff__upperContentWrapper__overlay__label::after {
  content: "";
  position: absolute;
  bottom: 19px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.podcastPuff__upperContentWrapper__overlay--circularImage {
  background: transparent;
}

@media (min-width: 1200px) {
  .podcastPuff__upperContentWrapper {
    min-height: 455px;
  }
}

.podcastPuff__contentWrapper {
  padding: 0 32px 107px 32px;
}

.podcastPuff__contentWrapper__buttonWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.12);
  text-decoration: none;
  line-height: 64px;
  color: #919191;
  padding: 0 16px;
}

.podcastPuff__contentWrapper__buttonWrapper__text {
  margin: 0;
  line-height: 64px;
}

.podcastPuff__contentWrapper__buttonWrapper__play {
  width: 52px;
  background: red;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  border-radius: 50%;
  background: #00add0;
  opacity: 0.8;
  position: relative;
  cursor: pointer;
}

.podcastPuff__contentWrapper__buttonWrapper__play::after {
  left: 18px;
  top: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  margin-top: -16px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 24px solid white;
}

.podcastPuff__contentWrapper__buttonWrapper__pause {
  width: 52px;
  background: red;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  border-radius: 50%;
  background: #00add0;
  opacity: 0.8;
  position: relative;
  cursor: pointer;
}

.podcastPuff__contentWrapper__buttonWrapper__pause::after {
  top: 50%;
  content: " ";
  position: absolute;
  pointer-events: none;
  left: 14px;
  width: 8px;
  height: 26px;
  border: 4px solid white;
  border-width: 0 8px;
  margin-top: -13px;
  background: transparent;
}

.podcastPuff__contentWrapper__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.12);
  text-decoration: none;
  line-height: 64px;
  color: #919191;
  padding: 0 16px;
  background-image: url("../images/arrow_right_grey.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 38px;
}

.podcastPuff__contentWrapper__button:hover {
  color: white;
  background-color: #6e2585;
  background-image: url("../images/arrow_right_white.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 38px;
}

/* Podcast Puff END */
/* Featured Post Puff START */
.overlappingFeaturedPosts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: calc(-107px * 3);
  background: #f4f4f4;
  max-width: 800px;
  margin-right: 0;
  margin-left: auto;
}

.overlappingFeaturedPosts__puff {
  width: 50%;
  max-width: 400px;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.overlappingFeaturedPosts__puff:nth-child(1) {
  padding-right: 16px;
}

.overlappingFeaturedPosts__puff:nth-child(2) {
  padding-right: 32px;
  padding-left: 16px;
}

.overlappingFeaturedPosts__puff__thumbnail {
  min-height: 200px;
}

.overlappingFeaturedPosts__puff__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.12);
  text-decoration: none;
  line-height: 50px;
  color: #919191;
  padding: 0 16px;
  background-image: url("../images/arrow_right_grey.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 38px;
  margin-top: auto;
}

.overlappingFeaturedPosts__puff__button:hover {
  color: white;
  background-color: #6e2585;
  background-image: url("../images/arrow_right_white.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 38px;
}

@media (max-width: 1024px) {
  .overlappingFeaturedPosts {
    margin-right: auto;
    margin-top: 32px;
  }
}

@media (max-width: 500px) {
  .overlappingFeaturedPosts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 32px;
  }
  .overlappingFeaturedPosts__puff {
    width: 100%;
    padding: 0 !important;
  }
  .overlappingFeaturedPosts__puff:nth-child(2) {
    margin-top: 32px;
  }
}

/* Featured Post Puff END */
.transparentButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  line-height: 50px;
  color: #ffffff;
  padding: 0 16px;
  background-image: url("../images/arrow_right_white.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 38px;
  background-color: transparent;
  margin: 107px auto;
}

.transparentButton:hover {
  color: white;
  background-color: #6e2585;
  background-image: url("../images/arrow_right_white.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 38px;
  cursor: pointer;
}

.transparentButton--lightBackground {
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: #00add0;
}

.transparentButton--darkBackground {
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.transparentButton--fullWidth {
  width: 100% !important;
}

.transparentButton--marginSmall {
  margin: 32px auto !important;
}

.transparentButton--marginMedium {
  margin: 64px auto !important;
}

.transparentButton--marginLarge {
  margin: 107px auto !important;
}

.transparentButton--purple {
  background-color: #6e2585;
  background-image: url("../images/arrow_right_white.svg");
  color: #e5e5e5;
}

.transparentButton--purple:hover {
  background-color: #3f0057;
}

/* Widget classes START */
.bv_post_puff_widget_classname,
.bv_page_puff_widget_classname,
.bv_blog_post_puff_widget_classname,
.bv_white_paper_puff_widget_classname,
.widget_bv_podcast_puff_widget_classname {
  height: 100%;
}

@media (max-width: 1024px) {
  .bv_post_puff_widget_classname,
  .bv_page_puff_widget_classname,
  .bv_blog_post_puff_widget_classname,
  .bv_white_paper_puff_widget_classname,
  .widget_bv_podcast_puff_widget_classname {
    padding-bottom: 32px;
  }
}

.bv_transparent_button_widget_classname {
  margin-top: auto;
}

/* Widget classes END */
/* Tabs START */
.nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none !important;
  color: #919191 !important;
}

.nav-tabs .nav-link {
  border: none !important;
  white-space: nowrap;
}

.nav-tabs .nav-item {
  margin-bottom: 0 !important;
}

a.nav-link {
  color: #919191;
  text-decoration: none;
}

a.nav-link:hover {
  border: none;
  text-decoration: underline;
}

.nav-tabs .nav-link.active {
  border: none;
  text-decoration: none;
  font-weight: 700;
  position: relative;
  color: #919191 !important;
}

.nav-tabs .nav-link.active::after {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #f4f4f4;
  content: "";
  position: absolute;
  left: calc(50% - 20px);
  right: 0;
  bottom: -7px;
}

@media (max-width: 780px) {
  .nav-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 16px;
    position: relative;
  }
  .nav-tabs::after {
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 192px solid transparent;
    border-bottom: 20px solid #00add0;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .nav-tabs .nav-link.active::before {
    border: none;
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    right: 0;
    background: #00add0;
    width: 2px;
    height: calc(100% - 16px);
    margin-top: 6px;
  }
  .nav-tabs .nav-link.active::after {
    display: none;
  }
}

/* Tabs END */
/* Events START */
.event {
  padding: calc(107px + 32px);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,f4f4f4+100 */
  background: white;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, white), to(#f4f4f4));
  background: linear-gradient(to bottom, white 1%, #f4f4f4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f4f4f4", GradientType=0 );
  /* IE6-9 */
}

@media (max-width: 1400px) {
  .event {
    padding: 64px;
  }
  .tabCellPadding {
    padding: 0 107px 64px 107px;
  }
}

@media (max-width: 1200px) {
  .event {
    padding: 32px;
  }
  .tabCellPadding {
    padding: 0 64px 64px 64px;
  }
}

@media (max-width: 1024px) {
  .event {
    padding: 32px;
  }
  .tabCellPadding {
    padding: 0 32px 64px 32px;
  }
}

/* Events END */
/* Helper classes START */
.cellWithTransparentButtonWidget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* Helper classes END */
/* HubSpot Overlay START */
.hubspotAnimStart,
.hubspotHideOverlay {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.hubspotAnimEnd {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.hubspotOverlay__outerWrapper, .hubspotOverlay__outerWrapper2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 71, 92, 0.97);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 99999;
  -webkit-transition: -webkit-transform 1.5s ease;
  transition: -webkit-transform 1.5s ease;
  transition: transform 1.5s ease;
  transition: transform 1.5s ease, -webkit-transform 1.5s ease;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  overflow-y: auto;
}

.hubspotOverlay__innerWrapper {
  max-width: 1100px;
  min-height: 475px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 32px;
  margin-top: 171px;
}

.hubspotOverlay__innerWrapper__textContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
  color: #00add0;
  margin-right: 32px;
}

.hubspotOverlay__innerWrapper .hs-form input[type="text"],
.hubspotOverlay__innerWrapper input[type="email"] {
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  border: none;
  border-bottom: 1px solid #00add0;
  border-radius: unset;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 300;
  outline: none;
  color: #00add0;
}

.hubspotOverlay__innerWrapper .hs-form input[type="text"]::-webkit-input-placeholder,
.hubspotOverlay__innerWrapper input[type="email"]::-webkit-input-placeholder {
  color: #00add0;
}

.hubspotOverlay__innerWrapper .hs-form input[type="text"]:-ms-input-placeholder,
.hubspotOverlay__innerWrapper input[type="email"]:-ms-input-placeholder {
  color: #00add0;
}

.hubspotOverlay__innerWrapper .hs-form input[type="text"]::-ms-input-placeholder,
.hubspotOverlay__innerWrapper input[type="email"]::-ms-input-placeholder {
  color: #00add0;
}

.hubspotOverlay__innerWrapper .hs-form input[type="text"]::placeholder,
.hubspotOverlay__innerWrapper input[type="email"]::placeholder {
  color: #00add0;
}

.hubspotOverlay__innerWrapper .hs-form input[type="text"]:focus,
.hubspotOverlay__innerWrapper input[type="email"]:focus {
  border-bottom-width: 3px;
}

.hubspotOverlay__innerWrapper .hs-form label {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: #00add0;
}

.hs-error-msgs {
  list-style: none;
  padding: 0;
}

.hs-error-msgs label {
  color: #ff1c1c !important;
}

.hbspt-form {
  width: 50%;
}

.hs-form-required {
  display: none;
}

.submitted-message {
  color: #00add0;
}

.targetDivHubSpotForm,
.targetDivTalkToAnExpert {
  width: 50%;
}

@media (max-width: 1024px) {
  .hubspotOverlay__innerWrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .hubspotOverlay__innerWrapper__textContent {
    width: 100%;
  }
  .targetDivHubSpotForm,
  .targetDivTalkToAnExpert {
    width: 100%;
  }
  /* HubSpot Class */
  .hbspt-form {
    width: 100%;
  }
}

/* HubSpot Overlay END */
/* Talk to an expert START */
.talkToAnExpertButton {
  height: 54px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 0;
  transform-origin: 0;
  background: #00475c;
  display: inline-block;
  position: absolute;
  position: -webkit-sticky;
  position: sticky;
  margin-left: -27px;
  top: 460px;
}

.talkToAnExpertButton__text {
  color: #00add0;
  font-size: 25px;
  font-weight: 600;
  margin: 0;
  padding: 0 20px !important;
  line-height: 54px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.talkToAnExpertButton:hover {
  cursor: pointer;
}

@media (max-width: 1024px) {
  .talkToAnExpertButton {
    height: 40px;
    position: absolute;
    left: -20px;
    margin-left: 0;
  }
  .talkToAnExpertButton__text {
    line-height: 44px;
    font-size: 20px;
  }
}

.talkToAnExpertWrapper {
  -webkit-transition: -webkit-transform 1.5s ease;
  transition: -webkit-transform 1.5s ease;
  transition: transform 1.5s ease;
  transition: transform 1.5s ease, -webkit-transform 1.5s ease;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
}

@media (max-width: 1279px) {
  .talkToAnExpertWrapper.hidden {
    display: none;
  }
}

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

.talkToAnExpertWrapperAnimEnd {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

/* Contact Form 7 START */
div.wpcf7-response-output {
  margin: 0;
  padding: 0 16px;
  border: 2px solid #00add0;
  min-height: 50px;
  line-height: 50px;
  color: #00add0;
}

div.wpcf7-mail-sent-ok {
  border: 2px solid #00add0;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
  border: 2px solid #ff1c1c;
}

div.wpcf7-spam-blocked {
  border: 2px solid #ffa500;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  border: 2px solid #ff1c1c;
  color: #ff1c1c;
}

span.wpcf7-not-valid-tip {
  color: #ff1c1c;
}

/* Contact Form 7 END */
.talkToAnExpertOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 71, 92, 0.97);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 99999;
  -webkit-transition: -webkit-transform 1.5s linear;
  transition: -webkit-transform 1.5s linear;
  transition: transform 1.5s linear;
  transition: transform 1.5s linear, -webkit-transform 1.5s linear;
  overflow-y: auto;
}

.talkToAnExpertOverlay__inner {
  max-width: 1100px;
  min-height: 475px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 32px;
  margin-top: 171px;
  position: relative;
}

.talkToAnExpertOverlay__inner__textContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
  color: #00add0;
  margin-right: 32px;
}

.talkToAnExpertOverlay__inner .hs-form input[type="text"],
.talkToAnExpertOverlay__inner input[type="email"] {
  width: 100% !important;
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  border: none;
  border-bottom: 1px solid #00add0;
  border-radius: unset;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 300;
  outline: none;
  color: #00add0;
}

.talkToAnExpertOverlay__inner textarea {
  width: 100% !important;
  height: 107px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  border: none;
  border-bottom: 1px solid #00add0;
  border-radius: unset;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 300;
  outline: none;
  color: #00add0;
  padding-top: 16px;
}

.talkToAnExpertOverlay__inner .hs-form fieldset {
  max-width: 600px;
}

.talkToAnExpertOverlay__inner .hs-richtext {
  padding-top: 3px;
}

.talkToAnExpertOverlay__inner .hs-richtext span {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 27px !important;
  color: #00add0 !important;
}

.talkToAnExpertOverlay__inner .hs-form-booleancheckbox {
  list-style: none;
}

.talkToAnExpertOverlay__inner .inputs-list {
  padding: 0;
}

.talkToAnExpertOverlay__inner input[type="checkbox"] {
  margin-right: 10px;
}

.talkToAnExpertOverlay__inner .hs-form input[type="text"]::-webkit-input-placeholder,
.talkToAnExpertOverlay__inner input[type="email"]::-webkit-input-placeholder,
.talkToAnExpertOverlay__inner textarea::-webkit-input-placeholder {
  color: #00add0;
}

.talkToAnExpertOverlay__inner .hs-form input[type="text"]:-ms-input-placeholder,
.talkToAnExpertOverlay__inner input[type="email"]:-ms-input-placeholder,
.talkToAnExpertOverlay__inner textarea:-ms-input-placeholder {
  color: #00add0;
}

.talkToAnExpertOverlay__inner .hs-form input[type="text"]::-ms-input-placeholder,
.talkToAnExpertOverlay__inner input[type="email"]::-ms-input-placeholder,
.talkToAnExpertOverlay__inner textarea::-ms-input-placeholder {
  color: #00add0;
}

.talkToAnExpertOverlay__inner .hs-form input[type="text"]::placeholder,
.talkToAnExpertOverlay__inner input[type="email"]::placeholder,
.talkToAnExpertOverlay__inner textarea::placeholder {
  color: #00add0;
}

.talkToAnExpertOverlay__inner .hs-form input[type="text"]:focus,
.talkToAnExpertOverlay__inner input[type="email"]:focus,
.talkToAnExpertOverlay__inner textarea:focus {
  border-bottom-width: 3px;
}

.talkToAnExpertOverlay__inner .hs-form label {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: #00add0;
}

.talkToAnExpertOverlay__inner__closeBtn {
  position: absolute;
  top: 0;
  right: 32px;
  color: #00add0;
  font-size: 32px;
  line-height: 0;
  cursor: pointer;
}

.talkToAnExpertOverlay__inner__closeBtn::before {
  content: "\2715";
}

@media (max-width: 1024px) {
  .talkToAnExpertOverlay__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .talkToAnExpertOverlay__inner__textContent {
    width: 100%;
    margin-right: 0;
  }
  .talkToAnExpertOverlay__inner__form {
    width: 100%;
  }
}

/* Talk to an expert END */
/* PAGE BUILDER START */
/* PAGE BUILDER END */
/* RESOURCES START */
.resources {
  margin-bottom: 107px;
  text-align: center;
}

.resources .filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin: 107px 0;
}

.resources .filter__header {
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
  letter-spacing: 2px;
  color: #007d9f;
  position: absolute;
  left: 0;
}

.resources .filter__select {
  margin: 0 0.5em;
  padding: 4px 0.5em;
  height: 60px;
  width: 34%;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.54);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: white;
  font-size: 25px;
  font-weight: 400;
  line-height: 37px;
  color: rgba(0, 0, 0, 0.54);
  font-family: "Panton", sans-serif;
  background-image: url(../images/arrow_down.svg);
  background-repeat: no-repeat;
  background-position: right 32px center;
  background-size: 26px;
}

.resources .postsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -24px;
  text-align: left;
  padding-bottom: 32px;
}

.resources .postsContainer .postWrapper {
  width: calc(100%/4);
  position: relative;
  margin-bottom: 2em;
  padding-left: 24px;
  padding-right: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.resources .postsContainer .postWrapper.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.resources .postsContainer .postWrapper a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.resources .postsContainer .postWrapper a:-webkit-any-link {
  text-decoration: none;
}

.resources .postsContainer .postWrapper a:-moz-any-link {
  text-decoration: none;
}

.resources .postsContainer .postWrapper a:any-link {
  text-decoration: none;
}

.resources .postsContainer .postWrapper .post {
  border: 1px solid rgba(0, 0, 0, 0.54);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.resources .postsContainer .postWrapper .post.withArrow:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(../images/arrow_right_black.svg);
  background-repeat: no-repeat;
  background-position: right 32px bottom 38px;
  background-size: 35px;
}

.resources .postsContainer .postWrapper .post__podcastButtonWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  line-height: 64px;
  color: #575656;
  padding: 0 32px;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  position: absolute;
  top: 106px;
}

.resources .postsContainer .postWrapper .post__podcastButtonWrapper__text {
  margin: 0;
  line-height: 64px;
  font-weight: 600;
}

.resources .postsContainer .postWrapper .post__podcastButtonWrapper__play {
  width: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  border-radius: 50%;
  background: #00add0;
  opacity: 0.8;
  position: relative;
  cursor: pointer;
}

.resources .postsContainer .postWrapper .post__podcastButtonWrapper__play::after {
  left: 18px;
  top: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  margin-top: -16px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 24px solid white;
}

.resources .postsContainer .postWrapper .post__podcastButtonWrapper__pause {
  width: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 52px;
  border-radius: 50%;
  background: #00add0;
  opacity: 0.8;
  position: relative;
  cursor: pointer;
}

.resources .postsContainer .postWrapper .post__podcastButtonWrapper__pause::after {
  top: 50%;
  content: " ";
  position: absolute;
  pointer-events: none;
  left: 14px;
  width: 8px;
  height: 26px;
  border: 4px solid white;
  border-width: 0 8px;
  margin-top: -13px;
  background: transparent;
}

.resources .postsContainer .postWrapper .post__videoWrapper {
  overflow: hidden;
  height: 171px;
}

.resources .postsContainer .postWrapper .post__videoWrapper.fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.87);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 4;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.resources .postsContainer .postWrapper .post__videoWrapper.fullscreen .post__videoWrapper__image {
  display: none;
}

.resources .postsContainer .postWrapper .post__videoWrapper.fullscreen .post__videoWrapper__overlay {
  display: none;
}

.resources .postsContainer .postWrapper .post__videoWrapper.fullscreen .post__videoWrapper__overlay__label {
  display: none;
}

.resources .postsContainer .postWrapper .post__videoWrapper.fullscreen .fullscreen__button {
  display: none;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  background: #00add0;
  opacity: 0.8;
  z-index: 5;
  position: absolute;
  cursor: pointer;
}

.resources .postsContainer .postWrapper .post__videoWrapper.fullscreen .fullscreen__button::after {
  left: 36px;
  top: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  margin-top: -32px;
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
  border-left: 48px solid white;
}

.resources .postsContainer .postWrapper .post__videoWrapper .closeBtn {
  display: none;
  color: white;
  cursor: pointer;
  position: fixed;
  top: 52px;
  right: calc(107px + 10px);
  z-index: 5;
}

.resources .postsContainer .postWrapper .post__videoWrapper .closeBtn p {
  margin: 0;
}

.resources .postsContainer .postWrapper .post__videoWrapper .closeBtn p:hover {
  text-decoration: underline;
}

@media (max-width: 1400px) {
  .resources .postsContainer .postWrapper .post__videoWrapper .closeBtn {
    right: calc(64px + 10px);
  }
}

@media (max-width: 780px) {
  .resources .postsContainer .postWrapper .post__videoWrapper .closeBtn {
    right: calc(32px + 10px);
  }
}

.resources .postsContainer .postWrapper .post__videoWrapper__image {
  width: 100%;
  height: 170px;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
}

.resources .postsContainer .postWrapper .post__videoWrapper__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 171px;
  right: 0;
  z-index: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(87%, #00475c));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #00475c 87%);
}

.resources .postsContainer .postWrapper .post__videoWrapper__overlay__label {
  padding: 47px 32px 32px 32px !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 21px;
  text-transform: uppercase;
  line-height: 0;
  color: #00add0;
  position: relative;
  margin-bottom: auto;
  margin-right: auto;
}

.resources .postsContainer .postWrapper .post__videoWrapper__overlay__label::before {
  content: "";
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.resources .postsContainer .postWrapper .post__videoWrapper__overlay__label::after {
  content: "";
  position: absolute;
  bottom: 19px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.resources .postsContainer .postWrapper .post__videoWrapper__overlay__button {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  margin-right: calc(50% - 26px);
  background: #00add0;
  opacity: 0.8;
  position: relative;
  cursor: pointer;
}

.resources .postsContainer .postWrapper .post__videoWrapper__overlay__button::after {
  left: 18px;
  top: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  margin-top: -16px;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 24px solid white;
}

.resources .postsContainer .postWrapper .post__videoWrapper__video {
  width: 100%;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.resources .postsContainer .postWrapper .post__videoWrapper__video.play {
  -webkit-transition: all 1s;
  transition: all 1s;
  z-index: 4;
  width: calc(100% - (107px + 107px));
  cursor: pointer;
}

@media (max-width: 1400px) {
  .resources .postsContainer .postWrapper .post__videoWrapper__video.play {
    width: calc(100% - (64px + 64px));
  }
}

@media (max-width: 780px) {
  .resources .postsContainer .postWrapper .post__videoWrapper__video.play {
    width: calc(100% - (32px + 32px));
  }
}

.resources .postsContainer .postWrapper .post__image {
  width: 100%;
  height: 170px;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}

.resources .postsContainer .postWrapper .post__image__label {
  padding: 47px 32px 32px 32px !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 21px;
  text-transform: uppercase;
  line-height: 0;
  color: #00add0;
  position: relative;
  margin-bottom: auto;
  margin-right: auto;
}

.resources .postsContainer .postWrapper .post__image__label::before {
  content: "";
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.resources .postsContainer .postWrapper .post__image__label::after {
  content: "";
  position: absolute;
  bottom: 19px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 2px;
  width: calc(100% - 64px);
  margin: 0 auto;
}

.resources .postsContainer .postWrapper .post__title {
  font-size: 25px;
  font-weight: 400;
  line-height: 37px;
  letter-spacing: 0;
  color: #575656;
  top: 50%;
  padding: 32px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: white;
}

.resources .postsContainer .postWrapper .post__title::after {
  content: " ";
  padding: 24px;
}

.resources .postsContainer .postWrapper .post__content {
  height: 0;
  padding: 0 74px 0 32px;
  color: #575656;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: white;
}

.resources .postsContainer .postWrapper .post__bottomGradient {
  height: 48px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(white));
  background: linear-gradient(to bottom, transparent 0%, white 100%);
}

.resources .postsContainer .postWrapper .post__topic {
  position: absolute;
  bottom: 0;
  left: 40px;
}

.resources .postsContainer .postWrapper .withHover:hover .post__content {
  height: 154px;
  margin-top: -20px;
}

.resources .postsContainer .postWrapper .withHover:hover .post__title {
  padding-top: 68px;
  margin-top: -170px;
  background-color: white;
}

@media (max-width: 1400px) {
  .resources .postsContainer .postWrapper {
    width: calc(100%/3);
  }
}

@media (max-width: 1024px) {
  .resources .postsContainer .postWrapper {
    width: calc(100%/2);
  }
}

@media (max-width: 667px) {
  .resources .postsContainer .postWrapper {
    width: 100%;
  }
  .resources .postsContainer .post {
    min-height: 291px;
  }
}

@media (max-width: 1024px) {
  .resources .filter {
    display: block;
  }
  .resources .filter__header {
    position: initial;
    margin-bottom: 0;
  }
  .resources .filter__select {
    width: 100%;
    margin: 0.5em 0;
  }
}

.resources .paginationBtn {
  font-family: "Panton", sans-serif;
  height: 50px;
  width: 640px;
  background-color: white;
  font-size: 25px;
  font-weight: 400;
  line-height: 37px;
  color: rgba(0, 0, 0, 0.54);
  padding-top: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.54);
  cursor: pointer;
}

.resources .paginationBtn:focus {
  outline: none;
}

.resources .paginationBtn:active {
  background-color: #f4f4f4;
}

.resources .paginationBtn:hover {
  color: white;
  background-color: #6e2585;
}

/* Resources END */
/* Search-results START */
main.search-results {
  background-color: white;
  padding: 64px 0;
}

main.search-results .entry-content {
  max-width: 800px;
}

main.search-results .entry-content .searchPostTitle {
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
  letter-spacing: 2px;
  letter-spacing: 0;
  color: #00475c;
  text-decoration: none;
}

main.search-results .entry-content .searchPostTitle:hover {
  text-decoration: underline;
}

main.search-results .entry-content article .entry-header {
  margin-top: 32px;
}

main.search-results .entry-content article .publishDate {
  color: rgba(0, 0, 0, 0.54);
}

main.search-results .entry-content article .excerpt p {
  display: inline;
}

/* Search-results END */
/* Profile puff START */
.profilePuff {
  width: 100%;
  margin-bottom: 107px;
}

.profilePuff__date {
  border-top: 1px solid #00add0;
  padding-top: 16px;
  padding-bottom: 4px;
}

.profilePuff__date h5 {
  font-size: 40px;
  font-weight: 300;
  line-height: 55px;
  letter-spacing: 2px;
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
}

.profilePuff__image {
  width: calc(100% - 36px);
  padding-top: calc(100% - 36px);
  border-radius: 50%;
  background-size: cover;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
}

.profilePuff div:not(:first-child) {
  border-bottom: 1px solid #00add0;
  padding-top: 4px;
  color: rgba(0, 0, 0, 0.54);
}

.profilePuff div:nth-child(3) {
  border-top: 1px solid #00add0;
}

.profilePuff ul.socialList {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 4px;
}

.profilePuff ul.socialList li {
  margin-right: 0.6em;
}

.profilePuff ul.socialList li img {
  width: 32px;
}

/* Profile puff END */
/* Contact profile puff START */
.contactProfilePuff {
  width: 100%;
  margin-bottom: 107px;
  font-size: 16px;
  font-weight: 700;
}

.contactProfilePuff__image {
  width: calc(100% - 36px);
  padding-top: calc(100% - 36px);
  border-radius: 50%;
  background-size: cover;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
}

.contactProfilePuff div:not(:first-child) {
  border-bottom: 1px solid #00add0;
  padding-top: 4px;
  color: #00add0;
}

.contactProfilePuff div:nth-child(2) {
  border-top: 1px solid #00add0;
}

/* Contact profile puff END */
/* Animated number puff START */
.animatedNumberPuff {
  position: relative;
  background-color: #00475c;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
}

.animatedNumberPuff__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.animatedNumberPuff__inner__numberWrapper {
  position: relative;
}

.animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
  font-size: 175px;
  font-weight: 800;
  font-style: italic;
  line-height: 175px;
  color: #00add0;
}

.animatedNumberPuff__inner__numberWrapper::after {
  content: "";
  position: absolute;
  bottom: 19px;
  left: 0;
  right: 0;
  background: #00add0;
  height: 1px;
}

.animatedNumberPuff__inner__content {
  padding: 0 64px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  color: #00add0;
  position: relative;
  min-width: 150px;
}

@media (max-width: 1793px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px - 1rem);
    line-height: calc(175px - 1rem);
  }
  .animatedNumberPuff__inner__numberWrapper::after {
    bottom: 10px;
  }
  .animatedNumberPuff__inner__content {
    padding-top: 3px;
  }
}

@media (max-width: 1685px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px - 2rem);
    line-height: calc(175px - 2rem);
  }
}

@media (max-width: 1550px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px - 3rem);
    line-height: calc(175px - 3rem);
  }
}

@media (max-width: 1333px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px - 4rem);
    line-height: calc(175px - 4rem);
  }
}

@media (max-width: 1200px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px - 5rem);
    line-height: calc(175px - 5rem);
  }
}

@media (max-width: 1088px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px - 6rem);
    line-height: calc(175px - 6rem);
  }
  .animatedNumberPuff__inner__numberWrapper::after {
    bottom: 0;
  }
  .animatedNumberPuff__inner__content {
    padding-top: 12px;
  }
}

@media (max-width: 1024px) {
  .animatedNumberPuff {
    margin-bottom: 64px;
  }
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px + 6rem);
    line-height: calc(175px + 6rem);
  }
  .animatedNumberPuff__inner__numberWrapper::after {
    bottom: 19px;
  }
  .animatedNumberPuff__inner__content {
    padding-top: 0px;
  }
}

@media (max-width: 920px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px + 5rem);
    line-height: calc(175px + 5rem);
  }
}

@media (max-width: 880px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px + 4rem);
    line-height: calc(175px + 4rem);
  }
}

@media (max-width: 830px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px + 3rem);
    line-height: calc(175px + 3rem);
  }
}

@media (max-width: 740px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px + 2rem);
    line-height: calc(175px + 2rem);
  }
}

@media (max-width: 700px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px + 1rem);
    line-height: calc(175px + 1rem);
  }
}

@media (max-width: 640px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: 175px;
    line-height: 175px;
  }
}

@media (max-width: 600px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px - 1rem);
    line-height: calc(175px - 1rem);
  }
}

@media (max-width: 550px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px - 2rem);
    line-height: calc(175px - 2rem);
  }
  .animatedNumberPuff__inner__numberWrapper::after {
    bottom: 10px;
  }
  .animatedNumberPuff__inner__content {
    padding-top: 3px;
  }
}

@media (max-width: 510px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px - 3rem);
    line-height: calc(175px - 3rem);
  }
}

@media (max-width: 465px) {
  .animatedNumberPuff {
    margin-bottom: 32px;
  }
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px - 4rem);
    line-height: calc(175px - 4rem);
  }
  .animatedNumberPuff__inner__numberWrapper::after {
    bottom: 0;
  }
  .animatedNumberPuff__inner__content {
    padding-top: 12px;
  }
}

@media (max-width: 420px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px - 5rem);
    line-height: calc(175px - 5rem);
  }
}

@media (max-width: 320px) {
  .animatedNumberPuff__inner__numberWrapper__number, .animatedNumberPuff__inner__numberWrapper__percent {
    font-size: calc(175px - 6rem);
    line-height: calc(175px - 6rem);
  }
}

/* Animated number puff END */
/* Board START */
.board {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 107px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #f4f4f4;
  margin-left: -107px;
  margin-right: -107px;
}

.card {
  width: calc(100% / 3 - 4px);
  height: 400px;
  margin-left: 4px;
  margin-top: 4px;
  position: relative;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.card.flip {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.card__front {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card__front__image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.card__front__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(125, 185, 232, 0)), to(#00475c));
  background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, #00475c 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.card__front__overlay__name {
  font-size: 40px;
  font-weight: 300;
  line-height: 55px;
  letter-spacing: 2px;
  color: #00add0;
  top: 500px;
  text-align: center;
}

.card__front__overlay__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 2px;
  color: #00add0;
  top: 552px;
  text-align: center;
  text-transform: uppercase;
}

.card__front__overlay__button {
  background-image: url(../images/info_lightPetroleum.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 42px;
  height: 42px;
  top: 600px;
  margin: 10px auto;
  cursor: pointer;
}

.card__back {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00475c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #00add0;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card__back__name {
  font-size: 40px;
  font-weight: 300;
  line-height: 55px;
  letter-spacing: 2px;
  text-align: center;
  margin-top: 64px;
}

.card__back__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
}

.card__back__email {
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  margin: 32px 32px 0 32px;
}

.card__back__phone {
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  margin: 0 32px;
}

.card__back__linkedin {
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  margin: 0 32px;
  text-decoration: none;
}

.card__back__linkedin a:link    {
  text-decoration:  none;
  color:			#00add0;
  } 
.card__back__linkedin a:visited {
  text-decoration:  none;
  color:			#00add0;
  } 
.card__back__linkedin a:hover   {
  text-decoration:  underline;
  color:            #fff;
  } 
.card__back__linkedin a:active  {
  text-decoration:  underline;
  color:            #fff;
  } 

.card__back__content {
  color: #00add0;
  margin: 32px 32px;
  overflow: hidden;
  max-height: 428px;
}

.card__back__content .common__normal__darkGrey, .card__back__content .common__normal__grey {
  color: #00add0;
}

.card__back__button {
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 10px;
  left: calc(50% - 14px);
  font-size: 36px;
  color: #00add0;
  cursor: pointer;
}

.card__back__button::before {
  content: "\2715";
}

@media (max-width: 1400px) {
  .board {
    padding: 107px 64px;
    margin-left: -64px;
    margin-right: -64px;
  }
  .card {
    width: calc(100%/2 - 4px);
  }
}

@media (max-width: 1024px) {
  .board {
    padding: 107px 32px;
    margin-left: -32px;
    margin-right: -32px;
  }
  .card {
    width: 100%;
  }
}

@media (max-width: 667px) {
  .card__back__email {
    font-size: 16px;
  }
  .card__back__phone {
    font-size: 16px;
  }
  .card__back__linkedin {
    font-size: 16px;
  }
}

/* Board END */

/* Contact Form Puff START */
.contactFormPuff {
  background: #007d9f;
  padding: 32px;
}

.contactFormPuff__form .hbspt-form {
  width: 100%;
}

.contactFormPuff__form .hs-form input[type="text"],
.contactFormPuff__form input[type="email"] {
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  border: none;
  border-bottom: 1px solid #f5f5f6;
  border-radius: unset;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 300;
  outline: none;
  color: #f5f5f6;
  font-size: 12px;
}

.contactFormPuff__form .hs-form input[type="text"]::-webkit-input-placeholder,
.contactFormPuff__form input[type="email"]::-webkit-input-placeholder {
  color: #f5f5f6;
}

.contactFormPuff__form .hs-form input[type="text"]:-ms-input-placeholder,
.contactFormPuff__form input[type="email"]:-ms-input-placeholder {
  color: #f5f5f6;
}

.contactFormPuff__form .hs-form input[type="text"]::-ms-input-placeholder,
.contactFormPuff__form input[type="email"]::-ms-input-placeholder {
  color: #f5f5f6;
}

.contactFormPuff__form .hs-form input[type="text"]::placeholder,
.contactFormPuff__form input[type="email"]::placeholder {
  color: #f5f5f6;
}

.contactFormPuff__form .hs-form input[type="text"]:focus,
.contactFormPuff__form input[type="email"]:focus {
  border-bottom-width: 3px;
}

.contactFormPuff__form .hs-form label {
  font-size: 12px;
  font-weight: 400;
  line-height: 27px;
  color: #f5f5f6;
}

.contactFormPuff__form .hs-form .transparentButton:hover {
  background-color: #00add0;
}



/* Contact Form Puff END */