.unlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
   background-color: black;


}

.listclss {
	background-color:white;  float:right; margin:5px 5px 5px 5px; border-radius: 5px; padding:2px 2px 2px 2px;  text-align:center; color: #448A3A !important;
}

.list {
  background-color: var(--color-2);
    float: left;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    border-radius: 30%;
}

.list:last-child {
    border-right: none;
}

.list a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

    .list a:hover:not(.active) {
        background-color: #fff;
        color:var(--color-2);
        border-radius: 30%;
    }

    .active {
        background-color:#fff;
        border-radius: 30%;
        color:var(--color-2) !important;
    }

         #iPicture {
         overflow-x: hidden;
         overflow-y: hidden;
     }

     #slideshow {
         position: relative;
     }

     #slideshow #iPicture {
         margin: 0 auto;
         // width: 1140px;
         position: relative;
         padding-bottom: 52px;
     }

     #slideshow #iPicture .slide {
         margin: 0 auto;
         width: 540px; /* reduce by 20 pixels of #iPicture to avoid horizontal scroll */
         /*height:263px;*/
     }

       /**
       * Slideshow controls style rules.
       */
     #pageContainer {
         margin: 0 auto;
         width: auto;
     }