* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: 'AB';
  src: url("../fonts/DeckardAB-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/DeckardAB-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/DeckardAB-Regular.woff2") format("woff2"), url("../fonts/DeckardAB-Regular.woff") format("woff"); }

body {
  font: 21px/28px 'AB', sans-serif;
  color: #333; }
  @media (max-width: 480px) {
    body {
      font: 17px/22px 'AB', sans-serif; } }

li {
  list-style-type: none; }

img {
  width: 100%;
  height: auto; }

svg {
  z-index: 5; }

.st0 {
  z-index: 4;
  fill: #333333;
  transition: all cubic-bezier(0.59, 0.04, 0.36, 1) 0.4s; }
  .st0.white {
    fill: #ffffff; }

.lettera, .letterb, .arrow {
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all cubic-bezier(0.59, 0.04, 0.36, 1) 0.5s; }
  .lettera.off, .letterb.off, .arrow.off {
    top: 52%;
    opacity: 0; }

.lettera {
  -webkit-transform: translate(-170%, -50%);
  transform: translate(-170%, -50%); }
  @media (max-width: 480px) {
    .lettera {
      -webkit-transform: translate(-130%, -50%) scale(0.6);
      transform: translate(-130%, -50%) scale(0.6); } }

.letterb {
  -webkit-transform: translate(100%, -50%);
  transform: translate(100%, -50%); }
  @media (max-width: 480px) {
    .letterb {
      -webkit-transform: translate(50%, -50%) scale(0.6);
      transform: translate(50%, -50%) scale(0.6); } }

.arrow {
  opacity: 1;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg); }
  @media (max-width: 480px) {
    .arrow {
      -webkit-transform: translate(-50%, -50%) rotate(-90deg) scale(0.6);
      transform: translate(-50%, -50%) rotate(-90deg) scale(0.6); } }

.bottom-left {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 8vw;
  top: calc(100vh - 15vh); }
  @media (max-width: 480px) {
    .bottom-left {
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transform: translate(-50%, -50%) scale(0.6);
      transform: translate(-50%, -50%) scale(0.6);
      left: 40px;
      top: calc(100% - 55px); } }

.top-right {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: calc(100vw - 9vw);
  top: 9vw; }
  @media (max-width: 480px) {
    .top-right {
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transform: translate(-50%, -50%) scale(0.6);
      transform: translate(-50%, -50%) scale(0.6);
      left: calc(100% - 40px);
      top: 40px; } }

.bottom-right {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: calc(100vw - 9vw);
  top: calc(100vh - 15vh); }
  @media (max-width: 480px) {
    .bottom-right {
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transform: translate(-50%, -50%) scale(0.6);
      transform: translate(-50%, -50%) scale(0.6);
      left: calc(100% - 50px);
      top: calc(100% - 55px); } }

header {
  position: absolute;
  z-index: 1;
  padding: 5vw 5vw; }
  header nav ul.menu li.menu-item {
    display: inline-block;
    padding: 0 20px 0 0;
    opacity: 0;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    transition: all cubic-bezier(0.59, 0.04, 0.36, 1) 0.5s; }
    header nav ul.menu li.menu-item.visible {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1; }
    header nav ul.menu li.menu-item a {
      text-decoration: none;
      color: #333;
      position: relative; }
      header nav ul.menu li.menu-item a::after {
        bottom: -10px;
        content: ' ';
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #cccccc;
        transition: all cubic-bezier(0.59, 0.04, 0.36, 1) 0.4s;
        opacity: 0; }
      header nav ul.menu li.menu-item a:hover::after {
        opacity: 1;
        bottom: -3px; }

.images .slider {
  opacity: 0;
  transition: all cubic-bezier(0.59, 0.04, 0.36, 1) 0.5s; }
  .images .slider.dim {
    opacity: .2; }
  .images .slider.visible {
    opacity: 1; }
  .images .slider .slide {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 65%;
    transition: all cubic-bezier(0.59, 0.04, 0.36, 1) 0.7s; }
    @media (max-width: 480px) {
      .images .slider .slide {
        width: 90%; } }
    @media only screen and (min-width: 1081px) and (max-width: 1440px) {
      .images .slider .slide {
        width: 55%; } }
    .images .slider .slide.active {
      opacity: 1;
      pointer-events: none; }

#about, #contact {
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: #898d80;
  position: fixed;
  z-index: 2;
  padding: 5vw 60vw 5vw 5vw;
  opacity: 0;
  pointer-events: none;
  transition: all cubic-bezier(0.59, 0.04, 0.36, 1) 0.4s;
  cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzNHB4IiBoZWlnaHQ9IjM0cHgiIHZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxnPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNy40LDMxLjVsLTguNi04LjZjLTEtMS0yLjYtMS0zLjUsMGwtOC41LDguNWwtMy4xLTMuMWw4LjUtOC41YzEtMSwxLTIuNiwwLTMuNUwzLjUsNy42bDMuMS0zLjFsOC42LDguNmMxLDEsMi42LDEsMy41LDBsOC41LTguNWwzLjEsMy4xbC04LjUsOC41Yy0xLDEtMSwyLjYsMCwzLjVsOC42LDguNkwyNy40LDMxLjV6Ii8+PC9nPjwvZz48L3N2Zz4=), auto; }
  @media (max-width: 480px) {
    #about, #contact {
      padding: 20px 70px 20px 20px; } }
  #about.visible, #contact.visible {
    pointer-events: auto;
    opacity: 1; }
  #about p, #contact p {
    color: white;
    margin-bottom: 15px; }
  #about a, #contact a {
    color: white;
    text-decoration: none;
    position: relative; }
    #about a::after, #contact a::after {
      bottom: -3px;
      content: ' ';
      display: block;
      position: absolute;
      height: 2px;
      width: 100%;
      background: #4d4d4d; }

#contact {
  background: #edded1;
  cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzNHB4IiBoZWlnaHQ9IjM0cHgiIHZpZXdCb3g9IjAgMCAzNCAzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgMzQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMzMzMzMzO308L3N0eWxlPjxnPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNy40LDMxLjVsLTguNi04LjZjLTEtMS0yLjYtMS0zLjUsMGwtOC41LDguNWwtMy4xLTMuMWw4LjUtOC41YzEtMSwxLTIuNiwwLTMuNUwzLjUsNy42bDMuMS0zLjFsOC42LDguNmMxLDEsMi42LDEsMy41LDBsOC41LTguNWwzLjEsMy4xbC04LjUsOC41Yy0xLDEtMSwyLjYsMCwzLjVsOC42LDguNkwyNy40LDMxLjV6Ii8+PC9nPjwvZz48L3N2Zz4=), auto; }
  #contact p, #contact a {
    color: #333333; }

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