html {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow-x: hidden; }
  html body {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: FuturaBT-Medium, 'Open Sans', sans-serif;
    color: #000;
    scroll-behavior: smooth; }
    html body .liner {
      width: 75px;
      height: 5px;
      border: solid #fff;
      border-width: 2px 0;
      display: inline-block;
      background: none;
      margin: 0; }
    html body .spacing-40 {
      height: 40px;
      width: 100%; }
    html body .title {
      text-align: center;
      font-size: 40px;
      font-family: FuturaBT-Medium, 'Open Sans', sans-serif;
      margin: 0; }
      @media screen and (max-width: 768px) {
        html body .title {
          font-size: 25px; } }
    html body .text {
      text-align: center;
      font-size: 20px;
      font-family: FuturaBT-Light, 'Open Sans', sans-serif;
      margin: 0 0 45px; }
      @media screen and (max-width: 768px) {
        html body .text {
          font-size: 16px; } }
    html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
      font-weight: normal;
      font-family: FuturaBt-Medium, serif;
      color: #000;
      text-transform: uppercase; }
    html body p {
      font-family: FuturaBT-Light, serif;
      font-size: 20px;
      line-height: 28px;
      letter-spacing: 1px;
      margin-bottom: 45px; }
    html body strong {
      font-family: FuturaBT-Medium, serif; }
    html body a {
      color: #946549; }
    html body .black-bg {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: #000 center;
      background-size: cover; }
    html body header {
      position: fixed;
      top: 0;
      left: 0;
      box-sizing: content-box;
      background: #fff;
      width: 100%;
      height: 75px;
      padding: 20px 0;
      z-index: 10;
      -webkit-transition: height cubic-bezier(0.4, 0, 0.2, 1) 0.5s, padding-top cubic-bezier(0.4, 0, 0.2, 1) 0.5s, padding-bottom cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
      -moz-transition: height cubic-bezier(0.4, 0, 0.2, 1) 0.5s, padding-top cubic-bezier(0.4, 0, 0.2, 1) 0.5s, padding-bottom cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
      -ms-transition: height cubic-bezier(0.4, 0, 0.2, 1) 0.5s, padding-top cubic-bezier(0.4, 0, 0.2, 1) 0.5s, padding-bottom cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
      -o-transition: height cubic-bezier(0.4, 0, 0.2, 1) 0.5s, padding-top cubic-bezier(0.4, 0, 0.2, 1) 0.5s, padding-bottom cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
      transition: height cubic-bezier(0.4, 0, 0.2, 1) 0.5s, padding-top cubic-bezier(0.4, 0, 0.2, 1) 0.5s, padding-bottom cubic-bezier(0.4, 0, 0.2, 1) 0.5s; }
      html body header .container, html body header .row {
        height: 100%; }
      html body header .logo {
        height: 100%; }
        html body header .logo img {
          align-self: center;
          max-height: 100%;
          max-width: 100%; }
      @media screen and (min-width: 768px) {
        html body header .navigation ul {
          display: flex;
          flex-direction: row;
          justify-content: flex-end;
          align-items: flex-end;
          height: 100%;
          margin: 0;
          padding: 0;
          list-style-type: none; }
          html body header .navigation ul li {
            margin: 4px 15px; }
            html body header .navigation ul li a {
              cursor: pointer;
              font-family: FuturaBT-Light, 'Open Sans', sans-serif;
              color: #000000;
              font-size: 18px;
              font-weight: normal;
              letter-spacing: 0px;
              line-height: 18px;
              text-decoration: none; }
            html body header .navigation ul li:hover a, html body header .navigation ul li.active a {
              color: #946549; } }
      @media screen and (max-width: 768px) {
        html body header .navigation {
          position: fixed;
          top: 38px;
          left: 0;
          right: 0;
          background: #fff;
          max-height: 0;
          -webkit-transition: max-height cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
          -moz-transition: max-height cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
          -ms-transition: max-height cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
          -o-transition: max-height cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
          transition: max-height cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
          overflow: hidden;
          padding: 0; }
          html body header .navigation.opened {
            max-height: 100%; }
          html body header .navigation ul {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            height: auto;
            width: 100%;
            margin: 0;
            padding: 0;
            list-style-type: none; }
            html body header .navigation ul li {
              padding: 15px; }
              html body header .navigation ul li a {
                cursor: pointer;
                font-family: FuturaBT-Medium, 'Open Sans', sans-serif;
                color: #946549;
                font-size: 18px;
                font-weight: normal;
                letter-spacing: 0;
                line-height: 18px;
                text-decoration: none; }
              html body header .navigation ul li:hover a, html body header .navigation ul li.active a {
                color: #000000; } }
      html body header .menu-button {
        position: absolute;
        width: 50px;
        right: 0;
        top: 10px;
        bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
        html body header .menu-button img {
          cursor: pointer;
          max-height: 100%;
          max-width: 19px; }
      html body header.collapsed {
        height: 29px;
        padding: 5px 0; }
      @media screen and (max-width: 768px) {
        html body header {
          height: 29px;
          padding: 5px 0; } }
    html body main {
      -webkit-transition: padding-top cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
      -moz-transition: padding-top cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
      -ms-transition: padding-top cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
      -o-transition: padding-top cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
      transition: padding-top cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
      padding-top: 115px; }
      html body main.collapsed {
        padding-top: 39px; }
      @media screen and (max-width: 768px) {
        html body main {
          padding-top: 39px; } }
      html body main > section {
        position: relative;
        width: 100%; }
        html body main > section.slider {
          position: relative;
          display: flex;
          overflow: hidden;
          height: calc(100vh - 115px); }
          @media screen and (max-width: 768px) {
            html body main > section.slider {
              height: calc(100vh - 39px); } }
          html body main > section.slider .page {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            overflow: hidden;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            -webkit-transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 1s;
            -moz-transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 1s;
            -ms-transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 1s;
            -o-transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 1s;
            transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 1s;
            opacity: 0; }
            html body main > section.slider .page .image-container {
              position: relative;
              width: 100%;
              height: 100%;
              overflow: hidden;
              -webkit-transition: -webkit-transform cubic-bezier(0.4, 0, 0.2, 1) 3s;
              -moz-transition: -moz-transform cubic-bezier(0.4, 0, 0.2, 1) 3s;
              -ms-transition: -ms-transform cubic-bezier(0.4, 0, 0.2, 1) 3s;
              -o-transition: -o-transform cubic-bezier(0.4, 0, 0.2, 1) 3s;
              transition: transform cubic-bezier(0.4, 0, 0.2, 1) 3s; }
              html body main > section.slider .page .image-container img {
                position: absolute;
                min-width: 1000%;
                min-height: 1000%;
                left: 50%;
                top: 50%;
                transform: translateX(-50%) translateY(-50%) scale(0.1); }
            html body main > section.slider .page.active {
              opacity: 1; }
              @media screen and (min-width: 992px) {
                html body main > section.slider .page.active .image-container {
                  -webkit-transform: scale(1.2);
                  -moz-transform: scale(1.2);
                  -ms-transform: scale(1.2);
                  -o-transform: scale(1.2);
                  transform: scale(1.2); } }
          html body main > section.slider .overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            text-align: center;
            box-sizing: content-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 2;
            background: rgba(20, 20, 20, 0.4); }
            html body main > section.slider .overlay .text {
              line-height: 1;
              font-size: 40px;
              letter-spacing: 1px;
              text-transform: uppercase;
              color: #fff;
              margin: 0 auto 10px;
              font-weight: 100; }
              @media screen and (max-width: 576px) {
                html body main > section.slider .overlay .text {
                  font-size: 30px; } }
              @media screen and (max-width: 768px) {
                html body main > section.slider .overlay .text {
                  font-size: 25px; } }
        html body main > section.semi-parallax-background {
          position: relative;
          height: 450px;
          overflow: hidden; }
          @media screen and (max-width: 992px) {
            html body main > section.semi-parallax-background {
              height: 250px; } }
          @media screen and (max-width: 768px) {
            html body main > section.semi-parallax-background {
              height: 250px; } }
          html body main > section.semi-parallax-background .background {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 190%;
            z-index: -1;
            background-size: cover;
            background-position: top;
            background-repeat: no-repeat; }
            html body main > section.semi-parallax-background .background.bg-01 {
              background-image: url("../assets/kupfer_01A.jpg"); }
            html body main > section.semi-parallax-background .background.bg-02 {
              background-image: url("../assets/kupfer_02A.jpg"); }
            html body main > section.semi-parallax-background .background.bg-03 {
              background-image: url("../assets/kupfer_03AA.jpg"); }
        html body main > section.section-1 {
          padding: 80px 0;
          text-align: center; }
          html body main > section.section-1 .liner {
            border-color: #946549; }
        html body main > section.shares {
          padding: 80px 0;
          text-align: center; }
          html body main > section.shares .slider-container {
            position: relative;
            display: flex;
            flex-direction: row;
            width: 85%;
            margin: 0 auto; }
            html body main > section.shares .slider-container .slider {
              position: relative;
              overflow: hidden;
              flex: 1; }
              html body main > section.shares .slider-container .slider .slider-wrapper {
                display: flex;
                flex-direction: row;
                justify-content: center;
                left: 0;
                -webkit-transition: margin-left cubic-bezier(0.4, 0, 0.2, 1) 1s;
                -moz-transition: margin-left cubic-bezier(0.4, 0, 0.2, 1) 1s;
                -ms-transition: margin-left cubic-bezier(0.4, 0, 0.2, 1) 1s;
                -o-transition: margin-left cubic-bezier(0.4, 0, 0.2, 1) 1s;
                transition: margin-left cubic-bezier(0.4, 0, 0.2, 1) 1s; }
              html body main > section.shares .slider-container .slider .page {
                position: relative;
                flex: 1; }
                html body main > section.shares .slider-container .slider .page::after {
                  background: rgba(0, 0, 0, 0.1); }
                html body main > section.shares .slider-container .slider .page .image-wrapper {
                  position: relative;
                  overflow: hidden;
                  width: 90%;
                  height: 100%;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  margin: 0 auto; }
                  html body main > section.shares .slider-container .slider .page .image-wrapper.always-on::after {
                    background: rgba(0, 0, 0, 0.5); }
                  html body main > section.shares .slider-container .slider .page .image-wrapper::after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    -webkit-transition: background cubic-bezier(0.4, 0, 0.2, 1) 1s;
                    -moz-transition: background cubic-bezier(0.4, 0, 0.2, 1) 1s;
                    -ms-transition: background cubic-bezier(0.4, 0, 0.2, 1) 1s;
                    -o-transition: background cubic-bezier(0.4, 0, 0.2, 1) 1s;
                    transition: background cubic-bezier(0.4, 0, 0.2, 1) 1s; }
                  html body main > section.shares .slider-container .slider .page .image-wrapper > * {
                    max-width: 100%;
                    -webkit-transition: transform cubic-bezier(0.4, 0, 0.2, 1) 1s;
                    -moz-transition: transform cubic-bezier(0.4, 0, 0.2, 1) 1s;
                    -ms-transition: transform cubic-bezier(0.4, 0, 0.2, 1) 1s;
                    -o-transition: transform cubic-bezier(0.4, 0, 0.2, 1) 1s;
                    transition: transform cubic-bezier(0.4, 0, 0.2, 1) 1s; }
                html body main > section.shares .slider-container .slider .page:hover .image-wrapper::after {
                  background: rgba(0, 0, 0, 0.7); }
                html body main > section.shares .slider-container .slider .page:hover .image-wrapper > * {
                  -webkit-transform: scale(1.8);
                  -moz-transform: scale(1.8);
                  -ms-transform: scale(1.8);
                  -o-transform: scale(1.8);
                  transform: scale(1.8); }
                html body main > section.shares .slider-container .slider .page .overlay {
                  position: absolute;
                  top: 50%;
                  left: 5%;
                  width: 90%;
                  -webkit-transform: translateY(-50%);
                  -moz-transform: translateY(-50%);
                  -ms-transform: translateY(-50%);
                  -o-transform: translateY(-50%);
                  transform: translateY(-50%); }
                  html body main > section.shares .slider-container .slider .page .overlay .title {
                    color: #fff;
                    font-size: 25px;
                    letter-spacing: 1px;
                    margin-bottom: 5px;
                    line-height: 25px; }
                  html body main > section.shares .slider-container .slider .page .overlay .text {
                    color: #fff;
                    font-size: 14px;
                    letter-spacing: 1px;
                    line-height: 16px;
                    margin-bottom: 0; }
            html body main > section.shares .slider-container .arrow {
              position: absolute;
              top: 0;
              height: 100%;
              display: flex;
              flex-direction: row;
              justify-content: center;
              align-items: center;
              flex: 0 0 auto; }
              html body main > section.shares .slider-container .arrow img {
                cursor: pointer;
                -webkit-transition: margin-right cubic-bezier(0.4, 0, 0.2, 1) 1s, margin-left cubic-bezier(0.4, 0, 0.2, 1) 1s;
                -moz-transition: margin-right cubic-bezier(0.4, 0, 0.2, 1) 1s, margin-left cubic-bezier(0.4, 0, 0.2, 1) 1s;
                -ms-transition: margin-right cubic-bezier(0.4, 0, 0.2, 1) 1s, margin-left cubic-bezier(0.4, 0, 0.2, 1) 1s;
                -o-transition: margin-right cubic-bezier(0.4, 0, 0.2, 1) 1s, margin-left cubic-bezier(0.4, 0, 0.2, 1) 1s;
                transition: margin-right cubic-bezier(0.4, 0, 0.2, 1) 1s, margin-left cubic-bezier(0.4, 0, 0.2, 1) 1s; }
              html body main > section.shares .slider-container .arrow.right {
                right: -30px; }
                @media screen and (max-width: 576px) {
                  html body main > section.shares .slider-container .arrow.right {
                    right: -15px; } }
                html body main > section.shares .slider-container .arrow.right img:hover {
                  margin-right: -5px; }
              html body main > section.shares .slider-container .arrow.left {
                left: -30px; }
                @media screen and (max-width: 576px) {
                  html body main > section.shares .slider-container .arrow.left {
                    left: -15px; } }
                html body main > section.shares .slider-container .arrow.left img:hover {
                  margin-left: -5px; }
        html body main > section.section-2 {
          padding-top: 80px;
          text-align: center; }
          html body main > section.section-2 .row:first-child {
            margin-bottom: 45px; }
          html body main > section.section-2 .liner {
            border-color: #946549; }
    html body footer {
      background: #000;
      padding: 80px 0; }
      html body footer * {
        color: #fff; }
      html body footer form .form-group {
        margin-bottom: 20px; }
        html body footer form .form-group .label {
          width: 100%;
          margin: 10px 0; }
        html body footer form .form-group .form-control {
          width: 100%;
          box-sizing: border-box;
          border: 1px solid #ddd;
          color: #888;
          line-height: inherit;
          padding: 12px;
          font-size: 14px;
          background: #fff;
          resize: none; }
        html body footer form .form-group .send {
          width: inherit;
          padding: 0 15px;
          font-size: 20px;
          color: #000;
          text-transform: lowercase; }
      html body footer .contact-group {
        margin-bottom: 45px; }
        html body footer .contact-group h4 {
          margin: 10px 0;
          font-size: 18px; }
        html body footer .contact-group p {
          margin: 0;
          font-size: 16px; }

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