nav {
  font-size: 16px;
  line-height: 21px; }

.hometitle .inner h1 {
  font-size: 30px;
  line-height: 1.2em; }

body, html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  background: #fff;
  text-align: center; }

.wrapper {
  width: 780px;
  margin: 0 auto;
  position: relative; }
  .wrapper::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (max-width: 910px) {
    .wrapper {
      width: 590px; } }
  @media screen and (max-width: 700px) {
    .wrapper {
      width: auto;
      overflow: visible; } }

@media screen and (max-width: 910px) {
  .scrollbox, .scrollbox-x {
    width: 100%;
    overflow: auto;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
  .scrollbox-y {
    width: 100%;
    overflow: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; } }

#Container {
  min-height: 100%; }
  #Container::after {
    clear: both;
    content: "";
    display: table; }

#Content {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1009; }
  @media screen and (max-width: 700px) {
    #Content {
      position: static;
      width: auto;
      padding: 142px 8px 8px 8px;
      min-height: 0; } }
  #Content .wrapper {
    min-height: 100%; }
  #Content article, #Content .strip {
    position: absolute;
    bottom: 0;
    background: rgba(245, 245, 245, 0.92); }
  #Content article {
    height: 880px;
    padding: 70px 90px 8px 90px;
    left: 0;
    right: 0;
    overflow: auto;
    z-index: 2;
    -webkit-transition-property: bottom, background;
    transition-property: bottom, background;
    -webkit-transition-duration: 0.5s, 0.5s;
    transition-duration: 0.5s, 0.5s; }
    #Content article.wide {
      padding: 46px 40px 8px 40px; }
    @media screen and (max-width: 1024px) {
      #Content article {
        padding: 46px 90px 8px 90px; }
        #Content article.wide {
          padding: 46px 40px 8px 40px; } }
    @media screen and (max-width: 910px) {
      #Content article, #Content article.wide {
        padding-left: 20px;
        padding-right: 20px; } }
    #Content article .button {
      position: absolute;
      top: 0;
      right: 0;
      cursor: pointer; }
    #Content article .openclose {
      height: 36px;
      line-height: 36px;
      padding-right: 62px; }
      #Content article .openclose:after {
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        right: 22px;
        width: 28px;
        height: 28px;
        background: transparent url(../images/arrow-d.png) no-repeat center center;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s; }
        @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
          #Content article .openclose:after {
            /* on retina, use image that's scaled by 2 */
            background-image: url("../images/arrow-d@2x.png");
            background-size: 28px 28px; } }
    #Content article.closed {
      background: rgba(245, 245, 245, 0);
      bottom: -922px;
      overflow: hidden; }
      @media screen and (max-width: 1024px) {
        #Content article.closed {
          bottom: -538px; } }
      .bright-text #Content article.closed .openclose {
        color: #fff;
        -webkit-font-smoothing: antialiased; }
      #Content article.closed .openclose:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
        .bright-text #Content article.closed .openclose:after {
          background: transparent url(../images/arrow-d-w.png) no-repeat center center; }
          @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            .bright-text #Content article.closed .openclose:after {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/arrow-d-w@2x.png");
              background-size: 28px 28px; } }
    @media screen and (max-width: 700px) {
      #Content article {
        position: static;
        background: transparent;
        height: auto; }
        #Content article, #Content article.wide {
          padding: 8px 0 0 0; }
        #Content article .button {
          display: none; } }
  #Content .strip {
    width: 100%;
    height: 36px; }
  #Content nav {
    margin-top: 0; }

* {
  outline: 0; }

.subcontent, table.appartments {
  font-size: 12px;
  line-height: 16px;
  margin-top: 2em; }

