@keyframes customFadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 0.5em, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes zoomOutElement {
  from {
    transform: scale(1) translate(0, 0); }
  to {
    transform: scale(4) translate(30px, -30px); } }

@keyframes dottedLoading {
  0%,
  80%,
  100% {
    box-shadow: 0 1.5em 0 -0.9em; }
  40% {
    box-shadow: 0 1.5em 0 0; } }

@keyframes stickyFadeInUp {
  from {
    transform: translate3d(0, 0.2em, 0);
    visibility: visible;
    opacity: 0; }
  to {
    transform: translate3d(0, -50%, 0);
    opacity: 1; } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.home-category {
  padding-top: 3em;
  padding-bottom: 2em;
  background-color: #f2f2f2; }
  @media (min-width: 992px) {
    .home-category {
      padding-top: 4.5em; } }
  .home-category .experience-region {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center; }
    @media (min-width: 992px) {
      .home-category .experience-region {
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto; } }
    .home-category .experience-region .experience-component {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      text-align: center;
      margin-bottom: 1.5em;
      padding-left: 0.5em;
      padding-right: 0.5em; }
      @media (min-width: 768px) {
        .home-category .experience-region .experience-component {
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%; } }
      @media (min-width: 992px) {
        .home-category .experience-region .experience-component {
          -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
          max-width: 33.33%;
          margin-bottom: 2.5em; } }
    .home-category .experience-region .image {
      margin-bottom: 0.5em; }
      @media (min-width: 992px) {
        .home-category .experience-region .image {
          margin-bottom: 1em; } }
      .home-category .experience-region .image a:hover img {
        transform: scale(1.1);
        transition: 0.3s linear; }
      .home-category .experience-region .image img {
        width: 4.5em;
        height: 4.5em; }
        @media (min-width: 992px) {
          .home-category .experience-region .image img {
            width: 5.5em;
            height: 5.5em; } }
    .home-category .experience-region .title {
      color: #004a8d;
      text-transform: uppercase;
      margin-bottom: 0;
      font-size: 16px;
      font-size: 1.14286rem; }
      @media (min-width: 992px) {
        .home-category .experience-region .title {
          font-size: 14px;
          font-size: 1rem;
          max-width: 60%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        .home-category .experience-region .title {
          font-size: 16px;
          font-size: 1.14286rem;
          max-width: 70%; } }
      .home-category .experience-region .title a {
        color: #004a8d; }
        .home-category .experience-region .title a:hover, .home-category .experience-region .title a:focus {
          color: #0080f3; }