/**
 * Foundation for Sites
 * Version 6.7.4
 * https://get.foundation
 * Licensed under MIT Open Source
 */
.CalloutComponent {
  padding: 2rem 0;
  position: relative;
  margin-top: calc(2rem + 50px); }
  @media (min-width: 600px) {
    .CalloutComponent {
      padding-top: 4rem;
      padding-bottom: 4rem;
      margin-top: calc(4rem + 50px); } }
  .CalloutComponent:before {
    content: "";
    position: absolute;
    top: -50px;
    height: 120px;
    width: 180px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpolygon fill='%230073d1' points='6,4 0,0 0,8'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 32px 32px;
    z-index: -10; }
    @media (min-width: 1280px) {
      .CalloutComponent:before {
        width: 240px; } }
  .CalloutComponent.CalloutComponent-photo-left:before {
    left: 0; }
    @media (min-width: 1280px) {
      .CalloutComponent.CalloutComponent-photo-left:before {
        left: calc(((100vw - 1280px) / 2) + 1.5rem - 80px); } }
  .CalloutComponent.CalloutComponent-photo-right:before {
    right: 0; }
    @media (min-width: 1280px) {
      .CalloutComponent.CalloutComponent-photo-right:before {
        right: calc(((100vw - 1280px) / 2) + 1.5rem - 60px); } }

