@font-face {
  font-family: 'NHaasGroteskTXPro-55Rg';
  src: url("../fonts/NHaasGroteskTXPro-55Rg.eot");
  src: url("../fonts/NHaasGroteskTXPro-55Rg.eot?#iefix") format("embedded-opentype"), url("../fonts/NHaasGroteskTXPro-55Rg.svg#NHaasGroteskTXPro-55Rg") format("svg"), url("../fonts/NHaasGroteskTXPro-55Rg.ttf") format("truetype"), url("../fonts/NHaasGroteskTXPro-55Rg.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'NHaasGroteskTXStd-65Md';
  src: url("../fonts/NHaasGroteskTXStd-65Md.eot");
  src: url("../fonts/NHaasGroteskTXStd-65Md.eot?#iefix") format("embedded-opentype"), url("../fonts/NHaasGroteskTXStd-65Md.svg#NHaasGroteskTXStd-65Md") format("svg"), url("../fonts/NHaasGroteskTXStd-65Md.ttf") format("truetype"), url("../fonts/NHaasGroteskTXStd-65Md.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

.text-grotest {
  font-family: 'NHaasGroteskTXStd-65Md'; }

.text-grotest-reg, body {
  font-family: 'NHaasGroteskTXPro-55Rg'; }

html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1; }

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

/* hide horizontal scrollbars, since we use the vertical ones to scroll to the right */
body {
  overflow-x: hidden; }
  @media only screen and (max-width: 1037px) {
    body {
      height: auto !important; }
      body.nav-in {
        height: auto !important; }
        body.nav-in .page {
          display: none; } }

/**
* important: keep position fixed, you can however use top:0 instead of bottom:0
* if you want to make it stick to the top of the browser
*/
body {
  font-size: 13px; }

h1, h2, p {
  font-size: 13px; }

body.single header #city-nav,
body.single header #main-nav,
body.single header .sub-menu {
  display: block; }
  body.single header #city-nav li,
  body.single header #main-nav li,
  body.single header .sub-menu li {
    display: none; }
    body.single header #city-nav li.active,
    body.single header #main-nav li.active,
    body.single header .sub-menu li.active {
      display: block; }

@media only screen and (max-width: 1037px) {
  body.single header #city-nav,
  body.single header #main-nav,
  body.single header .sub-menu {
    display: none; }
    body.single header #city-nav li,
    body.single header #main-nav li,
    body.single header .sub-menu li {
      display: block; } }

@media only screen and (max-width: 1037px) {
  body.archive header {
    background: transparent; }
    body.archive header .init {
      display: none; } }

header {
  -webkit-transition: height 0.3s linear;
  -moz-transition: height 0.3s linear;
  -o-transition: height 0.3s linear;
  transition: height 0.3s linear;
  position: fixed;
  padding: 20px;
  top: 0;
  left: 0;
  right: 0;
  background: white;
  z-index: 1000;
  min-height: 100px; }
  header .init {
    position: absolute;
    color: black; }
  header .sub-menu {
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    position: absolute;
    margin-left: 130px;
    width: 160px;
    top: 0;
    display: none; }
    header .sub-menu .sub-menu {
      margin-left: 190px; }
  header a {
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    white-space: normal;
    text-decoration: none; }
    header a.brand {
      color: black;
      display: inline-block;
      vertical-align: top;
      font-size: 15px;
      font-weight: bold;
      letter-spacing: 0.25px;
      position: relative;
      top: -2px; }
    header a:hover {
      color: black; }
  header nav {
    position: absolute;
    margin-left: 310px;
    top: 20px;
    left: 0; }
    header nav span {
      cursor: pointer;
      white-space: nowrap; }
    @media only screen and (min-width: 1038px) {
      header nav {
        display: block !important; } }
  header #city-nav {
    position: absolute;
    z-index: 10;
    display: none;
    top: 0; }
  header #main-nav {
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    display: none;
    margin-left: 130px; }
    header #main-nav span {
      -webkit-transition: color 0.3s linear;
      -moz-transition: color 0.3s linear;
      -o-transition: color 0.3s linear;
      transition: color 0.3s linear;
      color: #9a9a9a; }
  header li {
    max-width: 160px; }
    header li .menu-item-has-children {
      position: relative; }
    header li.hovered > span,
    header li.hovered > a, header li.active > span,
    header li.active > a {
      color: black !important; }
  header .menu-toggle {
    display: none;
    right: 0;
    padding: 17px 20px;
    z-index: 100;
    position: absolute; }
    header .menu-toggle span {
      display: block;
      position: relative;
      height: 10px;
      width: 25px; }
      header .menu-toggle span:after {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        content: '';
        display: block;
        position: absolute;
        background: black;
        height: 3px;
        width: 100%;
        bottom: -3px; }
      header .menu-toggle span:before {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        content: '';
        display: block;
        position: absolute;
        background: black;
        height: 3px;
        width: 100%; }
    header .menu-toggle.active span:before {
      -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      bottom: 4px; }
    header .menu-toggle.active span:after {
      -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      bottom: 4px; }
  @media only screen and (max-width: 1037px) {
    header {
      padding: 0; }
      header a.brand,
      header span.brand {
        position: absolute;
        padding: 10px 15px; }
      header li {
        line-height: 175%;
        max-width: inherit; }
      header .menu-toggle {
        display: block; }
      header nav {
        display: none;
        margin: 0;
        top: 0;
        background: white;
        min-height: 100vh;
        width: 100%; }
        header nav > ul {
          padding: 0 15px; }
      header .init {
        display: none; }
      header .sub-menu {
        width: 100%;
        position: relative;
        margin-left: 20px !important;
        margin-bottom: 0; }
      header #city-nav {
        position: relative;
        display: block !important;
        margin: 10px 0 0; }
      header #main-nav {
        position: relative;
        margin-left: 20px;
        display: block !important; }
      header .models .sub-menu {
        display: none !important; } }

