/*!
 * 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)
 */

.pictures-row {
  height:300px;
}
@media (max-width: 993px) {
  .pictures-row{
    height:150px;
  }
}

.pictures-row div{
  border:3px solid white;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#pictures-1-1{
  background-image: url("../img/p1/1.jpg");
}

#pictures-1-2{
  background-image: url("../img/p1/2.jpg");
}

#pictures-1-3{
  background-image: url("../img/p1/3.JPG");
}

#pictures-1-4{
  background-image: url("../img/p1/4.jpg");
}

#pictures-2-1{
  background-image: url("../img/p1/5.jpg");
}

#pictures-2-2{
  background-image: url("../img/p1/6.JPG");
}

#pictures-2-3{
  background-image: url("../img/p1/7.jpg");
}

#pictures-2-4{
  background-image: url("../img/p1/8.jpg");
}

#pictures-3-1{
  background-image: url("../img/p2/1.jpg");
}

#pictures-3-2{
  background-image: url("../img/p2/2.jpg");
}

#pictures-3-3{
  background-image: url("../img/p2/3.jpg");
}

#pictures-3-4{
  background-image: url("../img/p2/4.jpg");
}

#pictures-4-1{
  background-image: url("../img/p2/5.jpg");
}

#pictures-4-2{
  background-image: url("../img/p2/6.jpg");
}

#pictures-4-3{
  background-image: url("../img/p2/7.jpg");
}

#pictures-4-4{
  background-image: url("../img/p2/8.jpg");
}

#pictures-5-1{
  background-image: url("../img/p3/1.JPG");
}

#pictures-5-2{
  background-image: url("../img/p3/2.jpg");
}

#pictures-5-3{
  background-image: url("../img/p3/3.jpg");
}

#pictures-5-4{
  background-image: url("../img/p3/4.jpg");
}

#pictures-6-1{
  background-image: url("../img/p3/5.jpg");
}

#pictures-6-2{
  background-image: url("../img/p3/6.jpg");
}

#pictures-6-3{
  background-image: url("../img/p3/7.jpg");
}

#pictures-6-4{
  background-image: url("../img/p3/8.jpg");
}

#pictures-7-1{
  background-image: url("../img/p4/1.jpg");
}

#pictures-7-2{
  background-image: url("../img/p4/2.JPG");
}

#pictures-7-3{
  background-image: url("../img/p4/3.jpg");
}

#pictures-7-4{
  background-image: url("../img/p4/4.jpg");
}

#pictures-8-1{
  background-image: url("../img/p4/5.jpg");
}

#pictures-8-2{
  background-image: url("../img/p4/6.JPG");
}

#pictures-8-3{
  background-image: url("../img/p4/7.jpg");
}

#pictures-8-4{
  background-image: url("../img/p4/8.jpg");
}

#pictures-9-1{
  background-image: url("../img/p5/1.jpg");
}

#pictures-9-2{
  background-image: url("../img/p5/2.jpg");
}

#pictures-9-3{
  background-image: url("../img/p5/3.jpg");
}

#pictures-9-4{
  background-image: url("../img/p5/4.jpg");
}

#pictures-10-1{
  background-image: url("../img/p5/5.jpg");
}

#pictures-10-2{
  background-image: url("../img/p5/6.jpg");
}

#pictures-10-3{
  background-image: url("../img/p5/7.jpg");
}

#pictures-10-4{
  background-image: url("../img/p5/8.jpg");
}

#pictures-11-1{
  background-image: url("../img/p6/1.jpg");
}

#pictures-11-2{
  background-image: url("../img/p6/2.jpg");
}

#pictures-11-3{
  background-image: url("../img/p6/3.jpg");
}

#pictures-11-4{
  background-image: url("../img/p6/4.jpg");
}

#pictures-12-1{
  background-image: url("../img/p6/5.jpg");
}

#pictures-12-2{
  background-image: url("../img/p6/6.png");
}

#pictures-12-3{
  background-image: url("../img/p6/7.jpg");
}

#pictures-12-4{
  background-image: url("../img/p6/8.jpg");
}

#pictures-13-1{
  background-image: url("../img/p7/1.jpg");
}

#pictures-13-2{
  background-image: url("../img/p7/2.jpg");
}

#pictures-13-3{
  background-image: url("../img/p7/3.jpg");
}

#pictures-13-4{
  background-image: url("../img/p7/4.JPG");
}

#pictures-14-1{
  background-image: url("../img/p7/5.jpg");
}

#pictures-14-2{
  background-image: url("../img/p7/6.jpg");
}

