/* Asset1 website styles (original theme by Ivy Street) */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../fonts/exo2-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/exo2-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/exo2-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.f-headline, .f-headline a, .f-nav, .f-nav a, .f-title, .f-title a, .f-title p {
  font-family: "Exo 2", sans-serif;
  font-weight: 100; }

.f-copy, .f-copy a {
  font-family: "Roboto", sans-serif;
  font-weight: 300; }

input, textarea {
  font-family: "Roboto", sans-serif;
  font-weight: 300; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  box-sizing: border-box;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-style: inherit;
  font-variant: normal;
  font-weight: 300;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

img {
  border: 0; }

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

strong {
  font-weight: bold; }

.site-header {
  margin: 30px 0 0 0; }
  @media (max-width: 667px) {
    .site-header {
      margin: 10px 0 0 0;
      position: relative; } }

.logo {
  float: left;
  width: 160px; }
  @media (max-width: 667px) {
    .logo {
      float: none; } }

.headline {
  float: right;
  font-size: 16px;
  margin-top: 20px; }
  @media (max-width: 667px) {
    .headline {
      float: none;
      font-size: 14px;
      margin-top: 10px; } }

.headline a {
  font-size: 16px;
  text-decoration: none; }
  @media (max-width: 667px) {
    .headline a {
      font-size: 14px; } }

#a-commercial, #a-residential {
  transition: all 500ms; }

#a-commercial:hover {
  color: #40b4e5; }

#a-residential:hover {
  color: #e13eaf; }

.mobile-navigation {
  display: none; }
  @media (max-width: 667px) {
    .mobile-navigation {
      display: block; } }

.site-navigation {
  margin: 40px 0 0 0;
  display: block; }
  @media (max-width: 667px) {
    .site-navigation {
      margin: 0;
      display: none; } }

.nav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase; }

.nav-menu .menu-item {
  float: right;
  font-size: 16px;
  margin: 0 0 0 100px; }
  @media (max-width: 800px) {
    .nav-menu .menu-item {
      margin: 0 0 0 60px; } }

.menu-item a {
  font-size: 16px;
  text-decoration: none; }

body {
  background-color: #182449; }

p {
  font-size: 13px;
  line-height: 18px;
  margin: 0 0 10px 0;
  font-weight: 300; }

h1.pagetitle, h1.pagetitle a {
  font-size: 24px;
  font-weight: 200;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  text-decoration: none;
  transition: color 500ms; }

h1.pagetitle a:hover {
  color: #e85a1f; }

h1.pagetitle.search {
  font-size: 18px; }

h1.profile {
  font-size: 20px;
  font-weight: 200;
  margin: 24px 0 0 0; }

h2.profile {
  font-size: 20px;
  font-weight: 200;
  margin: 16px 0 0 0; }

h2.pagetitle {
  font-size: 14px;
  font-weight: 300; }

.body-container {
  margin: 0 auto;
  width: 1000px; }
  @media (max-width: 800px) {
    .body-container {
      width: 792px; } }
  @media (max-width: 768px) {
    .body-container {
      width: 760px; } }
  @media (max-width: 667px) {
    .body-container {
      width: 100%; } }

.hero {
  margin: 8px 0 0 0; }

.content-area {
  margin: 24px 0 0 0; }

.f-slash, #slash-white, .slash--sml, #slash-blue, .slash-blue, .slash-commercial-sml, #slash-pink, .slash-pink, .slash-residential-sml, #slash-orange, .slash-orange, .slash-, .slash-commercial, .slash-residential, a.p-link div.project-image div.project-image-o-residential div span.p-slash-white, a.p-link div.project-image div.project-image-o-commercial div span.p-slash-white, .mobile-menu-selected, .mobile-menu .current-menu-item a:after, .current-project-parent > a:after {
  display: inline-block;
  width: 3px;
  margin: 0px 3px;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  transform: skew(-20deg); }

#slash-white, .slash--sml {
  background-color: #fff;
  height: 12px; }

#slash-blue, .slash-blue, .slash-commercial-sml {
  background-color: #40b4e5;
  height: 12px; }
  @media (max-width: 800px) {
    #slash-blue, .slash-blue, .slash-commercial-sml {
      height: 8px; } }
  @media (max-width: 667px) {
    #slash-blue, .slash-blue, .slash-commercial-sml {
      height: 12px; } }

