.simple-cycle {
    width: 600px;
    margin: 100px auto;
    overflow: hidden;
}

.simple-cycle .flow-slider {
    float: left;
    margin: 0 14px;
    width: 548px;
    height: 180px;
}

.simple-cycle .item {
    text-align: center;
    width: 137px;
}

.simple-cycle .item img {
    user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;

    /* Introduce some padding that is based on the css rather than the size of the image. Previously, images of */
    width: calc(100% - 20px) !important;
    height: 159px !important;
    margin-bottom: 10px;
    object-fit: contain;
}

.simple-cycle .subtext {
    margin: 0 auto;
    width: 110px;
    font: 11px/12px Georgia;
    text-align: center;
}

.simple-cycle .arrow {
    height: 160px;
    width: 12px;
    float: left;
    cursor: pointer;
}

.simple-cycle .arrow:active {
    margin: 1px 0 -1px;
}

.simple-cycle-2 {
    width: 757px;
}

.simple-cycle-2 .flow-slider {
    width: 685px;
}

.simple-cycle-2 .arrow {
    width: 22px;
}

.simple-cycle-2 .arrow-left {
    background: url(../../../images/arrows.png) 0 center no-repeat;
}

.simple-cycle-2 .arrow-right {
    background: url(../../../images/arrows.png) -22px center no-repeat;
}