@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

body,
html {
  width: 100%;
  height: 100%; }

body {
  font-family: 'Source Sans Pro'; }

.btn-xl {
  padding: 1rem 2.5rem; }

.content-section {
  padding-top: 10rem;
  padding-bottom: 10rem; }

.content-section-heading h2 {
  font-size: 3rem;
}

.content-section-heading h3 {
  font-size: 2rem;
  text-transform: uppercase;
 }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;}

  h2 {
    margin-top: 0px;
margin-bottom: 20px;
  }

  h3 {
    margin-top: 20px;
margin-bottom: 0px;
  }

.text-faded {
  color: rgba(255, 255, 255, 0.7); }


.mb-5 {
  margin-bottom: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mx-auto{
  margin-left:auto;
  margin-right:auto;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.p-0 {
  padding-right: 0;
  padding-left: 0;
}
/* Nav */

.navbar-nav {
  float: right;
}

.navbar-nav li a{
  text-transform: uppercase;
  font-weight: 800;
}

.navbar-default .navbar-nav>li>a:hover {
   color: #60a59f;
 }

.navbar-brand {
    padding: 5px 5px;
  }

/* Map */
.map {
  height: 30rem; }

@media (max-width: 992px) {
  .map {
    height: 75%; } }

.map iframe {
  pointer-events: none; }

.slide1{
  background-image: url('/system/components/assets/5a60/9082/a923/2208/a0bd/f8ea/original/bg-masthead.jpg?1516277890');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide2{
  background-image: url('/system/components/assets/5a60/9082/a923/2208/a0bd/f8eb/original/bg-masthead2.jpg?1516277890');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide3{
  background-image: url('/system/components/assets/5a60/9082/a923/2208/a0bd/f8ec/original/bg-masthead3.jpg?1516277890');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide1,.slide2,.slide3 {
  min-height: 30rem;
  position: relative;
  display: table;
  width: 100%;
  height: auto;
  padding-top: 16rem;
  padding-bottom: 8rem;
}

.slide1 h1,.slide2 h1,.slide3 h1 {
    font-size: 4rem;
    margin: 0;
    padding: 0;
  }

.slide1 .percent,.slide2 .percent,.slide3 .percent {
    font-size: 8rem;
    margin: 0;
    padding: 0;
  }

.slide1 h2,.slide2 h2,.slide3 h2 {
    font-size: 2rem;
  }

.slide1 .btn,.slide2 .btn,.slide3 .btn {
    margin-top: 20px;
  }

  @media (min-width: 992px) {
.slide1,.slide2,.slide3 {
      height: 100vh; }

.slide1 h1,.slide2 h1,.slide3 h1 {
        font-size: 8rem; }

.slide1 .percent,.slide2 .percent,.slide3 .percent {
          font-size: 10rem;
        }
      }
#services .over {
  position: relative;
  z-index: 10;
}

.flower {
    position: absolute;
    right: 0;
    z-index: 1;
  }


.service-icon {
  margin-top: 5rem;
  background-color: #fff;
  color: #59c4bf;
  height: 8rem;
  width: 8rem;
  display: block;
  line-height: 7.5rem;
  font-size: 2.25rem;
  border-radius: 50%;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); }

.callout {
  padding: 12rem 0;
  background: url("/system/components/assets/5a60/9083/a923/2208/9a50/585c/original/1.jpg?1516277891");
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
.callout h2 {
    font-size: 5rem;
    font-weight: 700;
    display: block;
  }

  .callout2 {
    padding: 12rem 0;
    background: url("/system/components/assets/5a60/9088/a923/2208/a88b/b5f1/original/videoblocks.png?1516277895");
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
  }
  .callout2 h2 {
      font-size: 5rem;
      font-weight: 700;
      display: block;
      margin-bottom: 50px;
    }

.portfolio-item {
  display: block;
  position: relative;
  overflow: hidden;
  max-width: 530px;
 }
  .portfolio-item .caption {
    display: flex;
    height: 100%;
    width: 100%;
    background-color: rgba(33, 37, 41, 0.2);
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1; }
    .portfolio-item .caption .caption-content {
      color: #fff;
      margin: auto 2rem 2rem; }
      .portfolio-item .caption .caption-content h2 {
        font-size: 1.5rem;
        margin-bottom: 10px;
        text-transform: uppercase; }
      .portfolio-item .caption .caption-content p {
        font-weight: 300;
        font-size: 2rem; }
  @media (min-width: 992px) {
    .portfolio-item {
      max-width: none;
      margin: 0; }
      .portfolio-item .caption {
        -webkit-transition: -webkit-clip-path 0.25s ease-out, background-color 0.7s;
        -webkit-clip-path: inset(0px);
        clip-path: inset(0px); }
        .portfolio-item .caption .caption-content {
          transition: opacity 0.25s;
          margin-left: 5rem;
          margin-right: 5rem;
          margin-bottom: 5rem; }
      .portfolio-item img {
        -webkit-transition: -webkit-clip-path 0.25s ease-out;
        -webkit-clip-path: inset(-1px);
        clip-path: inset(-1px); }
      .portfolio-item:hover img {
        -webkit-clip-path: inset(2rem);
        clip-path: inset(2rem); }
      .portfolio-item:hover .caption {
        background-color: rgba(255, 255, 255, 0.24);
        -webkit-clip-path: inset(2rem);
        clip-path: inset(2rem); } }

footer.footer {
  padding-top: 5rem;
  padding-bottom: 5rem; }

a {
  color: #1D809F; }
  a:hover, a:focus, a:active {
    color: #155d74; }

.btn-primary {
  background-color: #a8e8e2 !important;
  border-color: #1D809F !important;
  color: #000 !important;
  border-radius: 0px;
}
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #fff !important;
    border-color: #155d74 !important; }

.btn-secondary {
  background-color: #ecb807 !important;
  border-color: #ecb807 !important;
  color: #fff !important; }
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background-color: #ba9106 !important;
    border-color: #ba9106 !important; }

.btn-dark {
  color: #fff !important; }

.btn {
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
  font-weight: 700; }

.bg-primary {
  background-color: #59c4bf !important; }

.text-primary {
  color: #1D809F !important; }

.text-secondary {
  color: #ecb807 !important; }

  .social-icon
      {
          position: relative;
          padding: 0;
          margin: 0;
          top: 20px;
      }
  .social-icon li
      {
          display: inline-block;
          list-style: none;
      }
  .social-icon li a
      {
        color: #fff;
        display: block;
        height: 4rem;
        width: 4rem;
        line-height: 4.3rem;
        font-size: 1.5rem;
        background-color: #61c4bf;
        border-radius: 50%;
        transition: background-color 0.15s ease-in-out;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
        text-decoration: none;
      }

  .social-icon li a:hover
      {
      background-color: #459c98;
      color: #fff;
      }

.navbar-default .navbar-nav>li>a.foRu_Hover_Enabled { color: #60a59f; }
.portfolio-item.foRu_Hover_Enabled img { -webkit-clip-path: inset(2rem); clip-path: inset(2rem); }
.portfolio-item.foRu_Hover_Enabled .caption { background-color: rgba(255, 255, 255, 0.24); -webkit-clip-path: inset(2rem); clip-path: inset(2rem); }
a.foRu_Hover_Enabled { color: #155d74; }
.btn-primary.foRu_Hover_Enabled { background-color: #fff !important; border-color: #155d74 !important; }
.btn-secondary.foRu_Hover_Enabled { background-color: #ba9106 !important; border-color: #ba9106 !important; }
.social-icon li a.foRu_Hover_Enabled { background-color: #459c98; color: #fff; }