/* variables */
@font-face {
  font-family: "niveau-grotesk";
  src: url("https://use.typekit.net/af/73e390/00000000000000003b9ad452/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/73e390/00000000000000003b9ad452/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/73e390/00000000000000003b9ad452/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 300; }
@font-face {
  font-family: "niveau-grotesk";
  src: url("https://use.typekit.net/af/dc8fcf/00000000000000003b9ad458/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/dc8fcf/00000000000000003b9ad458/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/dc8fcf/00000000000000003b9ad458/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: "niveau-grotesk";
  src: url("https://use.typekit.net/af/cbd3bf/00000000000000003b9ad455/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/cbd3bf/00000000000000003b9ad455/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/cbd3bf/00000000000000003b9ad455/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 500; }
@font-face {
  font-family: "niveau-grotesk";
  src: url("https://use.typekit.net/af/2a7fcc/00000000000000003b9ad44c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/2a7fcc/00000000000000003b9ad44c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/2a7fcc/00000000000000003b9ad44c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700; }
body {
  font-family: "niveau-grotesk",sans-serif; }

/* variables */
.top-section {
  position: relative; }

.main-wrapper {
  display: flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  flex-wrap: no-wrap;
  -webkit-flex-wrap: no-wrap;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 100vh; }
  .main-wrapper .footer {
    margin-top: auto; }

.header-outer {
  background-color: #2B2925;
  position: absolute;
  top: 0px;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 0 40px;
  padding: 20px 25px;
  transition: all 0.32s ease-in-out;
  -ms-transition: all 0.32s ease-in-out;
  -o-transition: all 0.32s ease-in-out;
  -moz-transition: all 0.32s ease-in-out;
  -webkit-transition: all 0.32s ease-in-out; }
  @media screen and (min-width: 768px) {
    .header-outer {
      padding: 20px 25px; } }
  @media screen and (min-width: 992px) {
    .header-outer {
      padding: 20px 40px; } }
  @media screen and (min-width: 1200px) {
    .header-outer {
      padding: 16px 50px; } }
  .header-outer .header {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    width: 100%;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between; }
    @media screen and (min-width: 768px) {
      .header-outer .header {
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center; } }
    .header-outer .header div.logo {
      min-width: 70px;
      width: 70px;
      transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      margin: 0;
      margin-right: auto; }
      @media screen and (min-width: 768px) {
        .header-outer .header div.logo {
          min-width: 86px;
          width: 100px; } }
      .header-outer .header div.logo a {
        margin: 0;
        width: 100%;
        position: relative;
        padding: 0 0 123.25%;
        display: block; }
        .header-outer .header div.logo a img {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0; }
      .header-outer .header div.logo img {
        max-width: 100%;
        height: auto;
        display: block; }
    .header-outer .header .navigation-toggle {
      height: 50px;
      cursor: pointer;
      margin-top: auto;
      margin-bottom: auto;
      transition: all 0.35s ease-in-out;
      -ms-transition: all 0.35s ease-in-out;
      -o-transition: all 0.35s ease-in-out;
      -moz-transition: all 0.35s ease-in-out;
      -webkit-transition: all 0.35s ease-in-out; }
      @media screen and (min-width: 1200px) {
        .header-outer .header .navigation-toggle {
          padding-right: 10px; } }
      .header-outer .header .navigation-toggle span {
        width: 40px;
        height: 4px;
        background-color: #ffffff;
        margin: 2px 0px;
        margin-top: 10px;
        position: relative;
        display: block;
        cursor: pointer;
        transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out; }

body {
  height: 100%;
  width: 100%; }

.menu-section {
  visibility: hidden;
  opacity: 0;
  background-color: rgba(43, 41, 37, 0.97);
  width: 100%;
  height: 100%;
  transition: all 0.32s ease-in-out;
  -ms-transition: all 0.32s ease-in-out;
  -o-transition: all 0.32s ease-in-out;
  -moz-transition: all 0.32s ease-in-out;
  -webkit-transition: all 0.32s ease-in-out;
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 99; }
  .menu-section .menu-logo-outer {
    position: relative;
    padding: 5px 25px;
    width: 100%;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    @media screen and (min-width: 768px) {
      .menu-section .menu-logo-outer {
        padding: 25px 30px; } }
    .menu-section .menu-logo-outer .menu-logo img {
      max-width: 70px;
      width: 70px;
      height: 86.28px; }
    .menu-section .menu-logo-outer .menu-close {
      background-image: url("../images/close.png");
      background-size: 35px;
      background-position: center;
      background-repeat: no-repeat;
      width: 35px;
      height: 35px;
      position: relative;
      cursor: pointer;
      margin-top: auto;
      margin-bottom: auto;
      margin-left: auto; }
  .menu-section .menu-outer {
    padding: 0px 30px;
    position: relative;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    height: calc(100vh - 112.283px);
    overflow: auto; }
    @media screen and (min-width: 768px) {
      .menu-section .menu-outer {
        height: calc(100vh - 152.283px); } }
    .menu-section .menu-outer .menu-inner {
      display: flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center;
      min-height: 380px;
      width: 100%;
      position: relative;
      margin-left: auto;
      margin-right: auto; }
      .menu-section .menu-outer .menu-inner::before {
        content: "";
        width: 1px;
        margin-right: -1px;
        min-height: calc(100vh - 112.283px);
        overflow: auto; }
        @media screen and (min-width: 768px) {
          .menu-section .menu-outer .menu-inner::before {
            min-height: calc(100vh - 152.283px); } }
    .menu-section .menu-outer .menu-navigation {
      margin-top: auto;
      margin-bottom: auto;
      clear: both;
      width: 100%;
      padding-bottom: 100px; }
      @media screen and (min-width: 768px) {
        .menu-section .menu-outer .menu-navigation {
          padding-bottom: 112px; } }
      .menu-section .menu-outer .menu-navigation #block-bulum-main-menu {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        width: 100%;
        margin-top: auto; }
        .menu-section .menu-outer .menu-navigation #block-bulum-main-menu ul.navbar-nav li {
          float: none;
          padding: 10px 0px; }
          @media screen and (min-width: 1600px) {
            .menu-section .menu-outer .menu-navigation #block-bulum-main-menu ul.navbar-nav li {
              padding: 20px 0px; } }
          .menu-section .menu-outer .menu-navigation #block-bulum-main-menu ul.navbar-nav li a {
            color: #ffffff;
            margin: 0px;
            text-align: center;
            display: inline-block;
            font-size: 26px;
            font-weight: 500;
            padding-left: 0px;
            padding-right: 0px;
            text-transform: uppercase;
            text-decoration: none;
            letter-spacing: 1px;
            width: 100%;
            padding-top: 0px;
            padding-bottom: 0px; }
            .menu-section .menu-outer .menu-navigation #block-bulum-main-menu ul.navbar-nav li a:hover, .menu-section .menu-outer .menu-navigation #block-bulum-main-menu ul.navbar-nav li a:focus {
              background-color: transparent;
              color: #ffffff; }
            @media screen and (min-width: 768px) {
              .menu-section .menu-outer .menu-navigation #block-bulum-main-menu ul.navbar-nav li a {
                font-size: 28px; } }
            @media screen and (min-width: 992px) {
              .menu-section .menu-outer .menu-navigation #block-bulum-main-menu ul.navbar-nav li a {
                font-size: 32px; } }
            @media screen and (min-width: 1600px) {
              .menu-section .menu-outer .menu-navigation #block-bulum-main-menu ul.navbar-nav li a {
                font-size: 41px; } }
      .menu-section .menu-outer .menu-navigation .menu-social {
        text-align: center;
        padding-top: 30px;
        margin-bottom: auto; }
        @media screen and (min-width: 1600px) {
          .menu-section .menu-outer .menu-navigation .menu-social {
            padding-top: 60px; } }
        .menu-section .menu-outer .menu-navigation .menu-social ul {
          padding: 0px;
          margin: 0px; }
          .menu-section .menu-outer .menu-navigation .menu-social ul li {
            list-style: none;
            width: 40px;
            height: 40px;
            border: 1px solid #ffffff;
            -ms-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            line-height: 1.8;
            display: inline-block;
            margin: 0px 6px;
            position: relative;
            text-align: center;
            transition: all 0.35s ease-in-out;
            -ms-transition: all 0.35s ease-in-out;
            -o-transition: all 0.35s ease-in-out;
            -moz-transition: all 0.35s ease-in-out;
            -webkit-transition: all 0.35s ease-in-out; }
            .menu-section .menu-outer .menu-navigation .menu-social ul li a {
              color: #ffffff;
              font-weight: 700;
              font-size: 22px;
              transition: all 0.35s ease-in-out;
              -ms-transition: all 0.35s ease-in-out;
              -o-transition: all 0.35s ease-in-out;
              -moz-transition: all 0.35s ease-in-out;
              -webkit-transition: all 0.35s ease-in-out; }
              .menu-section .menu-outer .menu-navigation .menu-social ul li a:before {
                position: absolute;
                content: "";
                width: 100%;
                height: 100%;
                display: block;
                left: 0px;
                top: 0px; }
              .menu-section .menu-outer .menu-navigation .menu-social ul li a span {
                display: none; }
            .menu-section .menu-outer .menu-navigation .menu-social ul li:hover, .menu-section .menu-outer .menu-navigation .menu-social ul li:focus {
              background-color: #ffffff; }
              .menu-section .menu-outer .menu-navigation .menu-social ul li:hover a, .menu-section .menu-outer .menu-navigation .menu-social ul li:focus a {
                color: #000000; }
    .menu-section .menu-outer .menu-copyright {
      position: absolute;
      bottom: 10%;
      text-align: center;
      left: 0;
      right: 0; }
      @media screen and (min-width: 1600px) {
        .menu-section .menu-outer .menu-copyright {
          bottom: 12%; } }
      .menu-section .menu-outer .menu-copyright .view-copyright-header p {
        font-size: 14px;
        color: #ffffff; }
        .menu-section .menu-outer .menu-copyright .view-copyright-header p a {
          text-decoration: none;
          color: #ffffff; }

.menu-visible {
  height: 100vh;
  -webkit-overflow: hidden;
  overflow: hidden;
  width: 100%;
  max-height: 100vh;
  top: 0;
  left: 0;
  transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out; }
  @media screen and (max-width: 767px) {
    .menu-visible {
      position: fixed;
      bottom: 0;
      top: 0;
      overflow: hidden !important; } }
  .menu-visible .menu-section {
    display: block;
    opacity: 1;
    visibility: visible; }
  .menu-visible .header-outer .header .logo, .menu-visible .header-outer .header .navigation-toggle {
    opacity: 0; }

.path-frontpage .top-section {
  position: relative; }
  .path-frontpage .top-section .header-outer {
    background-color: transparent;
    padding: 20px 20px 20px 30px; }
    @media screen and (min-width: 992px) {
      .path-frontpage .top-section .header-outer {
        padding: 20px 20px 20px 40px; } }
    @media screen and (min-width: 1600px) {
      .path-frontpage .top-section .header-outer {
        padding: 20px 30px 20px 50px; } }
    .path-frontpage .top-section .header-outer .header {
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      .path-frontpage .top-section .header-outer .header div.logo {
        min-width: 70px;
        width: 70px; }
        @media screen and (min-width: 768px) {
          .path-frontpage .top-section .header-outer .header div.logo {
            min-width: 140px;
            width: 140px; } }
        @media screen and (min-width: 1440px) {
          .path-frontpage .top-section .header-outer .header div.logo {
            min-width: 180px;
            width: 180px; } }
      @media screen and (min-width: 768px) {
        .path-frontpage .top-section .header-outer .header .navigation-toggle {
          bottom: 30px;
          position: relative; } }

body.fixed .top-section .header-outer {
  padding-top: 10px;
  padding-bottom: 10px;
  position: fixed;
  width: 100%;
  left: 0;
  background-color: #2B2925;
  z-index: 99; }
  body.fixed .top-section .header-outer .header div.logo {
    min-width: 60px;
    width: 50px;
    margin-bottom: 0; }
  body.fixed .top-section .header-outer .header .navigation-toggle {
    bottom: 0; }

.user-logged-in .menu-section {
  padding-top: 40px; }

.user-logged-in .menu-section .menu-outer .menu-navigation {
  padding-top: 0px; }

.user-logged-in .menu-section .menu-logo-outer {
  padding: 0px 30px; }

.user-logged-in .menu-section .menu-logo-outer .menu-close {
  top: 15px; }

.footer {
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top: none;
  background-color: #716B5F;
  color: #ffffff;
  padding-top: 50px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px; }
  @media screen and (min-width: 768px) {
    .footer {
      padding: 35px 30px; } }
  @media screen and (min-width: 992px) {
    .footer {
      padding: 35px 60px; } }
  @media screen and (min-width: 1200px) {
    .footer {
      padding: 30px 70px; } }
  @media screen and (min-width: 1600px) {
    .footer {
      padding: 35px 90px; } }
  @media screen and (min-width: 768px) {
    .footer #block-footerinfo {
      display: flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      -webkit-align-items: flex-start;
      -ms-align-items: flex-start;
      align-items: flex-start; } }
  .footer #block-footerinfo .footer-first {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .footer #block-footerinfo .footer-first {
        width: 42%;
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start; } }
    .footer #block-footerinfo .footer-first .footer-logo {
      width: 100%; }
      @media screen and (max-width: 767px) {
        .footer #block-footerinfo .footer-first .footer-logo {
          margin-bottom: 20px; } }
      @media screen and (min-width: 768px) {
        .footer #block-footerinfo .footer-first .footer-logo {
          width: 38%; } }
      .footer #block-footerinfo .footer-first .footer-logo .field--name-field-footer-logo {
        min-width: 100px;
        width: 100px;
        position: relative; }
        .footer #block-footerinfo .footer-first .footer-logo .field--name-field-footer-logo::after {
          display: block;
          padding: 0 0 123.25%;
          content: "";
          width: 100%; }
        .footer #block-footerinfo .footer-first .footer-logo .field--name-field-footer-logo img {
          max-width: 100%;
          height: auto;
          width: 100%;
          display: block;
          position: absolute;
          height: 100%;
          width: 100%;
          left: 0;
          top: 0; }
    .footer #block-footerinfo .footer-first .footer-address {
      width: 100%; }
      @media screen and (max-width: 767px) {
        .footer #block-footerinfo .footer-first .footer-address {
          margin-bottom: 20px; } }
      @media screen and (min-width: 768px) {
        .footer #block-footerinfo .footer-first .footer-address {
          width: 62%; } }
      .footer #block-footerinfo .footer-first .footer-address h3 {
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 20px;
        margin-top: 0px;
        font-weight: 500; }
      .footer #block-footerinfo .footer-first .footer-address .field--name-field-head-office {
        font-size: 14px; }
  .footer #block-footerinfo .footer-last {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .footer #block-footerinfo .footer-last {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        width: 58%; } }
    .footer #block-footerinfo .footer-last .footer-social {
      width: 100%; }
      @media screen and (max-width: 767px) {
        .footer #block-footerinfo .footer-last .footer-social {
          margin-bottom: 20px; } }
      @media screen and (min-width: 768px) {
        .footer #block-footerinfo .footer-last .footer-social {
          width: 50%; } }
      .footer #block-footerinfo .footer-last .footer-social h3 {
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 20px;
        font-weight: 500;
        margin-top: 0; }
      .footer #block-footerinfo .footer-last .footer-social .item-list--linkicon ul {
        padding: 0px;
        margin: 0px; }
        .footer #block-footerinfo .footer-last .footer-social .item-list--linkicon ul li {
          list-style: none;
          width: 35px;
          height: 35px;
          border: 1px solid #ffffff;
          -ms-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          line-height: 1.8;
          display: inline-block;
          background-color: transparent;
          margin-right: 10px;
          position: relative;
          text-align: center;
          transition: all 0.35s ease-in-out;
          -ms-transition: all 0.35s ease-in-out;
          -o-transition: all 0.35s ease-in-out;
          -moz-transition: all 0.35s ease-in-out;
          -webkit-transition: all 0.35s ease-in-out; }
          .footer #block-footerinfo .footer-last .footer-social .item-list--linkicon ul li a {
            color: #ffffff;
            font-weight: 700;
            font-size: 19px; }
            .footer #block-footerinfo .footer-last .footer-social .item-list--linkicon ul li a:before {
              position: absolute;
              content: "";
              width: 100%;
              height: 100%;
              display: block;
              left: 0px;
              top: 0px; }
            .footer #block-footerinfo .footer-last .footer-social .item-list--linkicon ul li a span {
              display: none; }
          .footer #block-footerinfo .footer-last .footer-social .item-list--linkicon ul li:hover, .footer #block-footerinfo .footer-last .footer-social .item-list--linkicon ul li:focus {
            background-color: #ffffff; }
            .footer #block-footerinfo .footer-last .footer-social .item-list--linkicon ul li:hover a, .footer #block-footerinfo .footer-last .footer-social .item-list--linkicon ul li:focus a {
              color: #000000; }
      .footer #block-footerinfo .footer-last .footer-social .field--name-field-copyright {
        padding-top: 20px; }
        .footer #block-footerinfo .footer-last .footer-social .field--name-field-copyright p {
          font-size: 14px;
          margin-bottom: 0px; }
          .footer #block-footerinfo .footer-last .footer-social .field--name-field-copyright p a {
            color: #ffffff;
            text-decoration: none; }
            .footer #block-footerinfo .footer-last .footer-social .field--name-field-copyright p a:hover, .footer #block-footerinfo .footer-last .footer-social .field--name-field-copyright p a:focus {
              text-decoration: underline;
              color: #000000; }

