/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes to use with min-width */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
#hero {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  color: #ffffff; }
  #hero .hero-img-wrap {
    position: relative; }
    #hero .hero-img-wrap::after {
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      bottom: 0;
      right: 0;
      background: transparent linear-gradient(167deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
      opacity: 0.14; }
      @media (min-width: 1025px) {
        #hero .hero-img-wrap::after {
          background: transparent linear-gradient(109deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
          opacity: 0.15; } }
    #hero .hero-img-wrap .hero-img {
      height: 100% !important;
      max-height: 100% !important;
      object-fit: contan; }
      @media (max-width: 641px) {
        #hero .hero-img-wrap .hero-img {
          object-fit: cover;
          min-height: 325px !important; } }
      @media (max-width: 1920px) {
        #hero .hero-img-wrap .hero-img {
          object-fit: cover; } }
  #hero .banner-content {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 16px; }
    #hero .banner-content h1 {
      margin-bottom: 32px;
      text-transform: uppercase;
      line-height: 0.9;
      font-size: 36px; }
      @media (min-width: 640px) {
        #hero .banner-content h1 {
          font-size: 36px; } }
      @media (min-width: 768px) {
        #hero .banner-content h1 {
          font-size: 50px; } }
      @media (min-width: 1025px) {
        #hero .banner-content h1 {
          font-size: 80px; } }
      @media (min-width: 1141px) {
        #hero .banner-content h1 {
          font-size: 90px; } }
      @media (min-width: 1401px) {
        #hero .banner-content h1 {
          font-size: 100px; } }
      @media (min-width: 1565px) {
        #hero .banner-content h1 {
          font-size: 124px; } }
  #hero .rank-math-breadcrumb p {
    margin: 0 !important;
    padding: 0 0;
    line-height: 1.3; }
    #hero .rank-math-breadcrumb p a,
    #hero .rank-math-breadcrumb p span {
      font-weight: 700;
      text-transform: uppercase !important;
      font-family: "Roboto", sans-serif;
      font-size: 16px; }
      #hero .rank-math-breadcrumb p a.separator,
      #hero .rank-math-breadcrumb p span.separator {
        color: #ff9933; }
    #hero .rank-math-breadcrumb p a:hover {
      color: white; }

/* Include bootstrap styles for tabs and accordians*/
.fade {
  transition: opacity 0.15s linear; }
  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none; } }
  .fade:not(.show) {
    opacity: 0; }

.collapse:not(.show) {
  display: none; }

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none; } }
  .collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width 0.35s ease; }
    @media (prefers-reduced-motion: reduce) {
      .collapsing.collapse-horizontal {
        transition: none; } }

.accordion {
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #212529;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e68a2e'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #ffcc99;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(255, 153, 51, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #e68a2e;
  --bs-accordion-active-bg: #fff5eb; }

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition); }
  @media (prefers-reduced-motion: reduce) {
    .accordion-button {
      transition: none; } }
  .accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); }
    .accordion-button:not(.collapsed)::after {
      background-image: var(--bs-accordion-btn-active-icon);
      transform: var(--bs-accordion-btn-icon-transform); }
  .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition); }
    @media (prefers-reduced-motion: reduce) {
      .accordion-button::after {
        transition: none; } }
  .accordion-button:hover {
    z-index: 2; }
  .accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow); }

.accordion-header {
  margin-bottom: 0; }

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); }
  .accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius); }
    .accordion-item:first-of-type .accordion-button {
      border-top-left-radius: var(--bs-accordion-inner-border-radius);
      border-top-right-radius: var(--bs-accordion-inner-border-radius); }
  .accordion-item:not(:first-of-type) {
    border-top: 0; }
  .accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius); }
    .accordion-item:last-of-type .accordion-button.collapsed {
      border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
      border-bottom-left-radius: var(--bs-accordion-inner-border-radius); }
    .accordion-item:last-of-type .accordion-collapse {
      border-bottom-right-radius: var(--bs-accordion-border-radius);
      border-bottom-left-radius: var(--bs-accordion-border-radius); }

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); }

.accordion-flush .accordion-collapse {
  border-width: 0; }

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }
  .accordion-flush .accordion-item:first-child {
    border-top: 0; }
  .accordion-flush .accordion-item:last-child {
    border-bottom: 0; }
  .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0; }

#lead {
  padding: 80px 0; }
  @media screen and (min-width: 1025px) {
    #lead {
      border-top: solid 50px #f7f7f7; } }
  #lead .img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover;
    object-position: center; }
  #lead .content h2 {
    color: #212322; }
  #lead .content h4 {
    color: #212322;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0;
    font-weight: 700; }

