@font-face {
      font-family: 'albert';
      src: url(../font/Albert_Sans/AlbertSans-VariableFont_wght.ttf);
  }

      @font-face {
    font-family: 'icones';
    src: url(../font/icones.ttf);
}

  
    body {
      font-family: 'Open Sans', sans-serif;
      margin: 0;
      padding: 0;
      background: #ffffff;
      color: #2e2e2e;
    }

textarea:focus, input:focus {
      box-shadow: 0 0 0 0;
      outline: 0;
    }



 /* Slideshow */

    * {box-sizing: border-box;}
    body {font-family: Verdana, sans-serif;}
    .mySlides {display: none;}
    img {vertical-align: middle;}




    .slideshow-container {
  position: relative;
  max-width: 100%;
  margin: auto;
}

.mySlides {
  display: none;
  position: relative;
}

.fade {
  animation-name: fade;
  animation-duration: 1s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.dot {
  height: 12px;
  width: 12px;
  margin: 5px 3px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.active {
  background-color: #717171;
}