#pictures-14-3{
  background-image: url("../img/p7/7.jpg");
}

#pictures-14-4{
  background-image: url("../img/p7/8 (2).jpg");
}

#pictures-15-1{
  background-image: url("../img/p8/1.png");
}

#pictures-15-2{
  background-image: url("../img/p8/2.jpg");
}

#pictures-15-3{
  background-image: url("../img/p8/3.jpg");
}

#pictures-15-4{
  background-image: url("../img/p8/4.jpg");
}

#pictures-16-1{
  background-image: url("../img/p8/5.jpg");
}

#pictures-16-2{
  background-image: url("../img/p8/6.jpg");
}

#pictures-16-3{
  background-image: url("../img/p8/7.JPG");
}

#pictures-16-4{
  background-image: url("../img/p8/8.jpg");
}


#pictures-17-1{
  background-image: url("../img/p9/1.jpg");
}

#pictures-17-2{
  background-image: url("../img/p9/2.jpg");
}

#pictures-17-3{
  background-image: url("../img/p9/3.jpg");
}

#pictures-17-4{
  background-image: url("../img/p9/4.jpg");
}

#pictures-18-1{
  background-image: url("../img/p9/5.jpg");
}

#pictures-18-2{
  background-image: url("../img/p9/6.JPG");
}

#pictures-18-3{
  background-image: url("../img/p9/7.jpg");
}

#pictures-18-4{
  background-image: url("../img/p9/8.jpg");
}


#pictures-19-1{
  background-image: url("../img/p10/1.jpg");
}

#pictures-19-2{
  background-image: url("../img/p10/2.jpg");
}

#pictures-19-3{
  background-image: url("../img/p10/3.jpg");
}

#pictures-19-4{
  background-image: url("../img/p10/4.jpg");
}

#pictures-20-1{
  background-image: url("../img/p10/5.jpg");
}

#pictures-20-2{
  background-image: url("../img/p10/6.jpg");
}

#pictures-20-3{
  background-image: url("../img/p10/7.jpeg");
}

#pictures-20-4{
  background-image: url("../img/p10/8.jpg");
}


#pictures-21-1{
  background-image: url("../img/p11/1.jpg");
}

#pictures-21-2{
  background-image: url("../img/p11/2.jpg");
}

#pictures-21-3{
  background-image: url("../img/p11/3.jpg");
}

#pictures-21-4{
  background-image: url("../img/p11/4.jpg");
}

#pictures-22-1{
  background-image: url("../img/p11/5.jpg");
}

#pictures-22-2{
  background-image: url("../img/p11/6.jpg");
}

#pictures-22-3{
  background-image: url("../img/p11/7.jpg");
}

#pictures-22-4{
  background-image: url("../img/p11/8.jpg");
}

#pictures-23-1{
  background-image: url("../img/p12/1.jpg");
}

#pictures-23-2{
  background-image: url("../img/p12/2.jpg");
}

#pictures-23-3{
  background-image: url("../img/p12/3.jpg");
}

#pictures-23-4{
  background-image: url("../img/p12/4.jpg");
}

#pictures-24-1{
  background-image: url("../img/p12/5.jpg");
}

#pictures-24-2{
  background-image: url("../img/p12/6.jpg");
}

#pictures-24-3{
  background-image: url("../img/p12/7.jpg");
}

#pictures-24-4{
  background-image: url("../img/p12/8.jpg");
}

#pictures-25-1{
  background-image: url("../img/p13/1.jpg");
}

#pictures-25-2{
  background-image: url("../img/p13/2.jpg");
}

#pictures-25-3{
  background-image: url("../img/p13/3.jpg");
}

#pictures-25-4{
  background-image: url("../img/p13/4.jpg");
}

#pictures-26-1{
  background-image: url("../img/p13/5.jpg");
}

#pictures-26-2{
  background-image: url("../img/p13/6.jpg");
}

#pictures-26-3{
  background-image: url("../img/p13/7.jpg");
}

#pictures-26-4{
  background-image: url("../img/p13/8.jpg");
}


#mainNav {
  min-height: 56px;
  background-color: transparent;
}


#mainNav .navbar-toggler {
  font-size: 110%;
  font-weight:lighter;
  padding: 0.75rem;
  color: #fffffff0;
  /*border: 1px solid #fffffff0;*/
  border:none;
  float:right;
}

.black {
  color:black !important;
}

.black-tog {
  color:black !important;
}



