/* Tiny Carousel */
#slider1 {
    width: 680px;
    height: 1%;
    
    margin-top:25px;
    margin-bottom:15px;

    overflow: hidden;
    position: relative;
    
}

#slider1 .viewport {
    height: 280px;
    overflow: hidden;
    position: relative;
}

#slider1 .buttons {    
    display: block;
    position: absolute;
    top: 0;    
    padding-top:120px;
    left: 0px;
    width: 35px;
    height: 100%;
    color: #cacaca;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
    
    

    font-size: 22px;
    
    z-index:9;
}



#slider1 .buttons .fa {
    visibility: hidden;
}

#slider1 .next {
    right: 0;
    left: auto;
    top: 0;    
}
#slider1 .next:hover {
    transition:1s;
    background: linear-gradient(to left, rgba(237, 237, 237, 0.84) , rgba(255, 255, 255, 0)); 
}

#slider1 .next:hover > .fa-chevron-circle-right {
    visibility: visible;    
}

#slider1 .prev:hover > .fa-chevron-circle-left {
    visibility: visible;    
}


#slider1 .prev:hover {
    transition:1s;

    background: linear-gradient(to right, rgba(237, 237, 237, 0.84) , rgba(255, 255, 255, 0)); 
}


#slider1 .disable {
    visibility: hidden;
}

#slider1 .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 280px;
    left: 0;
    top: 0;
}

#slider1 .overview li {
    float: left;    
    margin: 0 0px 0 0;
    padding-left:0px;
    
    height: 280px;
    
    width: 680px;
 }
#slider1 .overview li div {
    height:100%;
    width:100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index:1;
}


#slider1 a img {
    transition:0.3s;
}

#slider1 a img:hover {
    border-radius:5px;
    background:#fffdef;
}