/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, #main table td, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s; }
strong {
  font-weight:700;
}
h1, h2, h3, h4 {
  font-family: "refrigerator-deluxe",sans-serif;
  font-weight: 400;
  margin-bottom: 0.8em;
  margin-top: 0.2em; }

h1 {
  font-size: 50px;
  color: #63aa45; }

h2 {
  color: #1e2a44;
  font-size: 28px; }

h3 {
  font-size: 18px;
  color: #1e2a44;
  margin-bottom: 1.2em; }

h4 {
  font-family: "proxima-nova",sans-serif;
  font-weight: 400;
  font-style: italic;
  font-weight: 400;
  color: #65707e;
  line-height: 1.3em; }

p, #main table td {
  font-family: "proxima-nova",sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #65707e;
  line-height: 1.3em; }

::-moz-selection {
  background: #63aa45;
  color: white; }

::selection {
  background: #63aa45;
  color: white; }

body {
  background: #eaecf0;
  font-family: "proxima-nova",sans-serif;
  font-weight: 400; }

.container {
  width: 960px;
  margin: 0 auto; }

nav.main {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(26, 37, 61, 0.95);
  z-index: 99999;
  opacity: 0;
  font-family: "refrigerator-deluxe",sans-serif;
  font-weight: 400; }
  nav.main ul {
    position: relative;
    text-align: center;
    margin: 7% auto 0;
    min-width: 960px;
    opacity: 0;
    height: 100%; }
    nav.main ul li {
      color: white;
      font-size: 45px;
      margin-bottom: .5em;
      text-transform: uppercase;
      height: 5%; }
      nav.main ul li a {
        color: white;
        text-decoration: none;
        position: relative;
        z-index: 4; }
        nav.main ul li a:hover {
          color: #63aa45; }
  nav.main .menu-close {
    text-indent: -99999px;
    background: url("../images/menu-close.png") no-repeat;
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    top: 30px;
    left: 80px; }

header {
  background: #fff;
  height: 90px;
  border-bottom: solid 1px #e7ebf1; }
  header a.logo {
    display: block;
    float: right;
    width: 161px;
    height: 42px;
    text-indent: -99999px;
    background: url("../images/logo.png") no-repeat;
    margin-top: 23px;
    margin-right: 80px; }
  header .menu-border {
    border-right: solid 1px #e7ebf1;
    width: 90px;
    height: 90px; }
  header .menu-trigger {
    width: 90px;
    height: 90px;
    background: url("../images/menu-trigger.png") center center no-repeat;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    header .menu-trigger:hover {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
      cursor: pointer; }

.testimonial {
  width: 814px;
  background: #63aa45 url("../images/testimonial-line.png") 40px 0 no-repeat;
  padding: 80px 70px 94px 76px;
  color: white; }
  .testimonial .quotation {
    background: url("../images/testimonial-quotes.png") top left no-repeat;
    padding-top: 60px;
    padding-left: 96px; }
    .testimonial .quotation p, .testimonial .quotation #main table td, #main table .testimonial .quotation td {
      color: white;
      font-family: "proxima-nova",sans-serif;
      font-weight: 600;
      font-size: 22px;
      line-height: 1.2em; }

footer .top {
  background: #1e2a44 url("../images/footer-line-top.png") 671px bottom no-repeat;
  color: white;
  padding: 76px 38px 58px 40px;
  position: relative;
  height: 118px; }
  footer .top ul.slogan li {
    display: inline-block;
    padding-right: 18px;
    padding-left: 6px;
    background: url("../images/ul.png") right center no-repeat;
    min-height: 16px;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "refrigerator-deluxe",sans-serif;
    font-weight: 400;
    font-weight: 700; }
    footer .top ul.slogan li:last-child {
      background: none; }
    footer .top ul.slogan li:first-child {
      padding-left: 0; }
  footer .top ul.phone-fax {
    position: absolute;
    top: 76px;
    right: 38px; }
    footer .top ul.phone-fax li {
      font-family: "refrigerator-deluxe",sans-serif;
      font-weight: 400;
      font-size: 18px; }
      footer .top ul.phone-fax li strong {
        font-family: "refrigerator-deluxe",sans-serif;
        font-weight: 400;
        font-weight: 700;
        color: #63aa45;
        padding-right: 1em; }
  footer .top p.address, footer .top #main table td.address, #main table footer .top td.address {
    font-family: "refrigerator-deluxe",sans-serif;
    font-weight: 400;
    color: #9aa0ac;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 18px;
    line-height: 1.3em; }
  footer .top a.email {
    font-family: "refrigerator-deluxe",sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: white;
    text-decoration: none; }
footer .bottom {
  background: url("../images/footer-line-bottom.png") 632px top no-repeat;
  padding: 0 38px;
  overflow: auto; }
  footer .bottom ul {
    float: left; }
    footer .bottom ul li {
      display: inline-block;
      color: #727e8c;
      line-height: 60px;
      font-family: "proxima-nova",sans-serif;
      font-weight: 600;
      font-size: 12px;
      margin-right: 20px; }
      footer .bottom ul li a {
        color: #727e8c;
        text-decoration: underline; }
  footer .bottom div {
    float: right;
    line-height: 60px;
    font-size: 24px;
    color: #727e8c;
    font-family: "refrigerator-deluxe",sans-serif;
    font-weight: 400; }

.banner-wide {
  width: 100%;
  min-height: 420px;
  background: url("../images/page-banner.jpg") center top no-repeat;
  background-size: cover;
  position: relative; }
  /*.banner-wide h1 {
    font-size: 50px;
    color: white;
    text-align: center;
    padding-top: 130px;
    text-transform: uppercase;
    margin: 0;
    opacity: 0; }*/
    .banner-wide h1 {
      font-size: 50px;
      color: white;
      text-align:left;
      margin-top:310px;
      text-transform: uppercase;
      opacity: 1;
      width:100%;
      background:rgba(26, 37, 61, 0.95);
      position:absolute;
    }
    .banner-wide h1 span {
      display:inline-block;
      padding: 15px 0px 5px 30px;
    }

    .banner-wide h1 span.subheading {
      text-transform: none;
      font-weight: 300;
      padding-left: 0;
      display:none;
    }
    /*.banner-wide h1 span {
      display: inline-block;
      padding: 25px 30px;
      background: #63aa45; }*/
  .banner-wide nav {
    position: absolute;
    background: rgba(26, 37, 61, 0.95);
    width: 100%;
    height: 40px;
    line-height: 27px;
    bottom: 0;
    left: 0; }
    .banner-wide nav ul.breadcrumbs {
      margin-left: 40px;
      display: inline-block;
      vertical-align: top; }
      .banner-wide nav ul.breadcrumbs li {
        display: inline-block;
        color: #9298a5;
        font-family: "refrigerator-deluxe",sans-serif;
        font-weight: 400;
        font-size: 20px;
        padding-right: 28px;
        padding-left: 20px;
        background: url("../images/ul.png") right center no-repeat; }
        .banner-wide nav ul.breadcrumbs li:first-child {
          padding-left: 0; }
        .banner-wide nav ul.breadcrumbs li:last-child {
          background: none; }
        .banner-wide nav ul.breadcrumbs li a {
          color: #9298a5;
          /*text-transform: uppercase;*/
          text-decoration: none; }
          .banner-wide nav ul.breadcrumbs li a:hover {
            color: white; }
        .banner-wide nav ul.breadcrumbs li.current a {
          color: #63aa45; }
          .banner-wide nav ul.breadcrumbs li.current a:hover {
            color: white; }
    .banner-wide nav .refine {
      width: 200px;
      height: 40px;
      display: inline-block;
      vertical-align: top;
      margin-top: -7px;
      position: relative;
      line-height: 0;
      font-size: 0;
      padding-left: 12px;
      z-index: 2; }
      .banner-wide nav .refine.categories {width:245px;}
      .banner-wide nav .refine.categories a.refine-trigger {background:#152036 url("../images/arrow-down.png") 215px center no-repeat;}
      .banner-wide nav .refine a.refine-trigger {
        background: #152036 url("../images/arrow-down.png") 168px center no-repeat;
        line-height: 40px;
        padding: 0 36px 0 16px;
        display: block;
        color: #9aa0ac;
        text-decoration: none;
        font-style: italic;
        font-size: 16px;
        position: relative;
        z-index: 2; }
      .banner-wide nav .refine ul {
        width: 168px;
        position: absolute;
        left: 12px;
        top: 30px;
        background: #152036;
        margin: 0;
        padding: 24px 16px 0 16px;
        font-size: 16px;
        display:none; }
        .banner-wide nav .refine.categories ul {width:213px;}
        .banner-wide nav .refine ul.active {
          display: block; }
        .banner-wide nav .refine ul li {
          margin: 0 0 1.5em 0;
          padding: 0; }
          .banner-wide nav .refine ul li a {
            color: white;
            text-decoration: none; }
            .banner-wide nav .refine ul li a.active {
              color: #9aa0ac; }
              .banner-wide nav .refine ul li a.active:hover {
                cursor: default; }
.internal-banner-image {position:absolute;}

#main {
  background: white;
  padding: 66px; }
  #main ul, #main ol {
    margin: 1em 0 1em 1em; }
    #main ul li, #main ol li {
      font-family: "proxima-nova",sans-serif;
      font-weight: 400;
      color: #65707e;
      margin-bottom: 1em;
      font-size: 14px;
      line-height: 1.5em; }
    #main ul.do-location li {
      margin-bottom:0;
    }
  #main ul {
    list-style: none; }
    #main ul li {
      background: url("../images/ul2.png") left top no-repeat;
      padding-left: 60px; }
    #main form ul li {background:none;}
  #main ol li {
    margin-left: 20px;
    padding-left: 40px;
    list-style: decimal; }
    #main ol li:before {
      color: blue; }
  #main a {
    color: #63aa45;
    text-decoration: none; }
    #main a:hover {
      text-decoration: underline; }
  #main hr {
    margin: 3em 0;
    display: block;
    border: none;
    border-bottom: solid 1px #e0e3e9;
    background: none; }
  #main table th, #main table td {
    border: none;
    padding: 1em;
    text-align: left; }
  #main table th {
    background: #e0e3e9;
    font-family: "refrigerator-deluxe",sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px; }
  #main table td {
    padding: 2em; }

