/* 
LOGO GREEN #096b72
LOGO GREEN NEW 439779
PAGE BACKGROUND GREEN #a0b2a6
LINK GREEN 3F8778 YELLOW CBCC9B RED 925342 DARK GREEN 062B2E Purple 2E171A

BLACK #171717

Fonts main: Raleway
Font 2nd: Lusitana
Fonts link: Roboto
*/

html {
    scroll-behavior: smooth;
}

body {
  position: relative;
  background-color: #E8F7EE;
  margin-top:1em;
}

footer a, footer a:active {
    color: #000;
    border-bottom: 1px dotted #000;
}

footer a:hover{
    color: #CBCC9B;
    border-bottom: 1px solid #CBCC9B;
}

.hl {
    color: #439779;

}
.scheme-light{
    background-color: #E8F7EE;
    color: #171717;
}

.scheme-dark{
    background-color: #171717;
    color: #fff;
}

.scheme-dark .lusitana
{
    font-size:1.1em;
}

.carousel,.carousel .carousel-inner,.carousel .carousel-inner .active,.carousel .carousel-inner .carousel-item,.view,body,html {
    height: 100%
}

.roboto {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 300;
}

.lusitana {
    font-family: 'Lusitana', sans-serif;
    font-size: 2.5em;
    font-weight: 300;
    text-align:left;
}
.navbar {
    background-color: #fff;
    box-shadow: none;
    color: #fff  !important;
}

.nav-main .nav-link.active {
    background: none;
    color: #3F8778  !important;
}

.nav-main .nav-link:focus, .nav-main .nav-link:hover, .nav-link:hover, .nav-link:focus {
    color: #CBCC9B !important;
}

.carousel-indicators li {
    width: 2em !important;
    height: 2px !important;
    border-radius: 0% !important;
}
.wow{
    font-family: 'Raleway', sans-serif;
}

.wow .h5{
    font-size:1.7em;
    line-height: 1.0em;
    background-color: rgba(255, 255, 255, 0.2);
}

.display-3{
    line-height: 1.0em;
    background-color: rgba(255, 255, 255, 0.2);
}
.display-4{
    font-size:4.5em;
}
.display-5{
    font-size:2.18em;
}

.wow a {
    background-color:#439779 !important;
}

.page-footer,.top-nav-collapse {
    background-color: #fff
}

.rgba-black-light, .rgba-black-light:after {
    background-color: rgba(0,0,0,.1);
}

.logo{
    width:120px;
    height:auto;
}

.logo-sm{
    width:50px;
    height:auto;
}

.email{
    text-transform: lowercase;
    font-family: 'Raleway';
    letter-spacing: 2px;
    font-size:1.17em;
}

.polygon {
  animation: move 1s ease infinite;
}

.simpleParallax {
        height:200px !important;
    }

.frame {
    background-color:#fff;
}

.blur{
    backdrop-filter: blur(2px);
}

footer {
    font-size: 0.8em;
    background-color:#EDEAD0;
}

footer p{
    width: 100vw;
}
 .wrapper {
     background-color: none;
     max-width: 800px;
     padding: 0px 120px
 }

 .wrapper .content {
     padding: 10px;
     cursor: pointer
 }

 .testimonial {
     padding: 20px 40px;
     position: relative
 }

 .fa-quote-left {
     position: absolute;
     top: -15px;
     left: -6px;
     font-size: 2rem;
     color: #fab41d
 }

 .fa-quote-right {
     position: absolute;
     bottom: -15px;
     right: -6px;
     font-size: 2rem;
     color: #fab41d
 }

 .employee {
     margin-bottom: 40px;
     padding-left: 30px
 }

 .h3 {
     margin: 0
 }

 .carousel-indicators {
     bottom: -100px
 }

 .carousel-indicators li {
     background-color: #333;
     width: 10px;
     height: 10px;
     border-radius: 50%
 }

 .text-jusitfy {
     font-weight: 700
 }

 .text-mute {
     color: #aaa
 }
 


 @media(max-width:767px) {
     .wrapper {
         padding: 80px 50px;
         margin: 50px 10px
     }

     .carousel-indicators {
         bottom: -80px
     }
      footer .col-md-3 {
        text-align:center !important;
    }
    footer p {
        width:100%;
    }
 }

 @media(max-width: 420px) {
     .wrapper {
         padding: 40px 20px
     }
     
     .carousel-indicators {
         bottom: -45px
     }

     .employee {
         margin-bottom: 40px;
         padding-left: 15px
     }
 }

@keyframes move {
  50% {
     transform: translate(0px, -3px);
  }
}

@media only screen and (max-width:992px) {
    .m-5{
        margin:0em !important;
    }
    .navbar {
        background-color: #fff
    }
}