body{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}


header
{
    display: flex;
}

header nav {
    /*position: fixed;*/

    width: 100%;
    height: 100%;
    z-index: 10;

    padding: 20px 17%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-family: proxima-n-w01-reg,sans-serif; 
}

.nav{
    
    list-style: none;
    
}
.nav li{
    display: inline-block;
    padding: 0px 13px;
}

.nav li a {
    
    font-size: 18px;
    text-decoration: none;
    color: white;
    font-weight: 500;
}

.logo{
  margin-right: auto;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
}

.nav li a:hover, .logo:hover
{
    color: black;
}


@media (max-width: 1120px) {
    .nav li {
        display: flex;
        /*flex-direction: column;
        align-items: flex-start;
        text-align: center;*/
    }
    
}

.mySlides {
    display:none;
    /*text-align: center;*/
}


  slider {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #1f1f1f;
    overflow: hidden;
    position: absolute;
   }
   
    slider > * {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    /*background: #1f1f1f;
    /*animation: slide 135s infinite;*/
    overflow: hidden;
   }
   
    
    /*left: 100%;
    animation-delay: -2 .. 4 .. 6...10s;*/
/*
slide:nth-child(1){
    background-image: url(../images/homeSlider/01.jpg);
    background-size: cover;
    background-position: center;
   }
   
   slide:nth-child(2){
    background-image: url(../images/homeSlider/02.jpg);
    background-size: cover;
    background-position: center;
   }
   
   slide:nth-child(3){
    background-image: url(../images/homeSlider/03.jpg);
    background-size: cover;
    background-position: center;
   }
   
   slide:nth-child(4){
    background-image: url(../images/homeSlider/04.jpg);
    background-size: cover;
    background-position: center;
   }
   
    slide:nth-child(5){
    background-image: url(../images/homeSlider/05.jpg);
    background-size: cover;
    background-position: center;
   }

slide:nth-child(6){
    background-image: url(../images/homeSlider/06.jpg);
    background-size: cover;
    background-position: center;
   }

slide:nth-child(7){
   
    background-image: url(../images/homeSlider/07.jpg);
    background-size: cover;
    background-position: center;
   }

slide:nth-child(8){
    background-image: url(../images/homeSlider/08.jpg);
    background-size: cover;
    background-position: center;
   }


slide:nth-child(9){
    background-image: url(../images/homeSlider/09.jpg);
    background-size: cover;
    background-position: center;
   }


slide:nth-child(10){
    background-image: url(../images/homeSlider/10.jpg);
    background-size: cover;
    background-position: center;
   }


slide:nth-child(11){
    background-image: url(../images/homeSlider/11.jpg);
    background-size: cover;
    background-position: center;
   }


slide:nth-child(12){
    background-image: url(../images/homeSlider/12.jpg);
    background-size: cover;
    background-position: center;
   }


slide:nth-child(13){
    background-image: url(../images/homeSlider/13.jpg);
    background-size: cover;
    background-position: center;
   }


slide:nth-child(14){
    background-image: url(../images/homeSlider/14.jpg);
    background-size: cover;
    background-position: center;
   }

slide:nth-child(15){
    background-image: url(../images/homeSlider/15.jpg);
    background-size: cover;
    background-position: center;
   }

slide:nth-child(16){
    background-image: url(../images/homeSlider/16.jpg);
    background-size: cover;
    background-position: center;
   }*/



.dots {
    
    position: absolute;
    top: 47%;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: transparent;
  border-radius: 50%;
  border: 0.05px solid grey;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: white;
}


  /*
 
   @keyframes slide {
    0% { left: 100%; width: 100%; opacity: 1; }
    5% { left: 0%; }
    25% { left: 0%; }
    30% { left: -100%; width: 100%; opacity: 1;}
    30.0001% { left: -100%; width: 0%; opacity: 0; }
    100% { left: 100%; width: 0%; opacity: 0; }
   }*/