#main.internal {
  padding-left: 36px; }
  #main.internal .main {
    width: 618px;
    display: inline-block;
    vertical-align: top;
    padding-left: 60px; }
  #main.internal nav.sub {
    width: 174px;
    display: inline-block;
    vertical-align: top; }
    #main.internal nav.sub h3 {
      color: #63aa45;
      padding-left: 30px;
      margin-top: 15px; }
    #main.internal nav.sub ul {
      margin: 0; }
      #main.internal nav.sub ul li {
        background: none;
        padding-left: 30px;
        margin-bottom: 0.2em; }
        #main.internal nav.sub ul li.current {
          background: url("../images/ul.png") left 3px no-repeat; }
          #main.internal nav.sub ul li.current a {
            color: #63aa45; }
        #main.internal nav.sub ul li a {
          color: #1e2a44; }

#main.home {
  padding: 0; }
  #main.home section {
    display: inline-block;
    vertical-align: top; }
  #main.home .slider {
    width: 100%;
    height: 420px;
    display: inline-block;
    float: left; }
    #main.home .slider .slide {
      width: 100%;
      height: 420px;
      position: relative; }
      #main.home .slider .slide .subtitle {
        position: absolute;
        width: 91%;
        bottom: 0;
        left: 0;
        padding: 18px 43px;
        z-index: 3;
        background: rgba(26, 37, 61, 0.95); }
        #main.home .slider .slide .subtitle h2 {
          color: white;
          font-size: 38px;
          font-weight: 400;
          margin-bottom: 0px;
          margin-top:0; }
        #main.home .slider .slide .subtitle p, #main.home .slider .slide .subtitle table td, #main.home table .slider .slide .subtitle td {
          color: #9aa0ac;
          font-size: 16px; 
        }
  #main.home .map {
    width: 319px;
    height: 420px;
    background: url("../images/home/map.jpg") no-repeat;
    position: relative; }
    #main.home .map > a {
      position: absolute;
      overflow: visible;
      display: block;
      height: 22px;
      background: url("../images/home/map-pin.png") no-repeat;
      text-align: center; }
      #main.home .map > a:hover {
        cursor: pointer;
        background: url("../images/home/map-pin-hover.png") no-repeat; }
        #main.home .map > a:hover div {
          visibility: visible;
          opacity: 1;
          top: -34px; }
      #main.home .map > a div {
        background: url("../images/home/map-pin-arrow-bottom.png") center 22px no-repeat;
        height: 30px;
        position: relative;
        top: -44px;
        visibility: hidden;
        -webkit-transition: opacity 0.3s, top 0.3s;
        -o-transition: opacity 0.3s, top 0.3s;
        transition: opacity 0.3s, top 0.3s;
        opacity: 0; }
        #main.home .map > a div span {
          display: inline-block;
          vertical-align: top;
          background: #63aa45;
          padding: 4px 8px;
          font-family: "proxima-nova",sans-serif;
          font-weight: 600;
          color: white;
          font-size: 15px; }
      #main.home .map > a#hunter {
        top: 100px;
        left: 216px; }
      #main.home .map > a#camden {
        top: 229px;
        left: 181px; }
      #main.home .map > a#oran-park {
        top: 254px;
        left: 157px; }
  #main.home .space-fix {
    font-size: 0; }
  #main.home .do, #main.home .doing, #main.home .done, #main.home .investors, #main.home .contact, #main.home .project-box {
    margin-top: 3px;
    width: 319px;
    height: 320px;
    margin: 2px 2px 0 0;
    background: blue;
    text-align: center;
    background-size: 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    overflow: hidden; }
    #main.home .do.do, #main.home .doing.do, #main.home .done.do {
      background: url("../images/home/What We Do - Tile - Edited.jpg") no-repeat; }
    #main.home .do.doing, #main.home .doing.doing, #main.home .done.doing {
      width: 318px;
      background: url("../images/home/What We're Doing - Tile - Edited.jpg") no-repeat; }
    #main.home .do.done, #main.home .doing.done, #main.home .done.done {
      margin-right: 0;
      background: url("../images/home/What We've Done - Tile - Edited.jpg") no-repeat; }
    #main.home .investors {background: url("../images/home/Investors - Tile - Edited.jpg") no-repeat;margin-bottom:2px;}
    #main.home .contact {background: url("../images/contact-tile.jpg") no-repeat;margin-right:0;}
    #main.home .project-box {background: url("../images/home/Investor Gallery - Tile - Edited.jpg") no-repeat;width:318px;}
    #main.home .do a, #main.home .doing a, #main.home .done a, #main.home .investors a, #main.home .contact a, #main.home .project-box a {
      padding: 0;
      margin: 120px 0 0 0;
      text-align: center;
      display: inline-block;
      background: rgba(26, 37, 61, 0.95);
      width: 210px;
      height: 70px;
      -webkit-transition: background 0.3s;
      -o-transition: background 0.3s;
      transition: background 0.3s;
      -webkit-transition: margin 0.3s;
      -o-transition: margin 0.3s;
      transition: margin 0.3s; }
      #main.home .do a > span, #main.home .doing a > span, #main.home .done a > span, #main.home .investors a > span, #main.home .contact a > span, #main.home .project-box a > span {
        display: inline-block;
        line-height: 70px;
        text-align: center;
        color: white;
        font-size: 22px;
        background: url("../images/home/slash-green.png") left center no-repeat;
        padding-left: 30px;
        position: relative;
        left: -5px;
        -webkit-transition: background 0.3s;
        -o-transition: background 0.3s;
        transition: background 0.3s;
        font-family: "refrigerator-deluxe",sans-serif;
        font-weight: 400; }
      #main.home .do a:hover, #main.home .doing a:hover, #main.home .done a:hover, #main.home .investors a:hover, #main.home .contact a:hover, #main.home .project-box a:hover {
        background: rgba(99, 170, 69, 0.95);
        -webkit-transition: background 0.3s;
        -o-transition: background 0.3s;
        transition: background 0.3s; }
        #main.home .do a:hover > span, #main.home .doing a:hover > span, #main.home .done a:hover > span, #main.home .investors a:hover > span, #main.home .contact a:hover > span, #main.home .project-box a:hover > span {
          background-image: url("../images/home/slash-white.png"); }
  #main.home .grants {
    margin-top: 2px;
    margin-right: 2px;
    width: 239px;
    height: 320px;
    padding: 0 40px;
    display: inline-block;
    position: relative;
    background: url("../images/home/grants.jpg") 113px top no-repeat; }
    #main.home .grants h3 {
      margin-top: 68px;
      margin-bottom: 80px;
      font-size: 28px;
      color: #1e2a44; }
    #main.home .grants p, #main.home .grants table td, #main.home table .grants td {
      font-size: 13px;
      color: #65707e;
      padding-right: 70px;
      line-height: 1.5em; }
    #main.home .grants a.more {
      width: 60px;
      height: 47px;
      position: absolute;
      display: block;
      bottom: 0;
      right: 40px;
      text-align: right;
      padding-right: 30px;
      background: url("../images/home/grants-line-inactive.png") right bottom no-repeat;
      font-family: "refrigerator-deluxe",sans-serif;
      font-weight: 400;
      font-size: 18px;
      text-transform: lowercase;
      color: #1e2a44;
      -webkit-transition: background 0.3s, color 0.3s;
      -o-transition: background 0.3s, color 0.3s;
      transition: background 0.3s, color 0.3s; }
      #main.home .grants a.more:hover {
        color: #63aa45;
        background-image: url("../images/home/grants-line-active.png");
        text-decoration: none; }
  #main.home .featured-project {
    width: 639px;
    height: 320px;
    margin-top: 2px;
    display: inline-block;
    position: relative;
    background: url("../images/home/project-banner.jpg") no-repeat; }
    #main.home .featured-project .details {
      height: 56px;
      line-height: 56px;
      background: rgba(99, 170, 69, 0.95);
      color: white;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      font-size: 0; }
      #main.home .featured-project .details h3 {
        color: white;
        margin: 0;
        padding: 0;
        font-size: 24px;
        margin-left: 32px;
        width: 200px;
        display: inline-block; }
      #main.home .featured-project .details ul {
        margin: 0;
        padding: 0;
        float: right;
        width: 190px;
        height: 56px;
        display: block; }
        #main.home .featured-project .details ul li {
          display: inline-block;
          height: 56px;
          line-height: 26px;
          width: 44px;
          margin: 0 18px 0 0;
          padding: 5px 0 0 0;
          position: relative;
          top: -6px;
          color: white;
          font-family: "proxima-nova",sans-serif;
          font-weight: 600; }
          #main.home .featured-project .details ul li.bedrooms {
            background: url("../images/icon-bedrooms-small.png") right center no-repeat; }
          #main.home .featured-project .details ul li.bathrooms {
            background: url("../images/icon-bathrooms-small.png") right center no-repeat;
            width: 40px; }
          #main.home .featured-project .details ul li.garages {
            background: url("../images/icon-garage-small.png") right center no-repeat;
            width: 36px; }
      #main.home .featured-project .details a {
        line-height: 56px;
        font-size: 18px;
        padding: 0 20px;
        width: 146px;
        height: 56px;
        float: right;
        text-align: center;
        color: white;
        text-transform: lowercase;
        display: block;
        font-family: "refrigerator-deluxe",sans-serif;
        font-weight: 400;
        -webkit-transition: background 0.3s;
        -o-transition: background 0.3s;
        transition: background 0.3s; }
        #main.home .featured-project .details a:hover {
          background: #63aa45;
          text-decoration: none; }

