.carouseller:before,
.carouseller:after {
    content: " ";
    display: table
}
.carouseller:after {
    clear: both
}
.carouseller [class*="span"] {
    margin-left: .25641025641026%!important;
    *margin-left: .25109110747409%!important;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.carouseller [class*="span"]:first-child,
.carouseller [class*="span"]:first-child {
    margin-left: 0!important
}
.carouseller > .carousel-wrapper > .carousel-items > .span_by5 {
    width: 1.7937897435897%
}
.carouseller > .carousel-wrapper > .carousel-items > .span12 {
    width: 10%
}
.carouseller > .carousel-wrapper > .carousel-items > .span6 {
    width: 4.8837948717949%
}
.carouseller > .carousel-wrapper > .carousel-items > .span4 {
    width: 3.1703931623932%
}
.carouseller > .carousel-wrapper > .carousel-items > .span3 {
    width: 2.35%
}
.carouseller > .carousel-wrapper > .carousel-items > .span2 {
    width: 1.4529914529915%
}
.carouseller > .carousel-wrapper > .carousel-items > .span1 {
    width: .5982905982906%
}
.carouseller {
    position: relative
}
.carouseller .carousel-items {
    position: relative;
    width: 997.4358974359%
}
.carouseller .carousel-block {
    display: inline-block;
    position: relative
}
.carouseller .carousel-block:nth-child(n+7) {
    display: none
}
.carouseller .carousel-wrapper {
    overflow: hidden;
    position: relative;
    margin: 0
}
.carouseller .carousel-button-left,
.carouseller .carousel-button-right {
    position: absolute;
    margin: 0;
    bottom: 24%;
    background: none repeat scroll 0 0 transparent;
    font-size: 80px;
    opacity: .5;
    text-align: center;
    color: #000;
    text-decoration: none
}
.carouseller .carousel-button-left {
    left: 0
}
.carouseller .carousel-button-right {
    right: 0
}
.carouseller .carousel-button-left:hover,
.carouseller .carousel-button-right:hover {
    opacity: .8
}
.carousel-block {
    text-align: center
}
@media (min-width: 768px) and (max-width: 979px) {
    .carouseller > .carousel-wrapper > .carousel-items > .span_by5,
    .carouseller > .carousel-wrapper > .carousel-items > .span12,
    .carouseller > .carousel-wrapper > .carousel-items > .span6,
    .carouseller > .carousel-wrapper > .carousel-items > .span4,
    .carouseller > .carousel-wrapper > .carousel-items > .span3,
    .carouseller > .carousel-wrapper > .carousel-items > .span2,
    .carouseller > .carousel-wrapper > .carousel-items > .span1 {
        width: 3.1623931623932%;
        *width: 3.157074013457%
    }
}
@media (max-width: 767px) {
    .carouseller > .carousel-wrapper > .carousel-items > .span_by5,
    .carouseller > .carousel-wrapper > .carousel-items > .span12,
    .carouseller > .carousel-wrapper > .carousel-items > .span6,
    .carouseller > .carousel-wrapper > .carousel-items > .span4,
    .carouseller > .carousel-wrapper > .carousel-items > .span3,
    .carouseller > .carousel-wrapper > .carousel-items > .span2,
    .carouseller > .carousel-wrapper > .carousel-items > .span1 {
        width: 4.8717948717949%;
        *width: 4.8664757228587%
    }
}
@media (max-width: 480px) {
    .carouseller > .carousel-wrapper > .carousel-items > .span_by5,
    .carouseller > .carousel-wrapper > .carousel-items > .span12,
    .carouseller > .carousel-wrapper > .carousel-items > .span6,
    .carouseller > .carousel-wrapper > .carousel-items > .span4,
    .carouseller > .carousel-wrapper > .carousel-items > .span3,
    .carouseller > .carousel-wrapper > .carousel-items > .span2,
    .carouseller > .carousel-wrapper > .carousel-items > .span1 {
        width: 10%;
        *width: 9.9468085106383%
    }
}
.carousel-block {
    text-align: center;
    font-size: 30px;
    font-weight: 700
}
.carouseller {
    margin-bottom: 0
}