.yates-container {
  position: relative; }
  .yates-container.green {
    background: #17352C;
    color: #BFBB98; }
    .yates-container.green .gform_button {
      border-color: #BFBB98;
      color: #BFBB98; }
      .yates-container.green .gform_button:hover, .yates-container.green .gform_button:focus {
        background-color: #285C4D; }
      .yates-container.green .gform_button:active {
        color: #17352C;
        background-color: #BFBB98; }
    .yates-container.green .gform_fields .gfield .gfield_label, .yates-container.green .gform_fields .gfield input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .yates-container.green .gform_fields .gfield select, .yates-container.green .gform_fields .gfield textarea, .yates-container.green .gform_fields .gfield .gfield_checkbox, .yates-container.green .gform_fields .gfield .gfield_consent_label {
      color: #D9D9D6 !important; }
    .yates-container.green .gform_fields .gfield.gfield_error .gfield_label, .yates-container.green .gform_fields .gfield.gfield_error input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .yates-container.green .gform_fields .gfield.gfield_error select, .yates-container.green .gform_fields .gfield.gfield_error textarea, .yates-container.green .gform_fields .gfield.gfield_error .gfield_checkbox, .yates-container.green .gform_fields .gfield.gfield_error .gfield_consent_label {
      color: #D9D9D6 !important; }
    .yates-container.green .ginput_container_select:after {
      background-image: url("../img/chevron-white.svg"); }
    .yates-container.green .yates-team .team-scroller .team-member .team-links a.linkedin {
      background-image: url("../img/linkedin-gold.svg"); }
    .yates-container.green .yates-team .team-scroller .team-member .team-links a.email {
      background-image: url("../img/email-gold.svg"); }
    .yates-container.green .flickity-prev-next-button:after {
      background-image: url("../img/next-gold.svg"); }
    .yates-container.green .flickity-page-dots .dot:after {
      border-color: #BFBB98; }
    .yates-container.green .flickity-page-dots .dot.is-selected:after {
      background: #BFBB98; }
  .yates-container .floating-mark {
    position: absolute;
    z-index: -1;
    background-image: url("../img/shield.svg");
    background-repeat: no-repeat;
    pointer-events: none; }
    .yates-container .floating-mark.version-1 {
      top: 30%;
      left: 50%;
      width: 265px;
      height: 280px;
      background-size: 265px 280px;
      opacity: 0.25; }
      @media (min-width: 55rem) {
        .yates-container .floating-mark.version-1 {
          left: 45%;
          width: 529px;
          height: 559px;
          background-size: 529px 559px; } }
    .yates-container .floating-mark.version-2 {
      bottom: 3rem;
      right: -60px;
      width: 265px;
      height: 280px;
      background-size: 265px 280px;
      opacity: 0.25; }
      @media (min-width: 55rem) {
        .yates-container .floating-mark.version-2 {
          bottom: -2rem;
          width: 319px;
          height: 337px;
          opacity: 0.5;
          background-size: 319px 337px;
          z-index: 1; } }
    .yates-container .floating-mark.version-3 {
      bottom: -5rem;
      left: -52px;
      width: 132px;
      height: 140px;
      background-size: 132px 140px;
      opacity: 0.5;
      z-index: 1; }
      @media (min-width: 55rem) {
        .yates-container .floating-mark.version-3 {
          width: 319px;
          height: 337px;
          bottom: -14.5rem;
          background-size: 319px 337px; } }
    .yates-container .floating-mark.version-4 {
      top: 4rem;
      left: -90px;
      width: 265px;
      height: 280px;
      background-size: 265px 280px;
      opacity: 0.25; }
      @media (min-width: 55rem) {
        .yates-container .floating-mark.version-4 {
          top: calc(50% - 257px);
          left: auto;
          right: calc(50% + 400px);
          width: 487px;
          height: 514px;
          background-size: 487px 514px; } }
    .yates-container .floating-mark.version-5 {
      top: calc(50% - 140px);
      left: -90px;
      width: 265px;
      height: 280px;
      background-size: 265px 280px;
      opacity: 0.25; }
      @media (min-width: 55rem) {
        .yates-container .floating-mark.version-5 {
          top: calc(50% - 305px);
          left: 0;
          width: 577px;
          height: 609px;
          background-size: 577px 609px; } }
    .yates-container .floating-mark.version-6 {
      top: -2rem;
      left: 50%;
      width: 530px;
      height: 540px;
      background-size: 530px 540px;
      opacity: 0.25; }
      @media (min-width: 55rem) {
        .yates-container .floating-mark.version-6 {
          top: -6rem;
          width: 835px;
          height: 881px;
          background-size: 835px 881px; } }