nav {
  margin-top: 50px; }
  nav a {
    text-decoration: none;
    display: inline-block;
    position: relative; }
    nav a:after {
      display: none;
      content: '';
      border: 0px solid #000000;
      border-bottom-width: 1px;
      width: 100%;
      position: absolute;
      left: 0px;
      bottom: 1px;
      -webkit-transition: border-color 0.2s;
      transition: border-color 0.2s; }
    nav a.current:after, nav a.section:after {
      display: block; }
    nav a:hover:after {
      border-color: #06C; }
  nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    nav ul li {
      display: inline-block;
      margin: 0 8px; }
  nav ul.subnav {
    padding: 1em 0; }
    nav ul.subnav li {
      display: block; }

a.arrow {
  position: relative;
  display: inline-block;
  text-decoration: none; }
  a.arrow:after {
    border: 0 !important;
    text-decoration: none !important;
    content: '';
    display: none;
    position: absolute;
    left: 100%;
    bottom: -1px;
    width: 21px;
    height: 21px; }
  .hovered a.arrow, a.arrow.hovered, a.arrow:hover {
    border: 0 !important;
    text-decoration: none !important; }
    .hovered a.arrow:after, a.arrow.hovered:after, a.arrow:hover:after {
      display: block; }
  a.arrow.arrow-next:after {
    text-decoration: none;
    background: transparent url(../images/arrow-r.png?m=20140919) no-repeat left center; }
    @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      a.arrow.arrow-next:after {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/arrow-r@2x.png?m=20140919");
        background-size: 21px 21px; } }
  a.arrow.arrow-next.pdf:after {
    content: 'PDF';
    color: #000000;
    line-height: 24px;
    padding-left: 21px; }
  a.arrow.arrow-prev:after {
    text-decoration: none;
    background: transparent url(../images/arrow-l.png?m=20140919) no-repeat left center;
    left: -21px; }
    @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      a.arrow.arrow-prev:after {
        /* on retina, use image that's scaled by 2 */
        background-image: url("../images/arrow-l@2x.png?m=20140919");
        background-size: 21px 21px; } }

.header-image {
  width: 100%;
  height: 0px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 1em; }

.hometitle {
  display: table;
  z-index: 900;
  height: 100%; }
  .hometitle .inner {
    height: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle; }
    .hometitle .inner h1 {
      font-weight: bold;
      color: #fff;
      -webkit-font-smoothing: antialiased;
      border: 0; }
  @media screen and (max-width: 700px) {
    .hometitle {
      display: block !important; }
      .hometitle .inner {
        display: block; }
        .hometitle .inner h1 {
          color: #000000;
          font-size: 24px; } }

@media screen and (max-width: 910px) {
  #IsDesktop {
    display: none; } }

header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 115px;
  z-index: 1020;
  padding-bottom: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 1024px) {
    header {
      position: fixed;
      height: 75px; } }
  header .wrapper {
    background: rgba(245, 245, 245, 0.75);
    position: relative;
    height: 100%; }
  header .logo-binsgarden {
    width: 103px;
    height: 72px;
    position: absolute;
    right: 22px;
    bottom: 9px; }
    @media screen and (max-width: 1024px) {
      header .logo-binsgarden {
        height: 32px;
        width: 45px; } }
    @media screen and (max-width: 910px) {
      header .logo-binsgarden {
        right: 18px; } }
    header .logo-binsgarden h2 a {
      display: block;
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      text-indent: -9999em; }
    header .logo-binsgarden object {
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%; }
  header nav {
    position: absolute;
    bottom: 20px;
    left: 18px; }
    @media screen and (max-width: 1024px) {
      header nav {
        bottom: 15px; } }
    @media screen and (max-width: 910px) {
      header nav {
        font-size: 14px;
        left: 16px; }
        header nav ul li {
          margin: 0 4px; } }
  @media screen and (max-width: 700px) {
    header {
      position: fixed;
      height: auto;
      background: #fff;
      left: 8px;
      right: 8px;
      padding: 8px 0;
      width: auto;
      min-height: 106px;
      border: 0px solid black;
      border-bottom-width: 1px; }
      header .wrapper {
        background: transparent; }
      header nav {
        position: relative;
        bottom: auto;
        left: auto;
        float: left;
        margin: 0; }
        header nav ul {
          float: left; }
          header nav ul li {
            text-align: left;
            display: block; }
        header nav #HomeLink {
          display: none; }
      header .logo-binsgarden {
        width: 143px;
        height: 100px;
        bottom: 0px;
        right: 0px;
        top: -2px; } }

