@-webkit-keyframes ajax-spinner {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

@keyframes ajax-spinner {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

.layout--hero-overlap-component {
  position: relative;
  /**
   * Layout Builder styles
   */ }
  .layout--hero-overlap-component .layout__region--component {
    position: relative;
    -webkit-transform: none;
    transform: none;
    bottom: 0;
    left: 0;
    padding: 0; }
    @media (min-width: 1025px) {
      .layout--hero-overlap-component .layout__region--component {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(35%);
        transform: translateX(-50%) translateY(35%);
        max-width: 1200px;
        z-index: 4; } }
  .layout--hero-overlap-component.layout-builder__layout {
    margin-bottom: 80px; }
  .layout--hero-overlap-component .layout-builder__region.layout__region--hero {
    min-height: 400px; }
    .layout--hero-overlap-component .layout-builder__region.layout__region--hero .layout-builder-block ~ .layout-builder__add-block {
      display: none; }
  .layout--hero-overlap-component .layout-builder__region.layout__region--component {
    position: absolute;
    width: 70%;
    min-height: 250px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(35%);
    transform: translateX(-50%) translateY(35%); }
    .layout--hero-overlap-component .layout-builder__region.layout__region--component .layout-builder-block ~ .layout-builder__add-block {
      display: none; }

.js-off-canvas-dialog-open .layout--hero-overlap-component .layout-builder--layout__region.layout__region--component {
  width: 100%; }