html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

button, input[type="button"], input[type="reset"], input[type="submit"],
.button,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  background-color: #008ec0;
  border-radius: none;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1;
  padding: 0.75em 1em;
  text-decoration: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus,
  .button:hover,
  .button:focus,
  button:hover,
  button:focus {
    background-color: #005574;
    color: #fff; }
  button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled,
  .button:disabled,
  button:disabled {
    cursor: not-allowed;
    opacity: 0.5; }

fieldset {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  margin: 0 0 0.75em;
  padding: 1.5em; }

input,
label,
select {
  display: block;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em; }

label {
  font-weight: 600;
  margin-bottom: 0.375em; }
  label.required::after {
    content: "*"; }
  label abbr {
    display: none; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea,
select[multiple=multiple],
textarea {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: none;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color;
  width: 100%; }
  input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, textarea:hover,
  select[multiple=multiple]:hover,
  textarea:hover {
    border-color: #c4c4c4; }
  input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, textarea:focus,
  select[multiple=multiple]:focus,
  textarea:focus {
    border-color: #008ec0;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 123, 167, 0.7);
    outline: none; }

textarea {
  resize: vertical; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

input[type="file"] {
  padding-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto; }

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }
dl {
  margin-bottom: 0.75em; }
  dl dt {
    font-weight: bold;
    margin-top: 0.75em; }
  dl dd {
    margin: 0; }

table {
  -webkit-font-feature-settings: "kern", "liga", "tnum";
  -moz-font-feature-settings: "kern", "liga", "tnum";
  -ms-font-feature-settings: "kern", "liga", "tnum";
  font-feature-settings: "kern", "liga", "tnum";
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #b7b7b7;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

body {
  -webkit-font-feature-settings: "kern", "liga", "pnum";
  -moz-font-feature-settings: "kern", "liga", "pnum";
  -ms-font-feature-settings: "kern", "liga", "pnum";
  font-feature-settings: "kern", "liga", "pnum";
  -webkit-font-smoothing: antialiased;
  color: #333;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Brown", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 1em;
  line-height: 1.2;
  margin: 0 0 0.75em; }

p {
  margin: 0 0 0.75em; }

a {
  color: #008ec0;
  text-decoration: none;
  transition: color 0.1s linear; }
  a:active, a:focus, a:hover {
    color: #005574; }
  a:active, a:focus {
    outline: none; }

hr {
  border-bottom: 1px solid #ddd;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

svg,
section,
header,
article,
aside,
figure,
figcaption,
footer,
header,
nav {
  display: block; }

.disabled {
  color: gainsboro; }

.unset {
  color: gainsboro; }

.arrow-up {
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid white; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid white; }

.arrow-right {
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid white; }

.arrow-left {
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid white; }

br.clear {
  clear: both; }

.nowrap {
  white-space: nowrap; }

.icon {
  vertical-align: middle;
  width: 16px;
  height: 16px; }

.nonvisible-hint {
  display: none; }

.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.hidden {
  display: none; }

.scroll-point {
  color: transparent;
  font-size: 0;
  line-height: 0;
  float: left; }
  .scroll-point:hover {
    color: transparent; }

.lazy {
  display: none; }

.no-scroll {
  position: static;
  overflow: hidden; }

a img {
  border: none; }

#not-active {
  position: fixed;
  padding: 4px;
  padding: 0.25rem;
  z-index: 9999999999;
  background: rgba(33, 33, 33, 0.8);
  color: white;
  font-size: 12px;
  font-size: 0.75rem;
  display: none; }

#not-active.on {
  display: block;
  z-index: 9999999; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: black; }

.typography {
  font-weight: 300; }
  .typography h1 {
    font-size: 80px;
    font-size: 3.25rem;
    padding-top: 1.25em;
    margin-bottom: 0.25em;
    font-weight: lighter;
    font-weight: 300;
    line-height: 1.5; }
  .typography h2 {
    font-size: 32px;
    font-size: 2rem;
    padding-top: 1.25em;
    margin-bottom: 0.25em;
    font-weight: lighter;
    font-weight: 300;
    line-height: 1.5625; }
    @media screen and (min-width: 640px) {
      .typography h2 {
        font-size: 40px;
        font-size: 2.5rem;
        padding-top: 0.75em;
        margin-bottom: 0.25em;
        line-height: 1.25; } }
  .typography h3 {
    font-size: 24px;
    font-size: 1.5rem;
    margin-top: 1.5em;
    margin-bottom: 0.25em;
    font-weight: normal;
    line-height: 1.25; }
  .typography h4 {
    font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    margin-top: 1em;
    margin-bottom: 0.25em;
    font-weight: bold;
    line-height: 1.25; }
  .typography h5, .typography h6 {
    font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 0.25em;
    font-weight: bold;
    line-height: 1.25;
    text-transform: uppercase; }
  .typography blockquote {
    font-size: 24px;
    font-size: 1.5rem;
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding: 0.75em 0.5em;
    text-align: left;
    border-top: 3px solid gainsboro;
    border-bottom: 3px solid gainsboro;
    color: #aaaaaa; }
    @media screen and (min-width: 640px) {
      .typography blockquote {
        max-width: 80%;
        margin: 1.5em auto;
        padding: 0.75em 0.75em; } }
  .typography ul {
    list-style: square;
    margin-top: 0;
    margin-bottom: 1.5rem;
    margin-left: 1.1rem; }
  .typography h3 + ul,
  .typography h4 + ul,
  .typography h5 + ul,
  .typography h6 + ul {
    margin-top: 0; }
  .typography ol {
    list-style: decimal; }
  .typography ol.upper-alpha {
    list-style: upper-alpha; }
  .typography ol.lower-alpha {
    list-style: lower-alpha; }
  .typography ol.upper-roman {
    list-style: upper-roman; }
  .typography ol.lower-roman {
    list-style: lower-roman; }
  .typography b {
    font-weight: 400;
    color: black; }
  .typography .large {
    font-family: "Brown", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.25; }
  .typography p + .large,
  .typography ol + .large,
  .typography ul + .large,
  .typography blockquote + .large,
  .typography table + .large {
    margin-top: 1.5rem; }

@font-face {
  font-family: 'Brownpro';
  src: url("../fonts/brownPro/BrownPro-Bold.eot");
  src: url("../fonts/brownPro/BrownPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/brownPro/BrownPro-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Brownpro';
  src: url("../fonts/brownPro/BrownPro-Light.eot");
  src: url("../fonts/brownPro/BrownPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/brownPro/BrownPro-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Brownpro';
  src: url("../fonts/brownPro/BrownPro-Regular.eot");
  src: url("../fonts/brownPro/BrownPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/brownPro/BrownPro-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal; }
.inset {
  margin: 1.5em 0;
  padding: 0 24px 24px;
  border: 3px solid gainsboro;
  background-color: white;
  clear: both; }
  .inset *:last-child {
    margin-bottom: 0; }
  .inset h4.title {
    margin: 0 -24px 24px -24px;
    padding: 12px 24px;
    border-bottom: 3px solid gainsboro;
    background-color: gainsboro;
    color: white;
    font-weight: normal; }

.dfc-yellow blockquote {
  border-color: #ffb838; }
.dfc-yellow .inset {
  border-color: #ffb838; }
  .dfc-yellow .inset h4 {
    border-color: #ffb838;
    background-color: #ffb838; }

.dfc-orange blockquote {
  border-color: #d47c2f; }
.dfc-orange .inset {
  border-color: #d47c2f; }
  .dfc-orange .inset h4 {
    border-color: #d47c2f;
    background-color: #d47c2f; }

.dfc-red blockquote {
  border-color: #da291c; }
.dfc-red .inset {
  border-color: #da291c; }
  .dfc-red .inset h4 {
    border-color: #da291c;
    background-color: #da291c; }

.dfc-purple blockquote {
  border-color: #6f5091; }
.dfc-purple .inset {
  border-color: #6f5091; }
  .dfc-purple .inset h4 {
    border-color: #6f5091;
    background-color: #6f5091; }

.dfc-blue blockquote {
  border-color: #29588c; }
.dfc-blue .inset {
  border-color: #29588c; }
  .dfc-blue .inset h4 {
    border-color: #29588c;
    background-color: #29588c; }

.dfc-sky blockquote {
  border-color: #008ec0; }
.dfc-sky .inset {
  border-color: #008ec0; }
  .dfc-sky .inset h4 {
    border-color: #008ec0;
    background-color: #008ec0; }

body.lots-fuchsia-a blockquote {
  border-color: #7a004b; }
body.lots-fuchsia-a .inset {
  border-color: #7a004b; }
  body.lots-fuchsia-a .inset h4 {
    border-color: #7a004b;
    background-color: #7a004b; }

body.lots-fuchsia-b blockquote {
  border-color: #b7105f; }
body.lots-fuchsia-b .inset {
  border-color: #b7105f; }
  body.lots-fuchsia-b .inset h4 {
    border-color: #b7105f;
    background-color: #b7105f; }

body.lots-fuchsia-c blockquote {
  border-color: #ed3c95; }
body.lots-fuchsia-c .inset {
  border-color: #ed3c95; }
  body.lots-fuchsia-c .inset h4 {
    border-color: #ed3c95;
    background-color: #ed3c95; }

body.lots-fuchsia-d blockquote {
  border-color: #f186b7; }
body.lots-fuchsia-d .inset {
  border-color: #f186b7; }
  body.lots-fuchsia-d .inset h4 {
    border-color: #f186b7;
    background-color: #f186b7; }

body.lots-orange-a blockquote {
  border-color: #ef4e22; }
body.lots-orange-a .inset {
  border-color: #ef4e22; }
  body.lots-orange-a .inset h4 {
    border-color: #ef4e22;
    background-color: #ef4e22; }

body.lots-orange-b blockquote {
  border-color: #df7c1c; }
body.lots-orange-b .inset {
  border-color: #df7c1c; }
  body.lots-orange-b .inset h4 {
    border-color: #df7c1c;
    background-color: #df7c1c; }

body.lots-orange-c blockquote {
  border-color: #de9d13; }
body.lots-orange-c .inset {
  border-color: #de9d13; }
  body.lots-orange-c .inset h4 {
    border-color: #de9d13;
    background-color: #de9d13; }

body.lots-green-a blockquote {
  border-color: #20752e; }
body.lots-green-a .inset {
  border-color: #20752e; }
  body.lots-green-a .inset h4 {
    border-color: #20752e;
    background-color: #20752e; }

body.lots-green-b blockquote {
  border-color: #41ac48; }
body.lots-green-b .inset {
  border-color: #41ac48; }
  body.lots-green-b .inset h4 {
    border-color: #41ac48;
    background-color: #41ac48; }

body.lots-green-c blockquote {
  border-color: #00594d; }
body.lots-green-c .inset {
  border-color: #00594d; }
  body.lots-green-c .inset h4 {
    border-color: #00594d;
    background-color: #00594d; }

body.lots-green-d blockquote {
  border-color: #00766f; }
body.lots-green-d .inset {
  border-color: #00766f; }
  body.lots-green-d .inset h4 {
    border-color: #00766f;
    background-color: #00766f; }

body.lots-purple-a blockquote {
  border-color: #592d79; }
body.lots-purple-a .inset {
  border-color: #592d79; }
  body.lots-purple-a .inset h4 {
    border-color: #592d79;
    background-color: #592d79; }

body.lots-purple-b blockquote {
  border-color: #ac499c; }
body.lots-purple-b .inset {
  border-color: #ac499c; }
  body.lots-purple-b .inset h4 {
    border-color: #ac499c;
    background-color: #ac499c; }

body.lots-red-a blockquote {
  border-color: #390800; }
body.lots-red-a .inset {
  border-color: #390800; }
  body.lots-red-a .inset h4 {
    border-color: #390800;
    background-color: #390800; }

body.lots-red-b blockquote {
  border-color: #66150b; }
body.lots-red-b .inset {
  border-color: #66150b; }
  body.lots-red-b .inset h4 {
    border-color: #66150b;
    background-color: #66150b; }

body.lots-red-c blockquote {
  border-color: #9e0817; }
body.lots-red-c .inset {
  border-color: #9e0817; }
  body.lots-red-c .inset h4 {
    border-color: #9e0817;
    background-color: #9e0817; }

body.lots-red-d blockquote {
  border-color: #f91135; }
body.lots-red-d .inset {
  border-color: #f91135; }
  body.lots-red-d .inset h4 {
    border-color: #f91135;
    background-color: #f91135; }

figure.captioned-image {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  max-height: 480px;
  max-height: 30rem;
  overflow: hidden;
  line-height: 0; }
  figure.captioned-image img {
    width: 100%; }
  @media screen and (min-width: 700px) {
    figure.captioned-image {
      height: 480px; }
      figure.captioned-image img {
        position: absolute;
        top: -30%; } }
  @media screen and (min-width: 1000px) {
    figure.captioned-image {
      height: 480px; }
      figure.captioned-image img {
        position: absolute;
        top: -50%; } }
  figure.captioned-image figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
    line-height: 1.5;
    color: white;
    font-size: 12px;
    font-size: 0.75rem; }
    figure.captioned-image figcaption p {
      position: absolute;
      left: 0;
      bottom: -12em;
      margin: 0;
      padding: 0.66666667rem;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      background-color: #555;
      background-color: rgba(33, 33, 33, 0.8); }
    figure.captioned-image figcaption a, figure.captioned-image figcaption a:link, figure.captioned-image figcaption a:visited {
      color: white;
      text-decoration: none; }
    figure.captioned-image figcaption a:hover {
      text-decoration: underline; }
    figure.captioned-image figcaption:focus p, figure.captioned-image figcaption:hover p {
      bottom: 0; }
    figure.captioned-image figcaption:before {
      content: "i";
      position: absolute;
      right: 1em;
      top: -2.25em;
      display: block;
      box-sizing: content-box;
      width: 1.33333333em;
      height: 1.33333333em;
      border-radius: 50%;
      background-color: #2C2C2C;
      background-color: rgba(44, 44, 44, 0.95);
      color: white;
      font-family: "Helvetica Neue", Roboto, Arial, sans-serif;
      font-weight: bold;
      line-height: 1.33333333;
      vertical-align: middle;
      text-align: center; }
    figure.captioned-image figcaption:focus:before, figure.captioned-image figcaption:hover:before {
      display: none; }

.main-slider {
  width: 100%;
  background-color: #fafafa; }

.slider {
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  padding-top: 123px;
  padding-bottom: 53px; }

.white_box {
  background-color: #fafafa;
  height: 216px;
  padding: 20px;
  width: 510px;
  font-family: "Lucida Grande", "Tahoma", "Verdana", "Arial", sans-serif;
  position: relative; }

.white_box h2 {
  font-size: 26px;
  color: #000000;
  margin-bottom: 10px;
  font-family: BrownPro; }

.white_box p {
  font-size: 18px;
  color: #000000;
  font-family: BrownPro; }

.black_button {
  background-color: #000000;
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 6px 40px;
  color: #ffffff;
  text-transform: uppercase; }

.slick-dots {
  width: 105px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -52px;
  bottom: 0px;
  height: 40px; }

.slick-dots li {
  display: block;
  width: 35px;
  float: left; }

.slick-dots li button {
  background-color: transparent;
  font-size: 0px; }

.slick-dots li button::before {
  content: ' \2022';
  font-size: 40px;
  color: #ffffff; }

.slick-dots li.slick-active button::before {
  color: #999999; }

.green-box {
  width: 100%;
  background-color: #0e7773;
  padding: 25px 0px; }

.green-box-wrapper {
  width: 960px;
  padding: 10px 10px;
  margin-right: auto;
  margin-left: auto; }

.green-box::after {
  clear: both;
  content: " ";
  display: block; }

.green-box-content {
  width: 490px;
  float: left;
  margin-right: 30px; }

.green-box h2 {
  color: #ffffff;
  font-size: 48px;
  margin-bottom: 20px;
  font-family: BrownPro; }

.green-box p {
  color: #ffffff;
  font-size: 19px;
  font-family: BrownPro; }

.quiz-button {
  float: left;
  background-color: #ffffff;
  color: #0e7773;
  padding: 7px 29px;
  font-size: 18px;
  box-shadow: 2px 2px 2px #000;
  margin-top: 75px;
  text-transform: uppercase;
  font-family: BrownPro; }

.browse-button {
  margin-top: 75px;
  color: #ffffff;
  font-size: 18px;
  text-decoration: underline;
  float: left;
  margin-left: 20px;
  font-family: BrownPro; }

.about-field-guide {
  width: 100%;
  background-color: #ffffff;
  padding: 60px 0px; }

.about-field-guide-wrapper {
  width: 960px;
  background-color: #592d79;
  min-height: 10px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  overflow: auto; }

.about-field-guide-wrapper h4 {
  color: #ffffff;
  font-size: 25px;
  margin-top: 280px;
  margin-bottom: 0px;
  margin-left: 10px;
  font-family: BrownPro; }

.about-field-guide-wrapper h2 {
  color: #ffffff;
  font-size: 48px;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 10px;
  font-family: BrownPro; }

.about-field-guide-content {
  background-color: #ffffff;
  position: absolute;
  right: 10px;
  top: 10px;
  bottom: 10px;
  left: 310px;
  padding: 25px;
  color: #000000;
  font-size: 22px;
  font-family: BrownPro; }

.learn_more_button {
  background-color: #592d79;
  color: #ffffff;
  padding: 7px 29px;
  font-size: 18px;
  box-shadow: 2px 2px 2px #000;
  margin-top: 75px;
  text-transform: uppercase;
  position: absolute;
  right: 10px;
  bottom: 10px; }

.ground_up_section {
  background-color: #861723;
  width: 100%;
  padding: 80px 0px;
  color: #ffffff;
  font-family: BrownPro; }

.ground_up_section_wrapper {
  max-width: 940px;
  margin: 0px auto; }

.ground_up_section_wrapper::after {
  content: " ";
  clear: both;
  display: block; }

.ground_up_section_wrapper h1 {
  color: #ffffff;
  text-align: center;
  font-size: 48px; }

.ground_up_section_wrapper h5 {
  color: #ffffff;
  text-align: center;
  font-size: 25px;
  font-weight: normal; }

.ground_up_section_wrapper p {
  color: #ffffff;
  text-align: center;
  font-size: 18px; }

.ground_up_column {
  width: 33%;
  float: left; }

.ground_up_column img {
  display: block;
  margin: 25px auto;
  width: 182px;
  height: auto; }

.view-lot-button {
  width: 182px;
  box-sizing: border-box;
  padding: 8px 0px;
  text-align: center;
  display: block;
  background-color: #ffffff;
  color: #d47c2f;
  margin: 0px auto;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 24px; }

.view-lot-button:hover {
  color: #d47c2f; }

@media screen and (max-width: 960px) {
  .about-field-guide-wrapper {
    width: 100%;
    height: auto;
    padding: 20px 0px; }

  .about-field-guide-content {
    position: static;
    margin: 0px 20px; }

  .learn_more_button {
    position: static;
    display: inline-block;
    margin: 10px auto; }

  .about-field-guide-wrapper h4 {
    margin-top: 0px; }

  .green-box-wrapper {
    width: 100%;
    padding: 20px; }

  .green-box-content {
    width: 100%;
    float: none; }

  .quiz-button {
    display: block;
    float: none;
    margin: 10px auto;
    width: 50%;
    text-align: center; }

  .browse-button {
    display: block;
    float: none;
    margin: 10px auto 0px;
    width: 50%;
    text-align: center; } }
@media screen and (max-width: 749px) {
  .ground_up_column {
    width: 100%;
    float: none;
    padding-bottom: 10px; }

  .white_box {
    width: 100%; }

  .white_box p {
    font-size: 14px; }

  .white_box h2 {
    font-size: 20px; } }
#mainHeader {
  width: 100%;
  background-color: white;
  border-bottom: 1px solid gainsboro;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  height: 76px;
  padding-top: 7px;
  font-family: BrownPro;
  font-weight: 300; }
  #mainHeader nav {
    margin: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 28px; }
    #mainHeader nav ul {
      margin: 0;
      line-height: 1; }
    #mainHeader nav li {
      padding: 0;
      background-color: white;
      display: inline-block;
      font-size: 16px;
      padding-right: 10px;
      padding-left: 10px;
      font-weight: 500;
      position: relative; }
      #mainHeader nav li a, #mainHeader nav li a:link, #mainHeader nav li a:visited {
        padding: 8px 8px;
        display: inline-block;
        color: #444;
        overflow: hidden;
        font-weight: bold; }
        #mainHeader nav li a:focus, #mainHeader nav li a:hover, #mainHeader nav li a:link:focus, #mainHeader nav li a:link:hover, #mainHeader nav li a:visited:focus, #mainHeader nav li a:visited:hover {
          color: #008ec0; }
    #mainHeader nav li.active > a, #mainHeader nav li.active > a:link, #mainHeader nav li.active > a:visited {
      color: #777777;
      background-color: #f2f2f2; }
      #mainHeader nav li.active > a:focus, #mainHeader nav li.active > a:hover, #mainHeader nav li.active > a:link:focus, #mainHeader nav li.active > a:link:hover, #mainHeader nav li.active > a:visited:focus, #mainHeader nav li.active > a:visited:hover {
        color: #008ec0; }
    #mainHeader nav .sub-menu li a {
      font-weight: normal; }
    #mainHeader nav .sub-menu li.active a {
      background-color: #ffffff; }
    @media screen and (min-width: 865px) {
      #mainHeader nav {
        float: right;
        font-size: 0.75rem; }
        #mainHeader nav li {
          padding-top: 14px; }
        #mainHeader nav a, #mainHeader nav a:link, #mainHeader nav a:visited {
          padding: 6px 8px 5px 8px; } }
    @media screen and (min-width: 880px) {
      #mainHeader nav {
        float: right;
        font-size: 0.875rem; }
        #mainHeader nav li {
          padding-top: 15px; }
        #mainHeader nav a, #mainHeader nav a:link, #mainHeader nav a:visited {
          padding: 7px 8px 6px 8px; } }
    #mainHeader nav .sub-menu {
      display: none;
      position: absolute;
      min-width: 100%;
      padding: 5px; }
    #mainHeader nav .sub-menu li {
      display: block;
      width: auto; }
    #mainHeader nav li:hover .sub-menu {
      top: 46px;
      left: 0px;
      display: block;
      z-index: 5000; }
    #mainHeader nav li.has_children > a::after {
      font-family: 'fontAwesome';
      content: "\f107";
      padding-left: 10px; }
  #mainHeader li {
    display: inline-block;
    width: 49%;
    text-align: left;
    white-space: nowrap; }
    #mainHeader li a {
      width: 100%; }
    @media screen and (max-width: 865px) {
      #mainHeader li {
        width: 100%;
        text-align: left; } }
    @media screen and (min-width: 865px) {
      #mainHeader li {
        width: auto; }
        #mainHeader li a {
          width: auto; } }
  @media screen and (max-width: 865px) {
    #mainHeader li .sub-menu {
      position: static;
      display: block;
      padding-left: 20px; } }
  #mainHeader.stuck {
    position: fixed;
    top: 0;
    margin: 0;
    z-index: 2 !important; }
    #mainHeader.stuck #frameArrow {
      display: none; }

#mainHeader-wrapper {
  max-width: 51.5em;
  margin-left: auto;
  margin-right: auto;
  max-width: 986px;
  position: relative; }
  #mainHeader-wrapper::after {
    clear: both;
    content: "";
    display: table; }
  #mainHeader-wrapper::after {
    clear: both;
    content: "";
    display: table; }

#mainHeader-logoBox {
  float: left;
  width: 120px;
  padding: 12px 8px;
  line-height: 0; }
  #mainHeader-logoBox img {
    border: none;
    vertical-align: bottom;
    width: 96px;
    height: 28px;
    background: transparent url(/whatwedo/land-use/DFC-lots/theme-assets/img/dfc-lots-A.gif) center center no-repeat;
    background-image: -webkit-linear-gradient(transparent, transparent), url(/whatwedo/land-use/DFC-lots/theme-assets/img/dfc-lots-A.svg);
    background-image: linear-gradient(transparent, transparent), url(/whatwedo/land-use/DFC-lots/theme-assets/img/dfc-lots-A.svg);
    background-size: 100% 100%; }
  @media screen and (min-width: 880px) {
    #mainHeader-logoBox {
      width: 154px;
      padding: 12px 8px; }
      #mainHeader-logoBox img {
        width: 130px;
        height: 38px; } }

#frameArrow {
  position: absolute;
  top: 0;
  left: 57px;
  display: block;
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid gray; }
  @media screen and (min-width: 880px) {
    #frameArrow {
      left: 79px; } }

#mainMenu {
  -webkit-transition: max-height 0.25s ease-in;
  -moz-transition: max-height 0.25s ease-in;
  transition: max-height 0.25s ease-in;
  width: 100%;
  max-height: 0;
  display: block;
  clear: left;
  border-top: 1px solid gainsboro;
  overflow: none;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9); }
  @media screen and (min-width: 865px) {
    #mainMenu {
      width: auto;
      max-height: 1000px;
      float: right;
      clear: none;
      border-top: none; } }

#mainMenu-toggleCheckbox {
  display: none; }
  #mainMenu-toggleCheckbox:checked ~ #mainMenu-toggleLabel i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  #mainMenu-toggleCheckbox:checked ~ #mainMenu {
    max-height: 1000px; }

#mainMenu-toggleLabel {
  margin-top: 10px;
  padding: 8px 8px;
  display: block;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 999999999;
  cursor: pointer;
  float: right;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase; }
  #mainMenu-toggleLabel i {
    -webkit-transition: -webkit-transform 0.25s ease-in;
    -moz-transition: -moz-transform 0.25s ease-in;
    transition: transform 0.25s ease-in;
    font-size: 1rem; }
  @media screen and (min-width: 865px) {
    #mainMenu-toggleLabel {
      display: none; } }

@media screen and (max-width: 865px) {
  #mainHeader nav {
    position: fixed;
    top: 53px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 5000;
    background-color: #fff;
    overflow: auto; }

  #mainHeader {
    position: fixed;
    z-index: 5000; }

  #mainContent {
    padding-top: 76px !important; } }
.no-backgroundsize #mainHeader-logoBox {
  width: 154px;
  padding-top: 12px; }
  .no-backgroundsize #mainHeader-logoBox .frame-arrow {
    left: 99px; }
  .no-backgroundsize #mainHeader-logoBox img {
    width: 130px;
    height: 38px; }

body.dfc-yellow {
  background-color: #ffb838; }
  body.dfc-yellow #frameArrow {
    border-top-color: #ffb838; }

body.dfc-orange {
  background-color: #d47c2f; }
  body.dfc-orange #frameArrow {
    border-top-color: #d47c2f; }

body.dfc-red {
  background-color: #da291c; }
  body.dfc-red #frameArrow {
    border-top-color: #da291c; }

body.dfc-purple {
  background-color: #6f5091; }
  body.dfc-purple #frameArrow {
    border-top-color: #da291c; }

body.dfc-blue {
  background-color: #6f5091; }
  body.dfc-blue #frameArrow {
    border-top-color: #da291c; }

body.dfc-sky {
  background-color: #008ec0; }
  body.dfc-sky #frameArrow {
    border-top-color: #008ec0; }

body.lots-fuchsia-a {
  background-color: #7a004b; }
  body.lots-fuchsia-a #frameArrow {
    border-top-color: #7a004b; }

body.lots-fuchsia-b {
  background-color: #b7105f; }
  body.lots-fuchsia-b #frameArrow {
    border-top-color: #b7105f; }

body.lots-fuchsia-c {
  background-color: #ed3c95; }
  body.lots-fuchsia-c #frameArrow {
    border-top-color: #ed3c95; }

body.lots-fuchsia-d {
  background-color: #f186b7; }
  body.lots-fuchsia-d #frameArrow {
    border-top-color: #f186b7; }

body.lots-orange-a {
  background-color: #ef4e22; }
  body.lots-orange-a #frameArrow {
    border-top-color: #ef4e22; }

body.lots-orange-b {
  background-color: #df7c1c; }
  body.lots-orange-b #frameArrow {
    border-top-color: #df7c1c; }

body.lots-orange-c {
  background-color: #de9d13; }
  body.lots-orange-c #frameArrow {
    border-top-color: #de9d13; }

body.lots-green-a {
  background-color: #20752e; }
  body.lots-green-a #frameArrow {
    border-top-color: #20752e; }

body.lots-green-b {
  background-color: #41ac48; }
  body.lots-green-b #frameArrow {
    border-top-color: #41ac48; }

body.lots-green-c {
  background-color: #00594d; }
  body.lots-green-c #frameArrow {
    border-top-color: #00594d; }

body.lots-green-d {
  background-color: #00766f; }
  body.lots-green-d #frameArrow {
    border-top-color: #00766f; }

body.lots-purple-a {
  background-color: #592d79; }
  body.lots-purple-a #frameArrow {
    border-top-color: #592d79; }

body.lots-purple-b {
  background-color: #ac499c; }
  body.lots-purple-b #frameArrow {
    border-top-color: #ac499c; }

body.lots-red-a {
  background-color: #390800; }
  body.lots-red-a #frameArrow {
    border-top-color: #390800; }

body.lots-red-b {
  background-color: #66150b; }
  body.lots-red-b #frameArrow {
    border-top-color: #66150b; }

body.lots-red-c {
  background-color: #9e0817; }
  body.lots-red-c #frameArrow {
    border-top-color: #9e0817; }

body.lots-red-d {
  background-color: #f91135; }
  body.lots-red-d #frameArrow {
    border-top-color: #f91135; }

html.map,
body.map {
  width: 100%;
  height: 100%; }

body {
  margin: 0;
  /*min-width: 320px;*/
  color: #444;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; }

#mainContent {
  position: relative;
  padding: 1rem 0 1rem 0;
  overflow: hidden;
  background-color: white;
  z-index: 0;
  width: 100%;
  font-family: Brownpro;
  box-shadow: inset 0px 6px 6px -6px #000; }
  #mainContent.catalog {
    background-color: #fafafa; }
  #mainContent.page {
    padding-bottom: 4.5rem;
    background-color: white; }
    #mainContent.page h1:first-child {
      margin-top: 0.0625rem; }
  #mainContent.page.gray {
    background-color: #fafafa; }
  #mainContent.lot-design, #mainContent.local-example {
    padding-top: 0;
    padding-bottom: 4.5rem; }
  #mainContent h2, #mainContent h3 {
    font-family: Brownpro; }

.neat-row {
  max-width: 51.5em;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 0 8px; }
  .neat-row::after {
    clear: both;
    content: "";
    display: table; }
  .neat-row::after {
    clear: both;
    content: "";
    display: table; }

.neat-row + .cardGrid {
  margin-top: 1.5rem; }

.flowingColumns {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  @media screen and (min-width: 640px) {
    .flowingColumns.flowingColumns-2 {
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2; } }
  @media screen and (min-width: 640px) {
    .flowingColumns.flowingColumns-3 {
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2; } }
  @media screen and (min-width: 800px) {
    .flowingColumns.flowingColumns-3 {
      -webkit-columns: 3;
      -moz-columns: 3;
      columns: 3; } }
  @media screen and (min-width: 480px) {
    .flowingColumns.flowingColumns-4 {
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2; } }
  @media screen and (min-width: 640px) {
    .flowingColumns.flowingColumns-4 {
      -webkit-columns: 3;
      -moz-columns: 3;
      columns: 3; } }
  @media screen and (min-width: 800px) {
    .flowingColumns.flowingColumns-4 {
      -webkit-columns: 4;
      -moz-columns: 4;
      columns: 4; } }

.multiColumns {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  @media screen and (min-width: 480px) {
    .multiColumns.multiColumns-4 .column {
      float: left;
      display: block;
      margin-right: 5%;
      width: 47.5%; }
      .multiColumns.multiColumns-4 .column:last-child {
        margin-right: 0; }
      .multiColumns.multiColumns-4 .column:nth-child(2n) {
        margin-right: 0; }
      .multiColumns.multiColumns-4 .column:nth-child(2n+1) {
        clear: left; } }
  @media screen and (min-width: 640px) {
    .multiColumns.multiColumns-4 .column {
      float: left;
      display: block;
      margin-right: 3.2786885246%;
      width: 48.3606557377%; }
      .multiColumns.multiColumns-4 .column:last-child {
        margin-right: 0; }
      .multiColumns.multiColumns-4 .column:nth-child(2n) {
        margin-right: 0; }
      .multiColumns.multiColumns-4 .column:nth-child(2n+1) {
        clear: left; } }
  @media screen and (min-width: 800px) {
    .multiColumns.multiColumns-4 .column {
      float: left;
      display: block;
      margin-right: 1.6129032258%;
      width: 23.7903225806%; }
      .multiColumns.multiColumns-4 .column:last-child {
        margin-right: 0; }
      .multiColumns.multiColumns-4 .column:nth-child(2n) {
        margin-right: 1.6129032258%; }
      .multiColumns.multiColumns-4 .column:nth-child(2n+1) {
        clear: none; }
      .multiColumns.multiColumns-4 .column:nth-child(4n) {
        margin-right: 0; }
      .multiColumns.multiColumns-4 .column:nth-child(4n+1) {
        clear: left; } }
  @media screen and (min-width: 640px) {
    .multiColumns.multiColumns-3 .column {
      float: left;
      display: block;
      margin-right: 3.2786885246%;
      width: 48.3606557377%; }
      .multiColumns.multiColumns-3 .column:last-child {
        margin-right: 0; }
      .multiColumns.multiColumns-3 .column:nth-child(2n) {
        margin-right: 0; }
      .multiColumns.multiColumns-3 .column:nth-child(2n+1) {
        clear: left; } }
  @media screen and (min-width: 800px) {
    .multiColumns.multiColumns-3 .column {
      float: left;
      display: block;
      margin-right: 1.6129032258%;
      width: 32.2580645161%; }
      .multiColumns.multiColumns-3 .column:last-child {
        margin-right: 0; }
      .multiColumns.multiColumns-3 .column:nth-child(2n) {
        margin-right: 1.6129032258%; }
      .multiColumns.multiColumns-3 .column:nth-child(2n+1) {
        clear: none; }
      .multiColumns.multiColumns-3 .column:nth-child(3n) {
        margin-right: 0; }
      .multiColumns.multiColumns-3 .column:nth-child(3n+1) {
        clear: left; } }
  @media screen and (min-width: 640px) {
    .multiColumns.multiColumns-2 .column {
      float: left;
      display: block;
      margin-right: 3.2786885246%;
      width: 48.3606557377%; }
      .multiColumns.multiColumns-2 .column:last-child {
        margin-right: 0; }
      .multiColumns.multiColumns-2 .column:nth-child(2n) {
        margin-right: 0; }
      .multiColumns.multiColumns-2 .column:nth-child(2n+1) {
        clear: left; } }
  @media screen and (min-width: 800px) {
    .multiColumns.multiColumns-2 .column {
      float: left;
      display: block;
      margin-right: 1.6129032258%;
      width: 49.1935483871%; }
      .multiColumns.multiColumns-2 .column:last-child {
        margin-right: 0; }
      .multiColumns.multiColumns-2 .column:nth-child(2n) {
        margin-right: 0; }
      .multiColumns.multiColumns-2 .column:nth-child(2n+1) {
        clear: left; } }

.singleWithAside {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  @media screen and (min-width: 480px) {
    .singleWithAside .mainColumn {
      float: left;
      display: block;
      margin-right: 5%;
      width: 100%; }
      .singleWithAside .mainColumn:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 640px) {
    .singleWithAside .mainColumn {
      float: left;
      display: block;
      margin-right: 3.2786885246%;
      width: 65.5737704918%; }
      .singleWithAside .mainColumn:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 800px) {
    .singleWithAside .mainColumn {
      float: left;
      display: block;
      margin-right: 1.6129032258%;
      width: 66.1290322581%; }
      .singleWithAside .mainColumn:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 480px) {
    .singleWithAside .asideColumn {
      float: left;
      display: block;
      margin-right: 5%;
      width: 100%; }
      .singleWithAside .asideColumn:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 640px) {
    .singleWithAside .asideColumn {
      float: left;
      display: block;
      margin-right: 3.2786885246%;
      width: 31.1475409836%; }
      .singleWithAside .asideColumn:last-child {
        margin-right: 0; }
      .singleWithAside .asideColumn .attributes {
        padding-top: 0;
        margin-top: 0;
        margin-left: 3rem; } }
  @media screen and (min-width: 800px) {
    .singleWithAside .asideColumn {
      float: left;
      display: block;
      margin-right: 1.6129032258%;
      width: 32.2580645161%; }
      .singleWithAside .asideColumn:last-child {
        margin-right: 0; } }
  .singleWithAside:after {
    display: block;
    line-height: 0;
    clear: both; }

.imageGallery {
  max-width: 986px;
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding: 0 4px;
  background-color: transparent; }
  .imageGallery .imageBox {
    position: relative;
    width: 12.5%;
    padding: 4px;
    float: left;
    line-height: 0;
    overflow: hidden; }
    .imageGallery .imageBox img {
      width: 100%; }
  .imageGallery .imageGallery-thumbnail-caption {
    display: none; }
  @media screen and (min-width: 865px) {
    .imageGallery {
      margin-top: 4.5rem;
      margin-bottom: 4.5rem; }
      .imageGallery .imageGallery-thumbnail-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0 0 -58px 0;
        padding: 0 4px 4px;
        display: block;
        width: 100%;
        z-index: 100;
        color: white;
        font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
        font-size: 11px;
        font-size: 0.6875rem;
        line-height: 1.5;
        white-space: nowrap; }
        .imageGallery .imageGallery-thumbnail-caption > p {
          margin: 0;
          padding: 12px;
          display: block;
          background-color: #2c2c2c;
          background-color: rgba(44, 44, 44, 0.95); }
        .imageGallery .imageGallery-thumbnail-caption a, .imageGallery .imageGallery-thumbnail-caption a:link, .imageGallery .imageGallery-thumbnail-caption a:visited {
          color: white;
          text-decoration: none; }
        .imageGallery .imageGallery-thumbnail-caption a:hover {
          color: white;
          text-decoration: underline; }
        .imageGallery .imageGallery-thumbnail-caption:after {
          position: absolute;
          bottom: 70px;
          right: 12px;
          width: 16px;
          height: 16px;
          content: "i";
          display: block;
          border-radius: 8px;
          background-color: #2c2c2c;
          background-color: rgba(44, 44, 44, 0.95);
          color: white;
          font-family: "Georgia", "Cambria", "Times New Roman", "Times", serif;
          font-size: 11px;
          font-style: italic;
          font-weight: bold;
          text-align: center; }
        .imageGallery .imageGallery-thumbnail-caption:hover {
          margin-bottom: 0;
          display: block; }
          .imageGallery .imageGallery-thumbnail-caption:hover:after {
            display: none; } }
  .imageGallery .imageGroup-half {
    width: 50%;
    float: left; }
  .imageGallery.imageGallery-1 .image-1 {
    width: 100%; }
  .imageGallery.imageGallery-2 .imageBox {
    width: 50%; }
  .imageGallery.imageGallery-3 .image-1 {
    width: 66.666666%; }
  .imageGallery.imageGallery-3 .image-2 {
    width: 33.333333%; }
  .imageGallery.imageGallery-3 .image-3 {
    width: 33.333333%; }
  .imageGallery.imageGallery-4 .imageBox {
    width: 50%; }
  .imageGallery.imageGallery-5 .image-1 {
    width: 66.666666%; }
  .imageGallery.imageGallery-5 .image-2 {
    width: 33.333333%; }
  .imageGallery.imageGallery-5 .image-3 {
    width: 33.333333%; }
  .imageGallery.imageGallery-5 .image-4 {
    width: 50%; }
  .imageGallery.imageGallery-5 .image-5 {
    width: 50%; }
  .imageGallery.imageGallery-6 .image-1 {
    width: 100%; }
  .imageGallery.imageGallery-6 .image-2 {
    width: 50%; }
  .imageGallery.imageGallery-6 .image-3 {
    width: 50%; }
  .imageGallery.imageGallery-6 .image-4 {
    width: 50%; }
  .imageGallery.imageGallery-6 .image-5 {
    width: 50%; }
  .imageGallery.imageGallery-6 .image-6 {
    width: 100%; }
  .imageGallery.imageGallery-7 .image-1 {
    width: 100%; }
  .imageGallery.imageGallery-7 .image-2 {
    width: 100%; }
  .imageGallery.imageGallery-7 .image-3 {
    width: 100%; }
  .imageGallery.imageGallery-7 .image-4 {
    width: 50%; }
  .imageGallery.imageGallery-7 .image-5 {
    width: 50%; }
  .imageGallery.imageGallery-7 .image-6 {
    width: 50%; }
  .imageGallery.imageGallery-7 .image-7 {
    width: 50%; }
  .imageGallery.imageGallery-8 .image-1 {
    width: 100%; }
  .imageGallery.imageGallery-8 .image-2 {
    width: 100%; }
  .imageGallery.imageGallery-8 .image-3 {
    width: 50%; }
  .imageGallery.imageGallery-8 .image-4 {
    width: 50%; }
  .imageGallery.imageGallery-8 .image-5 {
    width: 50%; }
  .imageGallery.imageGallery-8 .image-6 {
    width: 50%; }
  .imageGallery.imageGallery-8 .image-7 {
    width: 100%; }
  .imageGallery.imageGallery-8 .image-8 {
    width: 100%; }
  .imageGallery.imageGallery-9 .image-1 {
    width: 100%; }
  .imageGallery.imageGallery-9 .image-2 {
    width: 100%; }
  .imageGallery.imageGallery-9 .image-3 {
    width: 100%; }
  .imageGallery.imageGallery-9 .image-4 {
    width: 100%; }
  .imageGallery.imageGallery-9 .image-5 {
    width: 50%; }
  .imageGallery.imageGallery-9 .image-6 {
    width: 50%; }
  .imageGallery.imageGallery-9 .image-7 {
    width: 50%; }
  .imageGallery.imageGallery-9 .image-8 {
    width: 50%; }
  .imageGallery.imageGallery-9 .image-9 {
    width: 100%; }
  .imageGallery.imageGallery-10 .image-1 {
    width: 100%; }
  .imageGallery.imageGallery-10 .image-2 {
    width: 50%; }
  .imageGallery.imageGallery-10 .image-3 {
    width: 50%; }
  .imageGallery.imageGallery-10 .image-4 {
    width: 50%; }
  .imageGallery.imageGallery-10 .image-5 {
    width: 50%; }
  .imageGallery.imageGallery-10 .image-6 {
    width: 50%; }
  .imageGallery.imageGallery-10 .image-7 {
    width: 50%; }
  .imageGallery.imageGallery-10 .image-8 {
    width: 50%; }
  .imageGallery.imageGallery-10 .image-9 {
    width: 50%; }
  .imageGallery.imageGallery-10 .image-10 {
    width: 100%; }
  .imageGallery.imageGallery-11 .image-1 {
    width: 100%; }
  .imageGallery.imageGallery-11 .image-2 {
    width: 50%; }
  .imageGallery.imageGallery-11 .image-3 {
    width: 50%; }
  .imageGallery.imageGallery-11 .image-4 {
    width: 100%; }
  .imageGallery.imageGallery-11 .image-5 {
    width: 50%; }
  .imageGallery.imageGallery-11 .image-6 {
    width: 50%; }
  .imageGallery.imageGallery-11 .image-7 {
    width: 100%; }
  .imageGallery.imageGallery-11 .image-8 {
    width: 50%; }
  .imageGallery.imageGallery-11 .image-9 {
    width: 50%; }
  .imageGallery.imageGallery-11 .image-10 {
    width: 50%; }
  .imageGallery.imageGallery-11 .image-11 {
    width: 50%; }
  .imageGallery.imageGallery-12 .image-1 {
    width: 100%; }
  .imageGallery.imageGallery-12 .image-2 {
    width: 50%; }
  .imageGallery.imageGallery-12 .image-3 {
    width: 50%; }
  .imageGallery.imageGallery-12 .image-4 {
    width: 100%; }
  .imageGallery.imageGallery-12 .image-5 {
    width: 50%; }
  .imageGallery.imageGallery-12 .image-6 {
    width: 50%; }
  .imageGallery.imageGallery-12 .image-7 {
    width: 50%; }
  .imageGallery.imageGallery-12 .image-8 {
    width: 50%; }
  .imageGallery.imageGallery-12 .image-9 {
    width: 100%; }
  .imageGallery.imageGallery-12 .image-10 {
    width: 50%; }
  .imageGallery.imageGallery-12 .image-11 {
    width: 50%; }
  .imageGallery.imageGallery-12 .image-12 {
    width: 100%; }

.pageGroup.gray, .pageGroup:nth-child(odd) {
  padding: 3rem 0;
  background-color: #fafafa; }

.connect_wrapper {
  max-width: 940px;
  margin: 0px auto; }
  .connect_wrapper h2 {
    font-size: 32px;
    line-height: 36px;
    margin-top: 20px;
    font-family: Brownpro, sans-serif;
    color: #0e7773;
    font-weight: 700; }
  .connect_wrapper .left_column {
    width: 50%;
    box-sizing: border-box;
    padding: 0px 10px 10px 0px;
    float: left;
    border-right: 1px solid #0e7773;
    margin-bottom: 25px; }
  .connect_wrapper .right_column {
    float: left;
    box-sizing: border-box;
    width: 50%; }
  .connect_wrapper h4 {
    margin-top: 19px;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    font-family: Brownpro, sans-serif; }
  .connect_wrapper .connect_map {
    max-width: 100%;
    height: auto;
    margin-left: 56px; }
  .connect_wrapper span {
    font-size: 16px;
    font-family: Brownpro, sans-serif;
    line-height: 32px;
    color: #333;
    padding-bottom: 5px; }
  .connect_wrapper .div-block span {
    line-height: 20px; }

.connect_page {
  background-color: #ffffff; }

.stop_by_office {
  background-image: linear-gradient(180deg, #0e7773, #0e7773);
  color: #ffffff; }
  .stop_by_office .connect_wrapper {
    padding-top: 30px;
    padding-bottom: 30px; }
    .stop_by_office .connect_wrapper h4 {
      color: #ffffff;
      margin-top: 0px; }
  .stop_by_office ul {
    padding: 0px 12px; }
  .stop_by_office ul::after {
    clear: both;
    content: " ";
    display: block; }
  .stop_by_office li {
    width: 50%;
    float: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    list-style-type: disc;
    font-family: Brownpro, sans-serif; }

.stop_by_office .connect_wrapper::after {
  display: block;
  content: " ";
  clear: both; }

.general_wrapper {
  width: 940px;
  margin: 0px auto;
  background-color: #ffffff;
  padding-top: 20px;
  max-width: 96%; }
  .general_wrapper label {
    display: inline;
    font-weight: 300; }

.general_wrapper .left_column, .general_wrapper .right_column {
  width: 50%;
  box-sizing: border-box;
  padding: 10px;
  float: left; }

h2.heading-3 {
  padding-bottom: 20px;
  transition: all 200ms ease;
  font-family: Brownpro, sans-serif;
  font-size: 32px;
  line-height: 36px;
  transform: scale(1);
  cursor: pointer;
  color: #a11696; }

h2.heading-3:hover {
  transform: scale(1.04); }

h2.heading-4 {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
  color: rgba(218, 120, 14, 0.99);
  font-family: Brownpro, sans-serif;
  transition: all 200ms ease;
  transform: scale(1);
  cursor: pointer; }

h2.heading-4:hover {
  transform: scale(1.04); }

h2.heading-5 {
  color: #fff;
  font-family: Brownpro, sans-serif;
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 10px; }

.closed_form {
  height: 0px;
  overflow: hidden; }

.mailchimp_connect {
  background: linear-gradient(180deg, #861723, #861723);
  padding: 20px 0px;
  font-family: Brownpro, sans-serif; }

.mailchimp_wrapper {
  width: 1280px;
  margin: 0px auto;
  max-width: 96%; }

.field-line {
  width: 50%;
  box-sizing: border-box;
  padding: 10px;
  float: left; }

.field-line.full-width {
  width: 100%;
  float: left; }

.field-line label {
  color: #fff; }

.share_story h5 {
  color: #a11696;
  font-family: Brownpro; }

.share_story input {
  font-family: Brownpro; }

.general_form h5 {
  color: rgba(218, 120, 14, 0.99);
  font-family: Brownpro; }

.general_form input {
  font-family: Brownpro; }

.newsletter-form label, .newsletter-form input {
  font-family: Brownpro; }

.some_padding {
  padding: 10px; }

.clear_both {
  clear: both; }

#final_result {
  display: none; }

hr.no_top_margin {
  margin-top: 0px;
  border-bottom: 1px solid #aaa; }

.button_bottom_padding {
  margin-bottom: 20px; }

/*    Responsive Styles   */
@media only screen and (max-width: 940px) {
  .stop_by_office .connect_wrapper {
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px; }

  .connect_wrapper .left_column {
    padding-left: 10px; }

  .connect_wrapper .right_column {
    padding-right: 10px; }

  .connect_wrapper .connect_map {
    margin-left: 5%;
    max-width: 90%; } }
@media only screen and (max-width: 600px) {
  .connect_wrapper .left_column {
    width: 100%;
    float: none;
    border-width: 0px; }

  .connect_wrapper .right_column {
    width: 100%;
    float: none; }

  .stop_by_office li {
    width: 96%;
    float: none;
    margin-right: auto;
    margin-left: auto; }

  .general_wrapper .left_column, .general_wrapper .right_column {
    width: 100%;
    float: none; }

  .field-line {
    width: 100%;
    float: none; } }
.widget {
  display: block;
  padding-bottom: 0.75rem; }
  .widget .widget-header {
    margin: 0;
    padding: 0;
    color: #999;
    font-size: 0.75rem;
    text-transform: uppercase; }

.widget.left-align {
  float: left;
  padding-right: 0.5em; }

@media screen and (min-width: 480px) {
  .widget.right-align {
    float: right;
    padding-left: 0.5em; } }

.buttonGroup {
  white-space: nowrap;
  display: inline-block; }
  .buttonGroup input {
    display: none; }
  .buttonGroup .buttonGroup-item {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-bottom: 0;
    float: left;
    padding: 0.75em 5px;
    width: auto;
    display: inline-block;
    background: #fff;
    border-bottom: 1px solid silver;
    border-left: none;
    border-right: 1px solid silver;
    border-top: 1px solid silver;
    color: #777777;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1;
    cursor: pointer; }
    .buttonGroup .buttonGroup-item:hover {
      color: #444;
      background-color: #f2f2f2; }
    .buttonGroup .buttonGroup-item i.fa {
      padding-left: 4px;
      padding-right: 4px; }
  .buttonGroup .buttonGroup-item:first-of-type {
    border-left: 1px solid silver; }
  .buttonGroup .buttonGroup-item:last-of-type {
    border-right: 1px solid silver; }
  .buttonGroup input:checked + .buttonGroup-item {
    background: #f0f0f0;
    color: #444; }
  .buttonGroup input:disabled + .buttonGroup-item {
    background: white;
    color: gainsboro;
    cursor: default; }

.button.small,
button.small {
  padding: 0.75em 0.7em;
  font-size: 0.75rem;
  cursor: pointer; }

.button.gray,
button.gray {
  color: #777777;
  background-color: gainsboro; }

.toLotDesigns {
  width: auto;
  margin-bottom: 2.5rem;
  font-family: "Brown", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  line-height: 1;
  vertical-align: middle;
  z-index: 60;
  backtround-color: white; }
  .toLotDesigns .more-arrow {
    font-size: 1.25em;
    vertical-align: baseline; }
  .toLotDesigns a, .toLotDesigns a:link, .toLotDesigns a:visited {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 1px solid gainsboro;
    display: inline-block;
    padding: 0.7em 0.9em;
    color: #777777;
    font-size: smaller;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap; }
  .toLotDesigns a:hover {
    color: #008ec0; }

.lightbox-album {
  position: relative;
  overflow: hidden; }

.lightbox-album li {
  position: relative;
  float: left;
  display: block;
  width: 50%; }

@media screen and (min-width: 480px) and (max-width: 799px) {
  .lightbox-album.lightbox-album-3-column li,
  .lightbox-album.lightbox-album-4-column li,
  .lightbox-album.lightbox-album-5-column li {
    position: relative;
    float: left;
    display: block;
    width: 33.33333%; } }
@media screen and (min-width: 800px) {
  .lightbox-album.lightbox-album-3-column li {
    position: relative;
    float: left;
    display: block;
    width: 33.33333%; }

  .lightbox-album.lightbox-album-4-column li {
    position: relative;
    float: left;
    display: block;
    width: 25%; }

  .lightbox-album.lightbox-album-5-column li {
    position: relative;
    float: left;
    display: block;
    width: 20%; } }
.lightbox-album figure {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  line-height: 0;
  overflow: hidden; }
  .lightbox-album figure > a, .lightbox-album figure > a:link, .lightbox-album figure > a:visited {
    position: relative;
    overflow: hidden;
    display: block; }
  .lightbox-album figure img {
    width: 100%;
    vertical-align: top;
    border: none; }
  .lightbox-album figure figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
    line-height: 1.5;
    color: white;
    font-size: 12px;
    font-size: 0.75rem; }
    .lightbox-album figure figcaption p {
      position: absolute;
      left: 0;
      bottom: -12em;
      margin: 0;
      padding: 0.66666667rem;
      width: 100%;
      overflow: hidden;
      background-color: #2C2C2C;
      background-color: rgba(44, 44, 44, 0.95); }
    .lightbox-album figure figcaption a, .lightbox-album figure figcaption a:link, .lightbox-album figure figcaption a:visited {
      color: white;
      text-decoration: none; }
    .lightbox-album figure figcaption a:hover {
      text-decoration: underline; }
    .lightbox-album figure figcaption:focus p, .lightbox-album figure figcaption:hover p {
      bottom: 0; }
    .lightbox-album figure figcaption:before {
      content: "i";
      position: absolute;
      right: 1em;
      top: -2.25em;
      display: block;
      box-sizing: content-box;
      width: 1.33333333em;
      height: 1.33333333em;
      border-radius: 50%;
      background-color: #555;
      background-color: rgba(33, 33, 33, 0.8);
      color: #999999;
      font-family: "Helvetica Neue", Roboto, Arial, sans-serif;
      font-weight: bold;
      line-height: 1.33333333;
      vertical-align: middle;
      text-align: center; }
    .lightbox-album figure figcaption:focus:before, .lightbox-album figure figcaption:hover:before {
      display: none; }

.lightbox-album li > a,
.lightbox-album li > a {
  display: block; }

.lightbox-album li > a {
  position: relative; }

.lightbox-album li > a span {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 10px;
  left: 10px;
  text-align: center;
  line-height: 150px;
  font-size: 24px;
  opacity: 0;
  transition: opacity 0.3s linear; }

.lightbox-album li > a:hover span {
  opacity: 1; }

.lightbox-overlay {
  display: none; }

.lightbox-trigger {
  cursor: zoom-in; }

#lightboxOverlay {
  position: fixed;
  z-index: 3 !important;
  display: none;
  width: 100%;
  height: 100%;
  max-height: 100%;
  bottom: 0px;
  right: 0px;
  background-color: white; }
  #lightboxOverlay.active {
    display: block; }
  #lightboxOverlay figure {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    max-height: 100%; }
  #lightboxOverlay .figureImageContainer {
    position: relative;
    margin: 36px 8px 12px;
    padding: 0;
    text-align: center; }
    #lightboxOverlay .figureImageContainer img {
      width: auto;
      max-width: 100%;
      height: auto; }
    @media screen and (min-width: 800px) {
      #lightboxOverlay .figureImageContainer {
        margin-left: 72px;
        margin-right: 72px; } }
  #lightboxOverlay figcaption {
    position: relative;
    width: 100%;
    max-width: 960px;
    max-height: 33%;
    margin: 0 auto;
    padding: 12px 8px 24px;
    overflow: scroll;
    font-size: 0.875rem;
    border-top: 1px solid gainsboro;
    background-color: white; }
    #lightboxOverlay figcaption .photo-credit {
      color: #999999;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.5;
      white-space: nowrap; }
      #lightboxOverlay figcaption .photo-credit a, #lightboxOverlay figcaption .photo-credit a:link, #lightboxOverlay figcaption .photo-credit a:visited {
        color: #999999; }
      #lightboxOverlay figcaption .photo-credit a:hover, #lightboxOverlay figcaption .photo-credit a:focus {
        color: #008ec0; }
    #lightboxOverlay figcaption .photo-title {
      margin-bottom: 0; }
    @media screen and (min-width: 480px) {
      #lightboxOverlay figcaption {
        padding: 12px 24px 24px; } }
  #lightboxOverlay .lightbox-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #999999;
    background-color: transparent;
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase; }
    #lightboxOverlay .lightbox-close i.fa {
      font-size: 0.9375rem; }
    #lightboxOverlay .lightbox-close:hover {
      color: #008ec0;
      cursor: pointer; }
  #lightboxOverlay .lightbox-prev, #lightboxOverlay .lightbox-next {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: fixed;
    top: 50%;
    margin: -24px 0 0 0;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid gainsboro;
    outline: none;
    color: #999999;
    font-size: 0.75rem;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    vertical-align: middle; }
    #lightboxOverlay .lightbox-prev i.fa, #lightboxOverlay .lightbox-next i.fa {
      font-size: 0.9375rem; }
    #lightboxOverlay .lightbox-prev:hover, #lightboxOverlay .lightbox-prev:focus, #lightboxOverlay .lightbox-next:hover, #lightboxOverlay .lightbox-next:focus {
      color: #008ec0; }
    #lightboxOverlay .lightbox-prev:active, #lightboxOverlay .lightbox-next:active {
      background: white; }
  #lightboxOverlay .lightbox-prev.disabled,
  #lightboxOverlay .lightbox-next.disabled {
    color: gainsboro;
    cursor: default; }
    #lightboxOverlay .lightbox-prev.disabled:hover,
    #lightboxOverlay .lightbox-next.disabled:hover {
      color: gainsboro;
      cursor: default; }
  #lightboxOverlay .lightbox-prev {
    left: 16px;
    cursor: pointer; }
  #lightboxOverlay .lightbox-next {
    right: 16px;
    cursor: pointer; }

.catalog {
  position: relative;
  z-index: 100; }

#searchFilter-container {
  position: relative;
  z-index: 2000000000;
  overflow: visible; }

#lotDesignCardGrid {
  position: relatie;
  z-index: 1000;
  overflow: visible;
  min-height: 18.75rem; }

.cardGrid {
  margin: 0 auto;
  padding: 0;
  padding-bottom: 16px;
  clear: both;
  overflow: hidden;
  display: block;
  border-top: 1px solid gainsboro;
  border-bottom: 1px solid gainsboro; }
  @media screen and (max-width: 704px) {
    .cardGrid {
      width: 100%; } }
  @media screen and (min-width: 704px) {
    .cardGrid {
      width: 672px; } }
  @media screen and (min-width: 1040px) {
    .cardGrid {
      width: 1008px; } }
  @media screen and (min-width: 1376px) {
    .cardGrid {
      width: 1344px; } }
  @media screen and (min-width: 1712px) {
    .cardGrid {
      width: 1680px; } }
  @media screen and (min-width: 2048px) {
    .cardGrid {
      width: 2016px; } }
  @media screen and (min-width: 2384px) {
    .cardGrid {
      width: 2352px; } }
  @media screen and (min-width: 2720px) {
    .cardGrid {
      width: 2688px; } }
  @media screen and (min-width: 3056px) {
    .cardGrid {
      width: 3024px; } }

#mainContent .cardGrid:first-child {
  border-top: 0; }

.cardGrid.relatedLotDesigns {
  padding-top: 0rem;
  border: none; }

.cardGrid .mix {
  display: none; }

.cardGrid .not-found {
  font-weight: bold;
  padding: 1.5em 0; }

.cardGrid-introduction {
  width: 100%;
  padding: 0px 8px;
  margin-bottom: 0.5em; }
  @media screen and (min-width: 865px) {
    .cardGrid-introduction {
      font-size: larger;
      text-align: center; } }

.cardGrid-noResultMessage {
  width: 100%;
  padding: 3em 8px;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  color: #777777;
  display: none; }

.cardGrid-noResultMessage.visible {
  display: block; }

.card {
  position: relative;
  margin: 8px;
  box-shadow: 0px 2px 2px 0px #eee;
  border-bottom: 1px solid gainsboro;
  background-color: white;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  font-family: Brownpro;
  width: 320px;
  height: 414px; }
  .card.card-banner {
    width: 100%;
    margin: 0.75rem 0;
    height: 120px; }

.card.card-implementation {
  width: 436px;
  margin: 4px; }

.implementation-column {
  height: 174px;
  width: 50%;
  box-sizing: border-box;
  padding: 15px 10px;
  font-family: Brownpro;
  font-size: 14px;
  float: left; }
  .implementation-column h6 {
    text-transform: uppercase;
    color: #959595;
    padding: 3px 0px;
    border-bottom: 1px solid #959595;
    margin-bottom: 2px; }
  .implementation-column p {
    color: #000;
    margin-bottom: 5px; }

@media screen and (max-width: 704px) {
  .no-flexbox .card {
    width: calc(100% - 16px); } }
@media screen and (min-width: 704px) {
  .no-flexbox .card {
    float: left; } }

.flexbox .cardGrid,
.flexboxtweener .cardGrid {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start; }
  .flexbox .cardGrid .card,
  .flexboxtweener .cardGrid .card {
    float: none; }
    @media screen and (max-width: 704px) {
      .flexbox .cardGrid .card,
      .flexboxtweener .cardGrid .card {
        width: calc(100% - 16px); } }

.card-cover {
  position: relative;
  margin: 0;
  padding: 0;
  height: 240px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: none;
  overflow: hidden;
  display: block;
  z-index: 0; }
  .card-cover.lots-fuchsia-a {
    background-color: #7a004b; }
  .card-cover.lots-fuchsia-b {
    background-color: #b7105f; }
  .card-cover.lots-fuchsia-c {
    background-color: #ed3c95; }
  .card-cover.lots-fuchsia-d {
    background-color: #f186b7; }
  .card-cover.lots-orange-a {
    background-color: #ef4e22; }
  .card-cover.lots-orange-b {
    background-color: #df7c1c; }
  .card-cover.lots-orange-c {
    background-color: #de9d13; }
  .card-cover.lots-green-a {
    background-color: #20752e; }
  .card-cover.lots-green-b {
    background-color: #41ac48; }
  .card-cover.lots-green-c {
    background-color: #00594d; }
  .card-cover.lots-green-d {
    background-color: #00766f; }
  .card-cover.lots-purple-a {
    background-color: #592d79; }
  .card-cover.lots-purple-b {
    background-color: #ac499c; }
  .card-cover.lots-red-c {
    background-color: #9e0817; }
  .card-cover.lots-red-d {
    background-color: #f91135; }

.card-banner .card-cover {
  height: 120px; }

.card.card-relatedLotDesign {
  height: 240px;
  margin-left: 0;
  margin-right: 16px; }

.card-coverImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 240px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: none; }

.card-excerpt {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 24px 36px 4px 12px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  z-index: 20;
  color: #444;
  font-weight: 300; }
  .card-excerpt a, .card-excerpt a:link, .card-excerpt a:visited, .card-excerpt a:hover {
    color: #444; }
  .card-excerpt h2 {
    margin: 0;
    padding: 0;
    font-size: 2rem;
    font-weight: 200;
    line-height: 1.2; }
  .card-excerpt h3 {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.2; }
  .card-excerpt p:last-child {
    margin-bottom: 4px;
    padding-bottom: 0; }

.card-excerpt.inverse,
.card-excerpt.reverse {
  background: url("/whatwedo/land-use/DFC-lots/theme-assets/img/gradient-bg.png") top left repeat-x transparent;
  background-size: 100% 100%;
  text-shadow: 0 0 10px #000;
  color: white; }
  .card-excerpt.inverse h1, .card-excerpt.inverse h2, .card-excerpt.inverse h3, .card-excerpt.inverse h4, .card-excerpt.inverse h5, .card-excerpt.inverse h6,
  .card-excerpt.reverse h1,
  .card-excerpt.reverse h2,
  .card-excerpt.reverse h3,
  .card-excerpt.reverse h4,
  .card-excerpt.reverse h5,
  .card-excerpt.reverse h6 {
    color: white; }
  .card-excerpt.inverse a, .card-excerpt.inverse a:link, .card-excerpt.inverse a:visited, .card-excerpt.inverse a:hover,
  .card-excerpt.reverse a,
  .card-excerpt.reverse a:link,
  .card-excerpt.reverse a:visited,
  .card-excerpt.reverse a:hover {
    color: white; }

.cssgradients .card-excerpt.inverse,
.cssgradients .card-excerpt.reverse {
  background-image: -webkit-linear-gradient( top , rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); }

.card-icons {
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px;
  text-align: right; }
  .card-icons i {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-left: 8px;
    overflow: hidden;
    color: transparent; }
    .card-icons i img {
      display: none; }
  .card-icons .sun {
    background-image: url("/whatwedo/land-use/DFC-lots/theme-assets/img/icon-sunny.png");
    background-size: 100% 100%; }
  .card-icons .part-shade {
    background-image: url("/whatwedo/land-use/DFC-lots/theme-assets/img/icon-partly-sunny.png");
    background-size: 100% 100%; }
  .card-icons .shade {
    background-image: url("/whatwedo/land-use/DFC-lots/theme-assets/img/icon-shady.png");
    background-size: 100% 100%; }

.svg .card-icons .sun {
  background-image: url("/whatwedo/land-use/DFC-lots/theme-assets/img/icon-sunny.svg"); }
.svg .card-icons .part-shade {
  background-image: url("/whatwedo/land-use/DFC-lots/theme-assets/img/icon-partly-sunny.svg"); }
.svg .card-icons .shade {
  background-image: url("/whatwedo/land-use/DFC-lots/theme-assets/img/icon-shady.svg"); }

.card-hitArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  z-index: 50; }

.card-imageCredit {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 0 -58px 0;
  display: block;
  width: 100%;
  z-index: 100;
  color: white;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.5;
  white-space: nowrap;
  background-color: #2c2c2c;
  background-color: rgba(44, 44, 44, 0.95);
  cursor: pointer; }
  .card-imageCredit > p {
    margin: 0;
    padding: 12px;
    display: block; }
  .card-imageCredit a, .card-imageCredit a:link, .card-imageCredit a:visited {
    color: white;
    text-decoration: none; }
  .card-imageCredit a:hover {
    color: white;
    text-decoration: underline; }
  .card-imageCredit:after {
    position: absolute;
    bottom: 70px;
    right: 12px;
    width: 16px;
    height: 16px;
    content: "i";
    display: block;
    border-radius: 8px;
    background-color: #2c2c2c;
    background-color: rgba(44, 44, 44, 0.95);
    color: white;
    font-family: "Georgia", "Cambria", "Times New Roman", "Times", serif;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    text-align: center; }
  .card-imageCredit:hover {
    margin-bottom: 0;
    display: block; }
    .card-imageCredit:hover:after {
      display: none; }

.card-body {
  position: relative;
  padding: 16px 12px 0px 12px;
  display: block;
  overflow: hidden;
  color: #989898;
  font-family: Brownpro, "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3333333; }
  .card-body h3 {
    margin: 0 0 3px 0;
    padding: 0;
    border-bottom: 1px solid gainsboro;
    color: #999999;
    font-family: "Brown", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.3333333;
    text-transform: uppercase; }
  .card-body p {
    margin-bottom: 16px; }

.card-attributeGroup {
  width: 50%;
  padding-left: 6px;
  float: left;
  color: black;
  font-weight: normal;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 0.75rem;
  line-height: 1.3333333; }
  .card-attributeGroup:nth-child(2n + 1) {
    padding-right: 6px;
    padding-left: 0px; }
  .card-attributeGroup h3 {
    font-family: "Brown", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    color: #999999; }
  .card-attributeGroup a, .card-attributeGroup a:link, .card-attributeGroup a:visited {
    color: black;
    font-weight: bold;
    text-decoration: none; }
  .card-attributeGroup a:hover {
    color: #008ec0;
    color: black; }

.card-localExample {
  height: 414px; }
  .card-localExample .card-cover,
  .card-localExample .card-coverImage {
    height: 414px; }
  .card-localExample .localExample-marker {
    position: absolute;
    top: 12px;
    right: 12px;
    width: auto;
    padding: 8px 8px 5px;
    font-family: "Brown", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 11px;
    vertical-align: middle;
    color: white;
    display: none;
    background-color: #2c2c2c;
    background-color: rgba(44, 44, 44, 0.95); }

#lotDesignCardGrid .localExample-marker {
  display: block; }

#lotTypeCardGrid .sort-container .note {
  padding-top: 20px;
  font-size: 12px;
  font-size: 0.75rem; }

.card-lotType {
  min-height: 320px;
  height: auto;
  background-color: white; }
  .card-lotType .card-toLotDesigns {
    width: auto;
    font-family: "Brown", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 16px;
    vertical-align: middle;
    color: white;
    border-top: 1px solid gainsboro;
    z-index: 60; }
    .card-lotType .card-toLotDesigns .more-arrow {
      font-size: 1.25em;
      vertical-align: baseline; }
    .card-lotType .card-toLotDesigns a, .card-lotType .card-toLotDesigns a:link, .card-lotType .card-toLotDesigns a:visited {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      display: inline-block;
      width: 100%;
      padding: 11px;
      color: #777777;
      font-size: smaller;
      line-height: 16px;
      text-transform: uppercase;
      white-space: nowrap; }
    .card-lotType .card-toLotDesigns a:hover {
      color: #008ec0; }
  .card-lotType .card-cover {
    background-color: white; }
  .card-lotType .card-excerpt h2 {
    font-size: 24px; }
  .card-lotType .card-body {
    padding: 0;
    color: black;
    background-color: #fafafa; }
  .card-lotType .lotType-gallery {
    border-top: 1px solid gainsboro; }
    .card-lotType .lotType-gallery li {
      width: 25%;
      line-height: 0; }

.featured-lot-designs {
  width: 436px;
  height: 414px;
  background-color: #d47c2f;
  float: right;
  padding: 15px;
  margin: 23px; }

.featured-lot-designs-white {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  position: relative;
  background-image: url("../img/orange-arrow.jpg");
  background-position: 0% 50%;
  background-repeat: no-repeat; }

.featured-lot-designs h3 {
  font-size: 43px;
  padding: 140px 70px;
  font-family: Brownpro;
  font-weight: bold; }

#homeCardGrid {
  width: 964px;
  margin: 0px auto; }

#homeCardGrid::after {
  content: " ";
  display: block;
  clear: both; }

#homeCardGrid .card {
  float: right;
  margin: 23px;
  width: 436px;
  box-shadow: 2px 2px 1px #c8c8c8; }

.see-more-lots {
  color: #ffffff;
  padding: 7px 30px;
  background-color: #d47c2f;
  position: absolute;
  right: 27px;
  bottom: 26px;
  font-family: Brownpro;
  box-shadow: 2px 2px 1px #c8c8c8;
  text-transform: uppercase; }

.see-more-lots:hover {
  color: #ffffff; }

/*   Cards for the implementation card  */
.implmentation-header {
  width: 100%;
  height: 475px;
  background-size: cover;
  background-position: 50% 50%; }

.implementation-headline {
  padding-top: 310px;
  width: 940px;
  margin-right: auto;
  margin-left: auto;
  font-family: Brownpro; }
  .implementation-headline h1 {
    color: #ffffff;
    font-size: 53px;
    line-height: 65px;
    margin-bottom: 0px; }
  .implementation-headline p {
    color: #ffffff;
    line-height: 24px;
    font-size: 18px; }

.implementation-facts {
  width: 936px;
  margin-top: 60px;
  margin-right: auto;
  margin-left: auto; }

.implementation-fact {
  width: 156px;
  float: left;
  font-size: 14px;
  font-family: Brownpro; }
  .implementation-fact h6 {
    text-transform: uppercase;
    color: #959595;
    padding: 3px 0px;
    border-bottom: 1px solid #959595;
    margin-bottom: 2px;
    margin-right: 3px;
    margin-left: 3px; }
  .implementation-fact p {
    color: #000;
    margin-bottom: 5px;
    margin-right: 3px;
    margin-left: 3px; }

.implementation-facts::after {
  clear: both;
  display: block;
  content: " "; }

.implementation-overview {
  width: 940px;
  font-size: 18px;
  font-family: Brownpro;
  color: #000000;
  margin-top: 60px;
  margin-right: auto;
  margin-left: auto; }

.implementation-overview p, .implementation-overview ul, .implementation-overview ol {
  width: 700px; }

.implementation-highlights {
  width: 940px;
  margin-top: 55px;
  margin-right: auto;
  margin-left: auto;
  font-family: Brownpro; }
  .implementation-highlights h6 {
    text-transform: uppercase;
    color: #959595;
    padding: 3px 0px;
    margin-bottom: 2px;
    margin-right: 3px;
    margin-left: 3px;
    margin-top: 20px; }
  .implementation-highlights span {
    padding: 5px;
    background-color: #f2f2f2;
    color: #646464;
    margin: 0px 4px 4px 0px; }

.implementation-details {
  padding-bottom: 150px;
  box-shadow: 5px -6px 8px -3px #999 inset; }
  .implementation-details h6 {
    text-transform: uppercase;
    color: #959595;
    padding: 3px 0px;
    margin-bottom: 2px;
    margin-right: 3px;
    margin-left: 3px;
    margin-top: 20px;
    font-size: 14px; }
  .implementation-details .right h6 {
    margin-top: 10px; }
  .implementation-details h6.normal-case {
    text-transform: none; }
  .implementation-details p {
    padding: 5px;
    color: #000;
    margin: 0px 4px 4px 0px;
    font-size: 12px; }

.colored-banner {
  background-color: #cf9b15;
  width: 940px;
  margin: 0px auto 0px;
  box-sizing: border-box;
  padding: 40px 35px; }
  .colored-banner h1 {
    color: #ffffff;
    font-family: Brownpro;
    font-weight: 300;
    font-size: 53px;
    line-height: 60px;
    margin-bottom: 0px; }
  .colored-banner p {
    color: #ffffff;
    font-family: Brownpro;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px; }

.slightly-gray-background {
  background-color: #f8f8f8;
  padding-top: 60px; }

.implentation-details-column-wrapper {
  width: 940px;
  margin: 0px auto; }

.implentation-details-column-wrapper::after {
  display: block;
  content: " ";
  clear: both; }

.implentation-details-column-1 {
  width: 640px;
  box-sizing: border-box;
  padding-right: 3px;
  float: left; }

.implentation-details-column-2 {
  width: 280px;
  float: left;
  margin-left: 20px; }

.full_width {
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 0px 3px 3px #bbb;
  margin-top: 25px;
  clear: both;
  font-family: Brownpro;
  padding: 7px 10px;
  box-sizing: border-box; }

.full_width.no_padding {
  padding: 0px; }
  .full_width.no_padding .section {
    border-top: 1px solid #cf9b15;
    padding: 7px 10px; }
  .full_width.no_padding .section.no-border {
    border-top: none; }

.half_width {
  width: 48%;
  box-shadow: 0px 0px 3px 3px #bbb;
  float: left;
  margin-top: 25px;
  background-color: #ffffff;
  padding: 7px 10px;
  min-height: 260px; }

.half_width.right {
  margin-left: 2%; }

.half_width.left {
  margin-right: 2%; }

.half_width.no-shadow {
  box-shadow: none; }

.half_width.image_bg {
  background-position: 50% 50%;
  background-size: cover;
  height: 300px;
  border-bottom: solid 4px #cf9b15;
  position: relative; }

.half_width.image_bg span {
  position: absolute;
  bottom: 15px;
  right: 25px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px; }

.half_width_wrapper::after {
  content: " ";
  display: block;
  clear: both; }

.table-data {
  display: table-cell;
  max-width: 50%;
  width: auto;
  box-sizing: border-box;
  padding: 0px 10px; }

@media screen and (max-width: 1039px) {
  .cardGrid.dfc_designs {
    width: 756px;
    max-width: 100%; }

  .card.card-implementation {
    width: 370px; } }
@media screen and (max-width: 960px) {
  #homeCardGrid {
    width: 100%; }

  #homeCardGrid .card {
    max-width: 100%;
    float: none;
    margin: 10px auto;
    display: block; }

  .featured-lot-designs {
    float: none;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%; }

  .implementation-headline {
    width: 90%; }

  .implementation-facts {
    width: 90%; }

  .implementation-fact {
    width: 33%; }

  .implementation-overview {
    width: 90%; }

  .implementation-highlights {
    width: 90%; }

  .colored-banner {
    width: 100%; }

  .implentation-details-column-wrapper {
    width: 90%; }

  .implentation-details-column-1 {
    width: 66%; }

  .implentation-details-column-2 {
    width: 30%;
    margin-left: 4%; }

  .slightly-gray-background {
    padding-top: 0px; } }
@media screen and (max-width: 768px) {
  .implentation-details-column-1 {
    width: 100%;
    float: none; }

  .implentation-details-column-2 {
    width: 100%;
    margin-left: 0%;
    float: none; }

  .implementation-fact {
    width: 50%; }

  .implementation-headline {
    padding-top: 100px; }

  .implementation-headline h1 {
    font-size: 40px;
    line-height: 50px; }

  .implementation-overview p, .implementation-overview ul, .implementation-overview ol {
    width: 100%; } }
@media screen and (max-width: 756px) {
  .cardGrid.dfc_designs {
    width: 370px;
    max-width: 100%; } }
@media screen and (max-width: 520px) {
  .half_width {
    width: 100%;
    margin-left: 0%; }

  .half_width.right {
    margin-left: 0; } }
#searchContainer {
  width: 100%;
  padding: 24px 8px 8px;
  overflow: hidden;
  clear: both; }

#keywordSearch {
  max-width: 51.5em;
  margin-left: auto;
  margin-right: auto; }
  #keywordSearch::after {
    clear: both;
    content: "";
    display: table; }
  #keywordSearch::after {
    clear: both;
    content: "";
    display: table; }
  #keywordSearch form {
    max-width: 672px;
    margin: 0 auto 1em auto;
    padding: 0;
    position: relative;
    display: block;
    background-color: white;
    overflow: hidden;
    line-height: 1;
    text-align: center; }
    #keywordSearch form input[type=search] {
      margin: 0;
      padding: 4px 8px;
      display: block;
      float: left;
      width: calc(100% - 90px);
      box-shadow: none;
      border: none;
      border-radius: 0;
      color: #444;
      font-size: 16px;
      font-size: 1rem;
      line-height: 2.25;
      vertical-align: middle;
      white-space: nowrap; }
    #keywordSearch form button {
      outline: none;
      padding: 0 8px;
      height: 44px;
      display: block;
      float: right;
      width: 90px;
      border: none;
      border-radius: 0;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 3;
      text-align: center;
      text-transform: uppercase;
      vertical-align: middle; }
  #keywordSearch.on {
    display: block; }

#lotDesign-collectionList {
  max-width: 51.5em;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5rem 8px; }
  #lotDesign-collectionList::after {
    clear: both;
    content: "";
    display: table; }
  #lotDesign-collectionList::after {
    clear: both;
    content: "";
    display: table; }
  #lotDesign-collectionList ul {
    width: 100%; }
  #lotDesign-collectionList li.active a, #lotDesign-collectionList li.active a:link, #lotDesign-collectionList li.active a:visited {
    color: gainsboro; }
  @media screen and (min-width: 865px) {
    #lotDesign-collectionList ul {
      text-align: center; } }

.sort-container {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 16px 8px 0;
  overflow: hidden;
  clear: both; }

#lotDesign-filter {
  text-align: left; }
  @media screen and (min-width: 480px) {
    #lotDesign-filter {
      text-align: right; } }

.filter-locator {
  width: 100%;
  margin: 0 8px 8px;
  background-color: white;
  box-shadow: 0px 2px 2px 0px #eee;
  border-bottom: 1px solid gainsboro;
  display: none; }

.filter-locator.visible {
  display: block; }

.filter-form {
  width: 100%;
  padding: 4px 0;
  background-color: white;
  overflow: hidden;
  clear: both;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5rem; }
  .filter-form h4 {
    border-bottom: 1px solid gainsboro;
    margin-bottom: 4px; }
  .filter-form ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .filter-form li {
    display: block;
    list-style: none;
    white-space: nowrap; }
  .filter-form label {
    display: inline-block;
    font-weight: normal;
    font-size: inherit; }
  .filter-form .filterGroup {
    width: 100%;
    padding: 8px 8px 0 8px;
    border: none;
    background-color: transparent; }
    .filter-form .filterGroup.disabled label {
      color: gainsboro; }
    .filter-form .filterGroup .disabled-note {
      display: none;
      font-weight: bold;
      color: #999999; }
    .filter-form .filterGroup .disabled-note.visible {
      display: block;
      font-weight: bold;
      color: #999999; }
    .filter-form .filterGroup input[type="checkbox"] {
      margin-left: 0; }
    @media screen and (min-width: 480px) {
      .filter-form .filterGroup {
        width: 50%;
        float: left; }
        .filter-form .filterGroup:nth-child(2n+1) {
          clear: left; } }
    @media screen and (min-width: 640px) {
      .filter-form .filterGroup {
        width: 33%; }
        .filter-form .filterGroup:nth-child(2n+1) {
          clear: none; }
        .filter-form .filterGroup:nth-child(3n+1) {
          clear: left; } }
    @media screen and (min-width: 1040px) {
      .filter-form .filterGroup {
        width: 16.66666667%; }
        .filter-form .filterGroup:nth-child(3n+1) {
          clear: none; }
        .filter-form .filterGroup:nth-child(6n+1) {
          clear: none; } }

#lotTypeFilter .filterGroup {
  width: auto; }

.flexbox .filter-form,
.flexboxtweener .filter-form {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start; }
  .flexbox .filter-form .filterGroup,
  .flexboxtweener .filter-form .filterGroup {
    float: none; }
    .flexbox .filter-form .filterGroup:nth-child(2n+1),
    .flexboxtweener .filter-form .filterGroup:nth-child(2n+1) {
      clear: none; }
    .flexbox .filter-form .filterGroup:nth-child(3n+1),
    .flexboxtweener .filter-form .filterGroup:nth-child(3n+1) {
      clear: none; }
    .flexbox .filter-form .filterGroup:nth-child(6n+1),
    .flexboxtweener .filter-form .filterGroup:nth-child(6n+1) {
      clear: none; }
    @media screen and (min-width: 480px) {
      .flexbox .filter-form .filterGroup,
      .flexboxtweener .filter-form .filterGroup {
        flex-grow: 1; } }
    @media screen and (min-width: 640px) {
      .flexbox .filter-form .filterGroup:nth-child(2n+1),
      .flexboxtweener .filter-form .filterGroup:nth-child(2n+1) {
        clear: left; } }
    @media screen and (min-width: 1040px) {
      .flexbox .filter-form .filterGroup,
      .flexboxtweener .filter-form .filterGroup {
        max-width: 16.66666667%;
        width: auto; } }

.flexbox #lotTypeFilter .filterGroup,
.flexboxtweener #lotTypeFilter .filterGroup {
  width: 100%; }
  @media screen and (min-width: 480px) {
    .flexbox #lotTypeFilter .filterGroup,
    .flexboxtweener #lotTypeFilter .filterGroup {
      width: auto;
      max-width: 100%; } }
  @media screen and (min-width: 480px) {
    .flexbox #lotTypeFilter .filterGroup,
    .flexboxtweener #lotTypeFilter .filterGroup {
      width: auto;
      min-width: 33%;
      max-width: 100%; } }
  @media screen and (min-width: 1040px) {
    .flexbox #lotTypeFilter .filterGroup,
    .flexboxtweener #lotTypeFilter .filterGroup {
      width: auto;
      min-width: 0;
      max-width: 100%; } }

.filter-closeContainer {
  width: 100%;
  padding: 8px;
  text-align: right; }

#promoBannerContainer {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: 0; }
  #promoBannerContainer a.promoBanner {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%;
    min-height: 4rem;
    padding: 0.25rem;
    display: block;
    font-family: "Brown", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 1rem;
    background-color: white;
    border: 10px solid gainsboro; }
    #promoBannerContainer a.promoBanner .more {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      display: inline-block;
      padding: 0.4rem 0.45rem;
      color: #777777;
      font-size: smaller;
      line-height: 1;
      text-transform: uppercase;
      white-space: nowrap;
      border: 1px solid #e9e9e9; }
    #promoBannerContainer a.promoBanner .more-arrow {
      font-size: 1.25em;
      vertical-align: baseline; }
    #promoBannerContainer a.promoBanner:link, #promoBannerContainer a.promoBanner:visited {
      color: #444; }
    #promoBannerContainer a.promoBanner:hover, #promoBannerContainer a.promoBanner:focus {
      color: #444;
      border: 10px solid #cfcfcf; }
      #promoBannerContainer a.promoBanner:hover .more, #promoBannerContainer a.promoBanner:focus .more {
        color: #008ec0;
        border: 1px solid gainsboro; }

.pagination {
  width: 100%;
  overflow: hidden;
  clear: both; }

.pagination-status {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
  color: #c4c4c4; }

.pager-list {
  margin: 0;
  padding: 1.5em 0;
  background-color: #fafafa;
  overflow: hidden;
  clear: both;
  font-size: 0.875rem;
  text-align: center; }
  .pager-list .pager {
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    margin: 0.25em 0.05em;
    border: none;
    outline: none;
    display: inline-block;
    width: auto;
    cursor: pointer;
    color: #444;
    background-color: white;
    text-align: center;
    line-height: 2.5;
    vertical-align: middle; }
    .pager-list .pager span, .pager-list .pager a, .pager-list .pager a:link, .pager-list .pager a:visited {
      -webkit-transition: color 0.2s ease-in-out;
      -moz-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out;
      padding: 0 1em;
      height: 2.5em;
      display: inline-block;
      color: #444;
      text-decoration: none; }
    .pager-list .pager span:hover, .pager-list .pager a:hover {
      color: #008ec0; }
    .pager-list .pager:hover {
      color: #008ec0; }
    .pager-list .pager.active, .pager-list .pager.active span, .pager-list .pager.active a:link, .pager-list .pager.active a:visited {
      color: #c4c4c4;
      background-color: white; }
    .pager-list .pager.disabled, .pager-list .pager.disabled a, .pager-list .pager.disabled span {
      color: gainsboro;
      cursor: default;
      background-color: #f0f0f0; }
      .pager-list .pager.disabled:hover, .pager-list .pager.disabled a:hover, .pager-list .pager.disabled span:hover {
        color: gainsboro;
        cursor: default; }
  .pager-list .page-prev span,
  .pager-list .page-next span {
    width: auto;
    text-transform: uppercase; }
  .pager-list ul {
    margin: 0;
    padding: 0;
    text-align: center; }
    .pager-list ul li {
      margin-top: 0.25em;
      margin-bottom: 0.25em;
      display: inline-block;
      list-style: none; }
    .pager-list ul ul li {
      display: none; }
      .pager-list ul ul li:nth-child(1), .pager-list ul ul li:nth-child(2), .pager-list ul ul li:nth-child(3) {
        display: inline; }
    .pager-list ul li a {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      padding: 0 1em;
      background: white;
      border: none;
      outline: none;
      display: inline-block;
      width: auto;
      height: 2.5em;
      color: #444;
      text-decoration: none;
      text-align: center;
      line-height: 2.5;
      vertical-align: middle; }
      .pager-list ul li a:hover, .pager-list ul li a:focus {
        color: #008ec0; }
      .pager-list ul li a:active {
        background: white; }
  .pager-list li.disabled a {
    color: gainsboro;
    cursor: default; }
    .pager-list li.disabled a:hover {
      color: gainsboro;
      cursor: default; }

.glossary nav.pagination {
  padding: 1.5em 0; }
  .glossary nav.pagination li.disabled a {
    color: gainsboro;
    cursor: default; }
    .glossary nav.pagination li.disabled a:hover {
      color: gainsboro;
      cursor: default; }

ul.tag-list {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle; }
  ul.tag-list li {
    display: inline-block !important;
    margin: 0 4px 3px 0;
    padding: 0;
    width: auto !important; }
    ul.tag-list li a {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      display: inline-block;
      margin: 0;
      padding: 7px 7px;
      color: #5e5e5e;
      background-color: #f2f2f2;
      cursor: pointer; }
      ul.tag-list li a:hover {
        color: #008ec0;
        background-color: #f7f7f7; }
  ul.tag-list li.active a {
    color: #008ec0 !important;
    background-color: #f7f7f7; }

.lot-design .cover {
  position: relative;
  margin: 0;
  padding: 0;
  height: 414px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: none;
  overflow: hidden;
  display: block;
  z-index: 0; }
  .lot-design .cover .card-excerpt {
    padding-bottom: 48px;
    padding-left: 0;
    padding-right: 34px; }
    @media screen and (min-width: 800px) {
      .lot-design .cover .card-excerpt {
        padding-right: 0; } }
  .lot-design .cover .card-imageCredit p {
    padding: 12px 8px;
    margin: 0 auto;
    max-width: 824px; }
  @media screen and (min-width: 800px) {
    .lot-design .cover {
      height: 480px; }
      .lot-design .cover h2 {
        margin-bottom: 0;
        max-width: 65%;
        font-size: 3.25rem;
        font-weight: 200; }
      .lot-design .cover h3 {
        margin-bottom: 0;
        max-width: 65%;
        font-size: 1.875rem;
        font-weight: 300; }
      .lot-design .cover p {
        max-width: 80%; } }
.lot-design .cover + .card-body {
  margin: 0 auto;
  max-width: 824px;
  padding: 1.5rem 8px; }
.lot-design .cover + .neat-row {
  padding-top: 3rem; }
.lot-design .card-attributeGroup {
  width: 50%; }
  .lot-design .card-attributeGroup:nth-child(2n + 1) {
    padding-right: 6px;
    padding-left: 0px; }
  @media screen and (min-width: 640px) {
    .lot-design .card-attributeGroup {
      width: 33%;
      padding: 0 6px; }
      .lot-design .card-attributeGroup:nth-child(2n + 1) {
        padding-right: 6px;
        padding-left: 6px; }
      .lot-design .card-attributeGroup:nth-child(3n + 1) {
        padding-right: 6px;
        padding-left: 0px; } }
  @media screen and (min-width: 800px) {
    .lot-design .card-attributeGroup {
      width: 16.6666667%;
      padding: 0 6px; } }
.lot-design .downloads {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 3rem; }
  .lot-design .downloads ul.filesList {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none; }
    .lot-design .downloads ul.filesList li {
      margin-right: 4px;
      margin-bottom: 4px;
      display: inline-block;
      list-style: none; }
      .lot-design .downloads ul.filesList li a, .lot-design .downloads ul.filesList li a:link, .lot-design .downloads ul.filesList li a:visited {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        display: inline-block;
        padding: 10px 10px 12px 41px;
        color: #777777;
        font-size: 0.875rem;
        font-weight: 500;
        background: url(/whatwedo/land-use/DFC-lots/theme-assets/img/icon-pdf-download.png) no-repeat;
        background: url(/whatwedo/land-use/DFC-lots/theme-assets/img/icon-pdf-download.svg) no-repeat;
        background-position: 8px 7px;
        background-size: 26px 30px;
        background-color: #f2f2f2; }
      .lot-design .downloads ul.filesList li a:hover {
        color: #008ec0;
        background-color: #f7f7f7; }
  .lot-design .downloads.build-downloads {
    margin: 3rem 0; }
.lot-design .attributes {
  padding-top: 1rem; }
  .lot-design .attributes h3 {
    margin-top: 0.625rem;
    margin-bottom: 0;
    font-family: "Brown", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.5rem;
    text-transform: uppercase;
    color: #999999; }
  .lot-design .attributes div.attributeGroup:first-child h3 {
    margin-top: 0; }
.lot-design .inPageNavigation {
  max-width: 51.5em;
  margin-left: auto;
  margin-right: auto;
  display: block; }
  .lot-design .inPageNavigation::after {
    clear: both;
    content: "";
    display: table; }
  .lot-design .inPageNavigation::after {
    clear: both;
    content: "";
    display: table; }
  .lot-design .inPageNavigation ul {
    border-bottom: 1px solid gainsboro;
    padding: 0 8px; }
    .lot-design .inPageNavigation ul li {
      display: inline-block; }
      .lot-design .inPageNavigation ul li a, .lot-design .inPageNavigation ul li a:link, .lot-design .inPageNavigation ul li a:visited {
        display: inline-block;
        padding: 10px;
        font-size: 0.75rem;
        border: 1px solid gainsboro;
        border-right: none; }
      .lot-design .inPageNavigation ul li:last-child a {
        border-right: 1px solid gainsboro; }
      .lot-design .inPageNavigation ul li.selected a {
        border-bottom: none; }

.local-example .cover {
  position: relative;
  margin: 0;
  padding: 0;
  height: 414px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: none;
  overflow: hidden;
  display: block;
  z-index: 0; }
  .local-example .cover .card-excerpt {
    padding-bottom: 48px;
    padding-left: 0;
    padding-right: 34px; }
    @media screen and (min-width: 800px) {
      .local-example .cover .card-excerpt {
        padding-right: 0; } }
  .local-example .cover .card-imageCredit p {
    padding: 12px 8px;
    margin: 0 auto;
    max-width: 824px; }
  @media screen and (min-width: 800px) {
    .local-example .cover {
      height: 480px; }
      .local-example .cover h2 {
        margin-bottom: 0;
        max-width: 65%;
        font-size: 3.25rem;
        font-weight: 200; }
      .local-example .cover h3 {
        margin-bottom: 0;
        max-width: 65%;
        font-size: 1.875rem;
        font-weight: 300; }
      .local-example .cover p {
        max-width: 80%; } }
.local-example .cover + .card-body {
  margin: 0 auto;
  max-width: 824px;
  padding: 1.5rem 8px; }
.local-example .cover + .neat-row {
  padding-top: 3rem; }
.local-example .card-attributeGroup {
  width: 50%; }
  .local-example .card-attributeGroup:nth-child(2n + 1) {
    padding-right: 6px;
    padding-left: 0px; }
  @media screen and (min-width: 640px) {
    .local-example .card-attributeGroup {
      width: 33%;
      padding: 0 6px; }
      .local-example .card-attributeGroup:nth-child(2n + 1) {
        padding-right: 6px;
        padding-left: 6px; }
      .local-example .card-attributeGroup:nth-child(3n + 1) {
        padding-right: 6px;
        padding-left: 0px; } }
  @media screen and (min-width: 800px) {
    .local-example .card-attributeGroup {
      width: 16.6666667%;
      padding: 0 6px; } }

.map #mainContent {
  margin: 0;
  padding: 0;
  width: 100%;
  height: calc(100% - 54px); }
  @media screen and (min-width: 880px) {
    .map #mainContent {
      height: calc(100% - 62px); } }

#dfcMap {
  width: 100%;
  height: 100%; }

#dfcMap-loading {
  position: relative;
  top: 50%;
  margin: 0 auto;
  transform: translateY(-50%);
  width: 100px;
  height: 100px; }
  #dfcMap-loading path {
    fill: #008ec0;
    -webkit-animation: chroma 6s ease-in infinite forwards;
    animation: chroma 6s ease-in infinite forwards; }

@keyframes chroma {
  0% {
    fill: #008ec0; }
  16.6% {
    fill: #ffb838; }
  33.2% {
    fill: #d47c2f; }
  49.8% {
    fill: #da291c; }
  65.4% {
    fill: #6f5091; }
  82% {
    fill: #29588c; }
  100% {
    fill: #008ec0; } }
#dfcMapControl-container {
  max-height: 400px;
  height: 100%; }

#dfcMapControl-panel {
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 2px;
  box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.298039);
  margin-bottom: 22px;
  text-align: left;
  color: #444;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  margin: 9px;
  padding: 3px;
  max-width: 300px;
  z-index: 10; }
  #dfcMapControl-panel .dfcMapControl-instruction {
    padding: 4px;
    margin: 0;
    font-size: 11px;
    color: #919191;
    height: 100%; }

#dfcMapControl-searchContainer {
  width: 290px;
  padding: 4px 4px;
  vertical-align: top;
  overflow: hidden; }

#dfcMapControl-layerControlToggle {
  width: 32px;
  height: 24px;
  padding-right: 7px;
  border-right: 1px solid gainsboro;
  display: block;
  float: left; }

#dfcMapControl-layerControlToggle label {
  margin: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
  display: block;
  cursor: pointer;
  text-align: left;
  background: url(/whatwedo/land-use/DFC-lots/theme-assets/img/map-layers-bg.png) 0px 0px no-repeat;
  background-size: 48px 24px; }
  #dfcMapControl-layerControlToggle label span {
    display: none; }
  #dfcMapControl-layerControlToggle label.on {
    background: url(/whatwedo/land-use/DFC-lots/theme-assets/img/map-layers-bg.png) -24px 0px no-repeat;
    background-size: 48px 24px; }

#dfcMapControl-layerControlToggleCheckbox {
  display: none; }

#dfcMapControl-searchControl {
  width: 250px;
  padding-left: 7px;
  display: block;
  float: left; }

#dfcMapControl-searchAddress {
  margin: 0;
  padding: 0;
  display: inline-block;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  height: 24px;
  width: 218px;
  border: none;
  outline: none;
  vertical-align: middle; }
  #dfcMapControl-searchAddress:focus {
    border: none;
    outline: none; }

#dfcMapControl-searchButton {
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  background: url(/whatwedo/land-use/DFC-lots/theme-assets/img/map-search-bg.png) -24px 0px no-repeat #fff;
  background-size: 48px 24px; }
  #dfcMapControl-searchButton:disabled {
    background: url(/whatwedo/land-use/DFC-lots/theme-assets/img/map-search-bg.png) 0px 0px no-repeat #fff;
    background-size: 48px 24px; }

#dfcMapControl-searchStatus {
  margin-top: 8px;
  color: #f00;
  font-size: 11px;
  line-height: 1.25;
  display: none; }

#dfcMapControl-layerContainer {
  margin-top: 6px;
  padding: 0;
  clear: left;
  display: none;
  height: calc(100% - 28px); }

.dfcMapControl-scrollContainer {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 5px;
  padding: 0;
  height: 180px; }
  @media screen and (min-width: 640px) {
    .dfcMapControl-scrollContainer {
      height: 300px; } }

.dfcMapControl-scrollContainer:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 96%;
  top: -10px;
  height: 10px;
  left: 2%;
  border-radius: 100px / 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.dfcMapControl-scrollContainer:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 96%;
  bottom: -10px;
  height: 10px;
  left: 2%;
  border-radius: 100px / 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.dfcMapControl-scrollBox {
  overflow: auto;
  height: 100%; }

#dfcMapControl-layerControlToggleCheckbox:checked ~ #dfcMapControl-layerContainer {
  display: block; }

#dfcMapControl-layerControlList {
  list-style: none;
  margin: 0;
  padding: 4px 0; }

#dfcMapControl-layerControlList li {
  display: block;
  list-style: none;
  line-height: 1.4; }

#dfcMapControl-layerControlList input {
  display: none; }

#dfcMapControl-layerControlList label {
  display: block;
  padding: 4px 4px 4px 4px;
  float: left;
  width: 14px;
  height: 14px;
  cursor: pointer;
  vertical-align: middle; }

#dfcMapControl-layerControlList label span.outer {
  display: block;
  border: 2px solid #999;
  width: 14px;
  height: 14px; }

#dfcMapControl-layerControlList input:checked + label span.inner {
  display: block;
  border: none;
  width: 12px;
  height: 12px; }

.dfcMap-infoBoxTrigger {
  display: block;
  padding: 4px 4px 4px 4px;
  cursor: pointer;
  margin-left: 24px; }

#dfcMap-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 25, 25, 0.28);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  display: none;
  z-index: 1000; }

#dfcMap-infoBox {
  position: relative;
  margin: 9px;
  padding: 8px;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 2px;
  box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.298039);
  text-align: left;
  color: #444;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  cursor: pointer; }
  @media screen and (min-width: 640px) {
    #dfcMap-infoBox {
      top: 50%;
      transform: translateY(-50%);
      width: 80%;
      margin: 0 auto;
      min-width: 300px;
      max-width: 700px; } }

#dfcMap-infoBoxClose {
  display: block;
  padding: 2px;
  margin-left: 2em;
  float: right;
  font-size: 10px;
  text-transform: uppercase;
  cursor: pointer; }

#dfcMap-infoContent {
  display: block;
  width: 100%;
  max-height: 260px;
  overflow: auto;
  padding: 2px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5; }
  #dfcMap-infoContent h3 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0.5em 0;
    padding: 0; }
  #dfcMap-infoContent .more {
    margin: 0;
    padding: 1em 0 0 0; }
  @media screen and (min-width: 640px) {
    #dfcMap-infoContent {
      max-height: none;
      overflow: auto; } }

#resourcesGrid {
  overflow: hidden; }
  #resourcesGrid .resourceItem {
    padding: 12px;
    height: 300px;
    position: relative;
    margin-bottom: 40px; }
    #resourcesGrid .resourceItem .org {
      margin-top: 0;
      margin-bottom: 0.5em;
      font-size: 20px;
      font-weight: bold;
      font-weight: bold;
      font-family: BrownPro; }
    #resourcesGrid .resourceItem .adr, #resourcesGrid .resourceItem .tel, #resourcesGrid .resourceItem .url, #resourcesGrid .resourceItem .note {
      font-size: 13px;
      color: #959595;
      text-transform: uppercase;
      font-family: BrownPro;
      line-height: 20px; }
    #resourcesGrid .resourceItem .adr, #resourcesGrid .resourceItem .tel, #resourcesGrid .resourceItem .url {
      margin: 0; }
    #resourcesGrid .resourceItem .url {
      text-transform: uppercase; }
    #resourcesGrid .resourceItem .resource-attributes {
      padding: 0px 0 0 0;
      position: absolute;
      bottom: 0px;
      width: 100%;
      left: 0px; }
      #resourcesGrid .resourceItem .resource-attributes p {
        padding: 0px 12px;
        font-size: 10px;
        text-transform: uppercase;
        color: #959595; }
    #resourcesGrid .resourceItem .resource-attributeGroup {
      font-weight: normal;
      font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
      font-size: 0.75rem;
      line-height: 1.3333333; }
      #resourcesGrid .resourceItem .resource-attributeGroup h3 {
        margin: 0 0 3px 0;
        padding: 0px 12px;
        border-bottom: 1px solid gainsboro;
        font-family: "Brown", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
        line-height: 1.3333333;
        color: #999999;
        text-transform: uppercase; }
      #resourcesGrid .resourceItem .resource-attributeGroup a, #resourcesGrid .resourceItem .resource-attributeGroup a:link, #resourcesGrid .resourceItem .resource-attributeGroup a:visited {
        color: black;
        font-weight: bold;
        text-decoration: none; }
      #resourcesGrid .resourceItem .resource-attributeGroup a:hover {
        color: #008ec0;
        color: black; }

#resources-collectionList {
  padding: 0 0 1.5rem 0; }
  #resources-collectionList ul {
    width: 100%; }
  #resources-collectionList li.active a, #resources-collectionList li.active a:link, #resources-collectionList li.active a:visited {
    color: gainsboro; }

#filterGroup-services {
  width: 100%;
  border: none;
  background-color: white; }
  #filterGroup-services ul li {
    width: 100%;
    display: block;
    float: left; }
    @media screen and (min-width: 704px) {
      #filterGroup-services ul li {
        width: 50%; } }
    @media screen and (min-width: 1040px) {
      #filterGroup-services ul li {
        width: 33%; } }
    @media screen and (min-width: 1376px) {
      #filterGroup-services ul li {
        width: 20%; } }
    @media screen and (min-width: 1712px) {
      #filterGroup-services ul li {
        max-width: 336px; }
        #filterGroup-services ul li:nth-child(5n+1) {
          clear: left; } }