#slash-pink, .slash-pink, .slash-residential-sml {
  background-color: #e13eaf;
  height: 12px; }
  @media (max-width: 800px) {
    #slash-pink, .slash-pink, .slash-residential-sml {
      height: 8px; } }
  @media (max-width: 667px) {
    #slash-pink, .slash-pink, .slash-residential-sml {
      height: 12px; } }

#slash-orange, .slash-orange {
  background-color: #e85a1f;
  height: 12px; }
  @media (max-width: 800px) {
    #slash-orange, .slash-orange {
      height: 8px; } }
  @media (max-width: 667px) {
    #slash-orange, .slash-orange {
      height: 12px; } }

.slash- {
  background-color: #fff;
  height: 14px; }

.slash-commercial {
  background-color: #40b4e5;
  height: 14px; }

.slash-residential {
  background-color: #e13eaf;
  height: 14px; }

.white-bar {
  background-color: #fff;
  height: 8px;
  margin: 8px 0 0 0;
  width: 100%;
  position: relative; }

#nav-indicator {
  background-color: #e85a1f;
  height: 8px;
  position: absolute;
  top: 0;
  left: 1000px;
  width: 0px;
  transition: all 800ms; }
  @media (max-width: 800px) {
    #nav-indicator {
      left: 792px; } }
  @media (max-width: 768px) {
    #nav-indicator {
      left: 760px; } }
  @media (max-width: 667px) {
    #nav-indicator {
      left: 0;
      display: none; } }

.column1 {
  width: 244px; }
  @media (max-width: 800px) {
    .column1 {
      width: 192px; } }
  @media (max-width: 768px) {
    .column1 {
      width: 184px; } }
  @media (max-width: 667px) {
    .column1 {
      width: 100%; } }

.column2 {
  width: 496px; }
  @media (max-width: 800px) {
    .column2 {
      width: 392px; } }
  @media (max-width: 768px) {
    .column2 {
      width: 376px; } }
  @media (max-width: 667px) {
    .column2 {
      width: 100%; } }

.column3 {
  width: 748px; }
  @media (max-width: 800px) {
    .column3 {
      width: 592px; } }
  @media (max-width: 768px) {
    .column3 {
      width: 556px;
      padding: 0 5px; } }
  @media (max-width: 667px) {
    .column3 {
      width: 100%;
      padding: 0; } }

.column4 {
  width: 1000px; }
  @media (max-width: 800px) {
    .column4 {
      width: 792px; } }
  @media (max-width: 768px) {
    .column4 {
      width: 760px; } }
  @media (max-width: 667px) {
    .column4 {
      width: 100%; } }

.column40 {
  width: 396px; }
  @media (max-width: 800px) {
    .column40 {
      width: 312px; } }
  @media (max-width: 768px) {
    .column40 {
      width: 300px; } }
  @media (max-width: 667px) {
    .column40 {
      width: 100%; } }

.column60 {
  width: 596px; }
  @media (max-width: 800px) {
    .column60 {
      width: 472px; } }
  @media (max-width: 768px) {
    .column60 {
      width: 452px; } }
  @media (max-width: 667px) {
    .column60 {
      width: 100%; } }

.gutter {
  width: 8px; }
  @media (max-width: 667px) {
    .gutter {
      width: 0px;
      display: none; } }

.dtable {
  display: table; }
  @media (max-width: 667px) {
    .dtable {
      display: block; } }

.drow {
  display: table-row; }
  @media (max-width: 667px) {
    .drow {
      display: block; } }

.dcell {
  display: table-cell;
  vertical-align: top; }
  @media (max-width: 667px) {
    .dcell {
      display: block; } }

.dcell.bottom {
  vertical-align: bottom; }

.content-area.dtable {
  margin: 8px 0 0 0; }

.divider {
  height: 8px; }