#projects {
  width: 100%;
  background: white;
  font-size: 0; }
  #projects ul.projects-list {
    margin: 0;
    padding: 0; }
    #projects ul.projects-list > li {
      margin: 0;
      padding: 0;
      height: 260px;
      border-top: solid 2px #eaecf0; }
      #projects ul.projects-list > li div {
        height: 320px;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        position: relative;
        z-index: 0; }
      #projects ul.projects-list > li .image {
        width: 425px;
        border-right: solid 2px #eaecf0; }
        #projects ul.projects-list > li .image img {
          width: 100%; }
      #projects ul.projects-list > li .text {
        width: 433px;
        height: 220px;
        padding: 20px 50px; }
    #projects ul.projects-list > li .text ul li{
      font-size:14px;
    }
    #projects ul.projects-list > li .text ul li p{
      font-size:14px;color:#000;
    }
        #projects ul.projects-list > li .text h2, #projects ul.projects-list > li .text h2 a {
          font-family: "refrigerator-deluxe",sans-serif;
          font-weight: 400;
          color: #63aa45;
          margin: 0 0 10px 0;
          text-decoration: none; }
        #projects ul.projects-list > li .text h3 {
          font-family: "proxima-nova",sans-serif;
          font-weight: 400;
          text-transform: none;
          font-style: italic;
          color: #9aa0ac;
          margin: 0 0 20px 0;
          font-size: 16px; }
        #projects ul.projects-list > li .text h4 {
          font-family: "refrigerator-deluxe",sans-serif;
          font-weight: 400;
          text-transform: uppercase;
          font-style: normal;
          margin: 0 0 8px 0;
          font-size: 18px; }
        #projects ul.projects-list > li .text p, #projects ul.projects-list > li .text #main table td, #main table #projects ul.projects-list > li .text td {
          font-size: 13px;
          margin-bottom: 10px; }
      #projects ul.projects-list > li .features {
        display: none;
        width: 319px;
        background: #63aa45;
        overflow: visible;
        position: relative; }
        #projects ul.projects-list > li .features ul {
          margin: 50px 0 0 52px;
          padding: 0;
          float: left;
          width: 190px;
          height: 76px;
          display: block; }
          #projects ul.projects-list > li .features ul li {
            display: block;
            height: 64px;
            line-height: 30px;
            width: 64px;
            margin: 0 0 10px 0;
            padding: 5px 0 0 0;
            font-size: 16px;
            color: white; }
            #projects ul.projects-list > li .features ul li.bedrooms {
              background: url("../images/icon-bedrooms.png") right center no-repeat; }
            #projects ul.projects-list > li .features ul li.bathrooms {
              background: url("../images/icon-bathrooms.png") right center no-repeat;
              width: 60px; }
            #projects ul.projects-list > li .features ul li.garages {
              background: url("../images/icon-garage.png") right center no-repeat;
              width: 56px; }
        #projects ul.projects-list > li .features a {
          font-family: "refrigerator-deluxe",sans-serif;
          font-weight: 400;
          font-weight: 700;
          position: absolute;
          bottom: 56px;
          right: 50px;
          display: inline-block;
          border: solid 2px white;
          color: white;
          text-decoration: none;
          line-height: 36px;
          height: 36px;
          padding: 0 13px;
          text-align: center;
          font-size: 18px;
          -webkit-transition: background 0.3s, color 0.3s;
          -o-transition: background 0.3s, color 0.3s;
          transition: background 0.3s, color 0.3s; }
          #projects ul.projects-list > li .features a:hover {
            background: white;
            color: #63aa45; }
        #projects ul.projects-list > li h3 a {
          color: #65707e;
          font-weight: 400;
          text-decoration: none;
          font-style: normal;
          margin-right: 1em;
          font-family: "refrigerator-deluxe", sans-serif;
        }