.footer-newsletter {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .footer-newsletter {
      width: 50%; } }
  .footer-newsletter h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 500;
    margin-top: 0; }
  .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    max-width: 280px; }
    @media screen and (min-width: 1200px) {
      .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form {
        max-width: 300px; } }
    @media screen and (min-width: 1200px) {
      .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form {
        max-width: 300px; } }
    @media screen and (min-width: 1600px) {
      .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form {
        max-width: 380px; } }
    .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form .mailchimp-newsletter-mergefields {
      width: 100%; }
    .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form .form-item label {
      display: none; }
    .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form .form-item input {
      background-color: transparent;
      border: none;
      box-shadow: none;
      color: #ffffff;
      border-bottom: 1px solid #ffffff;
      font-size: 14px;
      padding: 5px 0px;
      border-radius: 0px;
      height: 40px; }
      .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form .form-item input::-moz-placeholder {
        color: #ffffff;
        opacity: 1; }
      .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form .form-item input::-webkit-input-placeholder {
        opacity: 1;
        color: #ffffff; }
      .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form .form-item input:-ms-input-placeholder {
        opacity: 1;
        color: #ffffff; }
      .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form .form-item input::-ms-input-placeholder {
        opacity: 1;
        color: #ffffff; }
      .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form .form-item input:focus::-moz-placeholder {
        opacity: 1; }
        .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form .form-item input:focus::-moz-placeholder::-webkit-input-placeholder {
          opacity: 1; }
        .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form .form-item input:focus::-moz-placeholder:-ms-input-placeholder {
          opacity: 1; }
      .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form .form-item input:focus::-ms-input-placeholder {
        opacity: 1; }
    .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form .form-actions {
      margin-top: auto;
      margin-bottom: auto;
      margin-left: -15px; }
      .footer-newsletter #mailchimp-signup-subscribe-block-bulum-newsletter-form .form-actions button {
        background-color: transparent;
        background-image: url("../images/send-button.svg");
        padding: 0;
        margin: 0;
        background-repeat: no-repeat;
        background-size: 15px 15px;
        font-size: 0;
        width: 15px;
        background-position: center center;
        height: 24px;
        border: none; }

.banner-img img {
  width: 100%; }

.welcome-section {
  text-transform: uppercase;
  background-color: #464239;
  color: #ffffff;
  padding: 30px 20px 40px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .welcome-section {
      padding-top: 40px;
      padding-bottom: 60px; } }
  @media screen and (min-width: 1200px) {
    .welcome-section {
      padding-top: 50px;
      padding-bottom: 70px; } }
  @media screen and (min-width: 1600px) {
    .welcome-section {
      padding-top: 70px;
      padding-bottom: 90px; } }
  .welcome-section .field--name-body {
    max-width: 800px;
    margin: auto; }
    @media screen and (min-width: 1600px) {
      .welcome-section .field--name-body {
        max-width: 950px; } }
    .welcome-section .field--name-body p {
      display: inline-block;
      font-size: 22px;
      max-width: 27em;
      font-weight: 500 !important;
      line-height: 1.165; }
      @media screen and (min-width: 768px) {
        .welcome-section .field--name-body p {
          font-size: 26px; } }
      @media screen and (min-width: 1200px) {
        .welcome-section .field--name-body p {
          font-size: 32px; } }
      @media screen and (min-width: 1600px) {
        .welcome-section .field--name-body p {
          font-size: 41px; } }

.future-project h2 {
  text-align: center;
  color: #2B2925;
  margin: 0px;
  display: inline-block;
  font-size: 26px;
  line-height: 1.165;
  text-transform: uppercase;
  padding: 25px 20px;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .future-project h2 {
      font-size: 28px;
      padding-top: 25px;
      padding-bottom: 25px; } }
  @media screen and (min-width: 992px) {
    .future-project h2 {
      font-size: 32px; } }
  @media screen and (min-width: 1600px) {
    .future-project h2 {
      font-size: 41px; } }
@media screen and (min-width: 768px) {
  .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex; } }
.future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-left {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-left {
      width: 40%; } }
  .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-left img {
    width: 100%; }
.future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right {
  position: relative;
  cursor: pointer;
  width: 100%;
  transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out; }
  @media screen and (min-width: 768px) {
    .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right {
      width: 60%; } }
  .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right > a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    display: block; }
  .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right img {
    height: 100%;
    object-fit: cover;
    width: 100%; }
  .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right .overlay-outer {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 450ms ease-out 0s;
    -moz-transition: all 450ms ease-out 0s;
    -o-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s; }
    .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right .overlay-outer .overlay-color {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0.87; }
  .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right .hover-content {
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    max-width: 450px;
    z-index: 9;
    width: 100%; }
    .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right .hover-content .hover-logo img {
      max-width: 350px;
      display: block;
      height: auto;
      margin: auto; }
    .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right .hover-content .hover-link {
      padding-top: 25px; }
      .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right .hover-content .hover-link a {
        color: #F5F0EC;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        text-decoration: none; }
        .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right .hover-content .hover-link a:before {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0px;
          left: 0px;
          content: "";
          display: block; }
  .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right:hover .overlay-outer, .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right:focus .overlay-outer {
    opacity: 1; }
  .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right:hover:before, .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right:hover .hover-content, .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right:focus:before, .future-project .current-project .swiper-wrapper .swiper-slide .slide-outer .slide-right:focus .hover-content {
    opacity: 1;
    visibility: visible; }
@media screen and (min-width: 768px) {
  .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex; } }
