.border-green {
    border-top:4px solid #32CA87;
}


.navbar {
    border-top:4px solid #000;
    border-top-color: rgba(44, 212, 162, 0.2);
}
.navbar-nav .nav-link:hover {
    color:#2cd4a2 !important
}
.navbar-nav .nav-link:hover,
.navbar-nav .active{
    color:#2cd4a2 !important
}

.text-primary-light {
    color: #2cd4a2!important;
}

.text-underline-primary-light {
    background-image: -webkit-gradient(linear,left top,right top,from(rgb(44 212 162 / 20%)));
    background-image: -o-linear-gradient(left,rgba(44,212,162,.2));
    background-image: linear-gradient(to right,rgba(44,212,162,.2));
}

.flickity-button {
    z-index: 4;
    background-color: #2a3b6c;
    border-color: #2a3b6c;
}
.flickity-button:hover {
    background-color: #7889ba;
    border-color: #2a3b6c;
}
.lh-2 {
    line-height: 1.9;
}
.sm-title {
    font-size:0.7em
}
#imageSlider {
    z-index: 1000;
}
.page-hero {
    background-size:900px; 
    background-repeat: no-repeat; 
    background-position: right top; 
    margin-top:-115px
}
.overlay {
    position: fixed;
    background: #1b1642;
    z-index: 15;
    bottom: 0;
    height: 100%;
    width: 100%;
    left: 0;
    overflow: hidden;
}

.overlay .logo {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, 0);
    animation: textAnimation 2s;
    -moz-animation: textAnimation 2s; /* Firefox */
    -webkit-animation: textAnimation 2s; /* Safari and Chrome */
     -o-animation: textAnimation 2s; /* Opera */
}

.overlayclick {
    position: fixed;
    background: #1b1642;
    z-index: 15;
    top: 0;
    height: 0;
    width: 100%;
   left: 0;
   overflow: hidden;
   display: block !important;
}


.overlaymenu {
    position: fixed;
    background: #1b1642;
    z-index: 15;
    top: 0;
    height: 100%;
    width: 100%;
   left: 0;
    display: none;
}

.loaded .overlay {
    animation: overlayAnimation 1.2s;
    -moz-animation: overlayAnimation 1.2s; /* Firefox */
    -webkit-animation: overlayAnimation 1.2s; /* Safari and Chrome */
    -o-animation: overlayAnimation 1.2s; /* Opera */
    height: 0; 
}

@keyframes overlayAnimation {0% {height: 100%;}  100% {height: 0;}}
@-moz-keyframes overlayAnimation {0% {height: 100%;}  100% {height: 0;}}
@-webkit-keyframes overlayAnimation {0% {height: 100%;}  100% {height: 0;}}
@-o-keyframes overlayAnimation {0% {height: 100%;}  100% {height: 0;}}




.loaded .image-box-overlay {
    width: 0;
    animation: imgAnimation 2s;
    -moz-animation: imgAnimation 2s; /* Firefox */
    -webkit-animation: imgAnimation 2s; /* Safari and Chrome */
     -o-animation: imgAnimation 2s; /* Opera */
     
}

@keyframes imgAnimation {0% {width: 100%;} 50% {width: 100%;} 100% {width: 0;}}
@-moz-keyframes imgAnimation {0% {width: 100%;} 50% {width: 100%;} 100% {width: 0;}}
@-webkit-keyframes imgAnimation {0% {width: 100%;} 50% {width: 100%;} 100% {width: 0;}}
@-o-keyframes imgAnimation {0% {width: 100%;} 50% {width: 100%;} 100% {width: 0;}}


.loaded .header-block {
    animation: textAnimation 2s;
    -moz-animation: textAnimation 2s; /* Firefox */
    -webkit-animation: textAnimation 2s; /* Safari and Chrome */
    -o-animation: textAnimation 2s; /* Opera */
}

@keyframes textAnimation {0% {top: 60%; opacity: 0;} 50% {top: 55%; opacity: 0;} 100% {top: 48%; opacity: 1;}}
@-moz-keyframes textAnimation {0% {top: 60%; opacity: 0;} 50% {top: 55%; opacity: 0;} 100% {top: 48%; opacity: 1;}}
@-webkit-keyframes textAnimation {0% {top: 60%; opacity: 0;} 50% {top: 55%; opacity: 0;} 100% {top: 48%; opacity: 1;}}
@-o-keyframes textAnimation {0% {top: 60%; opacity: 0;} 50% {top: 55%; opacity: 0;} 100% {top: 48%; opacity: 1;}}

.progressFillAnimation { 
    height: 100%;
    width: 2px;
    background: #A58861;
    position: absolute;
}

.loaded .progressFillAnimation {
    animation: barAnimation 2s;
  -moz-animation: barAnimation 2s; /* Firefox */
  -webkit-animation: barAnimation 2s; /* Safari and Chrome */
    -o-animation: barAnimation 2s; /* Opera */
    height: 0;
    
}

@keyframes barAnimation {0% {height: 100%;} 50% {height: 100%;} 100% {height: 0;}}
@-moz-keyframes barAnimation {0% {height: 100%;} 50% {height: 100%;} 100% {height: 0;}}
@-webkit-keyframes barAnimation {0% {height: 100%;} 50% {height: 100%;} 100% {height: 0;}}
@-o-keyframes barAnimation {0% {height: 100%;} 50% {height: 100%;} 100% {height: 0;}}

@media only screen and (max-width: 600px) {
    .page-hero .font-size-lg {
        font-size: 1.125rem !important;
    }
    .home-portfolio {
        margin-top: 2rem;
    }
    .page-hero {
        background-position: left !important;
    }
    .services-blocks {
        padding:2rem;
    }
    .services-blocks .list-unstyled {
        text-align: left;
        font-size:1rem;
    }
    .services-blocks .font-size-lg {
        font-size: 1.2rem !important;
        text-align: left;
    }
    .services-blocks .display-4 {
        margin-top:2rem;
        text-align: left;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 28px;
    }
    .navbar-light .navbar-nav .nav-item {
        text-align: center;
    }
    .navbar {
        z-index:99;
    }
}