.project-details.banner-wide {
  background: white; }
  .project-details.banner-wide .slide {
    width: 960px;
    height: 510px;
    position: relative; }
  .project-details.banner-wide .owl-controls {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%; }
    .project-details.banner-wide .owl-controls .owl-page span {
      background: white;
      opacity: 1; }
    .project-details.banner-wide .owl-controls .owl-page.active span {
      background: #63aa45; }
  .project-details.banner-wide .next, .project-details.banner-wide .prev {
    width: 40px;
    height: 84px;
    position: absolute;
    top: 214px;
    z-index: 99999;
    -webkit-transition: background 0.3s, opacity 0.3s;
    -o-transition: background 0.3s, opacity 0.3s;
    transition: background 0.3s, opacity 0.3s;
    opacity: 0; }
    .project-details.banner-wide .next:hover, .project-details.banner-wide .prev:hover {
      cursor: pointer; }
  .project-details.banner-wide:hover .next, .project-details.banner-wide:hover .prev {
    opacity: 1; }
  .project-details.banner-wide .next {
    background: rgba(26, 37, 61, 0.5) url("../images/arrow-right.png") center center no-repeat;
    right: 0; }
    .project-details.banner-wide .next:hover {
      background-color: rgba(26, 37, 61, 0.95); }
  .project-details.banner-wide .prev {
    background: rgba(26, 37, 61, 0.5) url("../images/arrow-left.png") center center no-repeat;
    left: 0; }
    .project-details.banner-wide .prev:hover {
      background-color: rgba(26, 37, 61, 0.95); }

.project-details-breadcrumb {
  height: 76px;
  line-height: 76px;
  background: #63aa45;
  color: white;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 0; }
  .project-details-breadcrumb a {
    font-family: "refrigerator-deluxe",sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: white;
    margin: 0;
    padding: 0;
    font-size: 20px;
    margin-left: 32px;
    width: 200px;
    display: inline-block;
    text-decoration: none;
    padding-left: 22px;
    background: url("../images/arrow-left.png") left center no-repeat; }
  .project-details-breadcrumb ul {
    margin: 0;
    padding: 0;
    float: right;
    width: 390px;
    height: 76px;
    display: block;
    text-align: right; }
    .project-details-breadcrumb ul li {
      display: inline-block;
      height: 71px;
      line-height: 24px;
      width: 54px;
      margin: 0 30px 0 0;
      padding: 5px 0 0 0;
      color: white;
      font-size: 15px;
      text-align: left;
      position: relative;
      top: -12px;
      font-family: "proxima-nova",sans-serif;
      font-weight: 600; }
      .project-details-breadcrumb ul li.bedrooms {
        background: url("../images/icon-bedrooms.png") right center no-repeat; }
      .project-details-breadcrumb ul li.bathrooms {
        background: url("../images/icon-bathrooms.png") right center no-repeat;
        width: 50px; }
      .project-details-breadcrumb ul li.garages {
        background: url("../images/icon-garage.png") right center no-repeat;
        width: 46px; }

#main.project-details h1 {
  text-transform: uppercase; }