.page.home {
  display: block; }
  .page.home .home-slide {
    position: absolute;
    bottom: 40px;
    /* left: 0; */
    /* right: 0; */
    display: none;
    top: 250px;
    width: 75%;
    /* margin: 0 auto; */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    max-width: 70;
    transform: translateX(-50%);
    left: 50%; }
    .page.home .home-slide:first-child {
      display: block; }
    .page.home .home-slide img {
      width: 100%;
      display: block; }
    .page.home .home-slide.home-slide1 {
      background-position: 75% 50%; }
    .page.home .home-slide.home-slide2 {
      background-position: 79% 50%; }
    .page.home .home-slide.home-slide3 {
      background-position: 65% 50%; }

@media only screen and (max-width: 1037px) {
  body.single header {
    background-color: transparent; }
    body.single header a.brand {
      display: none; } }

@media only screen and (max-width: 1037px) {
  body.single-contact header a.brand {
    display: block; } }

.page.single {
  position: absolute;
  top: 250px;
  bottom: 0;
  left: 0;
  right: 0; }
  .page.single .scroll {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    height: 100%; }
    .page.single .scroll table {
      position: relative; }
      .page.single .scroll table td {
        vertical-align: top; }
    .page.single .scroll img {
      position: relative;
      width: auto;
      max-width: none; }
    .page.single .scroll .wrap {
      padding: 0 10px; }
      .page.single .scroll .wrap.spacing {
        height: auto;
        opacity: 1;
        padding-left: 20px; }
        .page.single .scroll .wrap.spacing h1,
        .page.single .scroll .wrap.spacing p {
          color: black;
          margin-bottom: 20px;
          white-space: normal; }
        .page.single .scroll .wrap.spacing h1 {
          letter-spacing: 0.25px; }
    .page.single .scroll .pre {
      max-width: 270px;
      width: 270px;
      height: 100px; }
  .page.single .mobile-content {
    display: none;
    padding: 15px; }
    .page.single .mobile-content h1,
    .page.single .mobile-content h2 {
      margin-bottom: 5px;
      font-weight: normal;
      color: black; }
    .page.single .mobile-content h2 {
      margin-bottom: 25px; }
  @media only screen and (max-width: 1037px) {
    .page.single {
      position: relative;
      top: auto;
      bottom: auto; }
      .page.single .mobile-content {
        display: block; }
        .page.single .mobile-content p {
          line-height: 130%; }
        .page.single .mobile-content .summary {
          overflow: hidden; }
        .page.single .mobile-content .btn-expand {
          margin: 25px 0;
          display: block;
          color: black; }
        .page.single .mobile-content iframe {
          max-width: 100%; }
        .page.single .mobile-content .item-video {
          margin-top: 25px;
          height: 200px;
          width: 280px; }
        .page.single .mobile-content img {
          width: auto;
          height: 300px; }
      .page.single .scroll {
        display: none; } }

.single.single-motion h2 {
  margin-bottom: 0 !important; }

.single.contact #ig img,
.single.contact #fb img {
  width: 38px;
  height: 38px; }

.single.contact #fb {
  margin: 0; }

.single.contact dt {
  font-weight: normal;
  float: left;
  padding: 0 5px 0 0;
  width: 140px; }

.single.contact dd {
  margin: 0 0 2px; }

.single.contact h2 {
  margin: 0 0 10px;
  color: black; }

.single.contact .content {
  padding-top: 200px;
  margin-left: 310px; }

@media only screen and (max-width: 1037px) {
  .single.contact .content {
    padding: 90px 20px 20px;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    max-width: 100%; } }

.taxonomy.city .content {
  padding-top: 200px;
  margin-left: 310px; }

.taxonomy.city #columns {
  padding: 0;
  overflow: hidden; }
  .taxonomy.city #columns .column {
    width: 120px;
    float: left;
    margin-right: 38px; }

.taxonomy.city h2 {
  font-weight: normal;
  margin: 0 0 25px; }

.taxonomy.city ul li {
  padding: 0 0 6px; }

@media only screen and (max-width: 1037px) {
  .taxonomy.city .content {
    padding: 90px 20px 20px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%; } }

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