ul.appartments {
  list-style-type: none;
  margin: 1em 0;
  padding: 0;
  display: inline-block; }
  ul.appartments span {
    display: inline-block;
    position: relative;
    -webkit-transition: color 0.2s;
    transition: color 0.2s; }
  ul.appartments span.addon {
    padding-left: 7px;
    color: #000000 !important; }
  ul.appartments li {
    text-align: left; }

.no-touch ul.appartments span:hover, ul.appartments .hovered span, ul.appartments span.hovered {
  color: #06C; }

.backnav {
  position: absolute;
  bottom: 10px;
  left: 0px;
  right: 0px;
  margin: 0; }
  .backnav .arrow.arrow-prev:after {
    display: block; }
  @media screen and (max-width: 700px) {
    .backnav {
      position: static;
      margin-bottom: 10px; } }

.slideshow {
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }
  @media screen and (max-width: 700px) {
    .slideshow {
      position: relative;
      width: 70%;
      height: 0;
      padding-bottom: 42%; } }
  @media screen and (max-width: 400px) {
    .slideshow {
      width: 100%;
      padding-bottom: 60%;
      margin-bottom: 2em; } }
  .slideshow .slide {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    margin: 0;
    padding: 0;
    position: absolute; }
  .slideshow .slideshow-pager {
    position: absolute;
    z-index: 1002;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }
    @media screen and (max-width: 700px) {
      .slideshow .slideshow-pager {
        display: none; } }
    .slideshow .slideshow-pager .arrow {
      display: block;
      cursor: pointer;
      width: 50%;
      height: 100%;
      position: absolute; }
      .slideshow .slideshow-pager .arrow span {
        height: 100%;
        width: 26px;
        position: absolute;
        display: block; }
      .slideshow .slideshow-pager .arrow.hidden {
        display: none; }
      .slideshow .slideshow-pager .arrow.arrow-prev {
        left: 0px; }
        .slideshow .slideshow-pager .arrow.arrow-prev span {
          left: 36px;
          background: transparent url(../images/arrow-l-big.png?m=20140918) no-repeat 0px center; }
          @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            .slideshow .slideshow-pager .arrow.arrow-prev span {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/arrow-l-big@2x.png?m=20140915");
              background-size: 26px 65px; } }
        .slideshow .slideshow-pager .arrow.arrow-prev.bright span {
          background: transparent url(../images/arrow-l-big-w.png?m=20140918) no-repeat 0px center; }
          @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            .slideshow .slideshow-pager .arrow.arrow-prev.bright span {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/arrow-l-big-w@2x.png?m=20140915");
              background-size: 26px 65px; } }
      .slideshow .slideshow-pager .arrow.arrow-next {
        right: 0px;
        text-align: right; }
        .slideshow .slideshow-pager .arrow.arrow-next span {
          right: 36px;
          background: transparent url(../images/arrow-r-big.png?m=20140918) no-repeat 0px center; }
          @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            .slideshow .slideshow-pager .arrow.arrow-next span {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/arrow-r-big@2x.png?m=20140915");
              background-size: 26px 65px; } }
        .slideshow .slideshow-pager .arrow.arrow-next.bright span {
          background: transparent url(../images/arrow-r-big-w.png?m=20140918) no-repeat 0px center; }
          @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            .slideshow .slideshow-pager .arrow.arrow-next.bright span {
              /* on retina, use image that's scaled by 2 */
              background-image: url("../images/arrow-r-big-w@2x.png?m=20140915");
              background-size: 26px 65px; } }