#projects .text ul li {padding-left:30px;background: url("../images/ul2.png") left top no-repeat;}

ul.category-box {
  margin: 0 0 4px 0;
  padding: 0;
  list-style: none;
}

ul.category-box li {
  display: inline-block;
  width: 477px;
  height: 300px;
  background-size: cover;
  background-color: rgba(26, 37, 61, 0.95);
  overflow: hidden;
  text-align: center;
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  -o-transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  margin: 4px 1px -3px 0;
  font-size: 0;
}

ul.category-box li.even {
  margin-right: 0;
}

ul.category-box li a {
  background: none repeat scroll 0 0 rgba(26, 37, 61, 0.95);
    display: inline-block;
    height: 70px;
    margin: 120px 0 0;
    padding: 0;
    text-align: center;
    -webkit-transition: margin 0.3s ease 0s;
    -o-transition: margin 0.3s ease 0s;
    transition: margin 0.3s ease 0s;
    width: 260px;
}

ul.category-box li a:hover {
  background: none repeat scroll 0 0 rgba(99, 170, 69, 0.95);
    -webkit-transition: background 0.3s ease 0s;
    -o-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}

ul.category-box li a span {
  background: url("../images/home/slash-green.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: white;
    display: inline-block;
    font-family: "refrigerator-deluxe",sans-serif;
    font-size: 22px;
    font-weight: 400;
    left: -5px;
    line-height: 70px;
    padding-left: 30px;
    position: relative;
    text-align: center;
    -webkit-transition: background 0.3s ease 0s;
    -o-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}

ul.category-box li a:hover span {
  background-image: url("../images/home/slash-white.png");
}


/*Forms*/

.main form input {width:96%;padding:5px 10px;}
.main form div > label {display:block;margin:15px 0;}
.main form ul li input {width: auto;}
.main form select {width:100%;padding:7px 10px;}
.main form .action {float:left;width:140px;margin-top:20px;font-size:20px;padding:10px 0;border:0;background:none;background-color:#63aa45;color:#fff;text-transform:uppercase;font-family:"refrigerator-deluxe",sans-serif;}
.main form textarea {width:100%;}

#Remember .right {float:left;}
#Remember input {width:auto;margin:18px 0 0 20px;}
#ForgotPassword a {display: inline-block;float: right;margin-top: 34px;}

/* 
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

/* mouse grab icon */
.grabbing {
  cursor: url(../images/grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

/*
*   Owl Carousel Owl Demo Theme 
* v1.3.3
*/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center; 
  display:none !important;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  border-radius: 20px;
  background: #869791; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 30px; }

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px; }

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut 1.5s both ease;
  animation: fadeOut 1.5s both ease; }

.owl-fade-in {
  -webkit-animation: fadeIn 1.5s both ease;
  animation: fadeIn 1.5s both ease; }

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease; }

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade 1.5s ease both;
  animation: scaleToFade 1.5s ease both; }

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1; } }
@keyframes empty {
  0% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); } }
@keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
            transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
            transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
            transform: translateZ(-500px) translateX(-200%); } }
@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0); } }
@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
            transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
            transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0); } }
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8); } }
@keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8); } }
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%); } }
@keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5); } }
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5); } }
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5); } }
@keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5); } }


.screen-orient-notice {
    opacity:0;
    position:absolute;
    background: rgba(0, 0, 0, 0.95);
    width:50%;
    margin-left:-25%;
    padding:15px;
    top:20%;
    left:50%;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    font-family:arial;
    text-align:center;
    border:10px solid #ccc;
    border-radius:15px;
}
.screen-orient-notice h1 {
  color:#fff;
  font-family:arial !important;
  margin-bottom:5px;
}
.screen-orient-notice p {
  color:#fff;
  font-size:50px;
  text-align:right;
}
.screen-orient-notice.clicked {
    opacity:0 !important;
}
@media screen and (max-device-width:480px) and (orientation:portrait){
    .screen-orient-notice.active {
      opacity:1;
    }
}
@media screen and (max-device-width:480px) and (orientation:landscape){
    .screen-orient-notice.active {
      opacity:0;
    }
}
/*# sourceMappingURL=screen.css.map */