/**
/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */
.formslider {
    overflow: auto;
    margin: 0;
    padding: 0;
}
.formslider-wrap {
    position: relative;
}
.formslider-wrap.formslider-carousel > li {
    float: left;
}
.formslider-vertical > ul {
    height: 100%;
}
.formslider-vertical li {
    float: none;
    width: 100%;
}
.formslider-fade {
    position: relative;
}

.formslider-fade .formslider-wrap > li {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 8;
}
.formslider-fade .formslider-wrap > li.formslider-active {
    z-index: 10;
}
.formslider-wrap, .formslider-wrap > ol, .formslider-wrap > li {
    list-style: none;
    /* Reset any weird spacing */
    margin: 0;
    padding: 0;
    border: none;
}

.formslider-wrap > li {
    padding: 1px;
    opacity: 0;
    transition: opacity 500ms;
}

.formslider-carousel > li .formslider-slide-content {
    display: none;
}

.formslider-carousel > li.formslider-active {
    opacity: 1;
}

.formslider-carousel > li.formslider-active,
.formslider-move > li {

}

.formslider-carousel > li.formslider-active > .formslider-slide-content {
    display: block !important;
}

.formslider-arrow {
    display: none;
}

.formslider-nav {
    display: none;
}