/**
 * A simple sample carousel skin.
 *
 * This skin includes a sample arrows.svg file that may be edited with the free
 * illustration application InkScape (http://inkscape.org).
 *
 * CSS and icons by Nathan Haug.
 */

.jcarousel-skin-moniki-flat {
  text-align: center;
}

.jcarousel-skin-moniki-flat .jcarousel-container-horizontal {
  margin: 0 -13px;
}

.jcarousel-skin-moniki-flat .jcarousel-container-vertical {
  padding: 40px 20px;
  margin: auto;
}

.jcarousel-skin-moniki-flat .jcarousel-clip-horizontal {
  width: 1200px;
  overflow: hidden;
}

.jcarousel-skin-moniki-flat .jcarousel-clip-vertical {
  overflow: hidden;
}

.jcarousel-skin-moniki-flat .jcarousel-item {
  padding: 0;
  overflow: hidden;
  list-style: none;
  background: #fff none;
  transition: color .6s ease-out;
}

.jcarousel-skin-moniki-flat .jcarousel-item-horizontal {
}

.jcarousel-skin-moniki-flat .jcarousel-item-vertical {
  margin: 4px 0;
}

.jcarousel-skin-moniki-flat .jcarousel-item-placeholder {
  background: #fff no-repeat center center;
  color: #000;
}

/**
 * Buttons
 */
.jcarousel-skin-moniki-flat .jcarousel-next,
.jcarousel-skin-moniki-flat .jcarousel-prev {
  display: block;
  position: absolute;
  width: 33px;
  height: 60px;
  top: 50%;
  margin-top: -30px;
  background-color: #f4f4f4;
}

.jcarousel-skin-moniki-flat .jcarousel-next:before,
.jcarousel-skin-moniki-flat .jcarousel-prev:before {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  width: 33px;
  height: 33px;
  background: transparent url(../img/rows2.png);
  opacity: .5;
  transition: opacity .2s ease-out;
  content: '';
}

.jcarousel-skin-moniki-flat .jcarousel-next:hover,
.jcarousel-skin-moniki-flat .jcarousel-prev:hover {
}

.jcarousel-skin-moniki-flat .jcarousel-next:hover:before,
.jcarousel-skin-moniki-flat .jcarousel-prev:hover:before {
  opacity: 1;
}

.jcarousel-skin-moniki-flat .jcarousel-next-disabled,
.jcarousel-skin-moniki-flat .jcarousel-prev-disabled {
  display: none;
}

/**
 * Horizontal Buttons
 */
.jcarousel-skin-moniki-flat .jcarousel-prev-horizontal {
  left: -20px;
}
.jcarousel-skin-moniki-flat .jcarousel-prev-horizontal:before {
  background-position: 0 0;
}
.jcarousel-skin-moniki-flat .jcarousel-prev-horizontal:hover {
  /*background-position: -32px 0;*/
}
.jcarousel-skin-moniki-flat .jcarousel-prev-horizontal:active {
  /*background-position: -64px 0;*/
}

.jcarousel-skin-moniki-flat .jcarousel-next-horizontal {
  right: -20px;
}
.jcarousel-skin-moniki-flat .jcarousel-next-horizontal:before {
  background-position: -33px 0;
}
.jcarousel-skin-moniki-flat .jcarousel-next-horizontal:hover {
  /*background-position: -32px -32px;*/
}
.jcarousel-skin-moniki-flat .jcarousel-next-horizontal:active {
  /*background-position: -64px -32px;*/
}

/**
 * Vertical Buttons
 */
.jcarousel-skin-moniki-flat .jcarousel-prev-vertical {
  position: absolute;
  top: 10px;
  left: 55px;
  background-position: 0 -64px;
}
.jcarousel-skin-moniki-flat .jcarousel-prev-vertical:hover {
  background-position: -32px -64px;
}
.jcarousel-skin-moniki-flat .jcarousel-prev-vertical:active {
  background-position: -64px -64px;
}

.jcarousel-skin-moniki-flat .jcarousel-next-vertical {
  position: absolute;
  bottom: 10px;
  left: 55px;
  background-position: 0 -96px;
}
.jcarousel-skin-moniki-flat .jcarousel-next-vertical:hover {
  background-position: -32px -96px;
}
.jcarousel-skin-moniki-flat .jcarousel-next-vertical:active {
  background-position: -64px -96px;
}

.jcarousel-skin-moniki-flat .jcarousel-navigation {
  margin: 0;
  padding: 0;
}

.jcarousel-skin-moniki-flat .jcarousel-navigation li {
  display: inline;
  margin: 0 2px 0 0;
  padding: 0;
  background: none;
}

.jcarousel-skin-moniki-flat .jcarousel-navigation li.active a {
  font-weight: bold;
  text-decoration: none;
}