/**
#mainNav .navbar-toggler-black {
  font-size: 110%;
  font-weight:lighter;
  padding: 0.75rem;
  color: #000000ff;
  --border: 1px solid #fffffff0;
  --border:none;
  float:right;
}
**/

#mainNav .navbar-toggler:focus {
  outline: none;
}

#mainNav .navbar-brand {
  color: #161616;
  font-weight: 700;
  padding: .9rem 0;
}

#mainNav .navbar-nav .nav-item:hover {
  color: fade(white, 80%);
  outline: none;
  background-color: transparent;
}

#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
  outline: none;
  background-color: transparent;
}

.bolder {
  font-weight:800;
}

.tiny-icon1 {
  width:60px;
  margin-bottom:5px;
}

.tiny-icon2 {
  width:50px;
  margin-bottom:5px;

}

.tiny-icon3 {
  width:40px;
  margin-bottom:5px;

}

@media (max-width: 993px) {
  .navbar-shrink {
    background-color:rgba(255,255,255,1) !important;
  }
}

@media (max-width: 780px) {
  .navbar-shrink {
    background-color:rgba(255,255,255,1) !important;
  }
}

@media (max-width: 576px) {
  .navbar-shrink {
    background-color:rgba(255,255,255,0.9) !important;
  }
}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    background-color: transparent;
    transition: opacity 2s ease-in-out,top 2s ease-in-out,background-color 0.3s ease-in-out;
  }
  #mainNav .navbar-brand {
    padding: .5rem 0;
    color: rgba(255, 255, 255, 0.5);
  }
  #mainNav .nav-link {
    transition: none;
    padding: 2rem 1.5rem;
    color: rgba(255, 255, 255, 1);
  }
  #mainNav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75);
  }
  #mainNav .nav-link:active {
    color: white;
  }
  #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: 0.25rem solid transparent;*/
  }
  #mainNav.navbar-shrink .nav-link:hover {
    color: rgba(0, 0, 0, 0.70);
  }
  #mainNav.navbar-shrink .nav-link:active {
    color: rgba(0, 0, 0, 0.70);
  }
  #mainNav.navbar-shrink .nav-link.active {
    /*
    color: #64a19d;
    outline: none;
    border-bottom: 0.25rem solid blue;
    */
  }
}

@media(max-width:1150px) {
  #mainNav .nav-link {
    font-size:0.8em;
    padding: 1em 0.75rem;
    color:white;
  }
}

@media(max-width:992px) {
  #mainNav .nav-link {
    font-size:0.8em;
    color:white;
  }
}

@media(max-width:576px) {
  #mainNav .nav-link {
    font-size:1rem;
    color:rgba(255,255,255,1);
  }

  #mainNav .nav-item {
    width:100%;
    text-align:right;
  }

  #mainNav.navbar-shrink {
    /*visibility: hidden;*/
  }
}


.extended-text{
  letter-spacing: 0.2em
}

@media (max-width: 450px) {
  #floating-logo{
    display:none;
  }
}

.floating-logo-hidden{
  display: none;
}

.floating-logo-present{
  display: none;
}

@media (min-width: 992px) {

  .floating-logo-present{
    position:fixed;
    height:200px;
    z-index:1000;
    display:block;
    bottom:10px;
    right:10px;
    width:200px;
    object-fit: cover;
  }
}

#floating-logo-img{
  width:270px;
  height:270px;
  object-fit: cover;
}




#logo-bottom-right{
  position:absolute;
  width:100px;
  height:180px;
  right:20px;
  bottom:30px;
  object-fit: cover;
}

#logo-bottom-right img{
  width:80px;
  height:250px;
  object-fit: cover;
}

@media (max-width: 1024px) {
  #logo-bottom-right{
    position:absolute;
    width:100px;
    height:210px;
    right:20px;
    bottom:7%;
    object-fit: cover;
    overflow:hidden;

  }

  #logo-bottom-right img{
    width:85px;
    height:278px;
    object-fit: cover;
  }
}


@media (max-width: 576px) {
  #logo-bottom-right{
    position:absolute;
    width:42px;
    height:130px;
    top:20px;
    left:20px;
    overflow:hidden;
  }

  #logo-bottom-right img{
    width:42px;
    height:140px;
    object-fit: cover;
    object-position: 100% 10%;

  }
}

#motto {
  max-width:600px;
  width:600px;
  position:absolute;
  margin:auto;
  left:50%;
  margin-left:-300px;
  text-align:center;
  bottom:40px;
}

@media (max-width: 1024px) {

  #motto {
    bottom:7%;
  }
}


