#homepage-welcome {
  background: url(../../assets/images/homepage/bg.jpg) no-repeat center top;
  background-size: cover;
  min-height: 100vh;
  padding: 0 15px 125px 15px;
  position: relative; }
  #homepage-welcome > header {
    padding: 55px 30px 30px 30px;
    position: relative;
    min-height: 80px;
    z-index: 10; }
    @media screen and (max-width: 991px) {
      #homepage-welcome > header {
        padding-top: 15px;
        padding-bottom: 10px; } }
    #homepage-welcome > header .logo {
      float: left; }
    #homepage-welcome > header .toggle-btn {
      float: right;
      padding: 5px 10px;
      line-height: 1em;
      background: transparent; }
      #homepage-welcome > header .toggle-btn .line {
        margin: 5px 0 5px;
        height: 2px;
        background: #ccc;
        width: 20px; }
    #homepage-welcome > header nav.mobile-menu {
      clear: both; }
      #homepage-welcome > header nav.mobile-menu ul {
        list-style: none;
        margin: 10px 0;
        padding: 0 0; }
        #homepage-welcome > header nav.mobile-menu ul li {
          margin: 5px 0;
          padding: 0; }
          #homepage-welcome > header nav.mobile-menu ul li a {
            display: block;
            padding: 5px 5px;
            text-align: right;
            line-height: 20px;
            font-family: "Montserrat", Arial, sans-serif;
            font-weight: bold;
            font-size: 15px;
            vertical-align: middle; }
            #homepage-welcome > header nav.mobile-menu ul li a i.glyphicon.glyphicon-search {
              font-size: 20px; }
    #homepage-welcome > header nav.menu {
      float: right; }
      #homepage-welcome > header nav.menu.is-hidden {
        position: fixed;
        left: -10000px;
        top: -10000px; }
      #homepage-welcome > header nav.menu ul {
        list-style: none;
        margin: 0;
        padding: 10px 0 35px;
        white-space: nowrap; }
        #homepage-welcome > header nav.menu ul li {
          margin: 0;
          padding: 0 35px;
          text-transform: uppercase;
          display: inline-block; }
          #homepage-welcome > header nav.menu ul li.clearfix {
            float: none;
            margin: 0;
            padding: 0; }
          #homepage-welcome > header nav.menu ul li a {
            line-height: 20px;
            font-family: "Montserrat", Arial, sans-serif;
            font-weight: bold;
            font-size: 13px;
            vertical-align: middle; }
            #homepage-welcome > header nav.menu ul li a i.glyphicon.glyphicon-search {
              font-size: 20px; }
          #homepage-welcome > header nav.menu ul li.right-border {
            position: relative; }
            #homepage-welcome > header nav.menu ul li.right-border:before {
              position: absolute;
              content: "";
              width: 2px;
              height: 11px;
              right: 0;
              top: 50%;
              margin-top: -5px; }
          #homepage-welcome > header nav.menu ul li.left-padding {
            padding-left: 70px; }
          #homepage-welcome > header nav.menu ul li.right-padding {
            padding-right: 70px; }
          @media screen and (min-width: 1200px) and (max-width: 1500px) {
            #homepage-welcome > header nav.menu ul li {
              padding: 0 20px; }
            #homepage-welcome > header nav.menu ul li.left-padding {
              padding-left: 45px; }
            #homepage-welcome > header nav.menu ul li.right-padding {
              padding-right: 45px; } }
          @media screen and (max-width: 1199px) {
            #homepage-welcome > header nav.menu ul li {
              padding: 0 15px; }
            #homepage-welcome > header nav.menu ul li.left-padding {
              padding-left: 30px; }
            #homepage-welcome > header nav.menu ul li.right-padding {
              padding-right: 30px; } }
  #homepage-welcome > header nav ul li a {
    color: #fff; }
  #homepage-welcome > header nav ul .right-border:before {
    background: #fff; }
  #homepage-welcome > header .toggle-btn {
    border-color: #fff; }
    #homepage-welcome > header .toggle-btn .line {
      background: #fff; }
  #homepage-welcome .to-be-animated:not(.animated) {
    opacity: 0; }
  #homepage-welcome .logo-container {
    text-align: center;
    margin-top: 120px; }
    #homepage-welcome .logo-container .animated-logo {
      position: relative;
      margin: 0 auto 45px;
      width: 265px;
      height: 101px; }
      #homepage-welcome .logo-container .animated-logo .left {
        position: absolute;
        left: 0;
        top: 0;
        width: 187px;
        height: 101px;
        background: url(../images/homepage/logo-lg-left.png) left center;
        z-index: 5; }
      #homepage-welcome .logo-container .animated-logo .right {
        position: absolute;
        top: 0;
        left: 132px;
        width: 0;
        height: 101px;
        background: url(../images/homepage/logo-lg-right.png) right center;
        transition: all 0.7s; }
        #homepage-welcome .logo-container .animated-logo .right.full-size {
          width: 133px; }
    #homepage-welcome .logo-container img {
      display: block;
      margin: 0 auto;
      max-width: 100%; }
      #homepage-welcome .logo-container img.logo-text {
        margin-bottom: 25px; }
  #homepage-welcome .arrow-container {
    position: absolute;
    padding: 30px 0 42px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10; }
    #homepage-welcome .arrow-container a {
      display: block;
      height: 50px;
      background: url(../images/homepage/arrow.png) no-repeat center top; }
  #homepage-welcome header, #homepage-welcome .logo-container {
    position: relative;
    z-index: 10; }
  #homepage-welcome .overlay {
    background-color: black;
    opacity: 0.29;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  #homepage-welcome .gradient-overlay {
    background-image: -moz-linear-gradient(90deg, #222222 0%, rgba(34, 34, 34, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, #222222 0%, rgba(34, 34, 34, 0) 100%);
    background-image: -ms-linear-gradient(90deg, #222222 0%, rgba(34, 34, 34, 0) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 354px;
    max-height: 25%;
    z-index: 5; }

#homepage-tiles {
  background: #23221a; }
  #homepage-tiles .tile {
    float: left;
    padding: 4px;
    width: 33.333333%;
    position: relative; }
    #homepage-tiles .tile:after {
      display: block;
      content: '';
      position: relative;
      width: 100%;
      padding-top: 67%; }
    #homepage-tiles .tile .image {
      position: absolute;
      left: 4px;
      right: 4px;
      top: 4px;
      bottom: 4px;
      background: no-repeat center center;
      background-size: cover; }
      #homepage-tiles .tile .image:after {
        content: '';
        position: absolute;
        background: #000;
        opacity: 0.58;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: background 0.3s; }
    #homepage-tiles .tile a {
      z-index: 20;
      position: absolute;
      left: 4px;
      top: 4px;
      right: 4px;
      bottom: 4px;
      padding: 30px;
      font-family: Bebas Neue;
      font-size: 40px;
      color: #fff;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      vertical-align: middle;
      line-height: 240px; }
      #homepage-tiles .tile a span {
        display: inline-block;
        vertical-align: middle;
        line-height: 1em;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0); }
    #homepage-tiles .tile .footer {
      position: absolute;
      z-index: 10;
      left: 30px;
      bottom: 0;
      right: 30px;
      border-top: 2px solid rgba(255, 255, 255, 0.25);
      padding: 25px 0;
      font-size: 11px;
      font-family: "Montserrat", Arial, sans-serif;
      color: #fff;
      text-align: center;
      text-transform: uppercase; }
    #homepage-tiles .tile:hover .image:after {
      background: #ff2c01; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #homepage-tiles .tile {
        width: 50%;
        min-height: 300px; }
        #homepage-tiles .tile a {
          line-height: 240px; } }
    @media screen and (max-width: 767px) {
      #homepage-tiles .tile {
        width: 100%; } }

/*# sourceMappingURL=homepage.css.map */