/*!
 * Start Bootstrap - Grayscale v5.0.9 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2019 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:#014743;
border:1px solid #014743;
}

#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:transparent;
    transition:background-color .3s ease-in-out;
    }

    #mainNav .navbar-brand{
    padding:.5rem 0;
    color:rgba(255,255,255,.5);
    }

    #mainNav .nav-link{
    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:#014743;
    }

    #mainNav.navbar-shrink .nav-link:active{
    color:#31504e;
    }

    #mainNav.navbar-shrink .nav-link.active{
    color:#014743;
    outline:0;
    border-bottom:.25rem solid #014743;
    }

}

.masthead{
position:relative;
width:100%;
height:auto;
min-height:35rem;
padding:15rem 0;
background:linear-gradient(to bottom,rgba(22,22,22,.3) 0,rgba(22,22,22,.7) 75%,#161616 100%),url(../img/bg-masthead.jpg);
background-position:center;
background-repeat:no-repeat;
background-attachment:scroll;
background-size:cover;
}

.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.1));
    -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:6rem;
    line-height:7rem;
    letter-spacing:.8rem;

    }

    .masthead h2{
    max-width:30rem;
    font-size:1.25rem;

    }

}

.btn{
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:#014743;
}

.btn-primary:hover{
background-color:#4f837f;
}

.btn-primary:focus{
background-color:#4f837f;
color:#fff;
}

.btn-primary:active{
background-color:#31504e!important;
}

.about-section{
padding-top:10rem;
background:linear-gradient(to bottom,#161616 0,rgba(22,22,22,.9) 75%,rgba(22,22,22,.8) 100%);
}

.about-section p{
margin-bottom:2rem;
}

.about-section.container{
  margin-bottom: 3rem;
}

.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 #014743;
    }
}

.projects-section .project-text{
    padding:3rem;
    font-size:90%;
}

@media (min-width:992px){
    .projects-section .project-text{
       padding:5rem;
    }

    .projects-section .project-text hr{
        border-color:#014743;
        border-width:.25rem;
        width:30%;
    }
}

.signup-section{
    padding:10rem 0;
    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{
    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;   
}

.contact-section .card{
border:0;
border-bottom:.25rem solid #014743;

}

.contact-section .card h4{
font-size:.8rem;
font-family:'Varela Round';
text-transform:uppercase;
letter-spacing:.15rem;

}

.contact-section .card hr{
border-color:#014743;
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:#014743;

}

a:focus,a:hover{
text-decoration:none;
color:#3c6360;

}

.bg-black{
background-color:#161616!important;

}

.bg-primary{
background-color:#014743!important;

}

.text-primary{
color:#014743!important;

}

footer{
padding:5rem 0;

}

.about_ul{
    font-size: 1rem;
}

hr.divider{
    border-color:#014743;
    border-width:.25rem;
    width:30%;
}

.text-sexy{
    color: #014743!important;
}


div.dropdown button.lang {
    /* margin: 10px;
    color: rgba(0,0,0,.5); */
    background: transparent;
    border: none; 
    border-style: none;
  }
  
  img.langimage {
    width: 30px;
  }
  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 40px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown-content a:hover {
    background-color: #ddd;
  }
  
  .dropdown:hover .dropdown-content {
    display: block;
  }
  
  .dropdown:hover .dropbtn {
    background-color: #3e8e41;
  }


  
.navbar-notindex{
  /* background-color: #161616!important; */
  margin-bottom: 330px;
}

.color1{
  color: #014743!important;
}

.color2{
  color: #31504e!important;
}

.h2{
  margin: 40px 0 30px 0;
}

.text-content{
  /* background-image: url('img/forgo_bg_logo.jpg')!important; */
}

.text-content .separator{
  border-color:#014743;
  border-width:.25rem;
  width:30%;
  margin-bottom: 30px;
}

.text-content hr{
  border-width: 2px;
}

.mgb-5{
  margin-bottom: 5rem;
}

.pat-5{
  padding-top: 6rem;
}

img.profilepic {
  background-color: #ffffff;
  border: 1.5px solid #014743;
  border-radius: 50%;
  width: 130px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}

ul.text-white-50 li{
  margin-bottom: 10px;
}

.table{
  font-size: 12px!important;
}

div.dropdown-menu a.dropdown-item{
  font-size: 13px;
  padding: 0.10rem 1.5rem;
}

div.dropdown-menu div.dropdown-divider{
  margin: 0.15rem 0;
}

@media(max-width:590px){
  .nav-link {
    display: block;
    padding: 2px;
  }
}

.text-white-25{
  color: rgba(255,255,255,0.25);
}

.text-white-75{
  color: rgba(255,255,255,0.70);
}

.text-white-90{
  color: rgba(255,255,255,0.94);
}

ul.text-white-75 li{
  color: rgba(255,255,255,0.70);
  margin-bottom: 1rem;
}

ul.text-white-90 li{
  color: rgba(255,255,255,0.94);
  margin-bottom: 1rem;
}

.social a{
  color: #fff!important;
  border: solid #014743;
  border-width: 1px;
}

.social a:hover{
  color: rgba(172, 172, 172, 0.602)!important;
  border: solid #0147437c;
  border-width: 2px;
  transition: 0.15s;
}

div.small.text-black-50{
  font-size: 100%!important;
}