.fifty-fifty {
  padding: 0 0 80px 0; }
  .fifty-fifty .img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover;
    object-position: center; }
  .fifty-fifty .content h2 {
    color: #212322; }
  .fifty-fifty .content h4 {
    color: #212322;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0;
    font-weight: 700; }
  .fifty-fifty .content ul {
    margin-top: 2rem; }
    .fifty-fifty .content ul li::marker {
      color: #ff9933; }
  .fifty-fifty#fifty-fifty-0 {
    padding-top: 80px;
    background-color: #f7f7f7; }
  .fifty-fifty#fifty-fifty-1 {
    background-color: #f7f7f7; }
  .fifty-fifty#fifty-fifty-2 {
    padding-top: 80px;
    background-color: #ffffff; }

#about {
  background-color: #f7f7f7;
  padding: 80px 0 0 0; }
  #about .enlarge a {
    font-size: 16px;
    color: #5d5d5d;
    text-decoration: none; }
    #about .enlarge a i {
      color: #ff9933; }
    #about .enlarge a:hover {
      color: #ff9933; }
  #about .content h2 {
    color: #212322; }
  #about .content h4 {
    color: #212322;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0;
    font-weight: 700; }
  #about .content ul {
    margin-top: 2rem; }
    #about .content ul li::marker {
      color: #ff9933; }