.CalloutComponent-dark-blue.CalloutComponent-photo-left {
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(1rem, transparent), color-stop(1rem, #004366), to(#004366));
  background: linear-gradient(to right, transparent 0%, transparent 1rem, #004366 1rem, #004366 100%); }
  @media (min-width: 840px) {
    .CalloutComponent-dark-blue.CalloutComponent-photo-left {
      background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(1.25rem, transparent), color-stop(1.25rem, #004366), to(#004366));
      background: linear-gradient(to right, transparent 0%, transparent 1.25rem, #004366 1.25rem, #004366 100%); } }
  @media (min-width: 1280px) {
    .CalloutComponent-dark-blue.CalloutComponent-photo-left {
      background: linear-gradient(to right, transparent 0%, transparent calc(((100vw - 1280px) / 2) + 1.5rem), #004366 calc(((100vw - 1280px) / 2) + 1.5rem), #004366 100%); } }

.CalloutComponent-dark-blue.CalloutComponent-photo-right {
  background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(1rem, transparent), color-stop(1rem, #004366), to(#004366));
  background: linear-gradient(to left, transparent 0%, transparent 1rem, #004366 1rem, #004366 100%); }
  @media (min-width: 840px) {
    .CalloutComponent-dark-blue.CalloutComponent-photo-right {
      background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(1.25rem, transparent), color-stop(1.25rem, #004366), to(#004366));
      background: linear-gradient(to left, transparent 0%, transparent 1.25rem, #004366 1.25rem, #004366 100%); } }
  @media (min-width: 1280px) {
    .CalloutComponent-dark-blue.CalloutComponent-photo-right {
      background: linear-gradient(to left, transparent 0%, transparent calc(((100vw - 1280px) / 2) + 1.5rem), #004366 calc(((100vw - 1280px) / 2) + 1.5rem), #004366 100%); } }

.CalloutComponent-bright-blue.CalloutComponent-photo-left {
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(1rem, transparent), color-stop(1rem, #0062b2), to(#0062b2));
  background: linear-gradient(to right, transparent 0%, transparent 1rem, #0062b2 1rem, #0062b2 100%); }
  @media (min-width: 840px) {
    .CalloutComponent-bright-blue.CalloutComponent-photo-left {
      background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(1.25rem, transparent), color-stop(1.25rem, #0062b2), to(#0062b2));
      background: linear-gradient(to right, transparent 0%, transparent 1.25rem, #0062b2 1.25rem, #0062b2 100%); } }
  @media (min-width: 1280px) {
    .CalloutComponent-bright-blue.CalloutComponent-photo-left {
      background: linear-gradient(to right, transparent 0%, transparent calc(((100vw - 1280px) / 2) + 1.5rem), #0062b2 calc(((100vw - 1280px) / 2) + 1.5rem), #0062b2 100%); } }

.CalloutComponent-bright-blue.CalloutComponent-photo-right {
  background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(1rem, transparent), color-stop(1rem, #0062b2), to(#0062b2));
  background: linear-gradient(to left, transparent 0%, transparent 1rem, #0062b2 1rem, #0062b2 100%); }
  @media (min-width: 840px) {
    .CalloutComponent-bright-blue.CalloutComponent-photo-right {
      background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(1.25rem, transparent), color-stop(1.25rem, #0062b2), to(#0062b2));
      background: linear-gradient(to left, transparent 0%, transparent 1.25rem, #0062b2 1.25rem, #0062b2 100%); } }
  @media (min-width: 1280px) {
    .CalloutComponent-bright-blue.CalloutComponent-photo-right {
      background: linear-gradient(to left, transparent 0%, transparent calc(((100vw - 1280px) / 2) + 1.5rem), #0062b2 calc(((100vw - 1280px) / 2) + 1.5rem), #0062b2 100%); } }

.CalloutComponent-gray.CalloutComponent-photo-left {
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(1rem, transparent), color-stop(1rem, #f8f8f8), to(#f8f8f8));
  background: linear-gradient(to right, transparent 0%, transparent 1rem, #f8f8f8 1rem, #f8f8f8 100%); }
  @media (min-width: 840px) {
    .CalloutComponent-gray.CalloutComponent-photo-left {
      background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(1.25rem, transparent), color-stop(1.25rem, #f8f8f8), to(#f8f8f8));
      background: linear-gradient(to right, transparent 0%, transparent 1.25rem, #f8f8f8 1.25rem, #f8f8f8 100%); } }
  @media (min-width: 1280px) {
    .CalloutComponent-gray.CalloutComponent-photo-left {
      background: linear-gradient(to right, transparent 0%, transparent calc(((100vw - 1280px) / 2) + 1.5rem), #f8f8f8 calc(((100vw - 1280px) / 2) + 1.5rem), #f8f8f8 100%); } }

.CalloutComponent-gray.CalloutComponent-photo-right {
  background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(1rem, transparent), color-stop(1rem, #f8f8f8), to(#f8f8f8));
  background: linear-gradient(to left, transparent 0%, transparent 1rem, #f8f8f8 1rem, #f8f8f8 100%); }
  @media (min-width: 840px) {
    .CalloutComponent-gray.CalloutComponent-photo-right {
      background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(1.25rem, transparent), color-stop(1.25rem, #f8f8f8), to(#f8f8f8));
      background: linear-gradient(to left, transparent 0%, transparent 1.25rem, #f8f8f8 1.25rem, #f8f8f8 100%); } }
  @media (min-width: 1280px) {
    .CalloutComponent-gray.CalloutComponent-photo-right {
      background: linear-gradient(to left, transparent 0%, transparent calc(((100vw - 1280px) / 2) + 1.5rem), #f8f8f8 calc(((100vw - 1280px) / 2) + 1.5rem), #f8f8f8 100%); } }

.CalloutComponent_Container {
  max-width: 1706.6624px; }
  .CalloutComponent-photo-left .CalloutComponent_Container {
    padding-left: 0; }
  .CalloutComponent-photo-right .CalloutComponent_Container {
    padding-right: 0; }

@media (min-width: 600px) {
  .CalloutComponent-photo-left .CalloutComponent_Grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-left: 0; } }

@media (min-width: 600px) {
  .CalloutComponent-photo-right .CalloutComponent_Grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin-right: 0; } }

@media (min-width: 840px) {
  .CalloutComponent_Cell1 {
    -ms-flex-item-align: center;
        align-self: center; } }

@media (min-width: 600px) {
  .CalloutComponent-photo-left .CalloutComponent_Cell1 {
    padding-left: 0; } }

@media (min-width: 600px) {
  .CalloutComponent-photo-right .CalloutComponent_Cell1 {
    padding-right: 0; } }

@media (min-width: 840px) {
  .CalloutComponent_Cell2 {
    -ms-flex-item-align: center;
        align-self: center; } }

.CalloutComponent-photo-left .CalloutComponent_Cell2 {
  padding-left: 2.5rem; }
  @media (min-width: 600px) {
    .CalloutComponent-photo-left .CalloutComponent_Cell2 {
      padding-left: 0.5rem; } }
  @media (min-width: 840px) {
    .CalloutComponent-photo-left .CalloutComponent_Cell2 {
      padding-left: 0.625rem; } }
  @media (min-width: 1280px) {
    .CalloutComponent-photo-left .CalloutComponent_Cell2 {
      padding-left: 5%;
      padding-right: calc(((100vw - 1280px) / 2) + (1.25rem / 2)); } }
  @media (min-width: 1706.6624px) {
    .CalloutComponent-photo-left .CalloutComponent_Cell2 {
      padding-right: calc(((1706.6624px - 1280px) / 2) + (1.25rem / 2)); } }

.CalloutComponent-photo-right .CalloutComponent_Cell2 {
  padding-right: 2.5rem; }
  @media (min-width: 600px) {
    .CalloutComponent-photo-right .CalloutComponent_Cell2 {
      padding-right: 0.5rem; } }
  @media (min-width: 840px) {
    .CalloutComponent-photo-right .CalloutComponent_Cell2 {
      padding-right: 0.625rem; } }
  @media (min-width: 1280px) {
    .CalloutComponent-photo-right .CalloutComponent_Cell2 {
      padding-right: 5%;
      padding-left: calc(((100vw - 1280px) / 2) + (1.25rem / 2)); } }
  @media (min-width: 1706.6624px) {
    .CalloutComponent-photo-right .CalloutComponent_Cell2 {
      padding-left: calc(((1706.6624px - 1280px) / 2) + (1.25rem / 2)); } }

.CalloutComponent_Eyebrow {
  font-size: .8125rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .125rem;
  margin-bottom: .5rem; }
  @media (min-width: 600px) {
    .CalloutComponent_Eyebrow {
      font-size: .875rem; } }
  .CalloutComponent-dark-blue .CalloutComponent_Eyebrow {
    color: #fff; }
  .CalloutComponent-bright-blue .CalloutComponent_Eyebrow {
    color: #fff; }

.CalloutComponent_Title {
  font-size: 1.4375rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -.0625rem;
  color: #000;
  margin: 0 0 .75rem 0; }
  @media (min-width: 960px) {
    .CalloutComponent_Title {
      font-size: 2.25rem;
      font-weight: bold;
      margin-bottom: 1.5rem; } }
  .CalloutComponent-dark-blue .CalloutComponent_Title {
    color: #fff; }
  .CalloutComponent-bright-blue .CalloutComponent_Title {
    color: #fff; }

.CalloutComponent_TextContent {
  color: #000;
  font-size: .9375rem; }
  @media (min-width: 960px) {
    .CalloutComponent_TextContent {
      font-size: 1rem; } }
  .CalloutComponent-dark-blue .CalloutComponent_TextContent {
    color: #fff; }
  .CalloutComponent-bright-blue .CalloutComponent_TextContent {
    color: #fff; }

.CalloutComponent_CtaLink {
  margin-top: 1.75rem; }
  @media (min-width: 960px) {
    .CalloutComponent_CtaLink {
      margin-top: 2.5rem; } }
  .CalloutComponent_CtaLink > .kite-btn {
    margin: 0;
    padding-left: 4rem;
    padding-right: 4rem;
    min-width: 13.125rem;
    display: inline-block;
    width: auto; }