.future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-right {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-right {
      width: 40%; } }
  .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-right img {
    width: 100%; }
.future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left {
  position: relative;
  cursor: pointer;
  width: 100%;
  transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out; }
  @media screen and (min-width: 768px) {
    .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left {
      width: 60%; } }
  .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left img {
    height: 100%;
    object-fit: cover;
    width: 100%; }
  .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left > a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    display: block; }
  .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left .overlay-outer {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 450ms ease-out 0s;
    -moz-transition: all 450ms ease-out 0s;
    -o-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s; }
    .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left .overlay-outer .overlay-color {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0.87; }
  .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left .hover-content {
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    max-width: 450px;
    z-index: 9;
    width: 100%; }
    .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left .hover-content .hover-logo img {
      max-width: 350px;
      display: block;
      height: auto;
      margin: auto; }
    .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left .hover-content .hover-link {
      padding-top: 25px; }
      .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left .hover-content .hover-link a {
        color: #F5F0EC;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        text-decoration: none; }
        .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left .hover-content .hover-link a:before {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0px;
          left: 0px;
          content: "";
          display: block; }
  .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left:hover .overlay-outer, .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left:focus .overlay-outer {
    opacity: 1; }
  .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left:hover:before, .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left:hover .hover-content, .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left:focus:before, .future-project .future-project .swiper-wrapper .swiper-slide .slide-outer .slide-left:focus .hover-content {
    opacity: 1;
    visibility: visible; }
.future-project .swiper-button-disabled {
  display: none; }
.future-project .swiper-button-next, .future-project .swiper-button-prev {
  background-image: none;
  width: 40px;
  height: 40px;
  background-color: #716B5F;
  text-align: center;
  transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out; }
  @media screen and (min-width: 768px) {
    .future-project .swiper-button-next, .future-project .swiper-button-prev {
      width: 40px;
      height: 40px; } }
  @media screen and (min-width: 1200px) {
    .future-project .swiper-button-next, .future-project .swiper-button-prev {
      width: 50px;
      height: 50px; } }
  .future-project .swiper-button-next:hover, .future-project .swiper-button-next:focus, .future-project .swiper-button-prev:hover, .future-project .swiper-button-prev:focus {
    background-color: #000000;
    outline: none;
    border: none; }
.future-project .swiper-button-next {
  right: 0px;
  opacity: 1 !important; }
  .future-project .swiper-button-next:before {
    content: "";
    display: block;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0px;
    right: -2px;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 100%;
    background-image: url("../images/next.png"); }
    @media screen and (min-width: 768px) {
      .future-project .swiper-button-next:before {
        background-size: 12px; } }
.future-project .swiper-button-prev {
  left: 0px;
  opacity: 1 !important; }
  .future-project .swiper-button-prev:before {
    content: "";
    display: block;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0px;
    left: -2px;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 100%;
    background-image: url("../images/previous.png"); }
    @media screen and (min-width: 768px) {
      .future-project .swiper-button-prev:before {
        background-size: 12px; } }

.footer-top #block-homeabout h2 {
  text-align: center;
  color: #2B2925;
  margin: 0px;
  display: inline-block;
  font-size: 26px;
  text-transform: uppercase;
  line-height: 1.165;
  padding: 25px 20px;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .footer-top #block-homeabout h2 {
      font-size: 28px;
      padding-top: 25px;
      padding-bottom: 25px; } }
  @media screen and (min-width: 992px) {
    .footer-top #block-homeabout h2 {
      font-size: 32px; } }
  @media screen and (min-width: 1600px) {
    .footer-top #block-homeabout h2 {
      font-size: 41px; } }
.footer-top #block-homeabout .home-about-block {
  width: 100%;
  display: flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex; }
  @media screen and (max-width: 767px) {
    .footer-top #block-homeabout .home-about-block {
      -ms-flex-direction: column-reverse;
      -webkit-flex-direction: column-reverse;
      flex-direction: column-reverse; } }
  @media screen and (min-width: 768px) {
    .footer-top #block-homeabout .home-about-block {
      background-color: #2B2925; } }
  .footer-top #block-homeabout .home-about-block .about-info {
    -ms-align-self: center;
    -webkit-align-self: center;
    align-self: center;
    width: 100%;
    padding: 40px 30px; }
    @media screen and (max-width: 767px) {
      .footer-top #block-homeabout .home-about-block .about-info {
        background-color: #2B2925; } }
    @media screen and (min-width: 768px) {
      .footer-top #block-homeabout .home-about-block .about-info {
        width: 39%;
        padding: 50px 30px; } }
    @media screen and (min-width: 992px) {
      .footer-top #block-homeabout .home-about-block .about-info {
        padding: 60px; } }
    @media screen and (min-width: 1200px) {
      .footer-top #block-homeabout .home-about-block .about-info {
        padding: 70px; } }
    @media screen and (min-width: 1600px) {
      .footer-top #block-homeabout .home-about-block .about-info {
        padding: 90px; } }
    .footer-top #block-homeabout .home-about-block .about-info h2 {
      text-align: left;
      color: #ffffff;
      margin: 0px;
      display: inline-block;
      font-size: 26px;
      padding: 0px;
      padding-bottom: 20px;
      line-height: 1.165;
      width: 100%; }
      @media screen and (min-width: 768px) {
        .footer-top #block-homeabout .home-about-block .about-info h2 {
          font-size: 28px;
          padding-bottom: 25px; } }
      @media screen and (min-width: 992px) {
        .footer-top #block-homeabout .home-about-block .about-info h2 {
          font-size: 32px;
          padding-bottom: 30px; } }
      @media screen and (min-width: 1600px) {
        .footer-top #block-homeabout .home-about-block .about-info h2 {
          font-size: 41px;
          padding-bottom: 45px; } }
    .footer-top #block-homeabout .home-about-block .about-info .about-body p {
      color: #F5F0EC;
      font-size: 16px; }
      @media screen and (min-width: 768px) {
        .footer-top #block-homeabout .home-about-block .about-info .about-body p {
          font-size: 18px; } }
    .footer-top #block-homeabout .home-about-block .about-info .about-link {
      margin-top: 20px; }
      @media screen and (min-width: 768px) {
        .footer-top #block-homeabout .home-about-block .about-info .about-link {
          margin-top: 30px; } }
      @media screen and (min-width: 1200px) {
        .footer-top #block-homeabout .home-about-block .about-info .about-link {
          margin-top: 35px; } }
      @media screen and (min-width: 1600px) {
        .footer-top #block-homeabout .home-about-block .about-info .about-link {
          margin-top: 45px; } }
      .footer-top #block-homeabout .home-about-block .about-info .about-link a {
        border: 2px solid #716B5F;
        background-color: #716B5F;
        padding: 12px 25px;
        color: #ffffff;
        transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        line-height: 1; }
        .footer-top #block-homeabout .home-about-block .about-info .about-link a:hover, .footer-top #block-homeabout .home-about-block .about-info .about-link a:focus {
          border: 2px solid #ffffff;
          background-color: transparent !important; }
        @media screen and (min-width: 1200px) {
          .footer-top #block-homeabout .home-about-block .about-info .about-link a {
            width: 215px; } }
  .footer-top #block-homeabout .home-about-block .about-image {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .footer-top #block-homeabout .home-about-block .about-image {
        width: 61%; } }
    .footer-top #block-homeabout .home-about-block .about-image .field--name-field-image {
      height: 100%; }
      .footer-top #block-homeabout .home-about-block .about-image .field--name-field-image img {
        height: 100%;
        object-fit: cover; }

.contact-page .contact-img {
  max-width: 1170px;
  margin: auto;
  padding-top: 0px;
  padding-bottom: 30px; }
  @media screen and (min-width: 768px) {
    .contact-page .contact-img {
      padding-top: 70px;
      padding-bottom: 50px; } }
  @media screen and (min-width: 1200px) {
    .contact-page .contact-img {
      padding-top: 100px;
      padding-bottom: 70px; } }
  .contact-page .contact-img .field--name-field-image .field--label {
    display: none; }
  .contact-page .contact-img .field--name-field-image img {
    width: 100%; }
.contact-page h1 {
  color: #2B2925;
  margin: 0px;
  display: inline-block;
  font-size: 26px;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 1.165;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .contact-page h1 {
      font-size: 28px;
      padding-bottom: 25px; } }
  @media screen and (min-width: 992px) {
    .contact-page h1 {
      font-size: 32px;
      padding-bottom: 35px; } }
  @media screen and (min-width: 1600px) {
    .contact-page h1 {
      font-size: 41px;
      padding-bottom: 45px; } }
.contact-page .contact-body {
  margin: auto;
  font-size: 14px;
  color: #2B2925;
  line-height: 1.6;
  text-align: center;
  padding: 0 15px; }
  @media screen and (min-width: 768px) {
    .contact-page .contact-body {
      max-width: 720px; } }
  @media screen and (min-width: 992px) {
    .contact-page .contact-body {
      max-width: 665px; } }