.collection {
  background-color: #f7f7f7;
  padding: 80px 0 0 0; }
  .collection .top h2 {
    color: #212322; }
  .collection .collection-col .imgs-slider-wrap {
    position: relative; }
    .collection .collection-col .imgs-slider-wrap .util-row {
      position: absolute;
      bottom: 0;
      padding: 8px 12px;
      display: flex;
      justify-content: space-between;
      align-items: end;
      width: 100%;
      z-index: 9;
      color: white; }
      .collection .collection-col .imgs-slider-wrap .util-row .enlarge {
        font-size: 14px;
        text-decoration: none;
        line-height: 1.7; }
        .collection .collection-col .imgs-slider-wrap .util-row .enlarge i {
          color: #ff9933; }
      .collection .collection-col .imgs-slider-wrap .util-row .title p {
        font-size: 14px; }
    .collection .collection-col .imgs-slider-wrap .imgs-slider .item a .img {
      object-fit: cover;
      object-position: center;
      width: 100%;
      aspect-ratio: 4 / 1.5;
      max-width: 100% !important;
      transition: all 0.1s linear; }
    .collection .collection-col .imgs-slider-wrap .imgs-slider .item a:hover picture,
    .collection .collection-col .imgs-slider-wrap .imgs-slider .item a:hover img {
      transform: scale(1.01, 1.05);
      transition: all 0.2s linear; }
  .collection .collection-col .imgs-slider-nav {
    margin: 0;
    display: flex;
    justify-content: space-between;
    width: 100%; }
    .collection .collection-col .imgs-slider-nav button {
      border: 0;
      background: transparent;
      font-weight: 700;
      font-size: 16px;
      color: #ff9933;
      opacity: 1;
      box-shadow: none;
      outline: 0;
      display: flex;
      align-items: center;
      padding: 0 0;
      margin: 0; }
      .collection .collection-col .imgs-slider-nav button i {
        font-size: 35px; }
      .collection .collection-col .imgs-slider-nav button span {
        margin: 8px; }
      .collection .collection-col .imgs-slider-nav button.disabled {
        color: #5d5d5d; }
    .collection .collection-col .imgs-slider-nav.disabled {
      display: none; }
  .collection .collection-col .content {
    margin-top: 1rem; }
    .collection .collection-col .content p {
      font-size: 16px; }

#portfolios {
  padding: 50px 0 0 0;
  background-color: #f7f7f7; }
  @media screen and (min-width: 769px) {
    #portfolios {
      padding: 80px 0 0 0; } }
  #portfolios .top .h2,
  #portfolios .top h2 {
    color: #212322; }
  #portfolios .top hr {
    border-top: solid 1px #212322;
    opacity: 1;
    background-color: #212322; }
  #portfolios .portfolio-row .prop-slider-col {
    position: relative; }
    #portfolios .portfolio-row .prop-slider-col .portfolio-slider {
      height: 100%; }
      #portfolios .portfolio-row .prop-slider-col .portfolio-slider .owl-stage-outer {
        height: 100%; }
        #portfolios .portfolio-row .prop-slider-col .portfolio-slider .owl-stage-outer .owl-stage {
          height: 100%; }
          #portfolios .portfolio-row .prop-slider-col .portfolio-slider .owl-stage-outer .owl-stage .owl-item {
            height: 100%; }
    #portfolios .portfolio-row .prop-slider-col .item {
      position: relative;
      width: 100%;
      height: 100%;
      min-height: 442px;
      position: relative;
      overflow: hidden; }
      @media screen and (min-width: 641px) {
        #portfolios .portfolio-row .prop-slider-col .item {
          min-height: 556px; } }
      @media screen and (min-width: 769px) {
        #portfolios .portfolio-row .prop-slider-col .item {
          min-height: 556px; } }
      @media screen and (min-width: 1025px) {
        #portfolios .portfolio-row .prop-slider-col .item {
          min-height: 706px; } }
      #portfolios .portfolio-row .prop-slider-col .item .gallery-img {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        object-fit: cover;
        object-position: center; }
      #portfolios .portfolio-row .prop-slider-col .item:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(360deg, #0f0801 0%, rgba(15, 8, 1, 0) 25%, rgba(15, 8, 1, 0) 100%); }
    #portfolios .portfolio-row .prop-slider-col .content-container {
      position: absolute;
      bottom: 0;
      left: 12px;
      right: 12px;
      z-index: 2; }
      @media (min-width: 769px) {
        #portfolios .portfolio-row .prop-slider-col .content-container {
          left: 12px;
          right: 0; } }
      #portfolios .portfolio-row .prop-slider-col .content-container .bottom-row {
        padding: 2rem 2rem 2rem 2rem;
        height: 100%;
        flex-direction: column;
        justify-content: flex-end; }
        @media (min-width: 1025px) {
          #portfolios .portfolio-row .prop-slider-col .content-container .bottom-row {
            flex-direction: row;
            justify-content: space-between; } }
        #portfolios .portfolio-row .prop-slider-col .content-container .bottom-row .h3 {
          color: white;
          font-family: "Roboto", sans-serif;
          text-transform: uppercase;
          margin-bottom: 8px;
          font-family: "Roboto", sans-serif;
          font-weight: 300;
          font-size: clamp(1.75rem, calc( 28px + (40 - 28) * ((100vw - 320px) / (1920 - 320))), 2.5rem); }
        #portfolios .portfolio-row .prop-slider-col .content-container .bottom-row .spec {
          color: white;
          font-size: 20px;
          font-weight: 700;
          font-family: "Roboto", sans-serif;
          text-transform: uppercase;
          font-family: "Roboto", sans-serif; }
        #portfolios .portfolio-row .prop-slider-col .content-container .bottom-row .portfolio-slider-container {
          display: flex;
          justify-content: space-between;
          margin-bottom: 0.5rem; }
          @media screen and (min-width: 1025px) {
            #portfolios .portfolio-row .prop-slider-col .content-container .bottom-row .portfolio-slider-container {
              justify-content: flex-end;
              margin-bottom: 0; } }
          #portfolios .portfolio-row .prop-slider-col .content-container .bottom-row .portfolio-slider-container button {
            background: transparent;
            border: 0;
            box-shadow: none;
            outline: 0;
            color: white;
            display: flex;
            align-items: center;
            padding: 0 0; }
            #portfolios .portfolio-row .prop-slider-col .content-container .bottom-row .portfolio-slider-container button span {
              font-size: 16px;
              font-weight: 700;
              margin-right: 8px; }
            #portfolios .portfolio-row .prop-slider-col .content-container .bottom-row .portfolio-slider-container button i {
              font-size: 39px;
              line-height: normal; }
            #portfolios .portfolio-row .prop-slider-col .content-container .bottom-row .portfolio-slider-container button:hover {
              color: #ff9933; }
            #portfolios .portfolio-row .prop-slider-col .content-container .bottom-row .portfolio-slider-container button.owl-prev {
              margin-right: 1.5rem; }
              #portfolios .portfolio-row .prop-slider-col .content-container .bottom-row .portfolio-slider-container button.owl-prev span {
                margin-left: 8px; }
            #portfolios .portfolio-row .prop-slider-col .content-container .bottom-row .portfolio-slider-container button.disabled {
              opacity: 0.5; }
          #portfolios .portfolio-row .prop-slider-col .content-container .bottom-row .portfolio-slider-container.disabled {
            display: none; }
  #portfolios .portfolio-row .prop-info-col {
    background-color: white;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    #portfolios .portfolio-row .prop-info-col .h4 {
      margin-bottom: 0;
      color: #ff9933;
      font-family: "Roboto", sans-serif;
      letter-spacing: 0;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 1.2; }
    #portfolios .portfolio-row .prop-info-col .content {
      margin-bottom: 1.25rem; }
      #portfolios .portfolio-row .prop-info-col .content .h4,
      #portfolios .portfolio-row .prop-info-col .content h4 {
        color: #212322;
        font-family: "Roboto", sans-serif;
        letter-spacing: 0;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 1rem; }
      #portfolios .portfolio-row .prop-info-col .content p {
        font-size: 16px; }
    #portfolios .portfolio-row .prop-info-col .awards {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center; }
      #portfolios .portfolio-row .prop-info-col .awards img.award-logo {
        margin: 0 1rem 1rem 0;
        max-width: 100px; }
    #portfolios .portfolio-row .prop-info-col .btn {
      max-width: -webkit-fit-content;
      max-width: -moz-fit-content;
      max-width: fit-content; }
  @media (min-width: 769px) {
    #portfolios .portfolio-row.odd .prop-slider-col {
      order: 2; }
    #portfolios .portfolio-row.odd .prop-info-col {
      order: 1; } }
  #portfolios .portfolio-row.odd .prop-slider-col .content-container {
    left: 12px;
    right: 12px; }
    @media (min-width: 769px) {
      #portfolios .portfolio-row.odd .prop-slider-col .content-container {
        left: 0;
        right: 12px; } }

