/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.section-heading {
  position: relative; }
  .section-heading .background {
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; }
    .section-heading .background.gradient::after {
      content: '';
      background-image: linear-gradient(190deg, rgba(255, 255, 255, 0) 5%, rgba(248, 200, 148, 0) 7%, #EE7F08 100%);
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
      @media (min-width: 981px) {
        .section-heading .background.gradient::after {
          background-image: linear-gradient(170deg, rgba(255, 255, 255, 0) 5%, rgba(248, 200, 148, 0) 47%, #EE7F08 100%);
          height: 60%; } }
    @media (min-width: 981px) {
      .section-heading .background {
        min-height: 600px; } }
    .section-heading .background .extra-title {
      text-shadow: 1px 0 6px rgba(0, 0, 0, 0.75);
      text-align: center;
      margin: 0;
      color: var(--white);
      position: absolute;
      left: 0;
      right: 0;
      padding: 0 20px;
      bottom: 170px;
      z-index: 2; }
      @media (min-width: 981px) {
        .section-heading .background .extra-title {
          left: auto;
          bottom: 30px;
          padding: 0;
          right: 30px;
          text-align: left;
          max-width: 50%; } }
  .section-heading .content {
    padding: 0 20px 30px 20px;
    border-radius: 0 0 15px 15px;
    position: relative;
    z-index: 2; }
    @media (max-width: 980px) {
      .section-heading .content {
        background-color: var(--night); } }
    @media (min-width: 981px) {
      .section-heading .content {
        max-width: 59%;
        width: 100%;
        border-radius: 0 0 0 30px;
        padding: 50px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1; } }
    @media (min-width: 1200px) {
      .section-heading .content {
        width: 59%;
        max-width: 840px;
        padding: 70px; } }
    .section-heading .content-in {
      max-width: 700px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      top: -150px;
      margin-bottom: -150px; }
      @media (min-width: 981px) {
        .section-heading .content-in {
          max-width: none;
          margin: auto;
          position: static;
          top: auto; } }
      .section-heading .content-in .inner {
        background-color: var(--white);
        border-radius: 30px;
        padding: 30px; }
        @media (min-width: 981px) {
          .section-heading .content-in .inner {
            padding: 40px;
            background: linear-gradient(180deg, rgba(8, 164, 238, 0.9) -80%, rgba(0, 18, 74, 0.9) 100%); } }
        @media (min-width: 1200px) {
          .section-heading .content-in .inner {
            padding: 50px; } }
      .section-heading .content-in .tns-outer {
        width: 100%;
        margin-bottom: 20px; }
        .section-heading .content-in .tns-outer .tns-controls, .section-heading .content-in .tns-outer button[data-action="stop"] {
          display: none; }
        .section-heading .content-in .tns-outer .top-header-usps {
          display: flex; }
          .section-heading .content-in .tns-outer .top-header-usps .top-header-usp {
            color: var(--white);
            display: flex;
            align-items: center;
            font-weight: 600;
            font-size: 14px; }
            @media (max-width: 980px) {
              .section-heading .content-in .tns-outer .top-header-usps .top-header-usp {
                justify-content: center;
                color: var(--night); } }
            .section-heading .content-in .tns-outer .top-header-usps .top-header-usp p {
              margin: 0; }
            .section-heading .content-in .tns-outer .top-header-usps .top-header-usp > span {
              color: var(--night);
              display: inline-block;
              padding-right: 1em;
              padding-left: .5em; }
              @media (min-width: 981px) {
                .section-heading .content-in .tns-outer .top-header-usps .top-header-usp > span {
                  color: var(--white); } }
          .section-heading .content-in .tns-outer .top-header-usps li {
            margin: 0; }
            .section-heading .content-in .tns-outer .top-header-usps li a {
              font-size: 14px;
              color: var(--white); }
            .section-heading .content-in .tns-outer .top-header-usps li:last-child a {
              padding-right: 0; }
      .section-heading .content-in .text {
        margin-bottom: 30px; }
        .section-heading .content-in .text h2, .section-heading .content-in .text h3 {
          color: var(--orange); }
        .section-heading .content-in .text h3 {
          font-size: 16px;
          line-height: 20px; }
        .section-heading .content-in .text ul {
          padding: 0;
          list-style: none; }
          .section-heading .content-in .text ul li {
            position: relative;
            padding-left: 26px;
            margin-bottom: 10px; }
            .section-heading .content-in .text ul li:last-child {
              margin-bottom: 0; }
            .section-heading .content-in .text ul li::before {
              content: "\e91b";
              font-family: Icomoon, 'sans-serif';
              font-size: 16px;
              color: var(--night);
              position: absolute;
              top: 0;
              left: 0; }
      .section-heading .content-in .heading-search {
        margin-bottom: 30px; }
      .section-heading .content-in .navigate-to {
        margin-bottom: 30px; }
        .section-heading .content-in .navigate-to h3 {
          margin: 0 0 20px 0;
          color: var(--orange); }
        .section-heading .content-in .navigate-to .grid {
          display: grid;
          grid-template-columns: 1fr;
          gap: 15px 30px; }
          @media (min-width: 768px) {
            .section-heading .content-in .navigate-to .grid {
              grid-template-columns: 1fr 1fr; } }
          .section-heading .content-in .navigate-to .grid a.item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            color: var(--night);
            text-decoration: none; }
            @media (min-width: 981px) {
              .section-heading .content-in .navigate-to .grid a.item {
                color: var(--white); } }
            .section-heading .content-in .navigate-to .grid a.item:hover .icon {
              background-color: var(--orange); }
              .section-heading .content-in .navigate-to .grid a.item:hover .icon span {
                color: var(--white); }
            .section-heading .content-in .navigate-to .grid a.item .icon {
              flex-shrink: 0;
              width: 50px;
              height: 50px;
              line-height: 50px;
              background-color: var(--night);
              border-radius: 15px;
              text-align: center;
              display: block;
              transition: ease-in-out 200ms background-color; }
              @media (min-width: 981px) {
                .section-heading .content-in .navigate-to .grid a.item .icon {
                  background-color: var(--white); } }
              .section-heading .content-in .navigate-to .grid a.item .icon span {
                color: var(--white);
                font-size: 8px;
                line-height: inherit;
                margin: 0 auto;
                transition: color .2s ease-in-out; }
                @media (min-width: 981px) {
                  .section-heading .content-in .navigate-to .grid a.item .icon span {
                    color: var(--night); } }
      .section-heading .content-in .links {
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px 30px; }
        @media (min-width: 768px) {
          .section-heading .content-in .links {
            grid-template-columns: 1fr 1fr; } }
        .section-heading .content-in .links .link {
          margin: 0; }
          .section-heading .content-in .links .link .btn {
            width: 100%;
            display: flex; }
      .section-heading .content-in .outer-feature {
        position: relative; }
        @media (max-width: 980px) {
          .section-heading .content-in .outer-feature {
            margin-top: 1.5em; } }
        @media (min-width: 981px) {
          .section-heading .content-in .outer-feature {
            max-width: 375px;
            position: static; } }
        .section-heading .content-in .outer-feature .helmet {
          max-width: 90px;
          position: absolute;
          top: -70px;
          left: 35px;
          z-index: 2;
          pointer-events: none; }
          @media (min-width: 981px) {
            .section-heading .content-in .outer-feature .helmet {
              top: auto;
              left: auto;
              right: 75px;
              bottom: 70px;
              transform: scaleX(-1); } }
          @media (min-width: 1200px) {
            .section-heading .content-in .outer-feature .helmet {
              right: 110px; } }
        .section-heading .content-in .outer-feature .tns-outer .feature-post .right-right .icon {
          background-color: transparent;
          border: 1px solid var(--white);
          color: var(--white); }
        .section-heading .content-in .outer-feature .tns-outer .feature-post:hover .icon {
          background-color: var(--white);
          color: var(--night); }
  @media (min-width: 981px) {
    .section-heading + section.dark {
      margin-top: 75px; } }

/*# sourceMappingURL=frontpage-heading.css.map */