.contact-page .contact-info {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 35px; }
  @media screen and (min-width: 768px) {
    .contact-page .contact-info {
      padding-top: 30px;
      padding-bottom: 50px; } }
  @media screen and (min-width: 1200px) {
    .contact-page .contact-info {
      padding-top: 40px;
      padding-bottom: 70px; } }
  .contact-page .contact-info .phone, .contact-page .contact-info .email {
    padding-bottom: 3px; }
    .contact-page .contact-info .phone span, .contact-page .contact-info .email span {
      display: inline-block;
      color: #2B2925;
      font-size: 14px; }
    .contact-page .contact-info .phone a, .contact-page .contact-info .email a {
      display: inline-block;
      color: #2B2925;
      font-size: 14px; }
      .contact-page .contact-info .phone a .field--label, .contact-page .contact-info .email a .field--label {
        display: none; }
      .contact-page .contact-info .phone a .field--item, .contact-page .contact-info .email a .field--item {
        display: inline-block;
        color: #2B2925;
        font-size: 14px; }
        .contact-page .contact-info .phone a .field--item:hover, .contact-page .contact-info .phone a .field--item:focus, .contact-page .contact-info .email a .field--item:hover, .contact-page .contact-info .email a .field--item:focus {
          color: #716B5F; }
  .contact-page .contact-info .email a .field--item {
    font-weight: 700; }
.contact-page .contact-form {
  background-color: #F5F0EC;
  padding: 40px 15px; }
  @media screen and (min-width: 768px) {
    .contact-page .contact-form {
      padding: 65px 0px 80px; } }
  @media screen and (min-width: 992px) {
    .contact-page .contact-form {
      padding: 75px 0px 100px; } }
  @media screen and (min-width: 1600px) {
    .contact-page .contact-form {
      padding: 85px 0px 120px; } }
  .contact-page .contact-form h2 {
    color: #2B2925;
    margin: 0px;
    display: inline-block;
    font-size: 26px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 1.165;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .contact-page .contact-form h2 {
        font-size: 28px;
        padding-bottom: 25px; } }
    @media screen and (min-width: 992px) {
      .contact-page .contact-form h2 {
        font-size: 32px;
        padding-bottom: 35px; } }
    @media screen and (min-width: 1600px) {
      .contact-page .contact-form h2 {
        font-size: 41px;
        padding-bottom: 45px; } }
  .contact-page .contact-form .webform-submission-form {
    max-width: 840px;
    margin: auto !important; }
    @media screen and (min-width: 768px) {
      .contact-page .contact-form .webform-submission-form {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        margin: 0 -20px; } }
    .contact-page .contact-form .webform-submission-form .form-item {
      width: 100%; }
      @media screen and (min-width: 768px) {
        .contact-page .contact-form .webform-submission-form .form-item {
          width: 50%;
          padding: 0 20px;
          margin-bottom: 40px; } }
      .contact-page .contact-form .webform-submission-form .form-item label {
        color: #2B2925;
        font-size: 17px;
        font-weight: 700;
        text-transform: uppercase;
        position: relative; }
        .contact-page .contact-form .webform-submission-form .form-item label:after {
          color: #2B2925;
          position: absolute;
          top: 4px;
          background-image: none;
          background-size: 0px;
          content: "*"; }
      .contact-page .contact-form .webform-submission-form .form-item input {
        height: 50px; }
      .contact-page .contact-form .webform-submission-form .form-item input, .contact-page .contact-form .webform-submission-form .form-item textarea {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #343741;
        box-shadow: none;
        border-radius: 0px;
        font-size: 14px;
        color: #2B2925;
        padding: 15px 0px; }
        .contact-page .contact-form .webform-submission-form .form-item input::-moz-placeholder, .contact-page .contact-form .webform-submission-form .form-item textarea::-moz-placeholder {
          color: #2B2925;
          opacity: 1; }
        .contact-page .contact-form .webform-submission-form .form-item input::-webkit-input-placeholder, .contact-page .contact-form .webform-submission-form .form-item textarea::-webkit-input-placeholder {
          opacity: 1;
          color: #2B2925; }
        .contact-page .contact-form .webform-submission-form .form-item input:-ms-input-placeholder, .contact-page .contact-form .webform-submission-form .form-item textarea:-ms-input-placeholder {
          opacity: 1;
          color: #2B2925; }
        .contact-page .contact-form .webform-submission-form .form-item input::-ms-input-placeholder, .contact-page .contact-form .webform-submission-form .form-item textarea::-ms-input-placeholder {
          opacity: 1;
          color: #2B2925; }
        .contact-page .contact-form .webform-submission-form .form-item input:focus::-moz-placeholder, .contact-page .contact-form .webform-submission-form .form-item textarea:focus::-moz-placeholder {
          opacity: 1; }
          .contact-page .contact-form .webform-submission-form .form-item input:focus::-moz-placeholder::-webkit-input-placeholder, .contact-page .contact-form .webform-submission-form .form-item textarea:focus::-moz-placeholder::-webkit-input-placeholder {
            opacity: 1; }
          .contact-page .contact-form .webform-submission-form .form-item input:focus::-moz-placeholder:-ms-input-placeholder, .contact-page .contact-form .webform-submission-form .form-item textarea:focus::-moz-placeholder:-ms-input-placeholder {
            opacity: 1; }
        .contact-page .contact-form .webform-submission-form .form-item input:focus::-ms-input-placeholder, .contact-page .contact-form .webform-submission-form .form-item textarea:focus::-ms-input-placeholder {
          opacity: 1; }
      .contact-page .contact-form .webform-submission-form .form-item select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #343741;
        box-shadow: none;
        border-radius: 0px;
        font-size: 14px;
        color: #2B2925;
        padding: 8px 0px;
        background-image: url("../images/select.png");
        background-repeat: no-repeat;
        background-size: 12px;
        background-position: center right 5px;
        height: 50px; }
      .contact-page .contact-form .webform-submission-form .form-item .select-wrapper:after {
        display: none; }
    .contact-page .contact-form .webform-submission-form .js-form-type-select label:after, .contact-page .contact-form .webform-submission-form .form-item-postcode label:after, .contact-page .contact-form .webform-submission-form .js-form-type-textarea label:after {
      display: none; }
    .contact-page .contact-form .webform-submission-form .form-type-textarea {
      width: 100%; }
    .contact-page .contact-form .webform-submission-form .form-type-checkbox {
      position: relative;
      width: 50%;
      display: inline-block;
      margin-top: 0px; }
      .contact-page .contact-form .webform-submission-form .form-type-checkbox label {
        color: #2B2925;
        font-size: 14px;
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        font-weight: 300;
        text-transform: capitalize;
        padding-left: 0px;
        margin-left: 40px; }
        .contact-page .contact-form .webform-submission-form .form-type-checkbox label span {
          content: "";
          width: 18px;
          height: 18px;
          background-color: #ffffff;
          border: 1px solid #707070;
          -ms-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          margin-left: -30px;
          position: absolute;
          top: 1px;
          left: 0px;
          margin-top: 0px;
          display: inline-block; }
          .contact-page .contact-form .webform-submission-form .form-type-checkbox label span::after {
            content: "";
            display: block;
            width: 10px;
            margin: 3px;
            height: 10px;
            background: #ffffff;
            border-radius: 50%;
            -webkit-border-radius: 50%; }
        .contact-page .contact-form .webform-submission-form .form-type-checkbox label:after {
          display: none; }
        .contact-page .contact-form .webform-submission-form .form-type-checkbox label input {
          position: absolute;
          height: 18px;
          width: 18px;
          margin: 0;
          opacity: 0;
          cursor: pointer;
          top: 2px;
          margin-left: -30px;
          z-index: 1;
          display: block; }
      .contact-page .contact-form .webform-submission-form .form-type-checkbox input:checked + span::after {
        background-color: #2B2925; }
    .contact-page .contact-form .webform-submission-form .form-actions {
      text-align: right;
      padding-top: 10px; }
      @media screen and (min-width: 768px) {
        .contact-page .contact-form .webform-submission-form .form-actions {
          width: 47.5%;
          padding-top: 10px; } }
      .contact-page .contact-form .webform-submission-form .form-actions button {
        border: 2px solid #716B5F;
        background-color: #716B5F;
        padding: 12px 25px;
        color: #ffffff;
        transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        line-height: 1;
        border-radius: 0px;
        width: 175px;
        margin: 0px; }
        .contact-page .contact-form .webform-submission-form .form-actions button:hover, .contact-page .contact-form .webform-submission-form .form-actions button:focus {
          border: 2px solid #ffffff;
          background-color: transparent !important; }
        @media screen and (min-width: 768px) {
          .contact-page .contact-form .webform-submission-form .form-actions button {
            height: 66px; } }
        .contact-page .contact-form .webform-submission-form .form-actions button:hover, .contact-page .contact-form .webform-submission-form .form-actions button:focus {
          border: 2px solid #716B5F;
          color: #716B5F;
          background-color: transparent; }

a, button {
  transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out; }

.main-content, .inner-banner {
  transition: all 0.36s ease-in-out;
  -ms-transition: all 0.36s ease-in-out;
  -o-transition: all 0.36s ease-in-out;
  -moz-transition: all 0.36s ease-in-out;
  -webkit-transition: all 0.36s ease-in-out;
  padding-top: 126.28px; }
  @media screen and (min-width: 768px) {
    .main-content, .inner-banner {
      padding-top: 163.27px; } }
  @media screen and (min-width: 1200px) {
    .main-content, .inner-banner {
      padding-top: 155.27px; } }

body.fixed .main-content, body.fixed .inner-banner {
  padding-top: 93.95px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700; }

p {
  font-weight: 300; }

select::-ms-expand {
  display: none; }

body {
  position: relative;
  font-weight: 300; }
  body:before {
    width: 100%;
    height: 100%;
    background-color: rgba(43, 41, 37, 0.85);
    position: fixed;
    top: 0px;
    left: 0px;
    content: "";
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    z-index: 998; }

.user-login-form {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right: 30px; }
  @media screen and (min-width: 768px) {
    .user-login-form {
      padding: 50px 50px;
      max-width: 800px; } }
  @media screen and (min-width: 992px) {
    .user-login-form {
      padding: 60px 60px; } }
  @media screen and (min-width: 1200px) {
    .user-login-form {
      padding: 70px 70px; } }
  @media screen and (min-width: 1600px) {
    .user-login-form {
      padding: 80px 90px; } }
  .user-login-form .form-item label {
    color: #2B2925;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative; }
    .user-login-form .form-item label:after {
      color: #2B2925;
      position: absolute;
      top: 4px;
      background-image: none;
      background-size: 0px;
      content: "*"; }
  .user-login-form .form-item input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #343741;
    box-shadow: none;
    border-radius: 0px;
    font-size: 14px;
    color: #2B2925;
    padding: 15px 0px;
    height: 50px; }
    .user-login-form .form-item input::-moz-placeholder {
      color: #2B2925;
      opacity: 1; }
    .user-login-form .form-item input::-webkit-input-placeholder {
      opacity: 1;
      color: #2B2925; }
    .user-login-form .form-item input:-ms-input-placeholder {
      opacity: 1;
      color: #2B2925; }
    .user-login-form .form-item input::-ms-input-placeholder {
      opacity: 1;
      color: #2B2925; }
    .user-login-form .form-item input:focus::-moz-placeholder {
      opacity: 1; }
      .user-login-form .form-item input:focus::-moz-placeholder::-webkit-input-placeholder {
        opacity: 1; }
      .user-login-form .form-item input:focus::-moz-placeholder:-ms-input-placeholder {
        opacity: 1; }
    .user-login-form .form-item input:focus::-ms-input-placeholder {
      opacity: 1; }
  .user-login-form .form-actions {
    margin-top: 30px; }
    .user-login-form .form-actions button {
      border: 2px solid #716B5F;
      background-color: #716B5F;
      padding: 12px 25px;
      color: #ffffff;
      transition: all 0.35s ease-in-out;
      -ms-transition: all 0.35s ease-in-out;
      -o-transition: all 0.35s ease-in-out;
      -moz-transition: all 0.35s ease-in-out;
      -webkit-transition: all 0.35s ease-in-out;
      display: inline-block;
      font-size: 16px;
      font-weight: 500;
      text-transform: uppercase;
      text-align: center;
      text-decoration: none;
      line-height: 1;
      border-radius: 0px; }
      .user-login-form .form-actions button:hover, .user-login-form .form-actions button:focus {
        border: 2px solid #ffffff;
        background-color: transparent !important; }
      .user-login-form .form-actions button:hover, .user-login-form .form-actions button:focus {
        border: 2px solid #716B5F;
        color: #716B5F;
        background-color: transparent !important; }

body.form-visible {
  height: 100%;
  width: 100%;
  max-height: 100vh;
  -webkit-overflow: hidden;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    body.form-visible {
      overflow: hidden !important;
      position: fixed;
      bottom: 0;
      top: 0; } }

.alert.alert-success {
  font-size: 18px;
  text-align: center; }

.alert.alert-success {
  font-size: 18px;
  text-align: center;
  max-width: 768px;
  width: 94%;
  margin: 20px auto;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  border: 2px solid green;
  color: green;
  border-radius: 0;
  background: transparent; }
  .alert.alert-success p {
    font-weight: 400; }
  .alert.alert-success .close {
    opacity: .6;
    color: #000000; }

.about-us .section-about {
  background-color: #F5F0EC;
  text-align: center;
  padding: 40px 15px; }
  @media screen and (min-width: 768px) {
    .about-us .section-about {
      padding: 60px 0px; } }
  @media screen and (min-width: 1200px) {
    .about-us .section-about {
      padding: 90px 0px; } }
  @media screen and (min-width: 1600px) {
    .about-us .section-about {
      padding: 110px 0px; } }
  .about-us .section-about h1 {
    color: #2B2925;
    margin: 0px;
    display: inline-block;
    font-size: 26px;
    padding-left: 0px;
    padding-right: 0px;
    text-transform: uppercase;
    line-height: 1.165;
    width: 100%;
    padding-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .about-us .section-about h1 {
        font-size: 28px;
        padding-bottom: 25px; } }
    @media screen and (min-width: 992px) {
      .about-us .section-about h1 {
        font-size: 32px;
        padding-bottom: 30px; } }
    @media screen and (min-width: 1600px) {
      .about-us .section-about h1 {
        font-size: 41px;
        padding-bottom: 45px; } }
  .about-us .section-about p {
    margin: auto;
    font-size: 14px;
    color: #2B2925;
    line-height: 1.6; }
    @media screen and (min-width: 768px) {
      .about-us .section-about p {
        max-width: 720px; } }
    @media screen and (min-width: 992px) {
      .about-us .section-about p {
        max-width: 665px; } }
    @media screen and (min-width: 1200px) {
      .about-us .section-about p {
        max-width: 775px; } }
.about-us .founder-section {
  padding: 40px 15px; }
  @media screen and (min-width: 768px) {
    .about-us .founder-section {
      padding: 70px 15px; } }
  @media screen and (min-width: 1200px) {
    .about-us .founder-section {
      padding: 110px 0px; } }
  @media screen and (min-width: 1600px) {
    .about-us .founder-section {
      padding: 130px 0px; } }
  .about-us .founder-section .paragraph--type--founder {
    max-width: 1170px;
    margin: 0px auto;
    width: 100%;
    text-align: center; }
    .about-us .founder-section .paragraph--type--founder .founder-img {
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .about-us .founder-section .paragraph--type--founder .founder-img {
          margin-bottom: 30px; } }
      @media screen and (min-width: 1200px) {
        .about-us .founder-section .paragraph--type--founder .founder-img {
          margin-bottom: 50px; } }
      @media screen and (min-width: 1600px) {
        .about-us .founder-section .paragraph--type--founder .founder-img {
          margin-bottom: 60px; } }
      .about-us .founder-section .paragraph--type--founder .founder-img img {
        width: 100%; }
    .about-us .founder-section .paragraph--type--founder h2 {
      color: #2B2925;
      margin: 0px;
      display: inline-block;
      font-size: 26px;
      padding-left: 0px;
      padding-right: 0px;
      line-height: 1.165;
      text-transform: uppercase;
      width: 100%;
      padding-bottom: 10px; }
      @media screen and (min-width: 768px) {
        .about-us .founder-section .paragraph--type--founder h2 {
          font-size: 28px;
          padding-bottom: 10px; } }
      @media screen and (min-width: 992px) {
        .about-us .founder-section .paragraph--type--founder h2 {
          font-size: 32px; } }
      @media screen and (min-width: 1600px) {
        .about-us .founder-section .paragraph--type--founder h2 {
          font-size: 41px; } }
    .about-us .founder-section .paragraph--type--founder .founder-label {
      font-size: 14px;
      color: #2B2925; }
    .about-us .founder-section .paragraph--type--founder .founder-info {
      margin: auto;
      font-size: 14px;
      color: #2B2925;
      padding-top: 20px;
      line-height: 1.6; }
      @media screen and (min-width: 768px) {
        .about-us .founder-section .paragraph--type--founder .founder-info {
          max-width: 720px;
          padding-top: 25px; } }
      @media screen and (min-width: 992px) {
        .about-us .founder-section .paragraph--type--founder .founder-info {
          max-width: 665px;
          padding-top: 40px; } }
      @media screen and (min-width: 1200px) {
        .about-us .founder-section .paragraph--type--founder .founder-info {
          max-width: 775px; } }
.about-us .staff-section {
  background-color: #F5F0EC;
  padding: 40px 15px; }
  @media screen and (min-width: 768px) {
    .about-us .staff-section {
      padding: 60px 15px 20px; } }
  @media screen and (min-width: 1200px) {
    .about-us .staff-section {
      padding: 100px 0px 40px; } }
  @media screen and (min-width: 1600px) {
    .about-us .staff-section {
      padding: 120px 0px 40px; } }
  .about-us .staff-section .staff-inner {
    max-width: 1170px;
    margin: 0px auto;
    width: 100%; }
    .about-us .staff-section .staff-inner .staff-top-img {
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .about-us .staff-section .staff-inner .staff-top-img {
          margin-bottom: 30px; } }
      @media screen and (min-width: 1200px) {
        .about-us .staff-section .staff-inner .staff-top-img {
          margin-bottom: 50px; } }
      @media screen and (min-width: 1600px) {
        .about-us .staff-section .staff-inner .staff-top-img {
          margin-bottom: 60px; } }
      .about-us .staff-section .staff-inner .staff-top-img img {
        width: 100%; }
    .about-us .staff-section .staff-inner h2 {
      color: #2B2925;
      text-align: center;
      margin: 0px;
      display: inline-block;
      font-size: 26px;
      padding-left: 0px;
      padding-right: 0px;
      text-transform: uppercase;
      line-height: 1.165;
      width: 100%;
      padding-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .about-us .staff-section .staff-inner h2 {
          font-size: 28px;
          padding-bottom: 25px; } }
      @media screen and (min-width: 992px) {
        .about-us .staff-section .staff-inner h2 {
          font-size: 32px;
          padding-bottom: 35px; } }
      @media screen and (min-width: 1600px) {
        .about-us .staff-section .staff-inner h2 {
          font-size: 41px;
          padding-bottom: 50px; } }
    .about-us .staff-section .staff-inner .field--name-field-key-staff {
      max-width: 900px;
      margin: 0px auto !important;
      width: 100%; }
      @media screen and (min-width: 768px) {
        .about-us .staff-section .staff-inner .field--name-field-key-staff {
          display: flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: -webkit-box;
          display: -webkit-flex;
          flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
          -webkit-justify-content: space-between;
          -ms-justify-content: space-between;
          justify-content: space-between;
          margin: 0 -40px; } }
      @media screen and (min-width: 1200px) {
        .about-us .staff-section .staff-inner .field--name-field-key-staff {
          max-width: 1050px; } }
      .about-us .staff-section .staff-inner .field--name-field-key-staff .key-staff {
        width: 100%;
        margin-bottom: 25px; }
        @media screen and (min-width: 768px) {
          .about-us .staff-section .staff-inner .field--name-field-key-staff .key-staff {
            width: 50%;
            padding: 0 40px;
            margin-bottom: 40px; } }
        @media screen and (min-width: 768px) {
          .about-us .staff-section .staff-inner .field--name-field-key-staff .key-staff {
            margin-bottom: 50px; } }
        @media screen and (min-width: 1200px) {
          .about-us .staff-section .staff-inner .field--name-field-key-staff .key-staff {
            margin-bottom: 60px; } }
        @media screen and (min-width: 1600px) {
          .about-us .staff-section .staff-inner .field--name-field-key-staff .key-staff {
            margin-bottom: 80px; } }
        .about-us .staff-section .staff-inner .field--name-field-key-staff .key-staff .staff-img {
          margin-bottom: 20px; }
          @media screen and (min-width: 768px) {
            .about-us .staff-section .staff-inner .field--name-field-key-staff .key-staff .staff-img {
              margin-bottom: 35px; } }
          @media screen and (min-width: 1200px) {
            .about-us .staff-section .staff-inner .field--name-field-key-staff .key-staff .staff-img {
              margin-bottom: 45px; } }
          .about-us .staff-section .staff-inner .field--name-field-key-staff .key-staff .staff-img img {
            width: 100%; }
        .about-us .staff-section .staff-inner .field--name-field-key-staff .key-staff .staff-name {
          font-weight: 700;
          color: #2B2925;
          font-size: 14px; }
        .about-us .staff-section .staff-inner .field--name-field-key-staff .key-staff .staff-position {
          color: #2B2925;
          font-size: 14px; }
        .about-us .staff-section .staff-inner .field--name-field-key-staff .key-staff .staff-info {
          color: #2B2925;
          font-size: 14px;
          padding-top: 20px;
          line-height: 1.6; }
          @media screen and (min-width: 768px) {
            .about-us .staff-section .staff-inner .field--name-field-key-staff .key-staff .staff-info {
              padding-top: 30px; } }
          @media screen and (min-width: 1200px) {
            .about-us .staff-section .staff-inner .field--name-field-key-staff .key-staff .staff-info {
              padding-top: 40px; } }
.about-us .company-section {
  padding: 40px 15px; }
  @media screen and (min-width: 768px) {
    .about-us .company-section {
      padding: 70px 0px; } }
  @media screen and (min-width: 1200px) {
    .about-us .company-section {
      padding: 110px 0px; } }
  @media screen and (min-width: 1600px) {
    .about-us .company-section {
      padding: 130px 0px; } }
  .about-us .company-section .paragraph--type--company-infomation {
    max-width: 1170px;
    margin: 0px auto;
    width: 100%;
    text-align: center; }
    .about-us .company-section .paragraph--type--company-infomation .company-img {
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .about-us .company-section .paragraph--type--company-infomation .company-img {
          margin-bottom: 30px; } }
      @media screen and (min-width: 1200px) {
        .about-us .company-section .paragraph--type--company-infomation .company-img {
          margin-bottom: 50px; } }
      @media screen and (min-width: 1600px) {
        .about-us .company-section .paragraph--type--company-infomation .company-img {
          margin-bottom: 60px; } }
      .about-us .company-section .paragraph--type--company-infomation .company-img img {
        width: 100%; }
    .about-us .company-section .paragraph--type--company-infomation .comapny-label {
      color: #2B2925;
      margin: 0px;
      display: inline-block;
      font-size: 26px;
      font-weight: 500;
      padding-left: 0px;
      padding-right: 0px;
      line-height: 1.165;
      width: 100%;
      text-transform: uppercase;
      padding-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .about-us .company-section .paragraph--type--company-infomation .comapny-label {
          font-size: 28px;
          padding-bottom: 25px; } }
      @media screen and (min-width: 992px) {
        .about-us .company-section .paragraph--type--company-infomation .comapny-label {
          font-size: 32px;
          padding-bottom: 35px; } }
      @media screen and (min-width: 1600px) {
        .about-us .company-section .paragraph--type--company-infomation .comapny-label {
          font-size: 41px;
          padding-bottom: 45px; } }
    .about-us .company-section .paragraph--type--company-infomation .comapny-info {
      margin: auto;
      font-size: 14px;
      color: #2B2925;
      line-height: 1.6; }
      @media screen and (min-width: 768px) {
        .about-us .company-section .paragraph--type--company-infomation .comapny-info {
          max-width: 720px; } }
      @media screen and (min-width: 992px) {
        .about-us .company-section .paragraph--type--company-infomation .comapny-info {
          max-width: 665px; } }
      @media screen and (min-width: 1200px) {
        .about-us .company-section .paragraph--type--company-infomation .comapny-info {
          max-width: 775px; } }

#block-views-block-project-banner-block-1 img {
  width: 100%; }

@media screen and (min-width: 768px) {
  .three-block .field--name-field-three-blocks {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex; } }
.three-block .field--name-field-three-blocks > .field--item {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .three-block .field--name-field-three-blocks > .field--item {
      width: 33.3333%;
      height: auto; } }
  .three-block .field--name-field-three-blocks > .field--item img {
    width: 100%; }
  .three-block .field--name-field-three-blocks > .field--item .paragraph--type--text-with-bg-image {
    background-color: #F04937;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    height: 100%; }
    @media screen and (max-width: 767px) {
      .three-block .field--name-field-three-blocks > .field--item .paragraph--type--text-with-bg-image {
        padding: 150px 15px; } }
    .three-block .field--name-field-three-blocks > .field--item .paragraph--type--text-with-bg-image .field--name-field-content p {
      color: #F5F0EC;
      text-align: left;
      margin: 0px;
      display: inline-block;
      font-size: 26px;
      font-weight: 700;
      padding-left: 0px;
      padding-right: 0px;
      line-height: 1.5;
      width: 100%; }
      @media screen and (min-width: 768px) {
        .three-block .field--name-field-three-blocks > .field--item .paragraph--type--text-with-bg-image .field--name-field-content p {
          font-size: 22px;
          padding: 0 30px;
          line-height: 1; } }
      @media screen and (min-width: 992px) {
        .three-block .field--name-field-three-blocks > .field--item .paragraph--type--text-with-bg-image .field--name-field-content p {
          font-size: 28px;
          padding: 0 60px; } }
      @media screen and (min-width: 1600px) {
        .three-block .field--name-field-three-blocks > .field--item .paragraph--type--text-with-bg-image .field--name-field-content p {
          font-size: 40px;
          padding: 0 70px; } }

.project-image-slider {
  width: 100%;
  padding-top: 50px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .project-image-slider {
      padding-right: 2px;
      padding-left: 25px;
      padding-top: 40px; } }
  @media screen and (min-width: 1200px) {
    .project-image-slider {
      padding-top: 60px;
      padding-right: 40px;
      padding-left: 40px; } }
  @media screen and (min-width: 1600px) {
    .project-image-slider {
      padding-top: 70px;
      padding-right: 110px;
      max-width: 1600px;
      margin: auto;
      padding-left: 110px; } }
  .project-image-slider .field--name-field-project-images .swiper-slide img {
    width: 100%; }
  @media screen and (max-width: 767px) {
    .project-image-slider .swiper-button-next, .project-image-slider .swiper-button-prev {
      display: none; } }
  .project-image-slider .swiper-button-next {
    background-color: #F04937;
    width: 40px;
    height: 66px;
    background-image: none;
    right: 0px; }
    @media screen and (min-width: 768px) {
      .project-image-slider .swiper-button-next {
        right: 10px;
        width: 100px;
        height: 66px; } }
    @media screen and (min-width: 1200px) {
      .project-image-slider .swiper-button-next {
        right: 20px;
        width: 130px;
        height: 66px; } }
    @media screen and (min-width: 1600px) {
      .project-image-slider .swiper-button-next {
        right: 50px;
        width: 190px;
        height: 66px; } }
    .project-image-slider .swiper-button-next:before {
      content: "NEXT";
      display: block;
      color: #ffffff;
      font-size: 16px;
      font-weight: 700;
      line-height: 4.2; }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        .project-image-slider .swiper-button-next:before {
          text-align: center; } }
      @media screen and (min-width: 1200px) {
        .project-image-slider .swiper-button-next:before {
          padding-left: 30px; } }
  .project-image-slider .swiper-button-prev {
    background-color: #F04937;
    width: 40px;
    height: 66px;
    background-image: none;
    text-align: right;
    left: 0px; }
    @media screen and (min-width: 768px) {
      .project-image-slider .swiper-button-prev {
        left: 10px;
        width: 100px;
        height: 66px; } }
    @media screen and (min-width: 1200px) {
      .project-image-slider .swiper-button-prev {
        left: 20px;
        width: 130px;
        height: 66px; } }
    @media screen and (min-width: 1600px) {
      .project-image-slider .swiper-button-prev {
        left: 50px;
        width: 190px;
        height: 66px; } }
    .project-image-slider .swiper-button-prev:before {
      content: "PREVIOUS";
      display: block;
      color: #ffffff;
      font-size: 16px;
      font-weight: 700;
      line-height: 4.2; }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        .project-image-slider .swiper-button-prev:before {
          text-align: center; } }
      @media screen and (min-width: 1200px) {
        .project-image-slider .swiper-button-prev:before {
          padding-right: 30px; } }
  .project-image-slider .swiper-button-disabled {
    display: none; }

.project-downloads-outer {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .project-downloads-outer {
      padding-right: 25px;
      padding-left: 25px; } }
  @media screen and (min-width: 1200px) {
    .project-downloads-outer {
      padding-right: 40px;
      padding-left: 40px; } }
  @media screen and (min-width: 1600px) {
    .project-downloads-outer {
      padding-right: 110px;
      max-width: 1600px;
      margin: auto;
      padding-left: 110px; } }
  .project-downloads-outer .project-downloads {
    background-color: #2B2925;
    padding: 40px 20px; }
    @media screen and (min-width: 768px) {
      .project-downloads-outer .project-downloads {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        padding-right: 40px;
        padding-left: 40px; } }
    @media screen and (min-width: 1200px) {
      .project-downloads-outer .project-downloads {
        padding-top: 60px;
        padding-right: 70px;
        padding-left: 70px;
        padding-bottom: 60px; } }
    @media screen and (min-width: 1600px) {
      .project-downloads-outer .project-downloads {
        padding-top: 80px;
        padding-right: 110px;
        padding-left: 110px;
        padding-bottom: 80px; } }
    .project-downloads-outer .project-downloads h1 {
      color: #ffffff;
      text-align: left;
      margin: 0px;
      display: inline-block;
      font-size: 26px;
      padding-left: 0px;
      padding-right: 0px;
      text-transform: uppercase;
      line-height: 1.165;
      width: 100%;
      padding-bottom: 0px; }
      .field--name-field-short-text{
        font-weight: bold;
        padding-bottom: 20px;
      }
      @media screen and (min-width: 768px) {
        .project-downloads-outer .project-downloads h1 {
          font-size: 28px;
          padding-bottom: 0px; }
          .field--name-field-short-text{
            padding-bottom: 20px;
          }
         }
      @media screen and (min-width: 992px) {
        .project-downloads-outer .project-downloads h1 {
          font-size: 32px;
          padding-bottom: 0px; }
          .field--name-field-short-text{
            padding-bottom: 30px;
          }
         }
      @media screen and (min-width: 1600px) {
        .project-downloads-outer .project-downloads h1 {
          font-size: 41px;
          padding-bottom: 0px; }
          .field--name-field-short-text{
            padding-bottom: 35px;
          }
        }
    .project-downloads-outer .project-downloads p {
      display: inline-block;
      font-size: 18px;
      max-width: 670px;
      color: #ffffff; }
    .project-downloads-outer .project-downloads li {
      font-size: 18px;
      max-width: 670px;
      color: #ffffff;
    }
      @media screen and (min-width: 768px) {
        .project-downloads-outer .project-downloads p,
        .project-downloads-outer .project-downloads li {
          font-size: 14px; } }
      @media screen and (min-width: 1200px) {
        .project-downloads-outer .project-downloads p,
        .project-downloads-outer .project-downloads li {
          font-size: 18px; } }

@media screen and (max-width: 767px) {
  .project-buttons {
    padding-top: 25px; } }
@media screen and (min-width: 768px) {
  .project-buttons {
    text-align: right; } }
.project-buttons .block-project-block a, .project-buttons .block-project-block #show_form {
  border: 2px solid #F04937;
  background-color: #F04937;
  padding: 12px 20px;
  color: #ffffff;
  transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  width: 250px;
  margin-bottom: 20px;
  cursor: pointer; }
  @media screen and (min-width: 768px) {
    .project-buttons .block-project-block a, .project-buttons .block-project-block #show_form {
      width: 140px; } }
  @media screen and (min-width: 992px) {
    .project-buttons .block-project-block a, .project-buttons .block-project-block #show_form {
      width: 180px; } }
  @media screen and (min-width: 1200px) {
    .project-buttons .block-project-block a, .project-buttons .block-project-block #show_form {
      width: 250px;
      padding: 22px 20px;
      font-size: 16px; } }
  @media screen and (min-width: 1600px) {
    .project-buttons .block-project-block a, .project-buttons .block-project-block #show_form {
      width: 280px; } }
  .project-buttons .block-project-block a:hover, .project-buttons .block-project-block a:focus, .project-buttons .block-project-block #show_form:hover, .project-buttons .block-project-block #show_form:focus {
    border: 2px solid #F04937;
    background-color: transparent !important; }

.project-collaboration {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 30px;
  padding-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .project-collaboration {
      text-align: center; } }
  @media screen and (min-width: 768px) {
    .project-collaboration {
      padding-right: 2px;
      padding-left: 25px;
      padding-top: 60px;
      padding-bottom: 55px; } }
  @media screen and (min-width: 1200px) {
    .project-collaboration {
      padding-top: 80px;
      padding-bottom: 80px;
      padding-right: 40px;
      padding-left: 40px; } }
  @media screen and (min-width: 1600px) {
    .project-collaboration {
      padding-top: 100px;
      padding-bottom: 120px;
      padding-right: 110px;
      max-width: 1500px;
      margin: auto;
      padding-left: 110px; } }
  .project-collaboration h2 {
    color: #2B2925;
    text-align: center;
    margin: 0px;
    display: inline-block;
    font-size: 26px;
    padding-left: 0px;
    padding-right: 0px;
    text-transform: uppercase;
    line-height: 1.165;
    width: 100%;
    padding-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .project-collaboration h2 {
        font-size: 28px;
        padding-bottom: 25px; } }
    @media screen and (min-width: 992px) {
      .project-collaboration h2 {
        font-size: 32px;
        padding-bottom: 35px; } }
    @media screen and (min-width: 1600px) {
      .project-collaboration h2 {
        font-size: 41px;
        padding-bottom: 50px; } }
  .project-collaboration .field--type-entity-reference-revisions {
    padding-top: 20px; }
    @media screen and (min-width: 768px) {
      .project-collaboration .field--type-entity-reference-revisions {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        padding-top: 30px;
        align-items: baseline;
        justify-content: space-around;

        } }
    @media screen and (min-width: 1200px) {
      .project-collaboration .field--type-entity-reference-revisions {
        margin: 0 -35px;
        padding-top: 50px;
        max-width: 1250px;
        margin: auto; } }
    .project-collaboration .field--type-entity-reference-revisions > .field--item {
      width: 100%;
      margin-bottom: 30px; }
      @media screen and (min-width: 768px) {
        .project-collaboration .field--type-entity-reference-revisions > .field--item {
          width: 50%;
          padding: 0 20px; } }
      @media screen and (min-width: 1200px) {
        .project-collaboration .field--type-entity-reference-revisions > .field--item {
          width: 25%;
          padding: 0 35px; } }
      .project-collaboration .field--type-entity-reference-revisions > .field--item .field--name-field-collaboration-logo {
        padding-bottom: 20px; }
        @media screen and (min-width: 768px) {
          .project-collaboration .field--type-entity-reference-revisions > .field--item .field--name-field-collaboration-logo {
            padding-bottom: 30px; } }
        @media screen and (min-width: 1200px) {
          .project-collaboration .field--type-entity-reference-revisions > .field--item .field--name-field-collaboration-logo {
            padding-bottom: 50px; } }
        .project-collaboration .field--type-entity-reference-revisions > .field--item .field--name-field-collaboration-logo img {
          max-width: 120px;
        max-height:100px}
          @media screen and (max-width: 767px) {
            .project-collaboration .field--type-entity-reference-revisions > .field--item .field--name-field-collaboration-logo img {
              margin: auto; } }
      .project-collaboration .field--type-entity-reference-revisions > .field--item .field--name-field-collaboration-label {
        color: #2B2925;
        font-weight: 700;
        font-size: 14px;
        padding-bottom: 20px; }
        @media screen and (min-width: 768px) {
          .project-collaboration .field--type-entity-reference-revisions > .field--item .field--name-field-collaboration-label {
            padding-bottom: 30px; } }
      .project-collaboration .field--type-entity-reference-revisions > .field--item .field--name-field-collaboration-text {
        color: #2B2925;
        font-size: 14px; }

.floor-plan {
  display: none;
  transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 999;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  @media screen and (max-width: 767px) {
    .floor-plan {
      padding: 0 15px; } }
  .floor-plan .block-floorplan-block .from-outer {
    max-width: 1090px;
    margin: auto;
    background-color: #ffffff;
    position: relative; }
    @media screen and (min-width: 768px) {
      .floor-plan .block-floorplan-block .from-outer {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex; } }
    .floor-plan .block-floorplan-block .from-outer .popup-close {
      background-image: url("../images/close-black.png");
      background-size: 35px;
      background-position: center;
      background-repeat: no-repeat;
      width: 35px;
      height: 35px;
      position: absolute;
      top: 17px;
      right: 16px;
      cursor: pointer; }
    .floor-plan .block-floorplan-block .from-outer .from-left {
      display: flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      -webkit-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center;
      width: 15%; }
      @media screen and (max-width: 767px) {
        .floor-plan .block-floorplan-block .from-outer .from-left {
          width: 100%;
          padding: 30px 0px; } }
      .floor-plan .block-floorplan-block .from-outer .from-left img {
        max-width: 70px;
        display: block;
        height: auto; }
    .floor-plan .block-floorplan-block .from-outer .from-right {
      width: 85%;
      background-color: #ffffff;
      padding: 80px 60px; }
      @media screen and (max-width: 767px) {
        .floor-plan .block-floorplan-block .from-outer .from-right {
          width: 100%;
          padding: 40px 15px; } }
      .floor-plan .block-floorplan-block .from-outer .from-right h2 {
        margin: 0px;
        display: inline-block;
        font-size: 26px;
        padding-left: 0px;
        padding-right: 0px;
        text-transform: uppercase;
        width: 100%;
        padding-bottom: 20px; }
        @media screen and (min-width: 768px) {
          .floor-plan .block-floorplan-block .from-outer .from-right h2 {
            font-size: 28px;
            padding-bottom: 25px; } }
        @media screen and (min-width: 992px) {
          .floor-plan .block-floorplan-block .from-outer .from-right h2 {
            padding-bottom: 35px; } }
        @media screen and (min-width: 1600px) {
          .floor-plan .block-floorplan-block .from-outer .from-right h2 {
            padding-bottom: 50px; } }
      .floor-plan .block-floorplan-block .from-outer .from-right #respone_error {
        padding-bottom: 15px;
        font-size: 16px; }
        .floor-plan .block-floorplan-block .from-outer .from-right #respone_error span {
          font-size: 16px; }
      .floor-plan .block-floorplan-block .from-outer .from-right #respone_success {
        color: #2B2925;
        font-size: 16px; }
        .floor-plan .block-floorplan-block .from-outer .from-right #respone_success b {
          color: #2B2925;
          font-size: 18px;
          font-weight: 700; }
        .floor-plan .block-floorplan-block .from-outer .from-right #respone_success .msg-more {
          color: #2B2925;
          font-size: 16px;
          padding-top: 20px; }
          .floor-plan .block-floorplan-block .from-outer .from-right #respone_success .msg-more a {
            font-weight: 700;
            color: #2B2925; }
            .floor-plan .block-floorplan-block .from-outer .from-right #respone_success .msg-more a:hover, .floor-plan .block-floorplan-block .from-outer .from-right #respone_success .msg-more a:focus {
              color: #F287B7; }
      @media screen and (min-width: 768px) {
        .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form {
          display: flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: -webkit-box;
          display: -webkit-flex;
          flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
          margin: 0 -25px; } }
      @media screen and (min-width: 768px) {
        .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item {
          width: 50%;
          padding: 0 25px;
          margin-bottom: 30px; } }
      .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item label {
        text-transform: uppercase; }
      .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item.form-item-email-address {
        width: 100%; }
      .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item label {
        font-weight: 700;
        font-size: 18px;
        color: #2B2925; }
      .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item input, .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item textarea {
        background-color: transparent;
        box-shadow: none;
        border-radius: 0px;
        border: none;
        border-bottom: 1px solid #2B2925;
        font-size: 14px;
        color: #2B2925;
        padding: 7px 0px; }
        .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item input::-moz-placeholder, .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item textarea::-moz-placeholder {
          color: #2B2925;
          opacity: 1; }
        .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item input::-webkit-input-placeholder, .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item textarea::-webkit-input-placeholder {
          opacity: 1;
          color: #2B2925; }
        .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item input:-ms-input-placeholder, .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item textarea:-ms-input-placeholder {
          opacity: 1;
          color: #2B2925; }
        .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item input::-ms-input-placeholder, .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item textarea::-ms-input-placeholder {
          opacity: 1;
          color: #2B2925; }
        .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item input:focus::-moz-placeholder, .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item textarea:focus::-moz-placeholder {
          opacity: 1; }
          .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item input:focus::-moz-placeholder::-webkit-input-placeholder, .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item textarea:focus::-moz-placeholder::-webkit-input-placeholder {
            opacity: 1; }
          .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item input:focus::-moz-placeholder:-ms-input-placeholder, .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item textarea:focus::-moz-placeholder:-ms-input-placeholder {
            opacity: 1; }
        .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item input:focus::-ms-input-placeholder, .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-item textarea:focus::-ms-input-placeholder {
          opacity: 1; }
      .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-actions {
        text-align: right;
        width: 100%; }
        @media screen and (min-width: 768px) {
          .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form .form-actions {
            padding: 0 25px; } }
      .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form button.button {
        margin-top: 25px;
        margin-bottom: 25px;
        padding: 12px 20px;
        transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        display: inline-block;
        font-size: 14px;
        margin-left: auto;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        line-height: 1;
        width: 180px;
        border-radius: 0;
        margin-bottom: 20px;
        cursor: pointer; }
        @media screen and (min-width: 768px) {
          .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form button.button {
            margin-right: 25px;
            margin-top: 15px;
            margin-bottom: 30px; } }
        @media screen and (min-width: 1200px) {
          .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form button.button {
            font-size: 16px;
            width: 220px; } }
        @media screen and (min-width: 1600px) {
          .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form button.button {
            width: 256px; } }
        .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form button.button:hover, .floor-plan .block-floorplan-block .from-outer .from-right #project-plan-form button.button:focus {
          background-color: transparent !important;
          color: #000000; }
      .floor-plan .block-floorplan-block .from-outer .from-right .from-success {
        display: none; }
        .floor-plan .block-floorplan-block .from-outer .from-right .from-success h3 {
          color: #F287B7;
          margin: 0px;
          display: inline-block;
          font-size: 26px;
          padding-left: 0px;
          padding-right: 0px;
          text-transform: uppercase;
          width: 100%;
          padding-bottom: 20px; }
          @media screen and (min-width: 768px) {
            .floor-plan .block-floorplan-block .from-outer .from-right .from-success h3 {
              font-size: 28px;
              padding-bottom: 25px; } }
          @media screen and (min-width: 992px) {
            .floor-plan .block-floorplan-block .from-outer .from-right .from-success h3 {
              padding-bottom: 35px; } }
          @media screen and (min-width: 1600px) {
            .floor-plan .block-floorplan-block .from-outer .from-right .from-success h3 {
              padding-bottom: 50px; } }

.form-visible:before {
  background-color: rgba(43, 41, 37, 0.85);
  opacity: 1;
  visibility: visible; }
.form-visible .floor-plan {
  opacity: 1;
  visibility: visible;
  display: block; }

/*------------------Project-Inner-----------------*/
#block-projectsviewsbanner {
  position: relative;
  z-index: 1; }
  #block-projectsviewsbanner:before {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    content: "";
    display: block; }
  #block-projectsviewsbanner img {
    width: 100%; }
  #block-projectsviewsbanner .field--name-field-title {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase; }
    @media screen and (min-width: 768px) {
      #block-projectsviewsbanner .field--name-field-title {
        font-size: 45px; } }
    @media screen and (min-width: 992px) {
      #block-projectsviewsbanner .field--name-field-title {
        font-size: 55px; } }
    @media screen and (min-width: 1200px) {
      #block-projectsviewsbanner .field--name-field-title {
        font-size: 70px; } }
    @media screen and (min-width: 1600px) {
      #block-projectsviewsbanner .field--name-field-title {
        font-size: 81px; } }

