/* 3D Slideshow */ 
* {
    margin: 0;
    padding: 0;
}


html, body {
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: white;
    font-family: "favorit", sans-serif;

    -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in Internet Explorer 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
 /*animation: fade 1s ease-in-out;*/
}


p {
    z-index:99;
      text-decoration:none;
}

a {
    text-decoration:none;
    color:black;
}

.mob-title {
    visibility:visible;
    padding-bottom:15px;
    padding-top:15px;
    padding-left:20px;
    font-size:14px;
    
}



#mob-nav {
    visibility:visible;
    
    overflow: hidden;
    position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
  z-index:9999;
  border-bottom:1px solid lightgrey;
  background-color:white;

}

#mob-info {
   display:none;

    width:100vw;
    height:100vh;
    background-color:white;
   
    z-index:9999;
    position:fixed;

}

#mob-text {
    padding-top:60px;
    margin:18px;

}



#cr {
    font-size:10px;
    position:fixed;
    bottom:12px;
    color:lightgrey;


}

#break {
    border-bottom:1px solid lightgrey;
   padding-bottom:20px;
   margin-bottom:20px;
}

#mob-text p {
    padding-top:20px;
}

#home {
    float: left;
  text-align: center;
  padding: 16px 18px;
  text-decoration: none;
  cursor:pointer;
}

#info {
    float: right;
  text-align: center;
     padding: 16px 18px;
  text-decoration: none;
    cursor:pointer;
}




.p-title {
    display:none;
    visibility:hidden;
    font-size:40px;
    position:fixed;
    top:15px;
    left:200px;

}

#slideshow {
    display: inline-block;
    margin: 0 auto;
    padding-top: 15vh;

    height: 100vh;
    width: 100%;
    box-sizing: border-box;
    z-index:999;

 
}
figure {
  z-index:999;
}


#navbright {

  position: fixed;
  color:lightgrey;
  bottom:25px;
  right:30px;
  text-align:right;
  font-size:10px;
  letter-spacing:.005em;
  word-spacing:.14em;
  z-index:99;
  display:none;
}

#navleft {
    display:none;
}


#navbleft {
  position: fixed;
  color:black;
  bottom:25px;
  left:30px;
  text-align:left;
  font-size:12px;
  letter-spacing:.005em;
  word-spacing:.14em;
    z-index:99;
    display:none;
}





#carrousel {
    display: inline-block;
    width: 100%;
    position: relative;
    float: right;
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }


.entire-content {
    display: inline-block;
    margin: auto;
  width: 100%;
 height:100%;
    position: relative;
    padding-top: 0px;

    
}





.content-carrousel figure {
    display: inline-block;
    width: 100%;
    height:100%;
    overflow: hidden;
    position: relative;
     border-radius: 0;
    
}
.content-carrousel img {
    image-rendering: auto;
    transition: all 300ms;
    width: 100%;
    height:100%;
 
}



.content-carrousel img:hover {
   -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;



}



.content-carrousel figure:nth-child(1) {
    -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
} .content-carrousel figure:nth-child(2) {
    -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
} .content-carrousel figure:nth-child(3) {
    -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
} .content-carrousel figure:nth-child(4) {
    -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
} .content-carrousel figure:nth-child(5) {
   -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important; 
} .content-carrousel figure:nth-child(6) {
   -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
} .content-carrousel figure:nth-child(7) {
   -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
} .content-carrousel figure:nth-child(8) {
   -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
} .content-carrousel figure:nth-child(9) {
   -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
} .content-carrousel figure:nth-child(10) {
   -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
}