/*-------------------------------
    Colors
-------------------------------*/
/*-------------------------------
    Fonts
-------------------------------*/
/*-------------------------------
    Common
-------------------------------*/
:root {
  --windowHeight: 100vh;
  --headerHeight: 90px;
  --headerHeightMobile: 84px;
  --headerHeightMobileResources: 138px; }

.c-banner {
  position: relative; }
  .c-banner__top-content {
    display: flex;
    flex-wrap: wrap;
    padding: 160px 0 100px; }
    @media screen and (max-width: 991px) {
      .c-banner__top-content {
        padding: 80px 0 0; } }
    .c-banner__top-content.smaller-paddings {
      padding: 80px 0; }
      @media screen and (max-width: 991px) {
        .c-banner__top-content.smaller-paddings {
          padding: 80px 0 0; } }
  .c-banner .row {
    margin-left: 0;
    margin-right: 0; }
  .c-banner__title {
    width: 50%;
    padding-right: 35px;
    z-index: 2; }
    @media screen and (max-width: 991px) {
      .c-banner__title {
        width: 100%; } }
    .c-banner__title h1 {
      text-transform: none;
      margin-bottom: 30px; }
      @media screen and (max-width: 767px) {
        .c-banner__title h1 {
          margin-bottom: 20px; } }
    .c-banner__title p {
      font-weight: 400; }
    .c-banner__title img {
      margin: -80px 0 50px 0; }
      @media screen and (max-width: 991px) {
        .c-banner__title img {
          margin: 0 0 30px 0; } }
  .c-banner__bottom-background-image {
    position: absolute;
    top: calc(100% + 85px);
    right: 55px;
    width: 50vw;
    height: 235px;
    display: flex;
    justify-content: flex-end; }
    @media screen and (max-width: 991px) {
      .c-banner__bottom-background-image {
        width: 100vw;
        top: calc(100% + 5px);
        right: 5px; }
        .c-banner__bottom-background-image img {
          max-width: 100%;
          height: auto;
          object-fit: contain; } }
    @media screen and (max-width: 767px) {
      .c-banner__bottom-background-image {
        top: calc(100% - 20px); } }
  .c-banner__img {
    width: 50%;
    position: relative; }
    @media screen and (max-width: 991px) {
      .c-banner__img {
        width: calc(100% + 80px);
        display: flex;
        margin-left: -40px;
        margin-right: -40px; } }
    .c-banner__img img {
      position: absolute;
      top: -160px;
      left: 0;
      width: 703px;
      height: 664px;
      object-fit: cover; }
      @media screen and (min-width: 1440px) {
        .c-banner__img img {
          left: auto;
          right: -107px; } }
      @media screen and (max-width: 991px) {
        .c-banner__img img {
          display: table;
          width: 500px;
          height: 490px;
          position: relative;
          top: auto;
          left: auto;
          margin: 70px auto 0; } }
      @media screen and (max-width: 767px) {
        .c-banner__img img {
          width: 100%;
          height: 353px; } }