.content-projects {
  padding: 0 15px; }
  .content-projects h2 {
    color: #2B2925;
    margin: 0px;
    text-align: center;
    display: inline-block;
    font-size: 26px;
    padding-left: 0px;
    padding-right: 0px;
    text-transform: uppercase;
    line-height: 1.165;
    width: 100%;
    padding-bottom: 20px;
    border: none;
    margin: 0px;
    padding-top: 30px; }
    @media screen and (min-width: 768px) {
      .content-projects h2 {
        font-size: 28px;
        padding-bottom: 25px;
        padding-top: 40px; } }
    @media screen and (min-width: 992px) {
      .content-projects h2 {
        font-size: 32px;
        padding-bottom: 40px; } }
    @media screen and (min-width: 1200px) {
      .content-projects h2 {
        padding-top: 65px;
        padding-bottom: 50px; } }
    @media screen and (min-width: 1600px) {
      .content-projects h2 {
        font-size: 41px;
        padding-top: 80px;
        padding-bottom: 50px; } }
  @media screen and (min-width: 768px) {
    .content-projects .block-projectcurrent-block .current-project {
      display: flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      padding-bottom: 30px; } }
  @media screen and (min-width: 1600px) {
    .content-projects .block-projectcurrent-block .current-project {
      margin: auto;
      max-width: 1400px;
      padding-bottom: 60px; } }
  .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper {
    width: 100%; }
    @media screen and (max-width: 767px) {
      .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper {
        margin-top: 35px; } }
    @media screen and (min-width: 768px) {
      .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper {
        width: 50%;
        padding: 0 25px;
        margin-bottom: 30px; } }
    .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper .project-image {
      position: relative;
      cursor: pointer;
      width: 100%;
      transition: all 0.35s ease-in-out;
      -ms-transition: all 0.35s ease-in-out;
      -o-transition: all 0.35s ease-in-out;
      -moz-transition: all 0.35s ease-in-out;
      -webkit-transition: all 0.35s ease-in-out; }
      .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper .project-image img {
        width: 100%; }
      .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper .project-image .overlay-outer {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        opacity: 0;
        top: 0px;
        filter: alpha(opacity=0);
        -webkit-transition: all 450ms ease-out 0s;
        -moz-transition: all 450ms ease-out 0s;
        -o-transition: all 450ms ease-out 0s;
        transition: all 450ms ease-out 0s; }
        .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper .project-image .overlay-outer .overlay-color {
          position: absolute;
          width: 100%;
          height: 100%;
          opacity: 1; }
      .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper .project-image .hover-content {
        top: 50%;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0px;
        right: 0px;
        margin: auto;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        max-width: 450px;
        z-index: 9;
        width: 100%; }
        .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper .project-image .hover-content img {
          max-width: 220px;
          display: block;
          height: auto;
          margin: auto;
          margin-bottom: 20px; }
          @media screen and (min-width: 768px) {
            .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper .project-image .hover-content img {
              max-width: 350px;
              margin-bottom: 30px; } }
        .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper .project-image .hover-content a {
          color: #F5F0EC;
          font-size: 18px;
          font-weight: 500;
          text-transform: uppercase;
          text-decoration: none; }
          .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper .project-image .hover-content a:before {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            content: "";
            display: block;
            z-index: 9; }
      .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper .project-image:hover .overlay-outer, .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper .project-image:focus .overlay-outer {
        opacity: 1; }
      .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper .project-image:hover .hover-content, .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper .project-image:focus .hover-content {
        opacity: 1;
        visibility: visible; }
    .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper .project-name {
      padding-top: 15px; }
      .content-projects .block-projectcurrent-block .current-project .project-detail-wrapper .project-name a {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 500;
        color: #2B2925;
        text-decoration: none; }
  @media screen and (min-width: 768px) {
    .content-projects .block-projectfuture-block .future-project {
      display: flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      padding-bottom: 30px; } }
  @media screen and (min-width: 1600px) {
    .content-projects .block-projectfuture-block .future-project {
      margin: auto;
      padding-bottom: 60px;
      max-width: 1400px; } }
  .content-projects .block-projectfuture-block .future-project .project-detail-wrapper {
    width: 100%; }
    @media screen and (max-width: 767px) {
      .content-projects .block-projectfuture-block .future-project .project-detail-wrapper {
        margin-top: 15px; } }
    @media screen and (min-width: 768px) {
      .content-projects .block-projectfuture-block .future-project .project-detail-wrapper {
        width: 50%;
        padding: 0 25px;
        margin-bottom: 30px; } }
    .content-projects .block-projectfuture-block .future-project .project-detail-wrapper .project-image {
      position: relative;
      cursor: pointer;
      width: 100%;
      transition: all 0.35s ease-in-out;
      -ms-transition: all 0.35s ease-in-out;
      -o-transition: all 0.35s ease-in-out;
      -moz-transition: all 0.35s ease-in-out;
      -webkit-transition: all 0.35s ease-in-out; }
      .content-projects .block-projectfuture-block .future-project .project-detail-wrapper .project-image img {
        width: 100%; }
      .content-projects .block-projectfuture-block .future-project .project-detail-wrapper .project-image .overlay-outer {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        opacity: 0;
        top: 0px;
        filter: alpha(opacity=0);
        -webkit-transition: all 450ms ease-out 0s;
        -moz-transition: all 450ms ease-out 0s;
        -o-transition: all 450ms ease-out 0s;
        transition: all 450ms ease-out 0s; }
        .content-projects .block-projectfuture-block .future-project .project-detail-wrapper .project-image .overlay-outer .overlay-color {
          position: absolute;
          width: 100%;
          height: 100%;
          opacity: 1; }
      .content-projects .block-projectfuture-block .future-project .project-detail-wrapper .project-image .hover-content {
        top: 50%;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0px;
        right: 0px;
        margin: auto;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        max-width: 450px;
        z-index: 9;
        width: 100%; }
        .content-projects .block-projectfuture-block .future-project .project-detail-wrapper .project-image .hover-content img {
          max-width: 220px;
          display: block;
          height: auto;
          margin: auto;
          margin-bottom: 20px; }
          @media screen and (min-width: 768px) {
            .content-projects .block-projectfuture-block .future-project .project-detail-wrapper .project-image .hover-content img {
              max-width: 350px;
              margin-bottom: 30px; } }
        .content-projects .block-projectfuture-block .future-project .project-detail-wrapper .project-image .hover-content a {
          color: #F5F0EC;
          font-size: 18px;
          font-weight: 500;
          text-transform: uppercase;
          text-decoration: none; }
          .content-projects .block-projectfuture-block .future-project .project-detail-wrapper .project-image .hover-content a:before {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            content: "";
            display: block;
            z-index: 9; }
      .content-projects .block-projectfuture-block .future-project .project-detail-wrapper .project-image:hover .overlay-outer, .content-projects .block-projectfuture-block .future-project .project-detail-wrapper .project-image:focus .overlay-outer {
        opacity: 1; }
      .content-projects .block-projectfuture-block .future-project .project-detail-wrapper .project-image:hover .hover-content, .content-projects .block-projectfuture-block .future-project .project-detail-wrapper .project-image:focus .hover-content {
        opacity: 1;
        visibility: visible; }
    .content-projects .block-projectfuture-block .future-project .project-detail-wrapper .project-name {
      padding-top: 10px; }
      .content-projects .block-projectfuture-block .future-project .project-detail-wrapper .project-name a {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 700;
        color: #2B2925;
        text-decoration: none; }
  .content-projects .block-projectcompleted-block .completed-project {
    padding-bottom: 30px; }
    @media screen and (min-width: 768px) {
      .content-projects .block-projectcompleted-block .completed-project {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        padding-bottom: 50px; } }
    @media screen and (min-width: 1600px) {
      .content-projects .block-projectcompleted-block .completed-project {
        margin: auto;
        max-width: 1400px;
        padding-bottom: 60px; } }
    .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper {
      width: 100%; }
      @media screen and (max-width: 767px) {
        .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper {
          margin-top: 15px; } }
      @media screen and (min-width: 768px) {
        .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper {
          width: 50%;
          padding: 0 25px;
          margin-bottom: 30px; } }
      @media screen and (min-width: 1024px) {
        .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper {
          width: 33.3333%; } }
      .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper .project-image {
        position: relative;
        cursor: pointer;
        width: 100%;
        transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out; }
        .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper .project-image img {
          width: 100%; }
        .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper .project-image .overlay-outer {
          position: absolute;
          display: block;
          width: 100%;
          height: 100%;
          opacity: 0;
          top: 0px;
          filter: alpha(opacity=0);
          -webkit-transition: all 450ms ease-out 0s;
          -moz-transition: all 450ms ease-out 0s;
          -o-transition: all 450ms ease-out 0s;
          transition: all 450ms ease-out 0s; }
          .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper .project-image .overlay-outer .overlay-color {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 1; }
        .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper .project-image .hover-content {
          top: 50%;
          position: absolute;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          left: 0px;
          right: 0px;
          margin: auto;
          text-align: center;
          opacity: 0;
          visibility: hidden;
          transition: all 0.35s ease-in-out;
          -ms-transition: all 0.35s ease-in-out;
          -o-transition: all 0.35s ease-in-out;
          -moz-transition: all 0.35s ease-in-out;
          -webkit-transition: all 0.35s ease-in-out;
          max-width: 450px;
          z-index: 9;
          width: 100%; }
          .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper .project-image .hover-content img {
            max-width: 220px;
            display: block;
            height: auto;
            margin: auto;
            margin-bottom: 20px; }
            @media screen and (min-width: 768px) {
              .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper .project-image .hover-content img {
                max-width: 350px;
                margin-bottom: 30px; } }
          .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper .project-image .hover-content a {
            color: #F5F0EC;
            font-size: 18px;
            font-weight: 500;
            text-transform: uppercase;
            text-decoration: none; }
            .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper .project-image .hover-content a:before {
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0px;
              left: 0px;
              content: "";
              display: block;
              z-index: 9; }
        .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper .project-image:hover .overlay-outer, .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper .project-image:focus .overlay-outer {
          opacity: 1; }
        .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper .project-image:hover .hover-content, .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper .project-image:focus .hover-content {
          opacity: 1;
          visibility: visible; }
      .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper .project-name {
        padding-top: 10px; }
        .content-projects .block-projectcompleted-block .completed-project .project-detail-wrapper .project-name a {
          text-transform: uppercase;
          font-size: 16px;
          font-weight: 700;
          color: #2B2925;
          text-decoration: none; }

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