/* pager */
.cycle-pager {
    text-align: right;
    z-index: 9999;
    overflow: hidden;
    height: 30px;
    line-height: 23pt;
    letter-spacing: 8pt;
    max-width: 960px;
    position: relative;
    top: -50%;
}
#custom-caption {
    max-width: 100%;
    background-color: rgb(67, 97, 64);
    display: block;
    height: 50px;
    top: -50px;
    /* position: absolute; */
    color: #fff;
    max-width: 985px;
    text-align: center;
    margin:0 auto;
    line-height: 50px;
    font-size: 24pt;
    /* font-size: 3vw; */
}


.cycle-pager span {
    font-family: arial;
    font-size: 50px;
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #dddddd; cursor: pointer;
}

.cycle-pager span.cycle-pager-active {
    color: #d69746;
}

.cycle-pager > * {
    cursor: pointer;
}

/* prev / next links */
.cycle-prev, .cycle-next {
    position: absolute;
    top: 0;
    width: 30%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 800;
    height: 100%;
    cursor: pointer;
}

.cycle-prev {
    left: 0;
    background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;
}

.cycle-next {
    right: 0;
    background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;
}

.cycle-prev:hover, .cycle-next:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}