/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2f1287");
@font-face {
  font-family: 'FranklinGothicBT-ExtraCondensed';
  src: url("webfonts/2F1287_0_0.eot");
  src: url("webfonts/2F1287_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2F1287_0_0.woff2") format("woff2"), url("webfonts/2F1287_0_0.woff") format("woff"), url("webfonts/2F1287_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'NewCenturySchlbkLTPro-Roman';
  src: url("webfonts/2F1287_1_0.eot");
  src: url("webfonts/2F1287_1_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2F1287_1_0.woff2") format("woff2"), url("webfonts/2F1287_1_0.woff") format("woff"), url("webfonts/2F1287_1_0.ttf") format("truetype"); }
@font-face {
  font-family: 'NewCenturySchlbkLTPro-Bd';
  src: url("webfonts/2F1287_2_0.eot");
  src: url("webfonts/2F1287_2_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2F1287_2_0.woff2") format("woff2"), url("webfonts/2F1287_2_0.woff") format("woff"), url("webfonts/2F1287_2_0.ttf") format("truetype"); }
@font-face {
  font-family: 'AvenirLTStd-Heavy';
  src: url("webfonts/2F1287_3_0.eot");
  src: url("webfonts/2F1287_3_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2F1287_3_0.woff2") format("woff2"), url("webfonts/2F1287_3_0.woff") format("woff"), url("webfonts/2F1287_3_0.ttf") format("truetype"); }
@font-face {
  font-family: 'AvenirLTStd-Roman';
  src: url("webfonts/2F1287_4_0.eot");
  src: url("webfonts/2F1287_4_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2F1287_4_0.woff2") format("woff2"), url("webfonts/2F1287_4_0.woff") format("woff"), url("webfonts/2F1287_4_0.ttf") format("truetype"); }
/* new fonts */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

html {
  font-family: AvenirLTStd-Roman;
  font-weight: normal;
  font-style: normal;
  color: #6f3a1b;
  min-height: 100%;
  background-color: #fff8df; }

body {
  min-width: 1024px;
  -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal; }

a.btn-brown {
  font-family: AvenirLTStd-Heavy;
  font-weight: normal;
  font-style: normal;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  margin-right: 10px;
  text-transform: uppercase;
  background-color: #6f3a1b;
  color: #ffffff;
  font-size: 16px;
  padding: 13px 16px;
  width: 220px;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1.25px; }
  a.btn-brown:hover {
    background-color: #000000; }

header {
  overflow: hidden;
  height: 72px;
  position: relative;
  z-index: 100;
  opacity: 0.5; }
  header ul {
    margin: 0;
    padding: 0; }
    header ul li {
      display: none;
      text-align: left;
      margin: 0;
      padding: 10px 10px 0 10px;
      font-size: 16px;
      float: left;
      height: 66px;
      width: 150px;
      line-height: 88px; }
      header ul li.what {
        text-transform: uppercase;
        display: inline;
        width: 120px;
        text-align: left;
        font-size: 20px;
        line-height: 88px; }
        header ul li.what img.share {
          position: relative;
          top: -16px;
          width: 40px; }
          header ul li.what img.share:hover {
            -webkit-filter: brightness(90%);
            filter: brightness(90%); }
        header ul li.what img.logo {
          height: 48px; }
          header ul li.what img.logo:hover {
            -webkit-filter: brightness(60%);
            filter: brightness(60%); }
      header ul li.about {
        border-right: 0;
        float: right;
        background-image: url(../img/logo-cup.png);
        background-repeat: no-repeat;
        background-position: center right 20px;
        background-size: 52px 50px;
        width: 165px;
        display: inline; }
        header ul li.about span {
          display: none; }
      header ul li:hover {
        cursor: pointer;
        background-color: #ffe48b; }
      header ul li a {
        color: #6f3a1b;
        text-decoration: none; }
  header:hover {
    background-color: #ffffff;
    opacity: 1; }
    header:hover ul li {
      display: inline;
      border-right: 1px solid #ffe48b; }
      header:hover ul li.project {
        border-right: 0; }
      header:hover ul li.about {
        border-right: 0;
        border-left: 1px solid #e5e0da; }
        header:hover ul li.about span {
          display: block; }

.welcome {
  min-height: 100vh;
  background-image: url(/img/bg-buildings.png);
  background-position: center bottom;
  background-repeat: repeat-x; }
  .welcome main {
    max-width: 1000px;
    margin: 30px auto 0 auto;
    padding: 0 12px; }
    .welcome main h1 {
      font-family: FranklinGothicBT-ExtraCondensed;
      font-weight: normal;
      font-style: normal;
      font-size: 56px; }
    .welcome main p {
      font-family: NewCenturySchlbkLTPro-Roman;
      font-weight: normal;
      font-style: normal;
      font-size: 30px;
      line-height: 44px;
      margin: 10px 0; }
      .welcome main p.formula {
        padding: 0 30px;
        margin: 30px 0 20px;
        text-align: center; }
      .welcome main p.text-center {
        text-align: center; }
    .welcome main .about {
      width: 1027px;
      margin: 0 auto; }
      .welcome main .about .left {
        width: 453px;
        float: left; }
        .welcome main .about .left img {
          width: 100%;
          margin-top: 10px; }
      .welcome main .about .right {
        width: 536px;
        float: right; }
      .welcome main .about p {
        font-size: 31px;
        line-height: 1.3225806452;
        margin-bottom: 18px; }
        .welcome main .about p.small {
          font-size: 18px;
          line-height: 1.3888888889;
          margin-bottom: 22px; }
      .welcome main .about a {
        color: #FFF0C8; }
  .welcome.far, .welcome.section {
    background-image: none; }

.worksheet {
  width: 270px;
  margin-left: 12px;
  margin-top: 20px;
  border-bottom: 0;
  z-index: 100;
  position: relative; }
  .worksheet .submit {
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #6f3a1b;
    text-align: center;
    padding: 10px 0 8px 0;
    transition: all 0.3s ease-out 0s;
    letter-spacing: 0.1em; }
    .worksheet .submit .fa {
      font-size: 12px;
      font-weight: normal;
      position: relative;
      top: -3px; }
    .worksheet .submit.proceed {
      background-color: #00ac93; }
  .worksheet .step {
    border: 4px solid #c0ad8f;
    background-color: #ffffff;
    position: relative; }
    .worksheet .step h3 {
      font-family: FranklinGothicBT-ExtraCondensed;
      font-weight: normal;
      font-style: normal;
      font-size: 12px;
      padding: 5px 8px 4px 8px;
      line-height: 20px; }
    .worksheet .step h4 {
      font-family: NewCenturySchlbkLTPro-Roman;
      font-weight: normal;
      font-style: normal;
      text-transform: uppercase;
      font-size: 10px;
      line-height: 20px;
      letter-spacing: 0.05em; }
    .worksheet .step .content {
      padding: 0 10px 10px 10px;
      min-height: 50px; }
      .worksheet .step .content .left {
        float: left; }
      .worksheet .step .content .right {
        float: right;
        width: 100px; }
    .worksheet .step .fence {
      text-align: center;
      border: 1px solid #eae2d9;
      padding: 4px 6px 6px 6px;
      white-space: nowrap; }
    .worksheet .step .value.value-lot-coverage:after {
      content: "%"; }
    .worksheet .step .symbols {
      position: relative; }
    .worksheet .step .answer {
      display: none; }
    .worksheet .step.instructions h2 {
      font-family: FranklinGothicBT-ExtraCondensed;
      font-weight: normal;
      font-style: normal;
      padding: 8px 0 4px 0;
      border-bottom: 1px solid #6f3a1b;
      font-size: 22px; }
      .worksheet .step.instructions h2 .number {
        display: inline-block;
        width: 18px; }
    .worksheet .step.instructions p {
      font-family: NewCenturySchlbkLTPro-Roman;
      font-weight: normal;
      font-style: normal;
      margin: 8px 0;
      font-size: 15px; }
    .worksheet .step.instructions.yellow {
      background-color: #ffe48b; }
      .worksheet .step.instructions.yellow p {
        font-family: AvenirLTStd-Roman;
        font-weight: normal;
        font-style: normal;
        margin-bottom: 8px; }
    .worksheet .step.instructions.finished {
      background-color: #ffffff; }
    .worksheet .step.instructions .hint {
      margin: 10px 0;
      font-size: 15px; }
      .worksheet .step.instructions .hint span {
        font-family: AvenirLTStd-Heavy;
        font-weight: normal;
        font-style: normal;
        text-transform: uppercase; }
    .worksheet .step.intro {
      margin-bottom: 0;
      border-bottom: 0; }
    .worksheet .step.far h3 {
      font-size: 17px; }
    .worksheet .step.far .content {
      text-align: center; }
      .worksheet .step.far .content .left {
        width: 130px;
        font-size: 18px;
        font-family: AvenirLTStd-Heavy;
        font-weight: normal;
        font-style: normal; }
        .worksheet .step.far .content .left .value:after {
          content: " sq. ft."; }
        .worksheet .step.far .content .left .value.no-sqft:after {
          content: ""; }
      .worksheet .step.far .content .right {
        float: left;
        width: 70px;
        text-align: center;
        margin-top: 19px; }
        .worksheet .step.far .content .right span {
          display: block;
          text-align: center; }
          .worksheet .step.far .content .right span.value {
            font-size: 30px;
            font-family: AvenirLTStd-Heavy;
            font-weight: normal;
            font-style: normal;
            letter-spacing: 0; }
      .worksheet .step.far .content .equal {
        float: left;
        width: 36px;
        text-align: center;
        font-size: 20px;
        font-family: AvenirLTStd-Heavy;
        font-weight: normal;
        font-style: normal;
        margin-top: 47px; }
      .worksheet .step.far .content .underline {
        height: 3px;
        background-color: #6f3a1b;
        margin: 4px 0; }
    .worksheet .step.coverage .content h3 {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0; }
    .worksheet .step.coverage .content .left {
      margin-left: 10px;
      width: 130px; }
    .worksheet .step.coverage .content .right {
      margin-top: -18px; }
    .worksheet .step.coverage .content .symbols img {
      width: 115px; }
    .worksheet .step.coverage .content .symbols .value {
      font-size: 9px;
      line-height: 22px;
      background-color: #efe9e1;
      height: 22px;
      width: 66px;
      position: absolute;
      top: 2px;
      left: 12px;
      border-left: 1px solid #6f3a1b;
      border-right: 1px solid #6f3a1b;
      text-align: center; }
    .worksheet .step.yard .content .left {
      margin-left: 10px;
      margin-top: 18px;
      width: 130px; }
    .worksheet .step.yard .content .right {
      margin-top: -18px; }
    .worksheet .step.yard .content .value:after {
      content: "'"; }
    .worksheet .step.yard .content .symbols img {
      width: 115px; }
    .worksheet .step.yard .content .symbols .value {
      position: absolute;
      background-image: url(../img/dots.png);
      background-repeat: repeat-y;
      background-position: top center;
      height: 40px;
      width: 12px;
      top: -7px;
      font-size: 9px;
      line-height: 96px; }
      .worksheet .step.yard .content .symbols .value.value-yard-front, .worksheet .step.yard .content .symbols .value.value-yard-front-static {
        left: 5px; }
      .worksheet .step.yard .content .symbols .value.value-yard-rear, .worksheet .step.yard .content .symbols .value.value-yard-rear-static {
        left: 74px; }
    .worksheet .step.heights .content .left {
      margin-top: 18px;
      margin-left: 10px;
      width: 120px; }
    .worksheet .step.heights .content .right {
      margin-top: -18px; }
    .worksheet .step.heights .content .value:after {
      content: "'"; }
    .worksheet .step.heights .content .symbols img {
      width: 115px; }
    .worksheet .step.heights .content .symbols .value {
      font-size: 9px;
      position: absolute;
      left: 0; }
      .worksheet .step.heights .content .symbols .value.value-height-street, .worksheet .step.heights .content .symbols .value.value-height-street-static {
        left: 7px; }
      .worksheet .step.heights .content .symbols .value.value-height-max, .worksheet .step.heights .content .symbols .value.value-height-max-static {
        left: 75px;
        top: -10px; }
    .worksheet .step.pagination {
      border: 0;
      background-color: transparent;
      margin-bottom: 2px; }
      .worksheet .step.pagination a {
        text-decoration: none;
        color: #6f3a1b;
        font-size: 12px; }
        .worksheet .step.pagination a.previous {
          float: left; }
        .worksheet .step.pagination a.next {
          float: right; }
        .worksheet .step.pagination a:hover {
          text-decoration: underline; }

.guide .step .tooltip {
  display: none;
  font-family: AvenirLTStd-Roman;
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  position: absolute;
  background-image: url(../img/bg-tooltip-green.png);
  top: 0;
  left: 0;
  width: 178px;
  height: 76px;
  color: #ffffff;
  padding-left: 28px;
  padding-top: 19px;
  background-repeat: no-repeat;
  left: 254px; }
.guide .step.far .tooltip {
  top: 43px;
  left: 247px; }
.guide .step.coverage .tooltip {
  top: -4px; }
.guide .step.yard .tooltip {
  top: 25px;
  z-index: 1; }
.guide .step.heights .tooltip {
  top: 25px; }

.guide.guide-lot .worksheet .step.instructions, .guide.guide-floor .worksheet .step.instructions, .guide.guide-floor-form .worksheet .step.instructions, .guide.guide-far .worksheet .step.instructions, .guide.guide-far-form .worksheet .step.instructions, .guide.guide-floors .worksheet .step.instructions, .guide.guide-floors-form .worksheet .step.instructions, .guide.guide-increase-far .worksheet .step.instructions, .guide.guide-increase-far-form .worksheet .step.instructions, .guide.guide-edge .worksheet .step.instructions, .guide.guide-edge-form .worksheet .step.instructions, .guide.guide-yard-form .worksheet .step.instructions, .guide.guide-sky-form .worksheet .step.instructions {
  margin-bottom: 60px;
  border-top: 0; }
  .guide.guide-lot .worksheet .step.instructions p:nth-child(1), .guide.guide-floor .worksheet .step.instructions p:nth-child(1), .guide.guide-floor-form .worksheet .step.instructions p:nth-child(1), .guide.guide-far .worksheet .step.instructions p:nth-child(1), .guide.guide-far-form .worksheet .step.instructions p:nth-child(1), .guide.guide-floors .worksheet .step.instructions p:nth-child(1), .guide.guide-floors-form .worksheet .step.instructions p:nth-child(1), .guide.guide-increase-far .worksheet .step.instructions p:nth-child(1), .guide.guide-increase-far-form .worksheet .step.instructions p:nth-child(1), .guide.guide-edge .worksheet .step.instructions p:nth-child(1), .guide.guide-edge-form .worksheet .step.instructions p:nth-child(1), .guide.guide-yard-form .worksheet .step.instructions p:nth-child(1), .guide.guide-sky-form .worksheet .step.instructions p:nth-child(1) {
    margin-top: 0;
    padding-top: 10px; }
.guide.guide-lot .worksheet .step.intro, .guide.guide-floor .worksheet .step.intro, .guide.guide-floor-form .worksheet .step.intro, .guide.guide-far .worksheet .step.intro, .guide.guide-far-form .worksheet .step.intro, .guide.guide-floors .worksheet .step.intro, .guide.guide-floors-form .worksheet .step.intro, .guide.guide-increase-far .worksheet .step.intro, .guide.guide-increase-far-form .worksheet .step.intro, .guide.guide-edge .worksheet .step.intro, .guide.guide-edge-form .worksheet .step.intro, .guide.guide-yard-form .worksheet .step.intro, .guide.guide-sky-form .worksheet .step.intro {
  border-top: 4px solid #c0ad8f;
  margin-bottom: 0;
  border-bottom: 0; }
.guide.guide-lot .worksheet .step.intro-top, .guide.guide-floor .worksheet .step.intro-top, .guide.guide-floor-form .worksheet .step.intro-top, .guide.guide-far .worksheet .step.intro-top, .guide.guide-far-form .worksheet .step.intro-top, .guide.guide-floors .worksheet .step.intro-top, .guide.guide-floors-form .worksheet .step.intro-top, .guide.guide-increase-far .worksheet .step.intro-top, .guide.guide-increase-far-form .worksheet .step.intro-top, .guide.guide-edge .worksheet .step.intro-top, .guide.guide-edge-form .worksheet .step.intro-top, .guide.guide-yard-form .worksheet .step.intro-top, .guide.guide-sky-form .worksheet .step.intro-top {
  border-top: 4px solid #c0ad8f; }
.guide.guide-lot .worksheet .question, .guide.guide-floor .worksheet .question, .guide.guide-floor-form .worksheet .question, .guide.guide-far .worksheet .question, .guide.guide-far-form .worksheet .question, .guide.guide-floors .worksheet .question, .guide.guide-floors-form .worksheet .question, .guide.guide-increase-far .worksheet .question, .guide.guide-increase-far-form .worksheet .question, .guide.guide-edge .worksheet .question, .guide.guide-edge-form .worksheet .question, .guide.guide-yard-form .worksheet .question, .guide.guide-sky-form .worksheet .question {
  position: relative; }
  .guide.guide-lot .worksheet .question .field, .guide.guide-floor .worksheet .question .field, .guide.guide-floor-form .worksheet .question .field, .guide.guide-far .worksheet .question .field, .guide.guide-far-form .worksheet .question .field, .guide.guide-floors .worksheet .question .field, .guide.guide-floors-form .worksheet .question .field, .guide.guide-increase-far .worksheet .question .field, .guide.guide-increase-far-form .worksheet .question .field, .guide.guide-edge .worksheet .question .field, .guide.guide-edge-form .worksheet .question .field, .guide.guide-yard-form .worksheet .question .field, .guide.guide-sky-form .worksheet .question .field {
    background-color: #ffffff; }
    .guide.guide-lot .worksheet .question .field input[type="text"], .guide.guide-floor .worksheet .question .field input[type="text"], .guide.guide-floor-form .worksheet .question .field input[type="text"], .guide.guide-far .worksheet .question .field input[type="text"], .guide.guide-far-form .worksheet .question .field input[type="text"], .guide.guide-floors .worksheet .question .field input[type="text"], .guide.guide-floors-form .worksheet .question .field input[type="text"], .guide.guide-increase-far .worksheet .question .field input[type="text"], .guide.guide-increase-far-form .worksheet .question .field input[type="text"], .guide.guide-edge .worksheet .question .field input[type="text"], .guide.guide-edge-form .worksheet .question .field input[type="text"], .guide.guide-yard-form .worksheet .question .field input[type="text"], .guide.guide-sky-form .worksheet .question .field input[type="text"] {
      border: 0;
      width: 160px;
      padding: 4px 8px;
      float: left; }
    .guide.guide-lot .worksheet .question .field span, .guide.guide-floor .worksheet .question .field span, .guide.guide-floor-form .worksheet .question .field span, .guide.guide-far .worksheet .question .field span, .guide.guide-far-form .worksheet .question .field span, .guide.guide-floors .worksheet .question .field span, .guide.guide-floors-form .worksheet .question .field span, .guide.guide-increase-far .worksheet .question .field span, .guide.guide-increase-far-form .worksheet .question .field span, .guide.guide-edge .worksheet .question .field span, .guide.guide-edge-form .worksheet .question .field span, .guide.guide-yard-form .worksheet .question .field span, .guide.guide-sky-form .worksheet .question .field span {
      display: block;
      float: right;
      color: #6f3a1b;
      opacity: 0.5;
      padding: 4px 8px;
      letter-spacing: 0.05em; }
    .guide.guide-lot .worksheet .question .field.error, .guide.guide-floor .worksheet .question .field.error, .guide.guide-floor-form .worksheet .question .field.error, .guide.guide-far .worksheet .question .field.error, .guide.guide-far-form .worksheet .question .field.error, .guide.guide-floors .worksheet .question .field.error, .guide.guide-floors-form .worksheet .question .field.error, .guide.guide-increase-far .worksheet .question .field.error, .guide.guide-increase-far-form .worksheet .question .field.error, .guide.guide-edge .worksheet .question .field.error, .guide.guide-edge-form .worksheet .question .field.error, .guide.guide-yard-form .worksheet .question .field.error, .guide.guide-sky-form .worksheet .question .field.error {
      background-color: #fde8eb; }
      .guide.guide-lot .worksheet .question .field.error input[type="text"], .guide.guide-floor .worksheet .question .field.error input[type="text"], .guide.guide-floor-form .worksheet .question .field.error input[type="text"], .guide.guide-far .worksheet .question .field.error input[type="text"], .guide.guide-far-form .worksheet .question .field.error input[type="text"], .guide.guide-floors .worksheet .question .field.error input[type="text"], .guide.guide-floors-form .worksheet .question .field.error input[type="text"], .guide.guide-increase-far .worksheet .question .field.error input[type="text"], .guide.guide-increase-far-form .worksheet .question .field.error input[type="text"], .guide.guide-edge .worksheet .question .field.error input[type="text"], .guide.guide-edge-form .worksheet .question .field.error input[type="text"], .guide.guide-yard-form .worksheet .question .field.error input[type="text"], .guide.guide-sky-form .worksheet .question .field.error input[type="text"] {
        background-color: #fde8eb;
        color: #e71d36; }
      .guide.guide-lot .worksheet .question .field.error span, .guide.guide-floor .worksheet .question .field.error span, .guide.guide-floor-form .worksheet .question .field.error span, .guide.guide-far .worksheet .question .field.error span, .guide.guide-far-form .worksheet .question .field.error span, .guide.guide-floors .worksheet .question .field.error span, .guide.guide-floors-form .worksheet .question .field.error span, .guide.guide-increase-far .worksheet .question .field.error span, .guide.guide-increase-far-form .worksheet .question .field.error span, .guide.guide-edge .worksheet .question .field.error span, .guide.guide-edge-form .worksheet .question .field.error span, .guide.guide-yard-form .worksheet .question .field.error span, .guide.guide-sky-form .worksheet .question .field.error span {
        opacity: 1;
        color: #e71d36;
        background-color: #fde8eb; }
  .guide.guide-lot .worksheet .question .error-hint, .guide.guide-floor .worksheet .question .error-hint, .guide.guide-floor-form .worksheet .question .error-hint, .guide.guide-far .worksheet .question .error-hint, .guide.guide-far-form .worksheet .question .error-hint, .guide.guide-floors .worksheet .question .error-hint, .guide.guide-floors-form .worksheet .question .error-hint, .guide.guide-increase-far .worksheet .question .error-hint, .guide.guide-increase-far-form .worksheet .question .error-hint, .guide.guide-edge .worksheet .question .error-hint, .guide.guide-edge-form .worksheet .question .error-hint, .guide.guide-yard-form .worksheet .question .error-hint, .guide.guide-sky-form .worksheet .question .error-hint {
    position: absolute;
    display: none;
    background-image: url(../img/bg-error-hint.png);
    background-repeat: no-repeat;
    width: 220px;
    height: 45px;
    color: #ffffff;
    text-align: center;
    background-position: bottom center;
    padding-top: 15px;
    left: 10px;
    top: -30px; }
  .guide.guide-lot .worksheet .question .field-submit input[type="submit"], .guide.guide-floor .worksheet .question .field-submit input[type="submit"], .guide.guide-floor-form .worksheet .question .field-submit input[type="submit"], .guide.guide-far .worksheet .question .field-submit input[type="submit"], .guide.guide-far-form .worksheet .question .field-submit input[type="submit"], .guide.guide-floors .worksheet .question .field-submit input[type="submit"], .guide.guide-floors-form .worksheet .question .field-submit input[type="submit"], .guide.guide-increase-far .worksheet .question .field-submit input[type="submit"], .guide.guide-increase-far-form .worksheet .question .field-submit input[type="submit"], .guide.guide-edge .worksheet .question .field-submit input[type="submit"], .guide.guide-edge-form .worksheet .question .field-submit input[type="submit"], .guide.guide-yard-form .worksheet .question .field-submit input[type="submit"], .guide.guide-sky-form .worksheet .question .field-submit input[type="submit"] {
    font-family: AvenirLTStd-Roman;
    font-weight: normal;
    font-style: normal;
    padding: 8px 8px;
    display: block;
    color: #ffffff;
    width: 100%;
    margin-top: 8px;
    border: 0;
    background-color: #6f3a1b;
    text-transform: uppercase;
    letter-spacing: 0.05em; }
    .guide.guide-lot .worksheet .question .field-submit input[type="submit"]:hover, .guide.guide-floor .worksheet .question .field-submit input[type="submit"]:hover, .guide.guide-floor-form .worksheet .question .field-submit input[type="submit"]:hover, .guide.guide-far .worksheet .question .field-submit input[type="submit"]:hover, .guide.guide-far-form .worksheet .question .field-submit input[type="submit"]:hover, .guide.guide-floors .worksheet .question .field-submit input[type="submit"]:hover, .guide.guide-floors-form .worksheet .question .field-submit input[type="submit"]:hover, .guide.guide-increase-far .worksheet .question .field-submit input[type="submit"]:hover, .guide.guide-increase-far-form .worksheet .question .field-submit input[type="submit"]:hover, .guide.guide-edge .worksheet .question .field-submit input[type="submit"]:hover, .guide.guide-edge-form .worksheet .question .field-submit input[type="submit"]:hover, .guide.guide-yard-form .worksheet .question .field-submit input[type="submit"]:hover, .guide.guide-sky-form .worksheet .question .field-submit input[type="submit"]:hover {
      background-color: #000000; }
.guide.guide-lot .worksheet.finished .step.instructions, .guide.guide-floor .worksheet.finished .step.instructions, .guide.guide-floor-form .worksheet.finished .step.instructions, .guide.guide-far .worksheet.finished .step.instructions, .guide.guide-far-form .worksheet.finished .step.instructions, .guide.guide-floors .worksheet.finished .step.instructions, .guide.guide-floors-form .worksheet.finished .step.instructions, .guide.guide-increase-far .worksheet.finished .step.instructions, .guide.guide-increase-far-form .worksheet.finished .step.instructions, .guide.guide-edge .worksheet.finished .step.instructions, .guide.guide-edge-form .worksheet.finished .step.instructions, .guide.guide-yard-form .worksheet.finished .step.instructions, .guide.guide-sky-form .worksheet.finished .step.instructions {
  background-color: #ffffff; }
  .guide.guide-lot .worksheet.finished .step.instructions .question, .guide.guide-floor .worksheet.finished .step.instructions .question, .guide.guide-floor-form .worksheet.finished .step.instructions .question, .guide.guide-far .worksheet.finished .step.instructions .question, .guide.guide-far-form .worksheet.finished .step.instructions .question, .guide.guide-floors .worksheet.finished .step.instructions .question, .guide.guide-floors-form .worksheet.finished .step.instructions .question, .guide.guide-increase-far .worksheet.finished .step.instructions .question, .guide.guide-increase-far-form .worksheet.finished .step.instructions .question, .guide.guide-edge .worksheet.finished .step.instructions .question, .guide.guide-edge-form .worksheet.finished .step.instructions .question, .guide.guide-yard-form .worksheet.finished .step.instructions .question, .guide.guide-sky-form .worksheet.finished .step.instructions .question {
    display: none; }
  .guide.guide-lot .worksheet.finished .step.instructions .answer, .guide.guide-floor .worksheet.finished .step.instructions .answer, .guide.guide-floor-form .worksheet.finished .step.instructions .answer, .guide.guide-far .worksheet.finished .step.instructions .answer, .guide.guide-far-form .worksheet.finished .step.instructions .answer, .guide.guide-floors .worksheet.finished .step.instructions .answer, .guide.guide-floors-form .worksheet.finished .step.instructions .answer, .guide.guide-increase-far .worksheet.finished .step.instructions .answer, .guide.guide-increase-far-form .worksheet.finished .step.instructions .answer, .guide.guide-edge .worksheet.finished .step.instructions .answer, .guide.guide-edge-form .worksheet.finished .step.instructions .answer, .guide.guide-yard-form .worksheet.finished .step.instructions .answer, .guide.guide-sky-form .worksheet.finished .step.instructions .answer {
    display: block; }
    .guide.guide-lot .worksheet.finished .step.instructions .answer p, .guide.guide-floor .worksheet.finished .step.instructions .answer p, .guide.guide-floor-form .worksheet.finished .step.instructions .answer p, .guide.guide-far .worksheet.finished .step.instructions .answer p, .guide.guide-far-form .worksheet.finished .step.instructions .answer p, .guide.guide-floors .worksheet.finished .step.instructions .answer p, .guide.guide-floors-form .worksheet.finished .step.instructions .answer p, .guide.guide-increase-far .worksheet.finished .step.instructions .answer p, .guide.guide-increase-far-form .worksheet.finished .step.instructions .answer p, .guide.guide-edge .worksheet.finished .step.instructions .answer p, .guide.guide-edge-form .worksheet.finished .step.instructions .answer p, .guide.guide-yard-form .worksheet.finished .step.instructions .answer p, .guide.guide-sky-form .worksheet.finished .step.instructions .answer p {
      color: #00ac93; }
.guide.guide-lot .worksheet.finished .step .fence-bottom {
  border: 2px solid #00ac93; }
.guide.guide-lot .worksheet.finished .step .value-lot-area,
.guide.guide-lot .worksheet.finished .step .value-lot-area-static {
  color: #00ac93; }
.guide.guide-lot .step .fence.fence-bottom {
  border: 2px solid #ffe48b; }
.guide.guide-lot .step .tooltip {
  top: 12px; }
  .guide.guide-lot .step .tooltip span {
    display: block;
    text-align: center;
    margin-right: 19px;
    margin-top: 10px; }
.guide.guide-floor-form .worksheet .question .error-hint {
  top: -10px; }
.guide.guide-floor-form .worksheet.finished .step .fence-top {
  border: 2px solid #00ac93; }
.guide.guide-floor-form .worksheet.finished .step .value-floor-area-static {
  color: #00ac93; }
.guide.guide-floor-form .worksheet.finished .step.instructions .question {
  display: block; }
  .guide.guide-floor-form .worksheet.finished .step.instructions .question .field-submit,
  .guide.guide-floor-form .worksheet.finished .step.instructions .question .field,
  .guide.guide-floor-form .worksheet.finished .step.instructions .question .hint {
    display: none; }
.guide.guide-floor-form .worksheet .step .fence-top {
  border: 2px solid #ffe48b; }
.guide.guide-far-form .worksheet .step .fence-right {
  border: 2px solid #ffe48b; }
.guide.guide-far-form .worksheet .question .field span {
  float: left;
  padding-right: 0; }
.guide.guide-far-form .worksheet.finished .step.instructions .question {
  display: block; }
  .guide.guide-far-form .worksheet.finished .step.instructions .question .field-submit,
  .guide.guide-far-form .worksheet.finished .step.instructions .question .field,
  .guide.guide-far-form .worksheet.finished .step.instructions .question .hint {
    display: none; }
.guide.guide-far-form .worksheet.finished .step .fence-right {
  border: 2px solid #00ac93; }
.guide.guide-far-form .worksheet.finished .step .value-far-static {
  color: #00ac93; }
.guide.guide-floors-form .worksheet .step .fence-right {
  border: 2px solid #ffe48b; }
.guide.guide-floors-form .worksheet .question .field span {
  float: left;
  padding-right: 0; }
.guide.guide-floors-form .worksheet.finished .step .fence-right {
  border: 2px solid #00ac93; }
.guide.guide-floors-form .worksheet.finished .step .value-far-static {
  color: #00ac93; }
.guide.guide-increase-far-form .worksheet .step .error {
  color: #e71d36; }
.guide.guide-increase-far-form .worksheet .step .correct {
  color: #00ac93; }
.guide.guide-increase-far-form .worksheet.finished .step.instructions .question {
  display: block; }
  .guide.guide-increase-far-form .worksheet.finished .step.instructions .question .field-submit,
  .guide.guide-increase-far-form .worksheet.finished .step.instructions .question .field,
  .guide.guide-increase-far-form .worksheet.finished .step.instructions .question .submit {
    display: none; }
.guide.guide-edge-form .worksheet .step .error {
  color: #e71d36; }
.guide.guide-edge-form .worksheet .step .correct {
  color: #00ac93; }
.guide.guide-edge-form .worksheet .step.instructions, .guide.guide-edge-form .worksheet .step.far {
  border-bottom: 0;
  margin-bottom: 0; }
.guide.guide-edge-form .worksheet.finished .step.coverage .fence {
  border: 2px solid #00ac93; }
.guide.guide-edge-form .worksheet.finished .step.coverage .value-lot-coverage {
  color: #00ac93; }
.guide.guide-yard .worksheet .step.instructions, .guide.guide-yard .worksheet .step.far {
  border-bottom: 0;
  margin-bottom: 0; }
.guide.guide-yard-form .worksheet .step .error {
  color: #e71d36; }
.guide.guide-yard-form .worksheet .step .correct {
  color: #00ac93; }
.guide.guide-yard-form .worksheet .step.instructions, .guide.guide-yard-form .worksheet .step.far, .guide.guide-yard-form .worksheet .step.coverage {
  border-bottom: 0;
  margin-bottom: 0; }
.guide.guide-yard-form .worksheet.finished .step.coverage .value-lot-coverage {
  color: #00ac93; }
.guide.guide-yard-form .worksheet.finished .step.yard .fence {
  border: 2px solid #ffe48b; }
  .guide.guide-yard-form .worksheet.finished .step.yard .fence.fence-front {
    border-bottom: 0; }
.guide.guide-yard-form .worksheet.finished .step.yard .value-yard-front,
.guide.guide-yard-form .worksheet.finished .step.yard .value-yard-rear {
  color: #00ac93; }
.guide.guide-sky .worksheet .step .error {
  color: #fde8eb; }
.guide.guide-sky .worksheet .step .correct {
  color: #00ac93; }
.guide.guide-sky .worksheet .step.instructions, .guide.guide-sky .worksheet .step.far, .guide.guide-sky .worksheet .step.coverage {
  border-bottom: 0;
  margin-bottom: 0; }
.guide.guide-sky-form .worksheet .step .error {
  color: #e71d36; }
.guide.guide-sky-form .worksheet .step .correct {
  color: #00ac93; }
.guide.guide-sky-form .worksheet .step.instructions, .guide.guide-sky-form .worksheet .step.far, .guide.guide-sky-form .worksheet .step.coverage, .guide.guide-sky-form .worksheet .step.yard {
  border-bottom: 0;
  margin-bottom: 0; }
.guide.guide-sky-form .worksheet.finished .step.coverage .value-lot-coverage {
  color: #00ac93; }
.guide.guide-sky-form .worksheet.finished .step.yard .fence.fence-front {
  border-bottom: 0; }
.guide.guide-sky-form .worksheet.finished .step.yard .value-yard-front,
.guide.guide-sky-form .worksheet.finished .step.yard .value-yard-rear {
  color: #00ac93; }
.guide.guide-sky-form .worksheet.finished .step.heights .fence {
  border: 2px solid #ffe48b; }
  .guide.guide-sky-form .worksheet.finished .step.heights .fence.fence-street {
    border-bottom: 0; }
.guide.guide-sky-form .worksheet.finished .step.heights .value-height-street,
.guide.guide-sky-form .worksheet.finished .step.heights .value-height-max {
  color: #00ac93; }

.lot-container {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  transition: all 0s linear;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 1114px;
  height: 600px;
  background-image: url(../img/new/bg-lot.png);
  background-repeat: no-repeat;
  background-position: left top;
  z-index: 0;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  cursor: url(../img/new/cursor-default.png) 34 34, auto; }
  .lot-container .lot {
    background-repeat: no-repeat;
    bottom: 55px;
    height: 416px;
    position: absolute;
    right: 29px;
    width: 520px; }
  .lot-container .column {
    position: absolute;
    width: 131px;
    min-height: 126px; }
    .lot-container .column .brick {
      background-image: url(../img/blocks/block-windows.png);
      background-repeat: no-repeat;
      width: 131px;
      height: 126px;
      position: absolute;
      bottom: 0;
      display: block; }
      .lot-container .column .brick.minus {
        background-image: url(../img/blocks/block-bad-windows.png); }
      .lot-container .column .brick.bad {
        background-image: url(../img/blocks/block-bad-zoning-windows.png); }
        .lot-container .column .brick.bad.minus {
          background-image: url(../img/blocks/block-bad-windows.png); }
      .lot-container .column .brick:nth-child(1) {
        background-image: url(../img/blocks/block-doors.png); }
        .lot-container .column .brick:nth-child(1).minus {
          background-image: url(../img/blocks/block-bad-doors.png); }
        .lot-container .column .brick:nth-child(1).bad {
          background-image: url(../img/blocks/block-bad-zoning-doors.png); }
          .lot-container .column .brick:nth-child(1).bad.minus {
            background-image: url(../img/blocks/block-bad-doors.png); }
    .lot-container .column .plus {
      background-image: url(../img/new/block-plus-flat.png);
      background-repeat: no-repeat;
      width: 131px;
      height: 126px;
      position: absolute;
      bottom: 200px;
      z-index: 30;
      transition: all 0s linear;
      opacity: 0; }
    .lot-container .column .ground {
      background-image: url(../img/block-ground.png);
      background-repeat: no-repeat;
      width: 131px;
      height: 126px;
      position: absolute;
      z-index: 0;
      opacity: 0.3; }
    .lot-container .column.active .plus {
      cursor: url(../img/new/cursor-plus.png) 34 34, auto; }
      .lot-container .column.active .plus:hover {
        opacity: 1; }
    .lot-container .column.active .ground {
      opacity: 1; }
    .lot-container .column.active.remove {
      cursor: url(../img/new/cursor-remove.png) 34 34, auto; }
      .lot-container .column.active.remove .plus {
        display: none; }
      .lot-container .column.active.remove .minus {
        cursor: url(../img/new/cursor-remove.png) 34 34, auto; }
    .lot-container .column.active.blockless {
      cursor: url(../img/new/cursor-out.png) 62 41, auto; }
      .lot-container .column.active.blockless .plus {
        display: none; }
    .lot-container .column.active.blockless.remove {
      cursor: url(../img/new/cursor-remove.png) 34 34, auto; }
      .lot-container .column.active.blockless.remove .plus {
        display: none; }
    .lot-container .column.max-height .plus {
      visibility: hidden; }
  .lot-container.reversed {
    background-image: url(../img/new/bg-lot-reversed.png);
    left: 360px;
    bottom: 0px;
    background-position: left top;
    width: 1400px; }
    .lot-container.reversed .lot {
      left: 70px; }
    .lot-container.reversed .column .brick {
      background-image: url(../img/blocks/block-windows-reversed.png); }
      .lot-container.reversed .column .brick.minus {
        background-image: url(../img/blocks/block-bad-windows-reversed.png); }
      .lot-container.reversed .column .brick.bad {
        background-image: url(../img/blocks/block-bad-zoning-windows-reversed.png); }
        .lot-container.reversed .column .brick.bad.minus {
          background-image: url(../img/blocks/block-bad-windows-reversed.png); }
      .lot-container.reversed .column .brick:nth-child(1) {
        background-image: url(../img/blocks/block-doors-reversed.png); }
        .lot-container.reversed .column .brick:nth-child(1).minus {
          background-image: url(../img/blocks/block-bad-doors-reversed.png); }
        .lot-container.reversed .column .brick:nth-child(1).bad {
          background-image: url(../img/blocks/block-bad-zoning-doors-reversed.png); }
          .lot-container.reversed .column .brick:nth-child(1).bad.minus {
            background-image: url(../img/blocks/block-bad-doors-reversed.png); }
    .lot-container.reversed .column .plus {
      background-image: url(../img/new/block-plus-flat-reversed.png); }
  .lot-container.disabled {
    opacity: 1; }

.lot-container-disabled {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none; }

.tooltips {
  background: rgba(255, 255, 255, 0.6);
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 200; }
  .tooltips .tip {
    display: none;
    position: absolute;
    left: 650px;
    bottom: 250px; }
    .tooltips .tip .content {
      background-color: #facd4b;
      text-align: center;
      padding: 10px 20px;
      border-radius: 4px;
      width: 220px; }
      .tooltips .tip .content a {
        font-family: AvenirLTStd-Roman;
        font-weight: normal;
        font-style: normal;
        font-size: 16px;
        text-transform: uppercase;
        padding: 8px 16px;
        color: #ffffff;
        background-color: #6f3a1b;
        text-decoration: none; }
        .tooltips .tip .content a:hover {
          background-color: #000000; }
      .tooltips .tip .content span.shift {
        border: 1px solid #6f3a1b;
        border-radius: 5px;
        padding: 5px 15px 0 5px; }
    .tooltips .tip .arrow {
      text-align: center; }
    .tooltips .tip.tip-edge-form {
      left: 640px;
      bottom: 250px; }
    .tooltips .tip.tip-edge-form-bad {
      left: 510px;
      bottom: 140px; }
  .tooltips.reversed .tip {
    left: 560px; }

.tools {
  background-image: url("../img/sprites.png");
  background-position: 0 -47px;
  background-repeat: no-repeat;
  height: 135px;
  left: 290px;
  position: absolute;
  top: 106px;
  width: 47px;
  z-index: 110; }
  .tools span {
    display: block;
    width: 35px;
    height: 37px;
    margin: 0 6px;
    cursor: pointer;
    transition: all 0s linear; }
    .tools span i {
      color: #c3ac94;
      margin-left: 6px;
      font-size: 22px; }
    .tools span.zoom-in {
      background-image: none;
      background-position: -35px 0;
      margin-top: 14px; }
    .tools span.zoom-out {
      background-image: none;
      background-position: -70px 0;
      margin-top: 10px; }
    .tools span.rotate {
      background-position: 0 0;
      margin-top: 7px; }
      .tools span.rotate img {
        width: 32px;
        margin-left: 2px; }
        .tools span.rotate img.right {
          display: none; }
  .tools.reversed span.rotate {
    background-position: -114px 0; }
    .tools.reversed span.rotate img.left {
      display: none; }
    .tools.reversed span.rotate img.right {
      display: block; }
  .tools.disabled {
    display: none; }

.legend {
  color: #6f3a1b;
  bottom: 10px;
  right: 10px;
  z-index: 110;
  position: fixed; }
  .legend .remaining {
    width: 186px;
    padding: 15px 12px;
    float: left;
    border-right: 2px solid #eae2d9;
    white-space: nowrap; }
  .legend .help {
    cursor: pointer;
    font-size: 30px; }

.help-popup,
.about-project-popup,
.about-popup,
.share-popup,
.far-popup,
.congratulations-popup,
.done-popup,
.neighborhood-popup,
.neighborhood-explore-popup {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  text-align: left;
  background-image: url(../img/new/bg-help.png); }
  .help-popup .content,
  .about-project-popup .content,
  .about-popup .content,
  .share-popup .content,
  .far-popup .content,
  .congratulations-popup .content,
  .done-popup .content,
  .neighborhood-popup .content,
  .neighborhood-explore-popup .content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    max-height: 80%;
    max-width: 640px;
    overflow-y: scroll;
    margin: 0 auto;
    padding: 20px 20px 10px 20px;
    background-color: #ffffff;
    border: 3px solid #6f3a1b;
    border-radius: 4px; }
    .help-popup .content h2,
    .about-project-popup .content h2,
    .about-popup .content h2,
    .share-popup .content h2,
    .far-popup .content h2,
    .congratulations-popup .content h2,
    .done-popup .content h2,
    .neighborhood-popup .content h2,
    .neighborhood-explore-popup .content h2 {
      font-family: FranklinGothicBT-ExtraCondensed;
      font-weight: normal;
      font-style: normal; }
    .help-popup .content a,
    .about-project-popup .content a,
    .about-popup .content a,
    .share-popup .content a,
    .far-popup .content a,
    .congratulations-popup .content a,
    .done-popup .content a,
    .neighborhood-popup .content a,
    .neighborhood-explore-popup .content a {
      color: #6f3a1b; }
      .help-popup .content a.close-popup,
      .about-project-popup .content a.close-popup,
      .about-popup .content a.close-popup,
      .share-popup .content a.close-popup,
      .far-popup .content a.close-popup,
      .congratulations-popup .content a.close-popup,
      .done-popup .content a.close-popup,
      .neighborhood-popup .content a.close-popup,
      .neighborhood-explore-popup .content a.close-popup {
        font-family: AvenirLTStd-Roman;
        font-weight: normal;
        font-style: normal;
        font-size: 16px;
        text-transform: uppercase;
        padding: 8px 16px;
        color: #ffffff;
        background-color: #6f3a1b;
        text-decoration: none;
        display: inline-block;
        margin-top: 1rem; }
        .help-popup .content a.close-popup:hover,
        .about-project-popup .content a.close-popup:hover,
        .about-popup .content a.close-popup:hover,
        .share-popup .content a.close-popup:hover,
        .far-popup .content a.close-popup:hover,
        .congratulations-popup .content a.close-popup:hover,
        .done-popup .content a.close-popup:hover,
        .neighborhood-popup .content a.close-popup:hover,
        .neighborhood-explore-popup .content a.close-popup:hover {
          background-color: #000000; }
    .help-popup .content p.logos img,
    .about-project-popup .content p.logos img,
    .about-popup .content p.logos img,
    .share-popup .content p.logos img,
    .far-popup .content p.logos img,
    .congratulations-popup .content p.logos img,
    .done-popup .content p.logos img,
    .neighborhood-popup .content p.logos img,
    .neighborhood-explore-popup .content p.logos img {
      margin-right: 40px;
      height: 60px;
      width: auto; }
    .help-popup .content p.icons img,
    .about-project-popup .content p.icons img,
    .about-popup .content p.icons img,
    .share-popup .content p.icons img,
    .far-popup .content p.icons img,
    .congratulations-popup .content p.icons img,
    .done-popup .content p.icons img,
    .neighborhood-popup .content p.icons img,
    .neighborhood-explore-popup .content p.icons img {
      height: 20px; }
    .help-popup .content p.icons a,
    .about-project-popup .content p.icons a,
    .about-popup .content p.icons a,
    .share-popup .content p.icons a,
    .far-popup .content p.icons a,
    .congratulations-popup .content p.icons a,
    .done-popup .content p.icons a,
    .neighborhood-popup .content p.icons a,
    .neighborhood-explore-popup .content p.icons a {
      text-decoration: none;
      margin-right: 5px; }

.congratulations-popup .content a.btn-brown,
.done-popup .content a.btn-brown {
  color: #ffffff; }
.congratulations-popup .content p,
.done-popup .content p {
  font-family: NewCenturySchlbkLTPro-Roman;
  font-weight: normal;
  font-style: normal;
  font-size: 30px;
  line-height: inherit;
  margin: 10px 0; }
  .congratulations-popup .content p.center,
  .done-popup .content p.center {
    text-align: center; }
  .congratulations-popup .content p.last,
  .done-popup .content p.last {
    margin-top: 20px; }
  .congratulations-popup .content p.small,
  .done-popup .content p.small {
    font-size: 18px;
    line-height: 1.333333333333; }

.done-popup .content {
  overflow: hidden;
  min-height: 400px; }
  .done-popup .content a {
    color: #6f3a1b; }

.congratulations-popup .content {
  min-height: 250px;
  overflow: hidden; }

.neighborhood-explore-popup,
.neighborhood-popup,
.help-popup,
.far-popup,
.help-popup {
  margin: auto auto; }
  .neighborhood-explore-popup .content.show-box-2 .box.box-1,
  .neighborhood-explore-popup .content.show-box-2 .box.box-3,
  .neighborhood-explore-popup .content.show-box-2 .box.box-4,
  .neighborhood-popup .content.show-box-2 .box.box-1,
  .neighborhood-popup .content.show-box-2 .box.box-3,
  .neighborhood-popup .content.show-box-2 .box.box-4,
  .help-popup .content.show-box-2 .box.box-1,
  .help-popup .content.show-box-2 .box.box-3,
  .help-popup .content.show-box-2 .box.box-4,
  .far-popup .content.show-box-2 .box.box-1,
  .far-popup .content.show-box-2 .box.box-3,
  .far-popup .content.show-box-2 .box.box-4,
  .help-popup .content.show-box-2 .box.box-1,
  .help-popup .content.show-box-2 .box.box-3,
  .help-popup .content.show-box-2 .box.box-4 {
    display: none; }
  .neighborhood-explore-popup .content.show-box-2 .box.box-2,
  .neighborhood-popup .content.show-box-2 .box.box-2,
  .help-popup .content.show-box-2 .box.box-2,
  .far-popup .content.show-box-2 .box.box-2,
  .help-popup .content.show-box-2 .box.box-2 {
    display: block; }
  .neighborhood-explore-popup .content.show-box-3 .box.box-1,
  .neighborhood-explore-popup .content.show-box-3 .box.box-2,
  .neighborhood-explore-popup .content.show-box-3 .box.box-4,
  .neighborhood-popup .content.show-box-3 .box.box-1,
  .neighborhood-popup .content.show-box-3 .box.box-2,
  .neighborhood-popup .content.show-box-3 .box.box-4,
  .help-popup .content.show-box-3 .box.box-1,
  .help-popup .content.show-box-3 .box.box-2,
  .help-popup .content.show-box-3 .box.box-4,
  .far-popup .content.show-box-3 .box.box-1,
  .far-popup .content.show-box-3 .box.box-2,
  .far-popup .content.show-box-3 .box.box-4,
  .help-popup .content.show-box-3 .box.box-1,
  .help-popup .content.show-box-3 .box.box-2,
  .help-popup .content.show-box-3 .box.box-4 {
    display: none; }
  .neighborhood-explore-popup .content.show-box-3 .box.box-3,
  .neighborhood-popup .content.show-box-3 .box.box-3,
  .help-popup .content.show-box-3 .box.box-3,
  .far-popup .content.show-box-3 .box.box-3,
  .help-popup .content.show-box-3 .box.box-3 {
    display: block; }
  .neighborhood-explore-popup .content.show-box-4 .box.box-1,
  .neighborhood-explore-popup .content.show-box-4 .box.box-2,
  .neighborhood-explore-popup .content.show-box-4 .box.box-3,
  .neighborhood-popup .content.show-box-4 .box.box-1,
  .neighborhood-popup .content.show-box-4 .box.box-2,
  .neighborhood-popup .content.show-box-4 .box.box-3,
  .help-popup .content.show-box-4 .box.box-1,
  .help-popup .content.show-box-4 .box.box-2,
  .help-popup .content.show-box-4 .box.box-3,
  .far-popup .content.show-box-4 .box.box-1,
  .far-popup .content.show-box-4 .box.box-2,
  .far-popup .content.show-box-4 .box.box-3,
  .help-popup .content.show-box-4 .box.box-1,
  .help-popup .content.show-box-4 .box.box-2,
  .help-popup .content.show-box-4 .box.box-3 {
    display: none; }
  .neighborhood-explore-popup .content.show-box-4 .box.box-4,
  .neighborhood-popup .content.show-box-4 .box.box-4,
  .help-popup .content.show-box-4 .box.box-4,
  .far-popup .content.show-box-4 .box.box-4,
  .help-popup .content.show-box-4 .box.box-4 {
    display: block; }
  .neighborhood-explore-popup .box.box-2, .neighborhood-explore-popup .box.box-3, .neighborhood-explore-popup .box.box-4,
  .neighborhood-popup .box.box-2,
  .neighborhood-popup .box.box-3,
  .neighborhood-popup .box.box-4,
  .help-popup .box.box-2,
  .help-popup .box.box-3,
  .help-popup .box.box-4,
  .far-popup .box.box-2,
  .far-popup .box.box-3,
  .far-popup .box.box-4,
  .help-popup .box.box-2,
  .help-popup .box.box-3,
  .help-popup .box.box-4 {
    display: none; }
  .neighborhood-explore-popup .box p,
  .neighborhood-popup .box p,
  .help-popup .box p,
  .far-popup .box p,
  .help-popup .box p {
    font-family: NewCenturySchlbkLTPro-Roman;
    font-weight: normal;
    font-style: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1.3225806452;
    margin: 10px 0; }
    .neighborhood-explore-popup .box p.formula,
    .neighborhood-popup .box p.formula,
    .help-popup .box p.formula,
    .far-popup .box p.formula,
    .help-popup .box p.formula {
      padding: 0 30px;
      margin: 30px 0 20px;
      text-align: center; }
    .neighborhood-explore-popup .box p.text-center,
    .neighborhood-popup .box p.text-center,
    .help-popup .box p.text-center,
    .far-popup .box p.text-center,
    .help-popup .box p.text-center {
      text-align: center; }
    .neighborhood-explore-popup .box p.small,
    .neighborhood-popup .box p.small,
    .help-popup .box p.small,
    .far-popup .box p.small,
    .help-popup .box p.small {
      font-size: 16px;
      line-height: 1.333333333333; }
    .neighborhood-explore-popup .box p.center,
    .neighborhood-popup .box p.center,
    .help-popup .box p.center,
    .far-popup .box p.center,
    .help-popup .box p.center {
      text-align: center; }
    .neighborhood-explore-popup .box p.last,
    .neighborhood-popup .box p.last,
    .help-popup .box p.last,
    .far-popup .box p.last,
    .help-popup .box p.last {
      margin-top: 20px; }
  .neighborhood-explore-popup .box img,
  .neighborhood-popup .box img,
  .help-popup .box img,
  .far-popup .box img,
  .help-popup .box img {
    width: 100%; }
    .neighborhood-explore-popup .box img.block,
    .neighborhood-popup .box img.block,
    .help-popup .box img.block,
    .far-popup .box img.block,
    .help-popup .box img.block {
      width: auto; }
    .neighborhood-explore-popup .box img.howto,
    .neighborhood-popup .box img.howto,
    .help-popup .box img.howto,
    .far-popup .box img.howto,
    .help-popup .box img.howto {
      width: 90%; }

.help-popup,
.far-popup {
  margin: auto auto; }
  .help-popup .content a,
  .far-popup .content a {
    font-family: AvenirLTStd-Heavy;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    margin-right: 10px;
    text-transform: uppercase;
    background-color: #6f3a1b;
    color: #ffffff;
    font-size: 16px;
    padding: 8px 16px;
    width: 220px;
    text-align: center;
    text-decoration: none; }
  .help-popup .content .how-to .item,
  .far-popup .content .how-to .item {
    float: left;
    width: 180px;
    margin-right: 30px; }
    .help-popup .content .how-to .item:last-child,
    .far-popup .content .how-to .item:last-child {
      margin-right: 0; }
    .help-popup .content .how-to .item p,
    .far-popup .content .how-to .item p {
      font-size: 14px; }

.neighborhood-popup .content img,
.neighborhood-explore-popup .content img {
  max-width: 420px; }
.neighborhood-popup .content a,
.neighborhood-explore-popup .content a {
  color: #6f3a1b; }
  .neighborhood-popup .content a.btn-brown,
  .neighborhood-explore-popup .content a.btn-brown {
    color: #ffffff; }

.neighborhood {
  overflow-x: hidden; }
  .neighborhood.intro {
    overflow: scroll;
    min-height: 100vh; }
    .neighborhood.intro main {
      max-width: 1000px;
      margin: 30px auto 0 auto;
      padding: 0 12px; }
      .neighborhood.intro main p {
        font-family: NewCenturySchlbkLTPro-Roman;
        font-weight: normal;
        font-style: normal;
        font-size: 20px;
        line-height: 1.4;
        margin: 10px 0; }
        .neighborhood.intro main p.highlight {
          font-size: 30px; }
      .neighborhood.intro main a {
        font-family: NewCenturySchlbkLTPro-Bd;
        font-weight: normal;
        font-style: normal;
        color: #6f3a1b;
        text-decoration: none;
        background-color: #ffe48b;
        padding: 0 8px; }
        .neighborhood.intro main a:hover {
          color: #ffe48b;
          background-color: #6f3a1b; }
        .neighborhood.intro main a.next {
          font-family: AvenirLTStd-Roman;
          font-weight: normal;
          font-style: normal;
          font-size: 22px;
          text-transform: uppercase;
          padding: 8px 16px;
          color: #ffffff;
          background-color: #6f3a1b;
          width: 248px;
          margin: 32px auto 0 auto;
          display: block;
          text-align: center; }
          .neighborhood.intro main a.next:hover {
            background-color: #000000; }
          .neighborhood.intro main a.next .fa {
            font-size: 18px; }
      .neighborhood.intro main .box {
        width: 772px;
        margin: 0 auto;
        border: 2px solid #6f3a1b;
        border-radius: 8px;
        background-color: #ffffff;
        padding: 24px; }
        .neighborhood.intro main .box p {
          font-size: 18px;
          line-height: 1.4;
          font-size: 30px; }
          .neighborhood.intro main .box p.small {
            font-size: 24px; }
          .neighborhood.intro main .box p.text-center {
            text-align: center; }
        .neighborhood.intro main .box img {
          margin: 0 auto;
          width: 500px; }
          .neighborhood.intro main .box img.block {
            margin: 32px 0;
            width: auto; }
  .neighborhood .menu {
    background-color: #ffffff;
    border: 4px solid #c0ad8f;
    margin-left: 12px;
    margin-top: 20px;
    position: absolute;
    width: 300px;
    z-index: 100; }
    .neighborhood .menu h2 {
      font-family: FranklinGothicBT-ExtraCondensed;
      font-weight: normal;
      font-style: normal;
      font-size: 25px;
      padding: 12px 0 4px; }
    .neighborhood .menu .content {
      padding: 0 10px 10px; }
    .neighborhood .menu .submit {
      text-decoration: none;
      display: block;
      text-transform: uppercase;
      color: #ffffff;
      background-color: #6f3a1b;
      text-align: center;
      padding: 10px 0 8px 0;
      transition: all 0.3s ease-out 0s;
      letter-spacing: 0.1em; }
    .neighborhood .menu .instructions a {
      background-color: #ffe48b;
      text-decoration: none;
      color: #6f3a1b;
      padding: 0 4px; }
    .neighborhood .menu .instructions p {
      font-family: NewCenturySchlbkLTPro-Roman;
      font-weight: normal;
      font-style: normal; }
    .neighborhood .menu .modes {
      font-size: 12px; }
      .neighborhood .menu .modes .content {
        padding: 0; }
      .neighborhood .menu .modes .mode {
        cursor: pointer;
        text-align: center;
        float: left;
        width: 150px;
        color: #6f3a1b;
        text-decoration: none;
        padding-top: 5px;
        border-bottom: 1px solid #d0d0d0; }
        .neighborhood .menu .modes .mode p {
          margin-top: 5px;
          margin-bottom: 5px; }
        .neighborhood .menu .modes .mode span {
          display: block;
          margin-bottom: 10px; }
        .neighborhood .menu .modes .mode.active {
          background-color: #ffe48b;
          border-bottom: 1px solid #ffe48b;
          width: 149px; }
          .neighborhood .menu .modes .mode.active.build {
            border-right: 1px solid #d0d0d0; }
          .neighborhood .menu .modes .mode.active.explore {
            border-left: 1px solid #d0d0d0; }
    .neighborhood .menu .instructions {
      background-color: #ffe48b;
      padding-bottom: 20px; }
    .neighborhood .menu .types {
      padding: 0;
      margin: 0 10px; }
      .neighborhood .menu .types .content {
        border: 1px solid #6f3a1b;
        padding: 0;
        display: none; }
      .neighborhood .menu .types .current {
        cursor: pointer;
        background-color: #ffffff;
        padding-left: 10px;
        height: 42px;
        line-height: 42px;
        background-image: url(../img/arrow-dropdown.png);
        background-repeat: no-repeat;
        background-position: top right; }
        .neighborhood .menu .types .current span {
          display: block;
          height: 42px;
          line-height: 42px;
          font-size: 14px; }
      .neighborhood .menu .types a {
        padding: 0 10px;
        display: block;
        text-decoration: none;
        background-color: #6f3a1b;
        color: #ffffff;
        cursor: pointer;
        height: 42px;
        line-height: 42px; }
        .neighborhood .menu .types a:hover {
          background-color: #000000;
          color: #ffffff; }
        .neighborhood .menu .types a i {
          display: none; }
        .neighborhood .menu .types a.active i {
          display: inline; }
    .neighborhood .menu .numbers p {
      margin-top: 0; }
      .neighborhood .menu .numbers p a {
        color: #6f3a1b; }
    .neighborhood .menu .numbers .sets {
      margin-bottom: 10px; }
      .neighborhood .menu .numbers .sets .set {
        float: left; }
        .neighborhood .menu .numbers .sets .set h3 {
          font-family: FranklinGothicBT-ExtraCondensed;
          font-weight: normal;
          font-style: normal;
          font-size: 14px;
          margin-bottom: 2px; }
          .neighborhood .menu .numbers .sets .set h3 i {
            margin-left: 4px;
            color: #baa07f;
            position: relative;
            top: -1px;
            cursor: pointer; }
          .neighborhood .menu .numbers .sets .set h3 span.tooltip {
            display: none;
            position: relative;
            text-align: left; }
            .neighborhood .menu .numbers .sets .set h3 span.tooltip .tooltip-content {
              font-family: AvenirLTStd-Roman;
              font-weight: normal;
              font-style: normal;
              display: none;
              position: absolute;
              top: 0;
              z-index: 1;
              text-transform: none;
              width: 400px; }
              .neighborhood .menu .numbers .sets .set h3 span.tooltip .tooltip-content p {
                font-size: 14px; }
              .neighborhood .menu .numbers .sets .set h3 span.tooltip .tooltip-content .content {
                background-color: #facd4b;
                padding: 10px 20px;
                border-radius: 4px; }
              .neighborhood .menu .numbers .sets .set h3 span.tooltip .tooltip-content.tooltip-content-far {
                left: -22px;
                top: -169px; }
              .neighborhood .menu .numbers .sets .set h3 span.tooltip .tooltip-content.tooltip-content-size {
                left: -22px;
                top: -118px; }
              .neighborhood .menu .numbers .sets .set h3 span.tooltip .tooltip-content.tooltip-content-coverage {
                left: -22px;
                top: -119px; }
              .neighborhood .menu .numbers .sets .set h3 span.tooltip .tooltip-content.tooltip-content-yard {
                left: -22px;
                top: -203px; }
              .neighborhood .menu .numbers .sets .set h3 span.tooltip .tooltip-content.tooltip-content-height {
                left: -22px;
                top: -185px; }
        .neighborhood .menu .numbers .sets .set.set-far {
          width: 100px; }
        .neighborhood .menu .numbers .sets .set.set-lot {
          float: right;
          width: 170px; }
        .neighborhood .menu .numbers .sets .set.set-coverage, .neighborhood .menu .numbers .sets .set.set-yard {
          float: none;
          width: 100%; }
        .neighborhood .menu .numbers .sets .set.set-yard .items .item.item-half span.minus {
          left: 28px; }
        .neighborhood .menu .numbers .sets .set.set-yard .items .item.item-half span.plus {
          right: 28px; }
        .neighborhood .menu .numbers .sets .set .items {
          text-align: center; }
          .neighborhood .menu .numbers .sets .set .items .item {
            background-color: #eae2d9;
            height: 40px;
            padding: 10px 0 14px 0;
            position: relative; }
            .neighborhood .menu .numbers .sets .set .items .item h4 {
              font-family: NewCenturySchlbkLTPro-Roman;
              font-weight: normal;
              font-style: normal;
              margin-bottom: 3px;
              font-size: 12px;
              text-transform: uppercase; }
            .neighborhood .menu .numbers .sets .set .items .item span.plus, .neighborhood .menu .numbers .sets .set .items .item span.minus {
              display: none;
              position: absolute;
              top: 31px;
              left: 14px;
              cursor: pointer;
              color: #baa07f; }
              .neighborhood .menu .numbers .sets .set .items .item span.plus.plus, .neighborhood .menu .numbers .sets .set .items .item span.minus.plus {
                right: 14px;
                left: auto; }
            .neighborhood .menu .numbers .sets .set .items .item .value {
              font-family: AvenirLTStd-Heavy;
              font-weight: normal;
              font-style: normal;
              font-size: 20px; }
              .neighborhood .menu .numbers .sets .set .items .item .value.apos:after {
                content: "\'"; }
              .neighborhood .menu .numbers .sets .set .items .item .value.percent:after {
                content: "%"; }
            .neighborhood .menu .numbers .sets .set .items .item.item-half {
              float: left;
              width: 50%; }
              .neighborhood .menu .numbers .sets .set .items .item.item-half span.minus {
                left: 6px; }
              .neighborhood .menu .numbers .sets .set .items .item.item-half span.plus {
                right: 6px; }
            .neighborhood .menu .numbers .sets .set .items .item.item-third {
              float: left;
              width: 33%; }
              .neighborhood .menu .numbers .sets .set .items .item.item-third span.minus {
                left: 2px; }
              .neighborhood .menu .numbers .sets .set .items .item.item-third span.plus {
                right: 2px; }
    .neighborhood .menu .actions {
      display: none; }
      .neighborhood .menu .actions a {
        font-family: AvenirLTStd-Heavy;
        font-weight: normal;
        font-style: normal;
        background-color: #6f3a1b;
        color: #ffe48b;
        font-size: 16px;
        padding: 8px 16px;
        width: 248px;
        text-align: center;
        text-decoration: none; }
      .neighborhood .menu .actions .content {
        padding: 10px 10px 0 10px; }
      .neighborhood .menu .actions.finished {
        display: block; }
    .neighborhood .menu .status,
    .neighborhood .menu .done {
      margin-top: 30px;
      text-align: center;
      display: none; }
      .neighborhood .menu .status .spinner,
      .neighborhood .menu .done .spinner {
        margin-left: 120px; }
    .neighborhood .menu.mode-building .instructions,
    .neighborhood .menu.mode-building .actions,
    .neighborhood .menu.mode-building .types,
    .neighborhood .menu.mode-building .numbers {
      display: none; }
    .neighborhood .menu.mode-building .status {
      display: block; }
    .neighborhood .menu.mode-done .instructions,
    .neighborhood .menu.mode-done .actions,
    .neighborhood .menu.mode-done .types,
    .neighborhood .menu.mode-done .status,
    .neighborhood .menu.mode-done .numbers {
      display: none; }
    .neighborhood .menu.mode-done .done {
      display: block; }
  .neighborhood.neighborhood-custom-mine .actions, .neighborhood.neighborhood-custom-explore .actions {
    display: block; }
  .neighborhood .tools {
    left: 325px;
    top: 86px;
    height: 100px;
    background-position: 0 -202px;
    position: fixed; }

.neighborhood-mine .numbers,
.neighborhood-explore .numbers {
  padding-top: 14px; }

.neighborhood-explore .menu .instructions,
.neighborhood-custom-explore .menu .instructions {
  background-color: #d8f4cd; }
.neighborhood-explore .menu .modes .mode.active,
.neighborhood-custom-explore .menu .modes .mode.active {
  background-color: #d8f4cd;
  border-bottom: 1px solid #d8f4cd; }

.neighborhood-custom-mine .menu .instructions,
.neighborhood-custom-explore .menu .instructions {
  padding-bottom: 0; }
.neighborhood-custom-mine .menu .actions .content,
.neighborhood-custom-explore .menu .actions .content {
  background-color: #ffe48b;
  padding: 14px 10px;
  border-bottom: 4px solid #c0ad8f; }

.neighborhood-custom-explore .menu .actions .content {
  background-color: #d8f4cd; }

.strips {
  bottom: -500px;
  left: 1200px;
  position: absolute;
  width: 100%;
  transform: scale(0.4);
  -webkit-transform: scale(0.4);
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left; }
  .strips.building .strip .sets {
    opacity: 0; }
  .strips .strip {
    position: absolute;
    bottom: 0;
    left: 0; }
    .strips .strip.strip-0 {
      left: 0;
      z-index: 2; }
    .strips .strip.strip-1 {
      z-index: 1;
      bottom: 600px;
      left: 1000px; }
    .strips .strip.strip-2 {
      z-index: 0;
      bottom: 600px;
      left: 2000px; }
    .strips .strip .sets {
      left: 0;
      bottom: 0;
      position: absolute;
      transition: opacity .5s ease;
      opacity: 1; }
      .strips .strip .sets.sets-0 {
        z-index: 2; }
      .strips .strip .sets.sets-1 {
        z-index: 1; }
      .strips .strip .sets.sets-2 {
        z-index: 0; }
      .strips .strip .sets .set .set-left,
      .strips .strip .sets .set .set-right {
        position: absolute;
        left: 0; }
      .strips .strip .sets .set .set-left {
        z-index: 1; }
      .strips .strip .sets .set .set-right {
        z-index: 0; }
  .strips .lot {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 765px;
    height: 1650px;
    background-position: bottom;
    background-repeat: no-repeat; }
    .strips .lot .column {
      position: absolute;
      width: 73px;
      min-height: 84px; }
      .strips .lot .column .brick {
        background-image: url(../img/block.png);
        background-repeat: no-repeat;
        width: 73px;
        height: 84px;
        position: absolute;
        bottom: 0;
        display: block; }
      .strips .lot .column .ground {
        background-image: url(../img/block-ground.png);
        background-repeat: no-repeat;
        width: 73px;
        height: 84px;
        position: absolute;
        z-index: 0;
        opacity: 0.1; }
  .strips .strip-0 .sets-0 .street-container .street.street-100x100,
  .strips .strip-0 .sets-1 .street-container .street.street-100x100,
  .strips .strip-1 .sets-0 .street-container .street.street-100x100,
  .strips .strip-1 .sets-1 .street-container .street.street-100x100 {
    background-image: url(../img/street-100x100-new-box.png); }
  .strips .strip-0 .sets-0 .street-container .street.street-100x80,
  .strips .strip-0 .sets-1 .street-container .street.street-100x80,
  .strips .strip-1 .sets-0 .street-container .street.street-100x80,
  .strips .strip-1 .sets-1 .street-container .street.street-100x80 {
    background-image: url(../img/street-100x80-new-box.png); }
  .strips .strip-0 .sets-0 .street-container .street.street-100x60,
  .strips .strip-0 .sets-1 .street-container .street.street-100x60,
  .strips .strip-1 .sets-0 .street-container .street.street-100x60,
  .strips .strip-1 .sets-1 .street-container .street.street-100x60 {
    background-image: url(../img/street-100x60-new-box.png); }
  .strips .strip-0 .sets-0 .street-container .street.street-100x40,
  .strips .strip-0 .sets-1 .street-container .street.street-100x40,
  .strips .strip-1 .sets-0 .street-container .street.street-100x40,
  .strips .strip-1 .sets-1 .street-container .street.street-100x40 {
    background-image: url(../img/street-100x40-new-box.png); }
  .strips .strip-0 .sets-0 .street-container .street.street-100x20,
  .strips .strip-0 .sets-1 .street-container .street.street-100x20,
  .strips .strip-1 .sets-0 .street-container .street.street-100x20,
  .strips .strip-1 .sets-1 .street-container .street.street-100x20 {
    background-image: url(../img/street-100x20-new-box.png); }
  .strips .strip-0 .sets-0 .street-container .street.street-20x100, .strips .strip-0 .sets-0 .street-container .street.street-40x100, .strips .strip-0 .sets-0 .street-container .street.street-60x100, .strips .strip-0 .sets-0 .street-container .street.street-80x100,
  .strips .strip-0 .sets-1 .street-container .street.street-20x100,
  .strips .strip-0 .sets-1 .street-container .street.street-40x100,
  .strips .strip-0 .sets-1 .street-container .street.street-60x100,
  .strips .strip-0 .sets-1 .street-container .street.street-80x100,
  .strips .strip-1 .sets-0 .street-container .street.street-20x100,
  .strips .strip-1 .sets-0 .street-container .street.street-40x100,
  .strips .strip-1 .sets-0 .street-container .street.street-60x100,
  .strips .strip-1 .sets-0 .street-container .street.street-80x100,
  .strips .strip-1 .sets-1 .street-container .street.street-20x100,
  .strips .strip-1 .sets-1 .street-container .street.street-40x100,
  .strips .strip-1 .sets-1 .street-container .street.street-60x100,
  .strips .strip-1 .sets-1 .street-container .street.street-80x100 {
    background-image: url(../img/street-80x100-new-box.png); }
  .strips .strip-0 .sets-0 .street-container .street.street-80x80, .strips .strip-0 .sets-0 .street-container .street.street-60x80, .strips .strip-0 .sets-0 .street-container .street.street-40x80, .strips .strip-0 .sets-0 .street-container .street.street-20x80,
  .strips .strip-0 .sets-1 .street-container .street.street-80x80,
  .strips .strip-0 .sets-1 .street-container .street.street-60x80,
  .strips .strip-0 .sets-1 .street-container .street.street-40x80,
  .strips .strip-0 .sets-1 .street-container .street.street-20x80,
  .strips .strip-1 .sets-0 .street-container .street.street-80x80,
  .strips .strip-1 .sets-0 .street-container .street.street-60x80,
  .strips .strip-1 .sets-0 .street-container .street.street-40x80,
  .strips .strip-1 .sets-0 .street-container .street.street-20x80,
  .strips .strip-1 .sets-1 .street-container .street.street-80x80,
  .strips .strip-1 .sets-1 .street-container .street.street-60x80,
  .strips .strip-1 .sets-1 .street-container .street.street-40x80,
  .strips .strip-1 .sets-1 .street-container .street.street-20x80 {
    background-image: url(../img/street-80x80-new-box.png); }
  .strips .strip-0 .sets-0 .street-container .street.street-80x60, .strips .strip-0 .sets-0 .street-container .street.street-60x60, .strips .strip-0 .sets-0 .street-container .street.street-40x60, .strips .strip-0 .sets-0 .street-container .street.street-20x60,
  .strips .strip-0 .sets-1 .street-container .street.street-80x60,
  .strips .strip-0 .sets-1 .street-container .street.street-60x60,
  .strips .strip-0 .sets-1 .street-container .street.street-40x60,
  .strips .strip-0 .sets-1 .street-container .street.street-20x60,
  .strips .strip-1 .sets-0 .street-container .street.street-80x60,
  .strips .strip-1 .sets-0 .street-container .street.street-60x60,
  .strips .strip-1 .sets-0 .street-container .street.street-40x60,
  .strips .strip-1 .sets-0 .street-container .street.street-20x60,
  .strips .strip-1 .sets-1 .street-container .street.street-80x60,
  .strips .strip-1 .sets-1 .street-container .street.street-60x60,
  .strips .strip-1 .sets-1 .street-container .street.street-40x60,
  .strips .strip-1 .sets-1 .street-container .street.street-20x60 {
    background-image: url(../img/street-80x60-new-box.png); }
  .strips .strip-0 .sets-0 .street-container .street.street-80x40, .strips .strip-0 .sets-0 .street-container .street.street-60x40, .strips .strip-0 .sets-0 .street-container .street.street-40x40, .strips .strip-0 .sets-0 .street-container .street.street-20x40,
  .strips .strip-0 .sets-1 .street-container .street.street-80x40,
  .strips .strip-0 .sets-1 .street-container .street.street-60x40,
  .strips .strip-0 .sets-1 .street-container .street.street-40x40,
  .strips .strip-0 .sets-1 .street-container .street.street-20x40,
  .strips .strip-1 .sets-0 .street-container .street.street-80x40,
  .strips .strip-1 .sets-0 .street-container .street.street-60x40,
  .strips .strip-1 .sets-0 .street-container .street.street-40x40,
  .strips .strip-1 .sets-0 .street-container .street.street-20x40,
  .strips .strip-1 .sets-1 .street-container .street.street-80x40,
  .strips .strip-1 .sets-1 .street-container .street.street-60x40,
  .strips .strip-1 .sets-1 .street-container .street.street-40x40,
  .strips .strip-1 .sets-1 .street-container .street.street-20x40 {
    background-image: url(../img/street-80x40-new-box.png); }
  .strips .strip-0 .sets-0 .street-container .street.street-80x20, .strips .strip-0 .sets-0 .street-container .street.street-60x20, .strips .strip-0 .sets-0 .street-container .street.street-40x20, .strips .strip-0 .sets-0 .street-container .street.street-20x20,
  .strips .strip-0 .sets-1 .street-container .street.street-80x20,
  .strips .strip-0 .sets-1 .street-container .street.street-60x20,
  .strips .strip-0 .sets-1 .street-container .street.street-40x20,
  .strips .strip-0 .sets-1 .street-container .street.street-20x20,
  .strips .strip-1 .sets-0 .street-container .street.street-80x20,
  .strips .strip-1 .sets-0 .street-container .street.street-60x20,
  .strips .strip-1 .sets-0 .street-container .street.street-40x20,
  .strips .strip-1 .sets-0 .street-container .street.street-20x20,
  .strips .strip-1 .sets-1 .street-container .street.street-80x20,
  .strips .strip-1 .sets-1 .street-container .street.street-60x20,
  .strips .strip-1 .sets-1 .street-container .street.street-40x20,
  .strips .strip-1 .sets-1 .street-container .street.street-20x20 {
    background-image: url(../img/street-80x20-new-box.png); }
  .strips .strip-0 .sets-2 .street-container .street.street-100x100,
  .strips .strip-1 .sets-2 .street-container .street.street-100x100 {
    background-image: url(../img/street-100x100-new-partial.png); }
  .strips .strip-0 .sets-2 .street-container .street.street-100x80,
  .strips .strip-1 .sets-2 .street-container .street.street-100x80 {
    background-image: url(../img/street-100x80-new-partial.png); }
  .strips .strip-0 .sets-2 .street-container .street.street-100x60,
  .strips .strip-1 .sets-2 .street-container .street.street-100x60 {
    background-image: url(../img/street-100x60-new-partial.png); }
  .strips .strip-0 .sets-2 .street-container .street.street-100x40,
  .strips .strip-1 .sets-2 .street-container .street.street-100x40 {
    background-image: url(../img/street-100x40-new-partial.png); }
  .strips .strip-0 .sets-2 .street-container .street.street-100x20,
  .strips .strip-1 .sets-2 .street-container .street.street-100x20 {
    background-image: url(../img/street-100x20-new-partial.png); }
  .strips .strip-0 .sets-2 .street-container .street.street-20x100, .strips .strip-0 .sets-2 .street-container .street.street-40x100, .strips .strip-0 .sets-2 .street-container .street.street-60x100, .strips .strip-0 .sets-2 .street-container .street.street-80x100,
  .strips .strip-1 .sets-2 .street-container .street.street-20x100,
  .strips .strip-1 .sets-2 .street-container .street.street-40x100,
  .strips .strip-1 .sets-2 .street-container .street.street-60x100,
  .strips .strip-1 .sets-2 .street-container .street.street-80x100 {
    background-image: url(../img/street-80x100-new-partial.png); }
  .strips .strip-0 .sets-2 .street-container .street.street-80x80, .strips .strip-0 .sets-2 .street-container .street.street-60x80, .strips .strip-0 .sets-2 .street-container .street.street-40x80, .strips .strip-0 .sets-2 .street-container .street.street-20x80,
  .strips .strip-1 .sets-2 .street-container .street.street-80x80,
  .strips .strip-1 .sets-2 .street-container .street.street-60x80,
  .strips .strip-1 .sets-2 .street-container .street.street-40x80,
  .strips .strip-1 .sets-2 .street-container .street.street-20x80 {
    background-image: url(../img/street-80x80-new-partial.png); }
  .strips .strip-0 .sets-2 .street-container .street.street-80x60, .strips .strip-0 .sets-2 .street-container .street.street-60x60, .strips .strip-0 .sets-2 .street-container .street.street-40x60, .strips .strip-0 .sets-2 .street-container .street.street-20x60,
  .strips .strip-1 .sets-2 .street-container .street.street-80x60,
  .strips .strip-1 .sets-2 .street-container .street.street-60x60,
  .strips .strip-1 .sets-2 .street-container .street.street-40x60,
  .strips .strip-1 .sets-2 .street-container .street.street-20x60 {
    background-image: url(../img/street-80x60-new-partial.png); }
  .strips .strip-0 .sets-2 .street-container .street.street-80x40, .strips .strip-0 .sets-2 .street-container .street.street-60x40, .strips .strip-0 .sets-2 .street-container .street.street-40x40, .strips .strip-0 .sets-2 .street-container .street.street-20x40,
  .strips .strip-1 .sets-2 .street-container .street.street-80x40,
  .strips .strip-1 .sets-2 .street-container .street.street-60x40,
  .strips .strip-1 .sets-2 .street-container .street.street-40x40,
  .strips .strip-1 .sets-2 .street-container .street.street-20x40 {
    background-image: url(../img/street-80x40-new-partial.png); }
  .strips .strip-0 .sets-2 .street-container .street.street-80x20, .strips .strip-0 .sets-2 .street-container .street.street-60x20, .strips .strip-0 .sets-2 .street-container .street.street-40x20, .strips .strip-0 .sets-2 .street-container .street.street-20x20,
  .strips .strip-1 .sets-2 .street-container .street.street-80x20,
  .strips .strip-1 .sets-2 .street-container .street.street-60x20,
  .strips .strip-1 .sets-2 .street-container .street.street-40x20,
  .strips .strip-1 .sets-2 .street-container .street.street-20x20 {
    background-image: url(../img/street-80x20-new-partial.png); }
  .strips .strip-2 .sets-0 .street-container .street.street-100x100,
  .strips .strip-2 .sets-1 .street-container .street.street-100x100 {
    background-image: url(../img/street-100x100-new-open.png); }
  .strips .strip-2 .sets-0 .street-container .street.street-100x80,
  .strips .strip-2 .sets-1 .street-container .street.street-100x80 {
    background-image: url(../img/street-100x80-new-open.png); }
  .strips .strip-2 .sets-0 .street-container .street.street-100x60,
  .strips .strip-2 .sets-1 .street-container .street.street-100x60 {
    background-image: url(../img/street-100x60-new-open.png); }
  .strips .strip-2 .sets-0 .street-container .street.street-100x40,
  .strips .strip-2 .sets-1 .street-container .street.street-100x40 {
    background-image: url(../img/street-100x40-new-open.png); }
  .strips .strip-2 .sets-0 .street-container .street.street-100x20,
  .strips .strip-2 .sets-1 .street-container .street.street-100x20 {
    background-image: url(../img/street-100x20-new-open.png); }
  .strips .strip-2 .sets-0 .street-container .street.street-20x100, .strips .strip-2 .sets-0 .street-container .street.street-40x100, .strips .strip-2 .sets-0 .street-container .street.street-60x100, .strips .strip-2 .sets-0 .street-container .street.street-80x100,
  .strips .strip-2 .sets-1 .street-container .street.street-20x100,
  .strips .strip-2 .sets-1 .street-container .street.street-40x100,
  .strips .strip-2 .sets-1 .street-container .street.street-60x100,
  .strips .strip-2 .sets-1 .street-container .street.street-80x100 {
    background-image: url(../img/street-80x100-new-open.png); }
  .strips .strip-2 .sets-0 .street-container .street.street-80x80, .strips .strip-2 .sets-0 .street-container .street.street-60x80, .strips .strip-2 .sets-0 .street-container .street.street-40x80, .strips .strip-2 .sets-0 .street-container .street.street-20x80,
  .strips .strip-2 .sets-1 .street-container .street.street-80x80,
  .strips .strip-2 .sets-1 .street-container .street.street-60x80,
  .strips .strip-2 .sets-1 .street-container .street.street-40x80,
  .strips .strip-2 .sets-1 .street-container .street.street-20x80 {
    background-image: url(../img/street-80x80-new-open.png); }
  .strips .strip-2 .sets-0 .street-container .street.street-80x60, .strips .strip-2 .sets-0 .street-container .street.street-60x60, .strips .strip-2 .sets-0 .street-container .street.street-40x60, .strips .strip-2 .sets-0 .street-container .street.street-20x60,
  .strips .strip-2 .sets-1 .street-container .street.street-80x60,
  .strips .strip-2 .sets-1 .street-container .street.street-60x60,
  .strips .strip-2 .sets-1 .street-container .street.street-40x60,
  .strips .strip-2 .sets-1 .street-container .street.street-20x60 {
    background-image: url(../img/street-80x60-new-open.png); }
  .strips .strip-2 .sets-0 .street-container .street.street-80x40, .strips .strip-2 .sets-0 .street-container .street.street-60x40, .strips .strip-2 .sets-0 .street-container .street.street-40x40, .strips .strip-2 .sets-0 .street-container .street.street-20x40,
  .strips .strip-2 .sets-1 .street-container .street.street-80x40,
  .strips .strip-2 .sets-1 .street-container .street.street-60x40,
  .strips .strip-2 .sets-1 .street-container .street.street-40x40,
  .strips .strip-2 .sets-1 .street-container .street.street-20x40 {
    background-image: url(../img/street-80x40-new-open.png); }
  .strips .strip-2 .sets-0 .street-container .street.street-80x20, .strips .strip-2 .sets-0 .street-container .street.street-60x20, .strips .strip-2 .sets-0 .street-container .street.street-40x20, .strips .strip-2 .sets-0 .street-container .street.street-20x20,
  .strips .strip-2 .sets-1 .street-container .street.street-80x20,
  .strips .strip-2 .sets-1 .street-container .street.street-60x20,
  .strips .strip-2 .sets-1 .street-container .street.street-40x20,
  .strips .strip-2 .sets-1 .street-container .street.street-20x20 {
    background-image: url(../img/street-80x20-new-open.png); }
  .strips .street-container {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1; }
    .strips .street-container .street {
      position: absolute;
      left: -1333px;
      bottom: -19px;
      background-repeat: no-repeat;
      background-position: left bottom;
      width: 2577px;
      height: 1473px; }
      .strips .street-container .street.street-100x100 {
        background-image: url(../img/street-100x100-new.png);
        bottom: -38px;
        height: 1800px;
        left: -1676px;
        width: 3000px; }
      .strips .street-container .street.street-20x100, .strips .street-container .street.street-40x100, .strips .street-container .street.street-60x100, .strips .street-container .street.street-80x100 {
        background-image: url(../img/street-80x100-new.png);
        bottom: -39px;
        height: 1800px;
        left: -1618px;
        width: 3000px; }
      .strips .street-container .street.street-100x80 {
        background-image: url(../img/street-100x80-new.png);
        bottom: -42px;
        height: 1645px;
        left: -1695px;
        width: 2890px; }
      .strips .street-container .street.street-100x60 {
        background-image: url(../img/street-100x60-new.png);
        bottom: -42px;
        height: 1645px;
        left: -1695px;
        width: 2880px; }
      .strips .street-container .street.street-100x40 {
        background-image: url(../img/street-100x40-new.png);
        bottom: -42px;
        height: 1490px;
        left: -1695px;
        width: 2620px; }
      .strips .street-container .street.street-100x20 {
        background-image: url(../img/street-100x20-new.png);
        bottom: -42px;
        height: 1490px;
        left: -1695px;
        width: 2620px; }
      .strips .street-container .street.street-80x80, .strips .street-container .street.street-60x80, .strips .street-container .street.street-40x80, .strips .street-container .street.street-20x80 {
        background-image: url(../img/street-80x80-new.png);
        bottom: -41px;
        height: 1600px;
        left: -1626px;
        width: 2820px; }
      .strips .street-container .street.street-80x60, .strips .street-container .street.street-60x60, .strips .street-container .street.street-40x60, .strips .street-container .street.street-20x60 {
        background-image: url(../img/street-80x60-new.png);
        bottom: -41px;
        height: 1600px;
        left: -1626px;
        width: 2820px; }
      .strips .street-container .street.street-80x40, .strips .street-container .street.street-60x40, .strips .street-container .street.street-40x40, .strips .street-container .street.street-20x40 {
        background-image: url(../img/street-80x40-new.png);
        bottom: -41px;
        height: 1485px;
        left: -1626px;
        width: 2600px; }
      .strips .street-container .street.street-80x20, .strips .street-container .street.street-60x20, .strips .street-container .street.street-40x20, .strips .street-container .street.street-20x20 {
        background-image: url(../img/street-80x20-new.png);
        bottom: -41px;
        height: 1485px;
        left: -1626px;
        width: 2600px; }

.street-background {
  position: absolute;
  background-repeat: no-repeat;
  background-position: left bottom;
  z-index: -1;
  background-image: url(../img/street-background-medium.png);
  left: -8870px;
  bottom: -3097px;
  width: 13000px;
  height: 8000px; }

.no-touch .neighborhood ul li:hover {
  text-decoration: none; }
.no-touch .worksheet .step.instructions .submit:hover {
  background-color: #000000; }
.no-touch .neighborhood .menu .numbers .sets .set .items .item:hover span.plus, .no-touch .neighborhood .menu .numbers .sets .set .items .item:hover span.minus {
  display: block; }
  .no-touch .neighborhood .menu .numbers .sets .set .items .item:hover span.plus:hover, .no-touch .neighborhood .menu .numbers .sets .set .items .item:hover span.minus:hover {
    color: #6f3a1b; }
.no-touch .neighborhood .menu .numbers .sets .set:hover h3 .tooltip {
  display: inline-block; }
  .no-touch .neighborhood .menu .numbers .sets .set:hover h3 .tooltip:hover i {
    color: #6f3a1b; }
  .no-touch .neighborhood .menu .numbers .sets .set:hover h3 .tooltip:hover .tooltip-content {
    display: block; }
.no-touch .neighborhood .submit:hover {
  background-color: #000000; }

@-webkit-keyframes clockwise {
  to {
    transform: rotate(360deg) translatez(0);
    -webkit-transform: rotate(360deg) translatez(0); } }
@-moz-keyframes clockwise {
  to {
    transform: rotate(360deg) translatez(0);
    -webkit-transform: rotate(360deg) translatez(0); } }
@-o-keyframes clockwise {
  to {
    transform: rotate(360deg) translatez(0);
    -webkit-transform: rotate(360deg) translatez(0); } }
@keyframes clockwise {
  to {
    transform: rotate(360deg) translatez(0);
    -webkit-transform: rotate(360deg) translatez(0); } }
.spinner {
  height: 30px;
  width: 30px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(197, 197, 197, 0.75) rgba(197, 197, 197, 0.75) rgba(197, 197, 197, 0.25) rgba(197, 197, 197, 0.25);
  border-radius: 100%;
  -webkit-animation: clockwise .5s linear infinite;
  animation: clockwise .5s linear infinite; }

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