/*!
 * Start Bootstrap - Grayscale v5.0.2 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */
 #mainNav{min-height:56px;background-color:#fff}
 #mainNav .navbar-toggler{font-size:80%;padding:.75rem;color:#64a19d;border:1px solid #64a19d}
 #mainNav .navbar-toggler:focus{outline:0}
 #mainNav .navbar-brand{color:#161616;font-weight:700;padding:.9rem 0}
 #mainNav .navbar-nav .nav-item:hover{color:fade(white,80%);outline:0;background-color:transparent}
 #mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{outline:0;background-color:transparent}
 @media (min-width:992px)
 {
     #mainNav{padding-top:0;padding-bottom:0;border-bottom:none;background-color:rgba(0,0,0,0.3);
        -webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out
    }
        #mainNav .navbar-brand{padding:.5rem 0;color:rgba(255,255,255,.5)}
        #mainNav .nav-link{-webkit-transition:none;transition:none;padding:2rem 1.5rem;color:rgba(255,255,255,.5)}
        #mainNav .nav-link:hover{color:rgba(255,255,255,.75)}
        #mainNav .nav-link:active{color:#fff}
        #mainNav.navbar-shrink{background-color:#fff}
        #mainNav.navbar-shrink .navbar-brand{color:#161616}
        #mainNav.navbar-shrink .nav-link{color:#161616;padding:1.5rem 1.5rem 1.25rem;border-bottom:.25rem solid transparent}
        #mainNav.navbar-shrink .nav-link:hover{color:#64a19d}
        #mainNav.navbar-shrink .nav-link:active{color:#467370}
        #mainNav.navbar-shrink .nav-link.active{color:#64a19d;outline:0;border-bottom:.25rem solid #64a19d}
    }
/* .masthead{
    background-color:rgba(0,0,0,0.6);
    }   
    */.masthead h1{
        font-family:'Varela Round';
        font-size:2.5rem;
        line-height:2.5rem;
        letter-spacing:.8rem;
        background:-webkit-linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,0));
        -webkit-text-fill-color:transparent;
        -webkit-background-clip:text
    }
    .masthead h2{max-width:20rem;font-size:1rem} 
    @media (min-width:768px){
        .masthead h1{font-size:4rem;line-height:4rem}
    }
    @media (min-width:992px){
        .masthead{height:100vh;padding:0}
        .masthead h1{font-size:6.5rem;line-height:6.5rem;letter-spacing:.8rem}
        .masthead h2{max-width:30rem;font-size:1.25rem}
    }
    .btn{-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;
        padding:1.25rem 2rem;
        font-family:'Varela Round';
        font-size:80%;
        text-transform:uppercase;
        letter-spacing:.15rem;border:0
    }
    .btn-primary{background-color:#64a19d}
    .btn-primary:hover{background-color:#4f837f}
    .btn-primary:focus{background-color:#4f837f;color:#fff}
    .btn-primary:active{background-color:#467370!important}
    .about-section{padding-top:10rem;background:-webkit-gradient(linear,left top,left bottom,from(#161616),color-stop(75%,rgba(22,22,22,.9)),to(rgba(22,22,22,.8)));
        background:linear-gradient(to bottom,#161616 0,rgba(22,22,22,.9) 75%,rgba(22,22,22,.8) 100%)}
        .about-section p{
            margin-bottom:5rem;
            color: #fff;
            text-align: left;
        }
        .projects-section{padding:10rem 0}
        .projects-section .featured-text{padding:2rem; }
        @media (min-width:992px){
            .projects-section .featured-text{padding:0 0 0 2rem;border-left:.5rem solid #64a19d}}
            .projects-section .project-text{padding:3rem;font-size:90%; color: #fff}
            @media (min-width:992px){
                .projects-section .project-text{padding:5rem; color: #fff;}
                .projects-section .project-text hr{border-color:#64a19d;border-width:.25rem;width:30%}
            }
.signup-section{
    padding:10rem 0;
    /*background:-webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.1)),color-stop(75%,rgba(22,22,22,.5)),to(#161616)),url(../img/bg-signup.jpg); */
    /*background:linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/bg-signup.jpg);*/
    background-position:center;background-repeat:no-repeat;
    background-attachment:scroll;background-size:cover
}
.signup-section .form-inline input{-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;
box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;padding:1.25rem 2rem;height:auto;font-family:'Varela Round';font-size:80%;text-transform:uppercase;letter-spacing:.15rem;border:0}
.contact-section{padding:5rem 0 0; background-color: rgba(0,0,0,0.3)}
.contact-section .card{border:0;border-bottom:.25rem solid #64a19d}
.contact-section .card h4{font-size:.8rem;font-family:'Varela Round';text-transform:uppercase;
    letter-spacing:.15rem}
.contact-section .card hr{border-color:#64a19d;border-width:.25rem;width:3rem}
.contact-section .social{margin-top:5rem}
.contact-section .social a{text-align:center;height:3rem;width:3rem;background:rgba(255,255,255,.1);
    border-radius:100%;line-height:3rem;
    color:rgba(255,255,255,.3)
}
.contact-section .social a:hover{color:rgba(255,255,255,.5)}
.contact-section .social a:active{color:#fff}
body{font-family:Nunito;letter-spacing:.0625em}
a{color:#64a19d}a:focus,a:hover{text-decoration:none;color:#3c6360}
.bg-black{
    background-color:#161616!important;
    color: #000;
}
.bg-primary{background-color:#64a19d!important}
.text-primary{color:#64a19d!important}
footer{
    padding:5rem 0;
    background-color: rgba(0,0,0,0.3);
}
.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}
.col{ color: #fff}
.coo {
    position: fixed;
    z-index: 9999;
    height: 85px;
    background: #60317d;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
  }
  .cookie-consent{
    padding-top: 20px;
  }