Toro Canyon

Santa Barbara, California

Just under 2,000SF this custom modern prefab home utilizes a Rock Facade over the All Steel Building System. The project sits in the middle of a Wildfire Zone and produces enough energy to power the steel residential building completely off-grid with Net Metered Benefits every month. Solar Powered Roof System, Custom Cut Rock Veneer, walls of sliding doors, Clearspan rooms.…

/* ----------------------------------------- */ /* Content Template: portfolio-wide - start */ /* ----------------------------------------- */ .entry-footer {display: none;} .site-inner .container {max-width: 100%; width: 100%; padding: 0; overflow: hidden} .site-inner {padding: 0; margin-top: -25px} .title {background: rgba(0,0,0,.8); padding: 0px 5px 15px; text-align: center; position: absolute; bottom: 0; right: 0; width: 100%} .title h1 {color: #fff} .inside {max-width: 900px; margin: 0 auto; padding: 0 5%} .btn.btn-lg, .input-group-lg .btn { font-size: 17px; line-height: 20px; padding: 12px 28px 13px; border-radius: 0 } .gallery {margin-top: 30px} .gallery-item {margin: 0 } img { border: 1px solid #cfcfcf; } img {border: 0 !important;} .testimonial .row {background-color: #75aebb; color: #fff; margin: 9 -20px;} .testimonial .quote {max-width: 900px; padding: 2%; margin: 5px auto; font-size: 2.4rem} .title h3 {margin: 0 0 15px !important ; font-size: 2.4rem; font-style: italic; color: #fff} .arch {background-color: #333; color: #fff; padding: 5px; text-align: center; font-weight: 800; font-size: 1.4rem;} .arch a {text-transform: uppercase; color: #fff; font-weight: 800; font-size: 1.4rem; text-align: right} .modal-header { padding: 0px 19px 0px 24px; border-bottom: 1px solid #ebedef; background: #efefef; } .content-sidebar .entry { padding: 0; } .gallery-item { float: left; margin-top: 10px; text-align: center; width: 20%; } .gallery-caption {display: none} .cover-img {background-size: cover; background-repeat: no-repeat; height: 90vh; position: relative; background-position: center center} @media screen and (max-width: 1024px) { .gallery-item { width: 90% !important; margin: 0 5%; text-align: center; } } @media screen and (max-width: 799px) { .cover-img {height: 50vh; width: 100%} .title {display: none;} } /* ----------------------------------------- */ /* Content Template: portfolio-wide - end */ /* ----------------------------------------- */