body {
  font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
  min-height: 100vh;
  }


/* Navigation */
  nav.navbar.is-fixed-top {
    transition: background-color 0.5s ease;
    background-color: rgba(255, 255, 255, 0.5)
  }

  nav.navbar.is-fixed-top.isActive {
    transition: background-color 0.65s ease;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: saturate(160%) blur(22px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(0, 0, 0, 0.06) 0px 0px 2px 0px;
  }

  .navbar-brand img {
    width: 200px;
    height: 250px;
  }

  .navbar .navbar-item img {
    max-height: 3rem;
    margin-left: 1rem;
  }

  .navbar-brand img {
    width: 200px;
    height: 250px;
  }




/* Hero Header */
.hero.has-background {
  position: relative;
  overflow: hidden;
  }
.hero-background {
  position: absolute;
  object-fit: contain;
  object-position: center center;
  width: 100%;
  height: 100%;
  }
/* .hero.has-background-overlay {
  position: relative;
  z-index: 1;
  background-image: url("../images/Section-Cut-House-1920x1080-shapebg.png");
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height:100vh;
  width: 100vw;
  } */

.hero-background.is-transparent {
  opacity: 0.50;
  }
/* Hero footer override if needed */
/* .hero.is-fullheight-with-navbar {
  min-height: calc(100vh - 5.25rem);
  } */

/* Hero scroll icon   */
.down {
  position: relative;
  opacity: 0.6;
  height: 100px;
  width: 100%;
  bottom: 2rem;
  text-align: center;
}

/* Section Summary */

.section .title-divider {
  margin: 10px 0;
  width: 80px;
  height: 5px;
  /* background: #8c8cf9; */
}
.title-divider {
  background: #4a4a4a!important;
  height: 3px;
  border-radius: 50px;
  text-align: center;
}


/* Section backgrounds */
.bg-full-img {
  position: relative;
  z-index: 1;
  background-image: url("../images/sea-rd-ext-011.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height:100vh;
  }

.box-quote {
  padding: 3.24rem;
}


/* Service section */
 .section-detail {
position: absolute;
top: -25rem;
z-index: -1;
left: 6rem;
max-width: 100%;
height: 100vh;
}

.section-detail-kingston {
position: absolute;
top: -20rem;
z-index: -1;
left: 10rem;
width: 100%;
/* height: 100vh; */
}

.box-op {
  opacity: 0.85;
  }



/* Footer */
  .footer-light-medium {
    padding-bottom:0!important;
    padding-top:4rem!important;
    background:#fafafa;
  }
  .footer-light-medium.is-white {
    background:#fff;
  }
  .footer-light-medium .footer-head {
    padding-bottom:3rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    border-bottom:1px solid #e3e3e3
  }
  .footer-light-medium .footer-head .head-text h3 {
    font-family:nexa bold,sans-serif;
    font-size:1.8rem;
    color:#444f60
  }
  .footer-light-medium .footer-head .head-text p {
    font-size:1.1rem;
    color:#999
  }
  .footer-light-medium .footer-head .head-action .buttons .button.action-button {
    height:36px;
    min-width:140px
  }
  .footer-light-medium .footer-head .head-action .buttons .button.chat-button {
    background:transparent;
    border:none;
    outline:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#039be5;
    font-weight:500
  }
  .footer-light-medium .footer-body {
    padding-top:3rem
  }
  .footer-light-medium .footer-body .footer-column {
    padding-top:20px
  }
  .footer-light-medium .footer-body .footer-column .column-header {
    font-family:nexa light,sans-serif;
    text-transform:uppercase;
    color:#444f60;
    font-size:1rem;
    font-weight:700;
    margin:10px 0
  }
  .footer-light-medium .footer-body .footer-column .column-item {
    padding-bottom:10px
  }
  .footer-light-medium .footer-body .footer-column .column-item a {
    color:#999
  }
  .footer-light-medium .footer-body .footer-column .column-item a:hover {
    color:#039be5
  }
  .footer-light-medium .footer-body .social-links {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:10px 0
  }
  .footer-light-medium .footer-body .social-links a {
    color:#999;
    margin:0 5px
  }
  .footer-light-medium .footer-body .social-links a:hover {
    color:#039be5
  }
  .footer-light-medium .footer-body .footer-description {
    color:#999;
    padding:10px 0
  }
  .footer-light-medium .footer-body .moto {
    color:#999
  }
  .footer-light-medium .footer-body .small-footer-logo {
    height:24px
  }
  .footer-light-medium .footer-copyright {
    color:#999;
    padding:4rem 0 2rem
  }
  .footer-light-medium .footer-copyright a {
    color:#999
  }
  .footer-light-medium .footer-copyright a:hover {
    color:#039be5
  }
  @media(max-width:767px) {
    .footer-light-medium .footer-head {
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column;
      text-align:center
    }
    .footer-light-medium .footer-head .head-text {
      padding-bottom:20px
    }
    .footer-light-medium .footer-body {
      padding:1rem!important
    }
  }
  @media only screen and (min-width:768px)and (max-width:1024px)and (orientation:portrait) {
    .footer-light-medium .footer-head {
      padding:1rem!important
    }
    .footer-light-medium .footer-body {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      padding:2rem 1rem!important
    }
    .footer-light-medium .footer-body .column.is-4 {
      width:42%;
      max-width:42%;
      -ms-flex-negative:1;
      flex-shrink:1
    }
    .footer-light-medium .footer-body .is-offset-2 .columns {
      display:-webkit-box!important;
      display:-ms-flexbox!important;
      display:flex!important
    }
  }  






/* Contact / Home Page */
.contact-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  top: 6rem;
  bottom: 3rem;
  padding: 3rem 3rem 3rem 3rem;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-bottom: 6rem;
}

.contact-item {
  height: 40px;
  margin-bottom: 10px;
}