.page-hero-section {
  padding: 135px 0 0;
  position: relative;
  margin-bottom: -55px;
  z-index: 10; }
  @media (max-width: 767px) {
    .page-hero-section {
      overflow: hidden; } }
  @media (min-width: 768px) {
    .page-hero-section {
      margin-bottom: -44px; } }
  @media (min-width: 768px) {
    .page-hero-section {
      padding: 125px 0 0; } }
  @media (min-width: 1024px) {
    .page-hero-section {
      padding: 133px 0 0; } }
  .page-hero-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/page-hero-bg-mask.png);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: cover;
    z-index: 1; }
  body.header-color-style--purple .page-hero-section:before {
    filter: invert(43%) sepia(88%) saturate(233%) hue-rotate(202deg) brightness(84%) contrast(88%); }
  body.header-color-style--green .page-hero-section:before {
    filter: invert(57%) sepia(23%) saturate(1030%) hue-rotate(32deg) brightness(96%) contrast(84%); }
  body.header-color-style--orange-light .page-hero-section:before,
  body.header-color-style--orange .page-hero-section:before {
    filter: invert(63%) sepia(53%) saturate(6163%) hue-rotate(354deg) brightness(97%) contrast(97%); }
  body.header-color-style--blue .page-hero-section:before {
    filter: invert(58%) sepia(11%) saturate(1304%) hue-rotate(148deg) brightness(95%) contrast(93%); }
  body.header-color-style--light-blue .page-hero-section:before,
  body.header-color-style--dark-blue .page-hero-section:before {
    filter: invert(9%) sepia(56%) saturate(2759%) hue-rotate(209deg) brightness(101%) contrast(93%); }
  body.header-color-style--red .page-hero-section:before {
    filter: invert(23%) sepia(26%) saturate(4890%) hue-rotate(344deg) brightness(97%) contrast(91%); }
  body.header-color-style--red-light .page-hero-section:before {
    filter: invert(37%) sepia(19%) saturate(1803%) hue-rotate(322deg) brightness(115%) contrast(91%); }
  body.header-color-style--tiffany-blue .page-hero-section:before {
    filter: invert(59%) sepia(100%) saturate(2175%) hue-rotate(138deg) brightness(99%) contrast(88%); }
  body.header-color-style--orange .page-hero-section .field--type-text-with-summary {
    max-width: none; }
  body.header-color-style--orange .page-hero-section h1 {
    line-height: 1.2; }
  body.header-color-style--orange .page-hero-section .container {
    position: relative; }
    @media (min-width: 768px) {
      body.header-color-style--orange .page-hero-section .container .text-holder {
        width: 53%; } }
    @media (min-width: 1024px) {
      body.header-color-style--orange .page-hero-section .container .text-holder {
        padding-bottom: 74px; } }
    @media (min-width: 768px) {
      body.header-color-style--orange .page-hero-section .container .field--name-field-hero-image {
        width: 47%; } }
  .page-hero-section .container {
    position: relative;
    z-index: 5; }
  .page-hero-section:after {
    position: absolute;
    content: "";
    opacity: 0.12;
    background-image: url(../../images/decor-nb.svg);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100%;
    right: -30px;
    top: 0;
    left: -30px;
    bottom: 30px;
    max-width: 572px;
    z-index: 3; }
    @media (min-width: 768px) {
      .page-hero-section:after {
        right: auto;
        left: 50%;
        top: -30px;
        bottom: 30px;
        width: 50%;
        background-size: cover; } }
  .page-hero-section .container {
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    max-width: 1116px; }
    .page-hero-section .container .text-holder {
      width: 100%;
      padding-bottom: 40px; }
      @media (min-width: 768px) {
        .page-hero-section .container .text-holder {
          width: 50%;
          padding-top: 48px;
          padding-right: 20px;
          padding-bottom: 100px; } }
      @media (min-width: 1024px) {
        .page-hero-section .container .text-holder {
          padding-top: 28px;
          padding-bottom: 108px; } }
    .page-hero-section .container .field--name-field-hero-image {
      width: 100%;
      text-align: center; }
      @media (min-width: 768px) {
        .page-hero-section .container .field--name-field-hero-image {
          text-align: left;
          width: 50%;
          padding-left: 16px;
          margin-bottom: -20px;
          bottom: -40px; } }
      @media (min-width: 1024px) {
        .page-hero-section .container .field--name-field-hero-image {
          bottom: -20px; } }
      .page-hero-section .container .field--name-field-hero-image img {
        width: 444px;
        height: 439px;
        object-fit: cover;
        mask-image: url(#mask_pentagon);
        -webkit-mask-image: url(#mask_pentagon); }
    .page-hero-section .container .field--name-field-media-image {
      display: inline-block;
      position: relative;
      width: 444px;
      height: 439px;
      z-index: 10; }
      @media (max-width: 1023px) {
        .page-hero-section .container .field--name-field-media-image {
          transform: scale(0.76) translate(-60px, -5px); } }
      @media (max-width: 767px) {
        .page-hero-section .container .field--name-field-media-image {
          margin: 0 auto;
          transform: none; } }
      @media (max-width: 499px) {
        .page-hero-section .container .field--name-field-media-image {
          transform: scale(0.7) translate(0, -120px); } }
    @media (max-width: 499px) {
      .page-hero-section .container .media--view-mode-page-hero {
        position: relative;
        width: 500px;
        height: 300px;
        left: 50%;
        transform: translateX(-50%); } }
  .page-hero-section h1 {
    color: #fff;
    margin: 0 0 24px;
    letter-spacing: 0.48px;
    font: 400 30px/1 "Gloock", "Times New Roman", "Times", "Baskerville", "Georgia", serif; }
    @media (min-width: 768px) {
      .page-hero-section h1 {
        font-size: 34px; } }
    @media (min-width: 1024px) {
      .page-hero-section h1 {
        font-size: 48px; } }
  .page-hero-section .field--type-text-with-summary {
    color: #fff;
    font: 400 18px/1.766 "Barlow", "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
    @media (min-width: 768px) {
      .page-hero-section .field--type-text-with-summary {
        max-width: 400px; } }
    .page-hero-section .field--type-text-with-summary p {
      margin: 0; }
  .page-hero-section .breadcrumb {
    color: #fff;
    margin: 0 0 24px;
    font: 400 18px/1 "Barlow", "Arial", "Helvetica Neue", "Helvetica", sans-serif; }
    .page-hero-section .breadcrumb li:before {
      content: ">"; }
    .page-hero-section .breadcrumb li:first-child:before {
      display: none; }
    .page-hero-section .breadcrumb a {
      color: #fff;
      text-decoration: none; }
      .page-hero-section .breadcrumb a:hover {
        text-decoration: underline; }