/* Fonts */
  @font-face {
    font-family: "AvenirNextLTPro-Light";
    src: url("fonts/AvenirNextLTPro-Light.eot?#iefix") format("embedded-opentype"), url("fonts/AvenirNextLTPro-Light.woff2") format("woff2"), url("fonts/AvenirNextLTPro-Light.woff") format("woff"), url("fonts/AvenirNextLTPro-Light.ttf") format("truetype");
  }
  @font-face {
  font-family: "AvenirNextLTPro-Regular";
  src: url("fonts/AvenirNextLTPro-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/AvenirNextLTPro-Regular.woff2") format("woff2"), url("fonts/AvenirNextLTPro-Regular.woff") format("woff"), url("fonts/AvenirNextLTPro-Regular.ttf") format("truetype");
  }
  @font-face {
    font-family: "Tahoma Bold";
    src: url("fonts/Tahoma-Bold.woff2") format("woff2"), url("fonts/Tahoma-Bold.woff") format("woff"), url("fonts/Tahoma-Bold.ttf") format("truetype");
  }
  @font-face {
  font-family: "Tahoma";
  src: url("fonts/Tahoma.woff2") format("woff2"), url("fonts/Tahoma.woff") format("woff"), url("fonts/Tahoma.ttf") format("truetype");
  }
 /* html */
  html {
    /* 1 */
    font-family: "AvenirNextLTPro-Regular", 'Helvetica Neue', 'Helvetica', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 3 */
    background: #fff;
    /* color: #000; */
    color: #111 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  }
  /* headings */
  h1,
  .uk-h1,
  h2,
  .uk-h2,
  h3,
  .uk-h3,
  h4,
  .uk-h4,
  h5,
  .uk-h5,
  h6,
  .uk-h6,
  .uk-heading-small,
  .uk-heading-medium,
  .uk-heading-large,
  .uk-heading-xlarge,
  .uk-heading-2xlarge {
    margin: 0 0 20px 0;
    font-family: "Tahoma", 'Helvetica Neue', 'Helvetica', sans-serif;
    /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
    font-weight: normal;
    color: #23294d;
    text-transform: none;
  }
  /* Laptop and bigger */
  @media (min-width: 1200px) {
    .uk-heading-large {
      font-size: 5rem;
    }

  }
  .uk-text-large {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .green-color-text {
    color: #22b363
  }
  .icon-color {
    color: #22b363
  }
  .font-bold {
      font-family: "Tahoma Bold", 'Helvetica Neue', 'Helvetica', sans-serif;
  }
  .uk-divider-small::after {
    content: "";
    display: inline-block;
    width: 100px;
    max-width: 100%;
    border-top: 2px solid #22b363;
    vertical-align: top;
  }
/* end global */
/* Specfic to Home */
@media (max-width: 960px)  {
  .home-logo {
    width: 280px;
  }
  .about-us {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .uk-text-large {
    font-size: 1.54rem;
    line-height: 1.5;
  }
}
.nav-open-home {
   min-height: 0px;
   padding: 0 15px;
}
.uk-section-primary {
  background: #22b363;
}
/* scrim bottom */
.scrim-overlay-top {
  background: 0 0;
  background-image: linear-gradient(to bottom,rgba(0,0,0,0.1) 90%,rgba(0,0,0,0.4)) !important;
}
/* scrim top */
.scrim-overlay {
  background: 0 0;
  background-image: linear-gradient(to top,rgba(0,0,0,0.1) 70%,rgba(0,0,0,0.5)) !important;
}
hr, .uk-hr {
    border-top: 2px solid #111;
}
/* featured projects */
.image-fade-out {
    transition: opacity 500ms;
  }
.image-fade-out:hover  {
  opacity: 0.5
}
.text-link-hover
 {
  opacity: 0.3;
  transition: opacity 500ms;
 }
.circle {
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background-color: none;
}
.circle.circle-align-horizontal {
    position: absolute;
    z-index:2
}
.circle.circle-align-horizontal.circle-align-left {
    left: 0px;
}
.image-decoration-image {
    position: relative;
    z-index: 1;
    left: 25px; /* added st02 */
}
.image-decoration-container {
    position: relative;
}

@media only screen and (max-width: 1200px) {
  .circle.circle-align-horizontal.circle-align-left {
      left: -80px;
  }
  /* added st02 */
  .image-decoration-image {
      left: 0px;
  }
  /* added st02 */
  .uk-h1 {
    font-size: 1.6rem;
    line-height: 1.3;
  }
}
/* Footer */
.footer.uk-section-secondary {
  background: #23294d;
}
.footer2 {
    border-top: 1px solid #22b363;
}
.credit-text {
  font-size: 0.675rem;
}
.footer {
  border-bottom: 0px solid #22b363;
  /* padding-top: 80px;
  padding-bottom: 50px; */
  line-height: 1.5;
  font-size: 0.875rem;
  /* letter-spacing: .1rem; */
}
.footer  a {
  line-height: 1.5;
  /* font-size: 0.875rem; */
}
@media only screen and (max-width: 639px) {
  .footer  a {
    font-size: 0.875rem;
  }
  .footer .credit-text  {
    font-size: 0.675rem;
  }
}
.footer a.uk-link-muted {
    color: rgba(255, 255, 255, 0.7) !important;
}
.footer a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link {
  color: #22b363  !important;
  text-decoration: none;
}
/* helpers */
/* color
 Blue #23294d
 Greem #22b363
 Grey #7e7e7e
 Sky blue #2bade3
 Pink #d9a0c8
*/
/****** Animation css */
.delay-0-3s {
    animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
}
.delay-0-4s {
    animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
}
.delay-0-5s {
    animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
}
.delay-0-7s {
    animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
}
.delay-0-8s {
    animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
}
.delay-1s {
    animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
}
.delay-1-2s {
    animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
}
.delay-1-3s {
    animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
}
.delay-1-4s {
    animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s;
    -o-animation-delay: 1.4s;
}
.delay-1-5s {
    animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
}
.delay-1-6s {
    animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s;
    -o-animation-delay: 1.6s;
}
.delay-1-7s {
    animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
    -webkit-animation-delay: 1.7s;
    -o-animation-delay: 1.7s;
}
.delay-1-8s {
    animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    -webkit-animation-delay: 1.8s;
    -o-animation-delay: 1.8s;
}
.delay-1-9s {
    animation-delay: 1.9s;
    -moz-animation-delay: 1.9s;
    -webkit-animation-delay: 1.9s;
    -o-animation-delay: 1.9s;
}
.delay-2s {
    animation-delay: 2s;
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -o-animation-delay: 2s;
}
.delay-3s {
    animation-delay: 3s;
    -moz-animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -o-animation-delay: 3s;
}
.delay-3-5s {
    animation-delay: 3.5s;
    -moz-animation-delay: 3.5s;
    -webkit-animation-delay: 3.5s;
    -o-animation-delay: 3.5s;
}
.delay-4s {
    animation-delay: 4s;
    -moz-animation-delay: 4s;
    -webkit-animation-delay: 4s;
    -o-animation-delay: 4s;
}
.delay-4-5s {
    animation-delay: 4.5s;
    -moz-animation-delay: 4.5s;
    -webkit-animation-delay: 4.5s;
    -o-animation-delay: 4.5s;
}
.delay-2-5-duration-1s {
    animation-delay: .25s;
    -moz-animation-delay: .25s;
    -webkit-animation-delay: .25s;
    -o-animation-delay: .25s;

    animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
}

.delay-0-5-duration-1s {
    animation-delay: .5s;
    -moz-animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -o-animation-delay: .5s;

    animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
}
.delay-0-75-duration-1s {
    animation-delay: .75s;
    -moz-animation-delay: .75s;
    -webkit-animation-delay: .75s;
    -o-animation-delay: .75s;

    animation-duration: 1s;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
}
.delay-1-duration-1-5s  {
    animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;

    animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
}
.delay-2-duration-2-5s  {
    animation-delay: 2s;
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -o-animation-delay: 2s;

    animation-duration: 2.5s;
    -moz-animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    -o-animation-duration: 2.5s;
}
.delay-3-duration-3-5s {
    animation-delay: 3s;
    -moz-animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -o-animation-delay: 3s;

    animation-duration: 3.5s;
    -moz-animation-duration: 3.5s;
    -webkit-animation-duration: 3.5s;
    -o-animation-duration: 3.5s;
}
.duration-05 {
    -webkit-animation-duration: 1s;
    animation-duration: .5s;
}
.duration-1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.duration-2 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
.duration-3 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}