/* mod-carousel 4.1.0 */
html { overflow-x: hidden; }
.mod-carousel ul, .mod-carousel ol, .mod-carousel div { list-style: none; }
.mod-carousel .viewport { width: 100%; height: 100%; z-index: 1; position: relative; overflow: hidden; float: left; }
.mod-carousel[data-modes*=infinite] .viewport { overflow: visible; }
.mod-carousel[data-modes*=infinite] .viewport .mask { z-index: 3; background: #222; position: absolute; top: 0; left: 0; height: 100%; float: left; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; }
.mod-carousel .slide-container { position: relative; width: 99999px; float: left; height: 100%; background: #fff; }
.mod-carousel .loader { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; }

/* slide */
.mod-carousel .slide-container > div { display: block; position: relative; height: 100%; float: left; }

/* fade */
.mod-carousel[data-modes*=fade] .slide-container { width: 920px; }
.mod-carousel[data-modes*=fade] .mask { display: none; }
.mod-carousel[data-modes*=fade] .slide-container > div { position: absolute; display: none; z-index: 0; }
.mod-carousel[data-modes*=fade] .slide-container > div:first-child { display: block; }

/* controls */
.mod-carousel > .step { display: none; width: 0; height: 0; -webkit-transform: rotate(360deg); }
.mod-carousel > .step.prev { z-index: 3; position: absolute; top: 50%; left: 10px; margin-top: -30px; cursor: pointer; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #2a2a2a; }
.mod-carousel > .step.next { z-index: 3; position: absolute; top: 50%; right: 10px; margin-top: -30px; cursor: pointer; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #2a2a2a; }
.mod-carousel > .pagination-controls { z-index: 3; position: absolute; left: 50%; bottom: 5px; padding: 15px; }
.mod-carousel > .pagination-controls > span { cursor: pointer; float: left; margin-left: 5px; width: 10px; height: 10px; border-radius: 10px; background: #222; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.mod-carousel > .pagination-controls > span.active { background: #444; }
.mod-carousel > .pagination-controls > span:first-child { margin-left: 0; }
.mod-carousel > .pagination-controls > span:hover { background: #666; }