*,
*:before,
*:after {
  box-sizing: border-box;
}
@media (min-width: 0em) {
  body {
    font-family: "museo-sans", sans-serif;
    color: #54585a;
    background-color: #fff;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "museo-sans", sans-serif;
  }
  html {
    font-size: 14px;
  }
  :focus {
    outline: 0 dotted #212121;
    outline: 0 auto -webkit-focus-ring-color;
  }
  /*Foundation Override to Make Backend Easier to Read*/
  .button,
  .button:focus,
  .button:hover {
    background-color: #031736;
  }
  /*PIMCORE AREA BAR*/
  .pimcore_areablock_toolbar.x-layer {
    z-index: 99999 !important;
  }
  /*GLOBAL*/
  /*Text Styles*/
  h2,
  .h2 {
    font-size: 26px;
    font-weight: 900;
    line-height: 26px;
  }
  h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
  }
  h4 {
    font-size: 16px;
    line-height: 16px;
    font-weight: 900;
  }
  p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
  p a {
    font-weight: 900;
  }
  .side-by-side-wrapper h2:after {
    content: "";
    display: block;
    height: 12px;
    width: 70px;
    margin: 1rem auto 1.5rem 0;
  }
  /*Hover Transitions*/
  a.Button,
  a.Link {
    transition: all 0.25s ease-in-out;
  }
  a:hover span svg {
    right: -8px;
  }
  /*Button*/
  a.Button {
    font-weight: 900;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    padding: 0.875rem 1.5rem;
    border-radius: 50px;
    display: inline-block !important;
    box-shadow: none;
  }
  a.Button:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  }

  hr.AccentBar {
    display: block;
    height: 12px;
    width: 70px;
    margin: 1rem auto 1.5rem 0;
    border: none;
  }

  /* FORMS*/
  /*Global*/
  form button.Button {
    font-weight: 900;
    padding: 14px 56px;
    border-radius: 50px;
    cursor: pointer;
  }
  form input[type="text"],
  form input[type="email"] {
    height: 48px;
  }
  form textarea {
    height: 195px;
  }
  form input[type="text"],
  form input[type="email"],
  form textarea {
    color: #54585a !important;
    font-size: 16px;
  }
  form input[type="text"],
  form input[type="email"],
  form textarea {
    border: 2px solid #031736;
    z-index: 0;
  }
  /*Blocktext Forms*/
  form label input[type="text"]:focus,
  form label input[type="email"]:focus {
    border: 2px solid #00a9e0 !important;
    padding: 12px 8px 0 !important;
  }
  form label textarea:focus {
    border: 2px solid #00a9e0 !important;
    padding: 16px 8px 0 !important;
  }
  form input::placeholder,
  form textarea::placeholder {
    color: #7c878e;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    z-index: 100 !important;
  }
  form input:focus::placeholder,
  form textarea:focus::placeholder {
    color: transparent;
  }
  form label {
    margin-bottom: -25px;
  }
  form label span {
    visibility: hidden;
    color: #00a9e0;
    font-size: 12px;
    position: relative;
    top: -60px;
    left: 10px;
    transition: all 0.05s ease-in;
  }

  form label input[type="text"]:focus + span,
  form label input[type="email"]:focus + span,
  form label textarea:focus + span,
  form label.has-val input[type="text"] + span,
  form label.has-val input[type="email"] + span,
  form label.has-val textarea + span {
    visibility: visible;
  }
  form label textarea + span,
  form label.has-val textarea + span {
    top: -225px;
    left: 11px;
  }
  @media (min-width: 40em) {
    form label span {
      top: -63px;
      left: 10px;
    }
    form label textarea + span,
    form label.has-val textarea + span {
      top: -227px;
    }
  }
  @media (min-width: 64em) {
    form label textarea + span,
    form label.has-val textarea + span {
      top: -227px;
    }
  }
  form label.has-val input[type="text"],
  form label.has-val input[type="email"],
  form label.has-val textarea {
    padding: 12px 8px 0 !important;
  }
  form label.has-val textarea {
    padding: 16px 8px 0 !important;
  }
  p#required-field {
    color: #54585a;
    font-size: 13px;
    line-height: 24px;
  }

  form input:-webkit-autofill,
  form textarea:-webkit-autofill,
  form select:-webkit-autofill {
    background-color: transparent !important;
  }
  @media (min-width: 64em) {
    form#contactform label:first-of-type,
    form#contactform label:nth-of-type(2) {
      width: 48.5%;
      float: left;
    }
    form#contactform label:first-of-type {
      margin-right: 3%;
    }
  }

  /*Color Schemes*/
  /*  .background-white { background: #fff; }
  .background-white h2 { color: #002D72; }
  .background-white h3 { color: #002D72; }
  .background-white p, .background-white ul { color: #54585A; }
  .background-white p a { color: #00A9E0; }
  .side-by-side-wrapper.background-white h2:after{ background-color: #002D72; }

  .background-pink { background: #CE0F69; }
  .background-pink h2 { color: #BDD6E6; }
  .background-pink h3 { color: #CE0F69; }
  .background-pink p, .background-pink ul { color: #fff; }
  .background-pink p a { color: #fff; }
  .side-by-side-wrapper.background-pink h2:after{ background-color: #BDD6E6; }

  .background-mint { background: #78D5E1; }
  .background-mint h2 { color: #031736; }
  .background-mint h3 { color: ; }
  .background-mint p, .background-mint ul { color: #031736; }
  .background-mint p a { color: #004EA8; }
  .side-by-side-wrapper.background-mint h2:after{ background-color: #031736; }

  .background-grey { background: #eceeee; }
  .background-grey h2 { color: #002D72; }
  .background-grey h3 { color: #002D72; }
  .background-grey p, .background-grey ul { color: #031736; }
  .background-grey p a { color: #CE0F69; }
  .side-by-side-wrapper.background-grey h2:after{ background-color: #002D72; }

  .background-navy { background: #031736; }
  .background-navy h2 { color: #78D5E1; }
  .background-navy h3 { color: ; }
  .background-navy p, .background-navy ul { color: #fff; }
  .background-navy p a { color: #CE0F69; }
  .side-by-side-wrapper.background-navy h2:after{ background-color: #78D5E1; }*/

  /*buttons*/
  /*  a.button-white{
    color: #031736;
    font-weight: 900;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    padding: 0.875rem 1.5rem;
    background: #fff;
    border-radius: 50px;
    display: inline-block;
  }*/
  /*  a.button-pink{
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    padding: 0.875rem 1.5rem;
    background: #CE0F69;
    border-radius: 50px;
    display: inline-block;
  }
  a.button-blue{
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    padding: 0.875rem 1.5rem;
    background: #004EA8;;
    border-radius: 50px;
    display: inline-block;
  }
  a.button-navy {
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    line-height: 16px;    
    text-align: center;
    text-transform: uppercase;
    padding: 0.875rem 1.5rem;
    background: #002D72;
    border-radius: 50px;
    display: inline-block;
  }*/
  /*SUBMODULE HEADING*/
  .submodule-heading {
    max-width: 1000px;
    margin: 0 auto;
  }
  .submodule-heading h3 {
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 900;
    color: #002d72;
  }
  /*Component Specific Formatting*/
  .side-by-side-wrapper .image-cell img {
    width: 100%;
  }
  .side-by-side-wrapper .text-cell,
  .allies-wrapper .text-cell,
  .side-by-side-cta-wrapper .text-cell {
    padding: 2rem 1rem;
  }
  .side-by-side-wrapper p:last-of-type {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 40em) {
  html {
    font-size: 16px;
  }
  /*SUBMODULE HEADING*/
  .submodule-heading h3 {
    font-size: 20px;
    line-height: 24px;
  }
  /*Text Styles*/
  h2 {
    font-size: 36px;
    line-height: 36px;
  }
  h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
  }
  p {
    font-size: 16px;
    line-height: 24px;
  }
  /*Component Specific Formatting*/
  .side-by-side-wrapper .text-cell,
  .allies-wrapper .text-cell,
  .side-by-side-cta-wrapper .text-cell {
    padding: 4rem 2rem;
  }
}
@media (min-width: 64em) {
  /*GLOBAL*/
  a.button-white {
    font-size: 16px;
  }
  a.button-pink {
    font-size: 16px;
  }
  a.button-blue {
    font-size: 16px;
  }
  a.button-navy {
    font-size: 16px;
  }
  /*Text Styles*/
  h2 {
    font-size: 44px;
    line-height: 46px;
  }
  h3 {
    font-size: 24px;
    line-height: 24px;
  }
  /*Component Specific Formatting*/
  .side-by-side-wrapper .text-cell,
  .allies-wrapper .text-cell,
  .side-by-side-cta-wrapper .text-cell {
    padding: 4rem;
  }
}
@media (min-width: 75em) {
}