#why_build {
  padding: 0 0 80px 0;
  background-color: #f7f7f7; }
  #why_build .map-col iframe {
    width: 100% !important; }
  #why_build .content h2 {
    color: #212322; }
    @media screen and (min-width: 1025px) {
      #why_build .content h2 {
        max-width: 582px; } }
  #why_build .content .h4 {
    font-family: "Roboto", sans-serif;
    letter-spacing: 0; }

#features {
  padding: 0 0 100px 0;
  background-color: #f7f7f7; }
  #features .top h2 {
    color: #212322; }
  #features .top hr {
    border-top: solid 1px #212322;
    opacity: 1;
    background-color: #212322; }
  #features .feature-card .img {
    margin-bottom: 2rem; }
  #features .feature-card h3 {
    color: #212322; }
    @media (min-width: 1025px) {
      #features .feature-card h3 {
        font-size: 38px; } }

#care-program {
  background-color: #f7f7f7;
  padding: 150px 0 0; }
  @media screen and (min-width: 641px) {
    #care-program {
      padding: 170px 0 0; } }
  @media screen and (min-width: 769px) {
    #care-program {
      padding: 250px 0 0; } }
  @media screen and (min-width: 1025px) {
    #care-program {
      padding: 100px 0; } }
  #care-program .bg-cover {
    z-index: 1;
    height: 200px !important; }
    @media screen and (min-width: 641px) {
      #care-program .bg-cover {
        height: 220px !important; } }
    @media screen and (min-width: 769px) {
      #care-program .bg-cover {
        height: 300px !important; } }
    @media screen and (min-width: 1025px) {
      #care-program .bg-cover {
        height: 100% !important; } }
    @media screen and (min-width: 1025px) {
      #care-program .bg-cover {
        height: 100% !important; } }
  #care-program .banner-content {
    padding: 78px;
    background-color: white;
    box-shadow: 9px 11px 37px #00000029;
    z-index: 2;
    position: relative; }
    #care-program .banner-content h2 {
      color: #212322; }

#faqs {
  background-color: #f7f7f7;
  padding: 75px 0 100px 0;
  border-top: solid 65px rgba(83, 86, 90, 0.05); }
  #faqs .content h2 {
    color: #212322; }
  #faqs .faqs-col .accordion-item {
    border: 0;
    background-color: transparent;
    margin: 0;
    border-radius: 0;
    border-bottom: 2px solid #d5d5d5; }
    #faqs .faqs-col .accordion-item .accordion-header button {
      padding: 0;
      font-size: 20px;
      font-weight: 700;
      font-family: "Roboto", sans-serif;
      color: #ff9933;
      border-radius: 0;
      border: 0;
      background-color: transparent;
      padding: 1.25rem 1.5rem 1.25rem 0;
      outline: none;
      box-shadow: none;
      text-transform: uppercase; }
      #faqs .faqs-col .accordion-item .accordion-header button.collapsed {
        color: #212322; }
      #faqs .faqs-col .accordion-item .accordion-header button::after {
        display: none; }
      #faqs .faqs-col .accordion-item .accordion-header button::before {
        content: "\e906";
        font-family: "standard-icons" !important;
        color: #ff9933;
        font-size: 16px;
        margin-right: 1rem; }
      #faqs .faqs-col .accordion-item .accordion-header button.collapsed::before {
        content: "\e907"; }
    #faqs .faqs-col .accordion-item .accordion-body {
      padding: 0 0 0 0; }
      #faqs .faqs-col .accordion-item .accordion-body p {
        color: #5D5D5D;
        margin: 0 0 1.5rem 0; }
      #faqs .faqs-col .accordion-item .accordion-body ul {
        margin: 2rem 0; }