.header-menu {
  width: 100%;
  background-color: #2c2c2c; }

body .fb {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -webkit-flex: 1 1 auto; }
  body .fb .grow {
    flex-grow: 1;
    -ms-flex-positive: 1; }

body .home-page {
  font-size: 16px; }
  body .home-page .row {
    margin-bottom: 2.5em; }
    body .home-page .row a {
      display: block;
      position: relative; }
    body .home-page .row .cover {
      background-color: black;
      opacity: 0;
      height: 100%;
      width: 175%;
      position: absolute;
      z-index: 2;
      transition: all ease-out .5s; }
    body .home-page .row h3 {
      padding: .5em 0;
      text-transform: uppercase;
      z-index: 10;
      text-align: center;
      position: absolute;
      /*color: white;*/
      color: white;
      transform: translateX(-50%) translateY(-50%) rotate(0deg);
      width: 100%;
      font-weight: 800;
      font-size: 1.5em;
      transition: all ease-out .5s; }
    body .home-page .row p {
      color: white;
      padding: 1em;
      font-size: 1.05em;
      position: absolute;
      color: white;
      z-index: 100;
      width: 90%;
      transition: all ease-out .7s; }
      body .home-page .row p span {
        opacity: 0;
        transition: opacity ease-out .3s; }
    body .home-page .row img {
      width: 100%; }
    body .home-page .row .image {
      position: relative;
      overflow: hidden;
      cursor: pointer; }
  body .home-page .row-one .image-one {
    height: 23em;
    width: 10em;
    margin-right: 2.5em; }
    body .home-page .row-one .image-one .cover {
      width: 175%;
      height: 23em;
      border-bottom-right-radius: 50%;
      border-top-right-radius: 50%;
      left: -175%; }
    body .home-page .row-one .image-one h3 {
      padding: .5em 0;
      left: 50%;
      width: 100%;
      top: -10%; }
    body .home-page .row-one .image-one p {
      left: 5%;
      top: 95%;
      z-index: 100; }
    body .home-page .row-one .image-one:hover .cover {
      opacity: 0.5;
      left: 0; }
    body .home-page .row-one .image-one:hover h3 {
      top: 15%; }
    body .home-page .row-one .image-one:hover p {
      top: 75%; }
      body .home-page .row-one .image-one:hover p span {
        opacity: 1; }
  body .home-page .row-one .image-two {
    height: 23em;
    width: 10em; }
    body .home-page .row-one .image-two .cover {
      height: 100%;
      width: 175%;
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      right: -175%; }
    body .home-page .row-one .image-two h3 {
      padding: .5em 0;
      left: 50%;
      width: 100%;
      top: -10%; }
    body .home-page .row-one .image-two p {
      left: 5%;
      top: 95%;
      z-index: 100; }
    body .home-page .row-one .image-two:hover .cover {
      opacity: 0.5;
      right: 0; }
    body .home-page .row-one .image-two:hover h3 {
      top: 15%; }
    body .home-page .row-one .image-two:hover p {
      top: 75%; }
      body .home-page .row-one .image-two:hover p span {
        opacity: 1; }
  body .home-page .row-two .image-two-three-holder {
    height: 48.5em;
    width: 10em;
    margin-right: 2.5em; }
    body .home-page .row-two .image-two-three-holder .image-three {
      height: 23em;
      width: 100%;
      margin-bottom: 2.5em; }
      body .home-page .row-two .image-two-three-holder .image-three .cover {
        width: 175%;
        border-bottom-right-radius: 50%;
        border-top-right-radius: 50%;
        left: -175%; }
      body .home-page .row-two .image-two-three-holder .image-three h3 {
        padding: .5em 0;
        left: 50%;
        width: 100%;
        top: -10%; }
      body .home-page .row-two .image-two-three-holder .image-three p {
        left: 5%;
        top: 95%;
        z-index: 100; }
      body .home-page .row-two .image-two-three-holder .image-three:hover .cover {
        opacity: 0.5;
        left: 0; }
      body .home-page .row-two .image-two-three-holder .image-three:hover h3 {
        top: 15%; }
      body .home-page .row-two .image-two-three-holder .image-three:hover p {
        top: 75%; }
        body .home-page .row-two .image-two-three-holder .image-three:hover p span {
          opacity: 1; }
    body .home-page .row-two .image-two-three-holder .image-four {
      height: 23em;
      width: 100%; }
      body .home-page .row-two .image-two-three-holder .image-four .cover {
        width: 175%;
        border-bottom-right-radius: 50%;
        border-top-right-radius: 50%;
        left: -175%; }
      body .home-page .row-two .image-two-three-holder .image-four h3 {
        padding: .5em 0;
        left: 50%;
        width: 100%;
        top: -10%; }
      body .home-page .row-two .image-two-three-holder .image-four p {
        left: 5%;
        top: 95%;
        z-index: 100; }
      body .home-page .row-two .image-two-three-holder .image-four:hover .cover {
        opacity: 0.5;
        left: 0; }
      body .home-page .row-two .image-two-three-holder .image-four:hover h3 {
        top: 15%; }
      body .home-page .row-two .image-two-three-holder .image-four:hover p {
        top: 75%; }
        body .home-page .row-two .image-two-three-holder .image-four:hover p span {
          opacity: 1; }
  body .home-page .row-two .image-five {
    height: 48.5em;
    width: 10em; }
    body .home-page .row-two .image-five .cover {
      height: 200%;
      width: 100%;
      border-bottom-left-radius: 50%;
      border-bottom-right-radius: 50%;
      top: -175%;
      left: 0; }
    body .home-page .row-two .image-five h3 {
      padding: .5em 0;
      left: 50%;
      width: 100%;
      top: -10%; }
    body .home-page .row-two .image-five p {
      left: 5%;
      top: 95%;
      z-index: 100; }
    body .home-page .row-two .image-five:hover .cover {
      opacity: 0.5;
      top: 0%; }
    body .home-page .row-two .image-five:hover h3 {
      top: 15%; }
    body .home-page .row-two .image-five:hover p {
      top: 75%; }
      body .home-page .row-two .image-five:hover p span {
        opacity: 1; }
  body .home-page .row-three .image-six {
    height: 32em;
    width: 10em;
    margin-right: 2.5em;
    flex-grow: 1;
    overflow: hidden; }
    body .home-page .row-three .image-six .cover {
      width: 175%;
      border-bottom-right-radius: 50%;
      border-top-right-radius: 50%;
      left: -175%; }
    body .home-page .row-three .image-six h3 {
      padding: .5em 0;
      left: 50%;
      width: 100%;
      top: -10%; }
    body .home-page .row-three .image-six p {
      left: 5%;
      top: 95%;
      z-index: 100; }
    body .home-page .row-three .image-six:hover .cover {
      opacity: 0.5;
      left: 0; }
    body .home-page .row-three .image-six:hover h3 {
      top: 15%; }
    body .home-page .row-three .image-six:hover p {
      top: 75%; }
      body .home-page .row-three .image-six:hover p span {
        opacity: 1; }
  body .home-page .row-three .image-seven {
    height: 32em;
    width: 10em;
    flex-grow: 3;
    overflow: hidden; }
    body .home-page .row-three .image-seven .cover {
      height: 100%;
      width: 175%;
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      right: -175%; }
    body .home-page .row-three .image-seven h3 {
      padding: .5em 0;
      left: 50%;
      width: 100%;
      top: -10%; }
    body .home-page .row-three .image-seven p {
      left: 5%;
      top: 95%;
      z-index: 100; }
    body .home-page .row-three .image-seven:hover .cover {
      opacity: 0.5;
      right: 0; }
    body .home-page .row-three .image-seven:hover h3 {
      top: 15%; }
    body .home-page .row-three .image-seven:hover p {
      top: 75%; }
      body .home-page .row-three .image-seven:hover p span {
        opacity: 1; }
  body .home-page .row-four .image-eight {
    height: 23em;
    width: 10em;
    margin-right: 2.5em; }
    body .home-page .row-four .image-eight .cover {
      width: 175%;
      border-bottom-right-radius: 50%;
      border-top-right-radius: 50%;
      left: -175%; }
    body .home-page .row-four .image-eight h3 {
      padding: .5em 0;
      left: 50%;
      width: 100%;
      top: -10%; }
    body .home-page .row-four .image-eight p {
      left: 5%;
      top: 95%;
      z-index: 100; }
    body .home-page .row-four .image-eight:hover .cover {
      opacity: 0.5;
      left: 0; }
    body .home-page .row-four .image-eight:hover h3 {
      top: 15%; }
    body .home-page .row-four .image-eight:hover p {
      top: 75%; }
      body .home-page .row-four .image-eight:hover p span {
        opacity: 1; }
  body .home-page .row-four .image-nine {
    height: 23em;
    width: 10em;
    flex-grow: 2; }
    body .home-page .row-four .image-nine .cover {
      height: 100%;
      width: 175%;
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      right: -175%; }
    body .home-page .row-four .image-nine h3 {
      padding: .5em 0;
      left: 50%;
      width: 100%;
      top: -10%; }
    body .home-page .row-four .image-nine p {
      left: 5%;
      top: 95%;
      z-index: 100; }
    body .home-page .row-four .image-nine:hover .cover {
      opacity: 0.5;
      right: 0; }
    body .home-page .row-four .image-nine:hover h3 {
      top: 15%; }
    body .home-page .row-four .image-nine:hover p {
      top: 75%; }
      body .home-page .row-four .image-nine:hover p span {
        opacity: 1; }
  body .home-page .row-five .image-ten {
    height: 40em;
    width: 100%;
    overflow: hidden; }
    body .home-page .row-five .image-ten .cover {
      width: 175%;
      border-bottom-right-radius: 50%;
      border-top-right-radius: 50%;
      left: -175%; }
    body .home-page .row-five .image-ten h3 {
      padding: .5em 0;
      left: 50%;
      width: 100%;
      top: -10%; }
    body .home-page .row-five .image-ten p {
      left: 5%;
      top: 95%;
      z-index: 100; }
    body .home-page .row-five .image-ten:hover .cover {
      opacity: 0.5;
      left: 0; }
    body .home-page .row-five .image-ten:hover h3 {
      top: 15%; }
    body .home-page .row-five .image-ten:hover p {
      top: 75%; }
      body .home-page .row-five .image-ten:hover p span {
        opacity: 1; }
  body .home-page .row-six .image-eleven {
    height: 22em;
    width: 100%;
    overflow: hidden; }
    body .home-page .row-six .image-eleven .cover {
      width: 175%;
      border-bottom-right-radius: 50%;
      border-top-right-radius: 50%;
      left: -175%; }
    body .home-page .row-six .image-eleven h3 {
      padding: .5em 0;
      left: 50%;
      width: 100%;
      top: -10%; }
    body .home-page .row-six .image-eleven p {
      left: 5%;
      top: 95%;
      z-index: 100; }
    body .home-page .row-six .image-eleven:hover .cover {
      opacity: 0.5;
      left: 0; }
    body .home-page .row-six .image-eleven:hover h3 {
      top: 15%; }
    body .home-page .row-six .image-eleven:hover p {
      top: 75%; }
      body .home-page .row-six .image-eleven:hover p span {
        opacity: 1; }
  @media only screen and (max-width: 1368px) {
    body .home-page {
      font-size: 12px; } }
  @media only screen and (max-width: 900px) {
    body .home-page {
      font-size: 10px; } }
  @media only screen and (max-width: 775px) {
    body .home-page {
      font-size: 10px; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 700px) and (-webkit-min-device-pixel-ratio: 2) {
    body .home-page .fb {
      display: block; }
    body .home-page .row .image {
      height: 100% !important;
      width: 100% !important; }
      body .home-page .row .image .cover {
        height: 98.5% !important;
        width: 100% !important;
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
        opacity: 0.3 !important;
        left: 0 !important;
        top: 0 !important; }
    body .home-page .row a {
      margin-bottom: 2em;
      display: block; }
    body .home-page .row-one .image-one {
      margin-right: 0; }
      body .home-page .row-one .image-one h3 {
        padding: .5em 0;
        left: 50%;
        width: 100%;
        top: 15%; }
      body .home-page .row-one .image-one p {
        left: 5%;
        top: 75%;
        z-index: 100; }
        body .home-page .row-one .image-one p span {
          opacity: 1; }
    body .home-page .row-one .image-two {
      height: 23em;
      width: 10em; }
      body .home-page .row-one .image-two .cover {
        height: 100%;
        width: 175%;
        border-bottom-left-radius: 50%;
        border-top-left-radius: 50%;
        opacity: 0.5;
        right: 0; }
      body .home-page .row-one .image-two h3 {
        padding: .5em 0;
        left: 50%;
        width: 100%;
        top: 15%; }
      body .home-page .row-one .image-two p {
        left: 5%;
        top: 75%;
        z-index: 100; }
        body .home-page .row-one .image-two p span {
          opacity: 1; }
    body .home-page .row-two .image-two-three-holder {
      height: 100%;
      width: 100%;
      margin-right: 2.5em; }
      body .home-page .row-two .image-two-three-holder .image-three {
        height: 100%;
        width: 100%;
        margin-bottom: 2.5em; }
        body .home-page .row-two .image-two-three-holder .image-three .cover {
          width: 175%;
          border-bottom-right-radius: 50%;
          border-top-right-radius: 50%;
          opacity: 0.5;
          left: 0; }
        body .home-page .row-two .image-two-three-holder .image-three h3 {
          padding: .5em 0;
          left: 50%;
          width: 100%;
          top: 15%; }
        body .home-page .row-two .image-two-three-holder .image-three p {
          left: 5%;
          top: 75%;
          z-index: 100; }
          body .home-page .row-two .image-two-three-holder .image-three p span {
            opacity: 1; }
      body .home-page .row-two .image-two-three-holder .image-four {
        height: 100%;
        width: 100%; }
        body .home-page .row-two .image-two-three-holder .image-four .cover {
          width: 175%;
          border-bottom-right-radius: 50%;
          border-top-right-radius: 50%;
          opacity: 0.5;
          left: 0; }
        body .home-page .row-two .image-two-three-holder .image-four h3 {
          padding: .5em 0;
          left: 50%;
          width: 100%;
          top: 15%; }
        body .home-page .row-two .image-two-three-holder .image-four p {
          left: 5%;
          top: 75%;
          z-index: 100; }
          body .home-page .row-two .image-two-three-holder .image-four p span {
            opacity: 1; }
    body .home-page .row-two .image-five {
      height: 100%;
      width: 100%; }
      body .home-page .row-two .image-five .cover {
        height: 99% !important;
        width: 100% !important;
        top: 0%;
        left: 0; }
      body .home-page .row-two .image-five h3 {
        padding: .5em 0;
        left: 50%;
        width: 100%;
        top: 15%; }
      body .home-page .row-two .image-five p {
        left: 5%;
        top: 75%;
        z-index: 100; }
        body .home-page .row-two .image-five p span {
          opacity: 1; }
    body .home-page .row-three .image-six {
      margin-right: 2.5em;
      flex-grow: 1;
      overflow: hidden; }
      body .home-page .row-three .image-six .cover {
        height: 99% !important;
        width: 175%;
        left: 0; }
      body .home-page .row-three .image-six h3 {
        padding: .5em 0;
        left: 50%;
        width: 100%;
        top: 15%; }
      body .home-page .row-three .image-six p {
        left: 5%;
        top: 75%;
        z-index: 100; }
        body .home-page .row-three .image-six p span {
          opacity: 1; }
    body .home-page .row-three .image-seven {
      height: 32em;
      width: 10em;
      flex-grow: 3;
      overflow: hidden; }
      body .home-page .row-three .image-seven .cover {
        height: 100%;
        right: 0; }
      body .home-page .row-three .image-seven h3 {
        padding: .5em 0;
        left: 50%;
        width: 100%;
        top: 15%; }
      body .home-page .row-three .image-seven p {
        left: 5%;
        top: 75%;
        z-index: 100; }
        body .home-page .row-three .image-seven p span {
          opacity: 1; }
    body .home-page .row-four .image-eight {
      margin-right: 2.5em; }
      body .home-page .row-four .image-eight .cover {
        width: 175%;
        left: 0; }
      body .home-page .row-four .image-eight h3 {
        padding: .5em 0;
        left: 50%;
        width: 100%;
        top: 15%; }
      body .home-page .row-four .image-eight p {
        left: 5%;
        top: 75%;
        z-index: 100; }
        body .home-page .row-four .image-eight p span {
          opacity: 1; }
    body .home-page .row-four .image-nine {
      height: 23em;
      width: 10em;
      flex-grow: 2; }
      body .home-page .row-four .image-nine .cover {
        height: 100%;
        width: 175%;
        right: 0; }
      body .home-page .row-four .image-nine h3 {
        padding: .5em 0;
        left: 50%;
        width: 100%;
        top: 15%; }
      body .home-page .row-four .image-nine p {
        left: 5%;
        top: 75%;
        z-index: 100; }
        body .home-page .row-four .image-nine p span {
          opacity: 1; }
    body .home-page .row-five .image-ten {
      height: 40em;
      width: 100%;
      overflow: hidden; }
      body .home-page .row-five .image-ten .cover {
        width: 175%;
        left: 0; }
      body .home-page .row-five .image-ten h3 {
        padding: .5em 0;
        left: 50%;
        width: 100%;
        top: 15%; }
      body .home-page .row-five .image-ten p {
        left: 5%;
        top: 75%;
        z-index: 100; }
        body .home-page .row-five .image-ten p span {
          opacity: 1; }
    body .home-page .row-six .image-eleven {
      height: 22em;
      width: 100%;
      overflow: hidden; }
      body .home-page .row-six .image-eleven .cover {
        width: 175%;
        left: 0; }
      body .home-page .row-six .image-eleven h3 {
        padding: .5em 0;
        left: 50%;
        width: 100%;
        top: 15%; }
      body .home-page .row-six .image-eleven p {
        left: 5%;
        top: 75%;
        z-index: 100; }
        body .home-page .row-six .image-eleven p span {
          opacity: 1; } }