@media (max-width: 600px) {

  #motto {
    max-width:300px;
    width:300px;
    position:absolute;
    margin:auto;
    left:50%;
    margin-left:-150px;
    text-align:center;
    bottom:5%;
  }
}



.img-grid{
  object-fit: cover;
  height:400px;
}

.navbar-nav {
  width:100%;
  margin-top: 20px;
  font-size:1.25rem;
  font-family:'Trebuchet MS'
}



@media (max-width: 576px) {

  .navbar-nav {
    margin-top: 7px;

  }
 /**
  .navbar-nav-black {
    width:100%;
    color:black;
    margin-top: 7px;
    font-size:1.25rem;
    font-family:'Trebuchet MS'
  }
  **/

}



.nav-item {
  width: 25%;
  text-align: center;
}

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

#logo-masthead{
  height:350px
}

.logo-masthead-initial{
  opacity:0;
  margin-bottom:100px;
}

.logo-masthead-loaded{
  opacity:1;
  margin-bottom:0px;
  transition: opacity 2s ease-in-out, margin-bottom 2s ease-in-out;
}

.logo-masthead-go{
  opacity:0;
  transition: opacity 2s ease-in-out;
}

@media(max-width:1024px) {
  .masthead {
    background-position: 73% 0%;
  }
}


@media(max-width:576px) {
  .masthead {
    background-position: 73% 0%;
  }
}


.masthead h1 {
  font-family: 'Varela Round';
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 0.8rem;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0.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: 300px) {
  .masthead {
    height: 100vh;
    padding: 0;
  }
  .masthead h1 {
    font-size: 6.5rem;
    line-height: 6.5rem;
    letter-spacing: 0.8rem;
  }
  .masthead h2 {
    max-width: 30rem;
    font-size: 1.25rem;
  }
}

.btn {
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 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: white;
}

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

.about-section {
  padding-top: 4rem;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

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

.projects-section {
  padding-top: 4rem;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.projects-section .featured-text {
  padding: 2rem;
}
.projects-section .featured-text-r {
  padding: 2rem;
}


@media (min-width: 992px) {
  .projects-section .featured-text {
    padding: 0 0 0 2rem;
    border-left: 0.5rem solid #a1c3ec;
  }
}

@media (min-width: 992px) {
  .projects-section .featured-text-r {
    padding: 2rem 2rem 2rem 2rem;
    border-right: 0.5rem solid #a1c3ec;
  }
}

.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: #a1c3ec;
    border-width: .25rem;
    width: 30%;
  }
}

/** Small screens **/
.textzone {
  width:80%;
  text-align: center;
  margin: auto;
  font-size: 0.8rem;
  text-align: justify;
  font-weight: 400;
}

.list-textzone {
  padding-left:15px;
}

#about-picture{
    width:200px
}


@media(min-width:580px) {
  .textzone {
    width: 540px;
    text-align: center;
    margin: auto;
    font-size: 1.2rem;
    text-align: justify;
    font-weight: 400;
  }

  .list-textzone {
    padding-left:15px;
  }

  #about-picture{
      width:400px
  }
}

.signup-section {
  padding: 10rem 0;
  background: linear-gradient(to bottom, rgba(22, 22, 22, 0.1) 0%, rgba(22, 22, 22, 0.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 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
  padding: 1.25rem 2rem;
  height: auto;
  font-family: 'Varela Round';
  font-size: 80%;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  border: 0;
}

.contact-section {
  padding: 4rem 0 0;
}

.contact-section .card {
  border: 0;
  border-bottom: 0.25rem solid #64a19d;
}

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

.contact-section .card hr {
  border-color: #64a19d;
  border-width: 0.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, 0.1);
  border-radius: 100%;
  line-height: 3rem;
  color: vv;
}

.contact-section .social a:hover {
  color: rgba(255, 255, 255, 0.5);
}

.contact-section .social a:active {
  color: #fff;
}

@font-face {
    font-family: 'Trebuchet MS2';
    font-style: normal;
    font-weight: normal;
    src: local('Trebuchet MS'), url('fonts/treb.ttf') format('truetype');
}

body {
  display:none;
  font-family:"Trebuchet MS2";
  letter-spacing: 0.0625em;
}

a {
  color:rgba(0,0,0,0.8)
  /*color: #6fa3da;*/
}

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

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

.bg-primary {
  background-color: #64a19d !important;
}

.text-primary {
  color: rgba(0, 0, 0, 0.7) !important;
}

footer {
  padding: 5rem 0;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}