.js .slideshow {
  /*
    &.large-captions {
        figcaption {
            display: table;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;

            .inner {
                font-weight: bold;
                display: table-cell;
                vertical-align: middle;
                @extend %t-huge;
                text-align: center;
                @include negative;
            }
        }
    }
    */ }
  .js .slideshow .slide img {
    display: none;
    line-height: 0;
    border: 0;
    font-size: 0; }
  .js .slideshow figcaption {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 36px;
    line-height: 36px;
    text-align: left;
    padding-left: 22px; }
    .js .slideshow figcaption.hidden {
      display: none; }
  @media screen and (max-width: 700px) {
    .js .slideshow figcaption {
      position: absolute;
      left: 100% !important;
      right: 0;
      bottom: auto;
      top: 0;
      padding: 0 0 0 8px;
      font-size: 12px;
      line-height: 1.2em;
      color: #000000 !important; }
      .js .slideshow figcaption.hidden {
        display: block; } }
  @media screen and (max-width: 400px) {
    .js .slideshow figcaption {
      position: absolute;
      left: 0px !important;
      right: 0px;
      top: 100%;
      padding: 4px 0 0 0; } }

.bright-text .slideshow.normal-captions figcaption {
  color: #fff;
  -webkit-font-smoothing: antialiased; }

table.appartments {
  width: 700px;
  text-align: left;
  border-collapse: collapse; }
  @media screen and (max-width: 400px) {
    table.appartments {
      margin: 0; } }
  table.appartments th, table.appartments td {
    padding: 3px 5px 2px 5px; }
  table.appartments th {
    white-space: nowrap;
    background: #BEC6B8;
    color: #fff;
    -webkit-font-smoothing: antialiased; }
  table.appartments tbody th {
    font-weight: bold;
    text-transform: uppercase; }
  table.appartments td {
    border: 0 solid #474D51;
    border-bottom-width: 1px; }
    table.appartments td.title {
      font-weight: bold;
      white-space: nowrap; }
    table.appartments td.status {
      white-space: nowrap; }
    table.appartments td a {
      vertical-align: middle; }
      table.appartments td a span {
        display: none; }
    table.appartments td a.pdf:before {
      vertical-align: middle;
      content: '';
      display: inline-block;
      width: 11px;
      height: 13px;
      background: transparent url(../images/pdf.png) no-repeat center center; }
      @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        table.appartments td a.pdf:before {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/pdf@2x.png");
          background-size: 11px 13px; } }
    table.appartments td a.email:before {
      vertical-align: middle;
      content: '';
      display: inline-block;
      width: 15px;
      height: 10px;
      background: transparent url(../images/email.png) no-repeat center center; }
      @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        table.appartments td a.email:before {
          /* on retina, use image that's scaled by 2 */
          background-image: url("../images/email@2x.png");
          background-size: 15px 10px; } }
  table.appartments tr.last td {
    border-bottom-width: 0; }
  table.appartments tr.outer-last.last td {
    border-bottom-width: 1px; }
  table.appartments thead th {
    font-weight: normal;
    font-size: 11px;
    background: #474D51;
    border: 0 solid #fff;
    border-width: 0 1px 1px 1px; }
    table.appartments thead th:first-of-type {
      border-left-width: 0; }
    table.appartments thead th:last-of-type {
      border-right-width: 0; }
  table.appartments tr.hovered td {
    background: #fffc74; }
  .js table.appartments tr.Available td {
    cursor: pointer; }

form {
  text-align: left;
  width: 80%;
  margin: 0 auto 1em auto; }
  form::after {
    clear: both;
    content: "";
    display: table; }
  form fieldset {
    border: 0;
    margin: 0;
    padding: 0; }
  form .left {
    float: left;
    width: 75px;
    text-align: right;
    padding: 6px 0 0 0;
    text-transform: uppercase; }
  form .middleColumn {
    margin-left: 83px; }
  form input.text, form textarea {
    border: 0px solid #fff;
    padding: 3px 3px;
    background: #fff;
    font-family: inherit;
    color: #000;
    font-size: inherit;
    display: block;
    min-width: 300px; }
  form input.action {
    font-family: inherit;
    font-size: inherit;
    padding: 6px; }
  form input.text:focus, form textarea:focus {
    background: white; }
  form label {
    min-width: 60px;
    font-size: 11px;
    text-transform: uppercase; }
  form .field {
    margin-bottom: 8px; }
    @media screen and (max-width: 1024px) {
      form .field {
        margin-bottom: 6px; } }
  form .field.checkbox {
    margin-left: 83px; }
  form .required {
    color: #06C;
    display: block;
    padding: 4px 0 0 0; }
  form .Actions {
    margin-left: 83px; }
    form .Actions .action {
      padding: 6px 6px 3px 6px;
      text-transform: uppercase;
      color: #fff;
      -webkit-font-smoothing: antialiased;
      background: #000000;
      border: 0;
      margin: 0 0 1em 0;
      font-size: 11px;
      text-transform: uppercase;
      border-radius: 0; }
  @media screen and (max-width: 700px) {
    form {
      width: 70%; }
      form .left {
        float: none; }
      form .middleColumn {
        margin: 0; }
      form .Actions {
        margin-left: 0; }
      form label {
        font-size: 10px;
        font-weight: bold; }
      form input.text, form textarea {
        background: #e1e1e1;
        width: 98%; }
      form input.text:focus, form textarea:focus {
        background: #f5f5f5; } }
  @media screen and (max-width: 400px) {
    form {
      width: 100%; } }

.header-plan {
  width: 100%;
  margin-bottom: 1.5em; }
  .header-plan::after {
    clear: both;
    content: "";
    display: table; }
  .header-plan__house, .header-plan__appartments {
    background: #d9e2d2; }
    .header-plan__house svg, .header-plan__appartments svg {
      max-width: 100%;
      height: auto; }
  .header-plan__house {
    float: left;
    width: 65.71429%; }
  .header-plan__appartments {
    float: right;
    width: 33.28571%; }
  @media screen and (max-width: 700px) {
    .header-plan__house {
      margin-bottom: 8px; }
    .header-plan__house, .header-plan__appartments {
      float: none;
      width: 100%; } }

.apts {
  margin-top: 1.5em; }
  @media screen and (max-width: 700px) {
    .apts__title {
      font-size: 13px; } }
  .apts thead th {
    white-space: normal;
    line-height: 1.2;
    vertical-align: top;
    padding-top: 4px;
    padding-bottom: 3px; }
    .apts thead th:first-child {
      min-width: 32px; }
  .js .apts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .js .apts__title {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      background: #a9abad;
      color: #fff;
      -webkit-font-smoothing: antialiased;
      padding: 8px 5px 5px 5px;
      margin: 0 2px 2px 0;
      cursor: pointer; }
      .js .apts__title:last-of-type {
        margin-right: 0; }
      .js .apts__title:hover, .js .apts__title.active {
        background: #474D51; }
    .js .apts__listing {
      width: 100%;
      -webkit-box-ordinal-group: 101;
      -ms-flex-order: 100;
      order: 100;
      margin-bottom: 1em; }
    .js .apts__table {
      width: 100%;
      margin-top: 0; }
    .js .apts__row {
      white-space: nowrap; }
      .js .apts__row.active, .js .apts__row:active:hover {
        background: #F9EC31; }
      .js .apts__row:hover, .js .apts__row.hover {
        background: #F9EC31; }

svg * {
  pointer-events: none; }

.plan-segment {
  cursor: pointer;
  pointer-events: auto; }
  .header-plan__house .plan-segment.active, .header-plan__house .plan-segment.hover {
    fill: #F9EC31; }
  .header-plan__appartments .plan-segment.active, .header-plan__appartments .plan-segment:active:hover {
    fill: #F9EC31; }
  .header-plan__appartments .plan-segment.hover {
    fill: #F9EC31; }

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