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

.c-subscribe h2 {
  text-transform: none;
  font-weight: 400;
  margin-bottom: 25px;
  max-width: 700px; }
  @media screen and (max-width: 767px) {
    .c-subscribe h2 {
      font-weight: 300; } }

.c-subscribe__top-content {
  display: flex; }

.c-subscribe__title {
  width: 60%; }
  @media screen and (max-width: 1199px) {
    .c-subscribe__title {
      width: 50%; } }
  @media screen and (max-width: 991px) {
    .c-subscribe__title {
      width: 100%; } }

.c-subscribe__img {
  width: 40%; }
  @media screen and (max-width: 1199px) {
    .c-subscribe__img {
      width: 50%; } }
  @media screen and (max-width: 991px) {
    .c-subscribe__img {
      display: none; } }
  .c-subscribe__img img {
    width: 395px;
    height: 513px;
    position: absolute;
    bottom: 0;
    right: -80px; }
    @media screen and (min-width: 1440px) {
      .c-subscribe__img img {
        right: -107px; } }
    @media screen and (max-width: 1199px) {
      .c-subscribe__img img {
        right: 0; } }

.c-subscribe__form {
  display: flex;
  width: 100% !important;
  justify-content: space-between;
  margin-top: 40px; }
  @media screen and (max-width: 991px) {
    .c-subscribe__form {
      flex-wrap: wrap;
      padding: 0 !important; } }
  .c-subscribe__form form {
    display: flex;
    width: 100% !important; }
    @media screen and (max-width: 991px) {
      .c-subscribe__form form {
        flex-wrap: wrap;
        position: relative; } }
  .c-subscribe__form .mktoFormRow:first-of-type {
    display: block;
    margin-right: 25px;
    flex-grow: 1;
    width: calc(100% - 310px); }
    @media screen and (max-width: 991px) {
      .c-subscribe__form .mktoFormRow:first-of-type {
        width: 100%;
        margin-right: 0; } }
    .c-subscribe__form .mktoFormRow:first-of-type .mktoLabel {
      display: none; }
    .c-subscribe__form .mktoFormRow:first-of-type .mktoGutter {
      display: none; }
    .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldWrap {
      width: 100%; }
      .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldWrap .mktoError {
        right: 0 !important;
        top: calc(100% + 5px); }
        @media screen and (max-width: 992px) {
          .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldWrap .mktoError {
            right: calc(50% - 170px) !important; } }
        @media screen and (max-width: 767px) {
          .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldWrap .mktoError {
            top: calc(100% + 5px); } }
        @media screen and (max-width: 480px) {
          .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldWrap .mktoError {
            top: calc(100% + 40px); } }
        @media screen and (max-width: 440px) {
          .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldWrap .mktoError {
            width: calc(100% + 80px); } }
        .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldWrap .mktoError .mktoErrorArrowWrap {
          display: none; }
        .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldWrap .mktoError .mktoErrorMsg {
          text-align: right;
          max-width: 100%;
          width: 100%;
          margin: 0;
          padding: 0;
          background: none;
          border: 0;
          box-shadow: none;
          color: #FFCC13;
          font-family: "Cooper Lt BT";
          font-size: 16px;
          line-height: 150%;
          font-weight: 400;
          letter-spacing: 1%;
          text-shadow: none; }
        .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldWrap .mktoError .mktoErrorDetail {
          display: inline; }
    .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldWrap > input {
      width: 100% !important;
      padding: 23px 24px;
      font-family: "NC Burrata", sans-serif;
      font-size: 16px;
      line-height: 150%;
      font-weight: 400;
      border: 1px solid #ffffff;
      outline: 1px solid transparent;
      border-radius: 0;
      color: #7d7f86; }
      .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldWrap > input:hover, .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldWrap > input:active {
        border: 1px solid #f4775e;
        outline: 1px solid #f4775e; }
      .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldWrap > input:focus {
        border: 1px solid #f4775e !important;
        outline: 1px solid #f4775e !important; }
      .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldWrap > input.mktoInvalid {
        border: 1px solid #f4775e;
        outline: 1px solid #f4775e; }
      @media screen and (max-width: 991px) {
        .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldWrap > input {
          width: 100% !important;
          max-width: 100%;
          height: 100%; } }
      .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldWrap > input::placeholder {
        color: #7d7f86;
        font-family: "NC Burrata", sans-serif;
        font-size: 16px;
        line-height: 150%;
        font-weight: 400; }
    .c-subscribe__form .mktoFormRow:first-of-type .mktoClear {
      display: none; }
    .c-subscribe__form .mktoFormRow:first-of-type .mktoOffset {
      display: none; }
    .c-subscribe__form .mktoFormRow:first-of-type .mktoFieldDescriptor {
      margin-bottom: 0 !important;
      width: 100%; }
  .c-subscribe__form .mktoButtonRow {
    width: 285px; }
    @media screen and (max-width: 1199px) {
      .c-subscribe__form .mktoButtonRow {
        width: 225px; } }
    @media screen and (max-width: 991px) {
      .c-subscribe__form .mktoButtonRow {
        margin-top: 25px;
        width: 100%; } }
    .c-subscribe__form .mktoButtonRow .mktoButtonWrap {
      margin-left: 0px !important; }
      @media screen and (max-width: 991px) {
        .c-subscribe__form .mktoButtonRow .mktoButtonWrap {
          width: 100%;
          display: block; } }
      .c-subscribe__form .mktoButtonRow .mktoButtonWrap button.mktoButton {
        padding: 18px 15px;
        display: inline-block;
        cursor: pointer;
        appearance: none;
        border-radius: 0;
        transition: background-color 250ms ease, color 250ms ease, box-shadow 250ms ease;
        font-family: "NC Burrata", sans-serif;
        font-size: 21px;
        font-weight: bold;
        color: #2d2e31;
        line-height: 25.2px;
        text-decoration: none !important;
        width: 100%;
        background-image: none;
        background-color: #E8E5DD !important;
        border: 4px solid #2d2e31;
        box-shadow: 6px 6px 0px #f4775e; }
        @media screen and (max-width: 1199px) {
          .c-subscribe__form .mktoButtonRow .mktoButtonWrap button.mktoButton {
            font-size: 18px;
            padding: 18px 5px; } }
        @media screen and (min-width: 768px) {
          .c-subscribe__form .mktoButtonRow .mktoButtonWrap button.mktoButton {
            width: 100%;
            text-align: center; } }
        .c-subscribe__form .mktoButtonRow .mktoButtonWrap button.mktoButton:visited {
          color: #2d2e31; }
        .c-subscribe__form .mktoButtonRow .mktoButtonWrap button.mktoButton:hover {
          border: 4px solid #2d2e31;
          background-color: #f4775e !important;
          box-shadow: 6px 6px 0px #f4775e;
          color: #2d2e31; }
        .c-subscribe__form .mktoButtonRow .mktoButtonWrap button.mktoButton:focus {
          border: 4px solid #2d2e31; }
        .c-subscribe__form .mktoButtonRow .mktoButtonWrap button.mktoButton:active {
          color: #2d2e31;
          background-color: #f4775e !important; }
        .c-subscribe__form .mktoButtonRow .mktoButtonWrap button.mktoButton:disabled, .c-subscribe__form .mktoButtonRow .mktoButtonWrap button.mktoButton--disabled {
          background-color: #f4775e !important;
          border-color: #2d2e31;
          box-shadow: none;
          color: #7d7f86; }