.resources_column {
  float: left;
  width: 50%;
  box-sizing: border-box;
  font-family: BrownPro;
  padding-right: 40px;
  border-right: 1px solid #aaa; }

.resources_column h3 {
  font-size: 26px;
  text-transform: uppercase;
  margin-top: 10px;
  color: #282828; }

.resource-row h1 {
  line-height: 1;
  font-size: 52px;
  color: #282828; }

.resources_column.right {
  padding-left: 40px;
  border-right: none; }

.resources_column li::before {
  font-family: fontAwesome;
  content: "\f1c1";
  padding-right: 10px;
  color: #aaa; }

.resources_column li {
  color: #aaa;
  list-style-type: none;
  font-size: 14px; }

.resources_column li a {
  color: #aaa; }

.resource-row {
  width: 986px;
  margin: 0px auto;
  max-width: 96%; }

.resource_content p {
  font-size: 18px;
  color: #000;
  font-family: BrownPro; }

.resources_menu_header {
  margin-top: 65px;
  font-size: 18px;
  text-transform: uppercase;
  color: #000; }

.resoruce_sort_box {
  border-top: 1px solid #acacac;
  font-family: BrownPro; }

.resoruce_sort_box label {
  font-family: BrownPro; }

.resource_sort_box_bottom {
  border-bottom: 1px solid #acacac; }

.resoruce_sort_box h4 {
  line-height: 50px;
  font-size: 20px;
  color: #afafaf;
  cursor: pointer;
  border-bottom: 0px !important; }

.resoruce_sort_box .fa-bars, .resoruce_sort_box .fa-sliders, .resoruce_sort_box .fa-sort {
  padding-right: 15px; }

.resoruce_sort_box .fa-angle-right, .resoruce_sort_box .fa-angle-down {
  padding-left: 15px; }

.resoruce_sort_box_content.hidden {
  display: none; }

.resoruce_sort_box_content .filter-locator {
  display: block !important;
  box-shadow: none !important;
  border-bottom: none !important; }

.resoruce_sort_box_content .filter-locator fieldset {
  margin: 0px;
  padding: 0px; }

#resourcesGrid {
  border-bottom: none; }

.resource-grid-wrapper {
  margin-top: 95px;
  width: 100%;
  background-color: #f8f8f8;
  padding-top: 50px;
  padding-bottom: 30px;
  box-shadow: inset 0px 6px 4px -6px #000, inset 0px -6px 4px -6px #000; }
  .resource-grid-wrapper .pagination {
    text-align: center; }
    .resource-grid-wrapper .pagination .pager-list {
      display: inline-block;
      min-width: 25%;
      margin: 0px auto; }
  .resource-grid-wrapper .hide-card {
    display: none; }

#resources-filterContainer #filterGroup-services {
  padding: 0px !important;
  margin: 0px !important; }

@media screen and (max-width: 650px) {
  .resources_column {
    width: 100%;
    float: none;
    border-width: 0px; }

  .resources_column.right {
    padding-left: 0px; } }
dl.glossary-list dt {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer; }
  dl.glossary-list dt a, dl.glossary-list dt a:visited {
    color: transparent;
    cursor: pointer; }
  dl.glossary-list dt:hover a, dl.glossary-list dt:hover a:visited {
    color: #008ec0; }
dl.glossary-list dd {
  margin-bottom: 1.5rem; }

#mainFooter {
  padding: 30px 12px 24px 12px;
  box-sizing: border-box;
  background: #ffffff;
  color: #333;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  width: 100%;
  font-family: BrownPro; }
  #mainFooter::after {
    clear: both;
    content: "";
    display: table; }
  #mainFooter div.footer-wrapper {
    width: 960px;
    margin-right: auto;
    margin-left: auto; }
  #mainFooter div.footer-wrapper::after {
    content: " ";
    display: block;
    clear: both; }
  #mainFooter ul {
    padding: 0;
    text-transform: uppercase;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    width: 789px;
    margin-bottom: 50px;
    float: left; }
  #mainFooter div.social {
    float: left;
    width: 171px; }
    #mainFooter div.social img {
      float: right;
      margin-bottom: 20px; }
    #mainFooter div.social img::after {
      clear: both;
      content: " ";
      display: block; }
    #mainFooter div.social a.social-icon {
      float: right;
      margin-left: 10px;
      font-size: 25px;
      color: #000000; }
  #mainFooter li {
    line-height: 1;
    list-style: none;
    display: block;
    margin-bottom: 25px; }
  #mainFooter li a {
    color: #333;
    padding: 0.33em 0.375em;
    display: inline-block; }
    #mainFooter li a:focus, #mainFooter li a:hover {
      text-decoration: underline; }
  #mainFooter p {
    margin: auto;
    text-align: center; }

@media screen and (max-width: 960px) {
  #mainFooter div.footer-wrapper {
    width: 100%; }

  #mainFooter ul {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 30px; }

  #mainFooter div.social {
    float: none;
    margin: 10px auto;
    text-align: center; }

  #mainFooter div.social a.social-icon {
    float: none; } }

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