.bg-white {
  background-color: #fff; }

.bg-commercial {
  background-color: #40b4e5; }

.bg-residential {
  background-color: #e13eaf; }

.bg-fadedblue, .bg- {
  background-color: #253556; }

div.columns {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  -webkit-column-gap: 40px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 40px;
  /* Firefox */
  column-gap: 40px; }
  @media (max-width: 667px) {
    div.columns {
      -webkit-column-count: 1;
      /* Chrome, Safari, Opera */
      -moz-column-count: 1;
      /* Firefox */
      column-count: 1; } }

.nav-links a {
  text-decoration: none;
  color: #fff;
  transition: color 500ms; }

.nav-links a:hover {
  color: #e85a1f; }

.s-box {
  position: relative;
  width: 212px; }
  @media (max-width: 800px) {
    .s-box {
      width: 166px; } }
  @media (max-width: 768px) {
    .s-box {
      width: 158px; } }
  @media (max-width: 667px) {
    .s-box {
      width: 220px; } }

.s-submit {
  position: absolute;
  top: 0;
  right: 0; }

.search-box {
  border: 0;
  color: #182449;
  font-size: 14px;
  margin: 0;
  padding: 0 0 0 8px;
  height: 30px;
  width: 182px; }
  @media (max-width: 800px) {
    .search-box {
      width: 136px; } }
  @media (max-width: 768px) {
    .search-box {
      width: 128px; } }
  @media (max-width: 667px) {
    .search-box {
      width: 190px; } }

.search-button {
  background-color: #e85a1f;
  border: 0;
  color: #fff;
  font-size: 13px;
  margin: 0;
  width: 30px;
  height: 30px; }

.hometitle {
  padding: 24px 0 0 0; }

.testimonial {
  background-color: #e85a1f;
  margin: 158px 0 0 0;
  padding: 16px 24px; }
  @media (max-width: 768px) {
    .testimonial {
      margin: 172px 0 0 0; } }
  @media (max-width: 667px) {
    .testimonial {
      margin: 20px 0 0 0; } }

.testimonial div {
  padding: 0 0 10px 0; }

.testimonial p {
  font-size: 16px;
  font-weight: 200;
  text-transform: uppercase; }

.bar-margin {
  clear: both;
  margin: 16px 0 0 0; }

.projects {
  margin: 24px 0 0 0; }

.project-image {
  background-size: cover;
  padding-bottom: 150px; }
  @media (max-width: 800px) {
    .project-image {
      padding-bottom: 118px; } }
  @media (max-width: 768px) {
    .project-image {
      padding-bottom: 113px; } }
  @media (max-width: 667px) {
    .project-image {
      padding-bottom: 60%; } }

.project-title {
  font-size: 18px;
  padding: 8px 0 0 0;
  text-decoration: none; }
  @media (max-width: 800px) {
    .project-title {
      font-size: 12px; } }
  @media (max-width: 667px) {
    .project-title {
      font-size: 16px; } }

.project-bar, .row-padding {
  margin: 8px 0 0 0; }

.vgutter {
  height: 8px; }

.p-status {
  bottom: 4px;
  font-family: "Exo 2", sans-serif;
  font-size: 16px;
  left: 0;
  text-transform: uppercase; }

.p-sb-content {
  padding: 16px 20px;
  overflow: hidden; }

.p-sb-details {
  font-size: 14px;
  font-weight: 500; }

.p-sb-space {
  margin: 10px 0 0 0; }

.p-sb-title {
  font-size: 14px;
  font-weight: 200;
  text-transform: uppercase; }

.p-sb-text {
  margin: 2px 0 0 12px; }

.p-sb-text a {
  text-decoration: none; }

.p-sb-text a:hover {
  text-decoration: underline; }

.project-list {
  margin: 8px 0 0 0; }

.project-list-home {
  margin: 8px 0 0 0; }

.project-list ul {
  list-style-type: none; }

li.project {
  float: left; }

.p-cell {
  margin: 0 8px 8px 0; }
  @media (max-width: 667px) {
    .p-cell {
      margin: 0 0 8px 0; } }

.p-cellr {
  margin: 0 0 8px 0; }

.p-link {
  text-decoration: none; }

.project-image-o, a.p-link div.project-image div.project-image-o-residential, a.p-link div.project-image div.project-image-o-commercial {
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 500ms;
  width: 100%; }
  @media (max-width: 800px) {
    .project-image-o, a.p-link div.project-image div.project-image-o-residential, a.p-link div.project-image div.project-image-o-commercial {
      height: 118px; } }
  @media (max-width: 768px) {
    .project-image-o, a.p-link div.project-image div.project-image-o-residential, a.p-link div.project-image div.project-image-o-commercial {
      height: 113px; } }
  @media (max-width: 667px) {
    .project-image-o, a.p-link div.project-image div.project-image-o-residential, a.p-link div.project-image div.project-image-o-commercial {
      height: 100%; } }

a.p-link div.project-image div.project-image-o-residential {
  background-color: rgba(225, 62, 175, 0); }

a.p-link div.project-image div.project-image-o-commercial {
  background-color: rgba(64, 180, 229, 0); }

a.p-link div.project-image div.project-image-o-residential div, a.p-link div.project-image div.project-image-o-commercial div {
  color: rgba(255, 255, 255, 0);
  margin: 16px 0 0 0;
  text-transform: uppercase;
  transition: all 500ms; }

a.p-link div.project-image div.project-image-o-residential div span.p-slash-white, a.p-link div.project-image div.project-image-o-commercial div span.p-slash-white {
  background-color: rgba(255, 255, 255, 0);
  height: 14px;
  transition: all 500ms; }

a.p-link:hover div.project-image div.project-image-o-residential {
  background-color: rgba(225, 62, 175, 0.9);
  color: white; }

a.p-link:hover div.project-image div.project-image-o-commercial {
  background-color: rgba(64, 180, 229, 0.9);
  color: white; }

a.p-link:hover div.project-image div.project-image-o-residential div, a.p-link:hover div.project-image div.project-image-o-commercial div {
  color: white;
  margin: 16px 0 0 16px; }

a.p-link:hover div.project-image div.project-image-o-residential div span.p-slash-white, a.p-link:hover div.project-image div.project-image-o-commercial div span.p-slash-white {
  background-color: white; }

.p-link-title {
  font-size: 18px;
  margin: 16px 0 0 16px; }
  @media (max-width: 800px) {
    .p-link-title {
      font-size: 14px; } }
  @media (max-width: 667px) {
    .p-link-title {
      font-size: 18px; } }

.p-link-text {
  font-size: 14px;
  margin: 16px 0 0 16px; }
  @media (max-width: 800px) {
    .p-link-text {
      font-size: 10px; } }
  @media (max-width: 667px) {
    .p-link-text {
      font-size: 14px; } }

a.p-link div.project-title {
  color: #fff;
  transition: all 500ms; }

a.p-link:hover div.project-title.residential {
  color: #e13eaf; }

a.p-link:hover div.project-title.commercial {
  color: #40b4e5; }

a.p-link:hover div.project-bar {
  transition: all 500ms; }

a.p-link:hover div.project-bar.residential {
  background-color: #e13eaf; }

a.p-link:hover div.project-bar.commercial {
  background-color: #40b4e5; }

.filter {
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase; }

.f-header {
  background-color: #e85a1f;
  margin: 0 0 8px 0;
  padding: 6px 0 6px 12px; }

.f-item {
  background-color: #253556;
  margin: 0;
  border-bottom: 1px solid #b9bdc9; }
  @media (max-width: 800px) {
    .f-item {
      font-size: 10px; } }
  @media (max-width: 667px) {
    .f-item {
      font-size: 14px; } }

.f-pos {
  width: 100%;
  padding: 6px 0 6px 12px;
  float: left; }

li.project {
  vertical-align: top; }

.p-rel {
  position: relative; }

.p-abs {
  position: absolute; }

.clear {
  clear: both; }

.fscf-div-redirecting {
  position: absolute;
  top: 0;
  left: 0; }
  @media (max-width: 667px) {
    .fscf-div-redirecting {
      position: static; } }

.site-footer {
  margin: 40px 0 0 0; }

.footer2, .footer3 {
  font-size: 12px;
  line-height: 15px; }

.footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase; }

.footer-menu .menu-item {
  float: left;
  margin: 0 20px 0 0; }

.f-sub-title a {
  font-size: 16px;
  text-decoration: none; }

.f-sub-title {
  float: left;
  margin: 2px 20px 0 0; }

.f-sub-nav {
  float: left;
  padding: 2px 0 0 0;
  margin: 2px 0 0 0; }

.f-sub-nav, .f-sub-nav a {
  font-size: 14px; }

.f-sub-nav a, .f-fade, .footer-menu .menu-item a {
  text-decoration: none;
  transition: all 500ms; }

.f-sub-nav a {
  font-size: 14px; }

.f-fade {
  font-size: 12px; }

.footer-menu.f-nav .menu-item a {
  font-size: 18px; }

.f-sub-nav a:hover, .f-fade:hover, .footer-menu .menu-item a:hover {
  color: #b9bdc9; }

.f-sub-copy, .f-sub-copy a {
  font-size: 12px;
  margin: 2px 0 0 0; }
  @media (max-width: 667px) {
    .f-sub-copy, .f-sub-copy a {
      font-size: 10px; } }

@media (max-width: 667px) {
  .brhide {
    display: none; } }

.mobile-menu-toggle {
  display: none; }

.mobile-menu-selected, .mobile-menu .current-menu-item a:after, .current-project-parent > a:after {
  background-color: #e85a1f;
  height: 12px;
  content: '';
  margin-left: 8px;
  display: none; }

@media (max-width: 667px) {
  .mobile-menu .current-menu-item a:after {
    display: inline-block; }

  .current-project-parent > a:after {
    display: inline-block; }

  .sub-menu {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all ease 600ms;
    -moz-transition: all ease 600ms;
    transition: all ease 600ms; }

  .current-project-parent .sub-menu, .open .sub-menu {
    max-height: 600px; }

  .mobile-navigation {
    display: block;
    position: fixed;
    left: 100%;
    top: 0;
    right: 0;
    height: 100%;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    transition: all ease 400ms; }

  .mobile-navigation ul {
    list-style-type: none; }

  .mobile-navigation.menu-show {
    left: 32%; }

  .body-container {
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    transition: all ease 400ms;
    margin-left: 0; }

  .body-container.menu-show {
    margin-left: -68%; }

  .menu-mobile-container {
    padding: 20px 0 0 10px;
    height: 100%;
    width: 600px;
    overflow: auto; }

  .mobile-menu-toggle {
    position: absolute;
    top: 8px;
    right: 12px;
    padding-right: 0;
    display: block;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    transition: all ease 400ms; }

  .mobile-menu-toggle div {
    font-size: 40px; }

  .mobile-menu-toggle.menu-show {
    padding-right: 68%; }

  .fixed {
    position: fixed; }

  .mobile-menu {
    padding-bottom: 16px;
    border-bottom: 6px solid white; }

  .mobile-menu a {
    display: block;
    text-transform: uppercase;
    background-color: #253556;
    margin-bottom: 8px;
    padding: 8px 0 10px 16px;
    font-weight: 500; }

  .mobile-menu .sub-menu a {
    background-color: #fff;
    color: #182449; } }
.entry-content.home, .entry-content.home p, .entry-content.home div, .entry-content.home a {
  font-family: "Exo 2", sans-serif;
  font-size: 24px;
  font-weight: 100;
  line-height: 30px; }

.sdfdsf {
  color: #234563; }

h1.pagetitle.post a {
  margin: 0 0 4px 0;
  text-transform: none; }

.bc-media {
  margin: 16px 0 16px 0; }

.bc-media, .bc-media a {
  font-family: "Exo 2", sans-serif;
  font-size: 18px;
  text-decoration: none;
  text-transform: uppercase; }

.bc-media span {
  font-family: "Exo 2", sans-serif;
  font-size: 20px; }

a.read-more {
  text-decoration: none; }

div.read-more {
  background-color: #e85a1f;
  color: #182449;
  font-size: 16px;
  font-weight: 200;
  height: 26px;
  padding: 2px 0 0 0;
  text-align: center;
  transition: all 600ms;
  width: 130px; }
  @media (max-width: 667px) {
    div.read-more {
      width: 100%; } }

div.read-more:hover {
  color: #fff; }

.post-bottom {
  width: 610px; }
  @media (max-width: 800px) {
    .post-bottom {
      width: 454px; } }
  @media (max-width: 768px) {
    .post-bottom {
      width: 418px; } }
  @media (max-width: 667px) {
    .post-bottom {
      display: none; } }

.google-map {
  height: 0;
  padding: 0 0 40%;
  background-color: #b3d1ff;
  color: black; }

.google-map-container {
  position: relative; }

.marker-popup {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  padding: 12px;
  color: #000000;
  background-color: #ffffff; }

.content-contact {
  height: 300px; }
  .content-contact h1 {
    margin-top: 12px; }

.enquiry-container {
  padding: 12px; }
  .enquiry-container h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-family: "Exo 2", sans-serif; }
  .enquiry-container input, .enquiry-container textarea, .enquiry-container select {
    width: 100%;
    box-sizing: border-box;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    height: 27px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 4px;
    padding: 6px; }
  .enquiry-container textarea {
    height: 235px; }

#fscf_required1 {
  display: none; }

.fscf-div-form {
  width: 38%;
  margin-left: auto; }

.fscf-div-submit input {
  background-color: #e85a1f;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  text-align: right;
  padding-right: 16px;
  margin-top: 20px;
  height: auto;
  font-size: 16px; }

.fscf-wrapper {
  position: relative;
  margin-top: 16px; }

#fscf_div_clear1_3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%; }

@media (max-width: 667px) {
  .fscf-div-form {
    width: 100%; }

  #fscf_div_clear1_3 {
    width: 100%;
    position: static; }

  .fscf-div-submit input {
    margin-top: 0px;
    text-align: center; }

  .enquiry-container input, .enquiry-container textarea, .enquiry-container select {
    margin-bottom: 8px; }

  .content-contact {
    padding: 0 12px;
    height: auto; } }
.sidebar {
  background-color: #253556;
  padding: 12px; }

.widget-area h2 {
  font-size: 18px;
  font-weight: 500;
  padding: 16px 0 16px 12px; }

.widget-area ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.widget-area li {
  padding: 0; }

.widget-area a {
  background-color: #253556;
  border-bottom: 1px solid #fff;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 300;
  padding: 8px 12px;
  text-decoration: none;
  width: 100%;
  transition: all 600ms; }

.widget-area a:before {
  content: '> '; }

.widget-area a:hover {
  background-color: #182449;
  border-bottom: 1px solid #e85a1f; }

/*
Notes on column layout

1000px / 244px wide columns / 8 px wide dividers
1 column: 244px;
2 columns: 496px;
3 columns: 748px;
4 columns: 1000px;
*/

/* ---- Static site additions (replace the WordPress slider, map and form plugins) ---- */
html {
  overflow-x: clip; }

/* Height follows the width at the banners' 1000x400 shape, so the whole image shows */
.slider {
  position: relative;
  width: 100vw;
  aspect-ratio: 5 / 2;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  background-color: #182449; }

.slider img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transition: opacity 1000ms; }

.slider img.active {
  opacity: 1; }

.google-map {
  position: relative; }

.google-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

.enquiry-container select {
  background-color: #fff;
  padding: 0 6px; }

.fscf-div-submit input {
  cursor: pointer; }

li.project.is-hidden {
  display: none; }

li.project {
  transition: opacity 400ms; }

li.project.is-fading {
  opacity: 0; }

/* ---- Responsive layout ----
   The original theme used fixed pixel widths (1000/792/760px), which overflowed on
   tablets between those sizes. Columns are now percentages of a fluid container,
   so the same 4-column grid scales to any width; phones stack as before. */
.body-container {
  width: auto;
  max-width: 1032px;
  padding: 0 16px; }

.dtable {
  width: 100%; }

.column1 {
  width: 24.4%; }

.column2 {
  width: 49.6%; }

.column3 {
  width: 74.8%;
  padding: 0; }

.column4 {
  width: 100%; }

.column40 {
  width: 39.6%; }

.column60 {
  width: 59.6%; }

.gutter {
  width: 0.8%; }

#nav-indicator {
  left: 100%; }

/* Project grid */
.project-list ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px; }

li.project, li.project.p-cell, li.project.p-cellr {
  float: none;
  width: auto;
  margin: 0; }

li.project .project-image {
  width: 100%;
  padding-bottom: 61.5%; }

a.p-link div.project-image div.project-image-o-residential,
a.p-link div.project-image div.project-image-o-commercial {
  height: 100%; }

.project-title {
  font-size: 18px; }

.p-link-title {
  font-size: 18px; }

.p-link-text {
  font-size: 14px; }

/* Tablets */
@media (max-width: 1023px) {
  .project-list ul {
    grid-template-columns: repeat(3, minmax(0, 1fr)); }

  .project-title {
    font-size: 16px; }

  .nav-menu .menu-item {
    margin: 0 0 0 60px; } }

/* Phones */
@media (max-width: 667px) {
  .body-container {
    padding: 0 12px; }

  .column1, .column2, .column3, .column4, .column40, .column60 {
    width: 100%; }

  .gutter {
    width: 0; }

  .project-list ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .project-title {
    font-size: 15px; }

  .content-contact {
    padding: 0; }

  .mobile-menu-toggle {
    right: 12px; }

  .entry-content.home, .entry-content.home p {
    font-size: 20px;
    line-height: 26px; } }

@media (max-width: 420px) {
  .project-list ul {
    grid-template-columns: minmax(0, 1fr); } }