.hide {
    display: none;
}
ul#slider, #sliderButtons {
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
}
#sliderButtons {
    height: 50px;
    padding: 3px 0 3px 0;
    border-top: 2px dashed #958c75;
    border-bottom: 2px dashed #958c75;
}
ul#slider li {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
    background: none !important;
}

/* Slider Content */
ul#slider li img {
    max-width: 900px;
    width: 100%;
    height: auto;
}

#clickLeft {
    float: left;
    text-align: left;
}
#clickRight {
    float: right;
    text-align: right;
}
#clickLeft, #clickRight, #clickLeftImg, #clickRightImg {
    width: 50px;
    height: 50px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
#clickLeftImg {
    background: url("../img/arrow-left-blue.png") center center no-repeat;
}
#clickRightImg {
    background: url("../img/arrow-right-blue.png") center center no-repeat;
}
#clickLeftImg:hover {
    background: url("../img/arrow-left-yellow.png") center center no-repeat;
    cursor: pointer;
}
#clickRightImg:hover {
    background: url("../img/arrow-right-yellow.png") center center no-repeat;
    cursor: pointer;
}
#sliderNumber {
    text-align: center;
    font-family: "john-doe", sans-serif;
    font-size: 1em;
    padding-top: 10px;
    margin: 0 auto 0 auto;
    width: 150px;
}