/*! jQuery.Flipster, v1.0.1 (built 2015-11-02) */
/* @group Flipster Essential Styles */
.flipster {
  display: block;
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}
.flipster:focus {
  outline: none;
}
.flipster__container,
.flipster__item {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}
.flipster__container {
  display: block;
  white-space: nowrap;
  word-spacing: -0.25em;
  transform-origin: 50% 50%;
  backface-visibility: hidden;
}
.flipster__item {
  display: inline-block;
  white-space: normal;
  word-spacing: normal;
  vertical-align: bottom;
}
.flipster--click .flipster__item--past,
.flipster--click .flipster__item--future {
  cursor: pointer;
}
.flipster__item img {
  max-width: 450px;
}
/* @end */

/* @group Flipster Previous & Next Buttons */
.flipster__button {
  
  border-radius: 0.3em;
  position: absolute;
  top: 50%;
  display: block;
  appearance: none;
  background: #ffeecc;
  border: 1px solid gray;
  padding: 0.2em;
  z-index: 999;
  cursor: pointer;
  font-size: 15px;
  opacity: 0.5;
  transition: opacity 500ms ease;
  margin: -1em 2em;
}

.flipster__button svg {
  width: 2em;
  stroke: currentColor;
  fill: transparent;
  stroke-width: 3;
  stroke-linecap: round;
}
.flipster__button:hover,
.flipster__button:focus {
  opacity: 1;
}
.flipster__button--prev {
  left: 0;
}
.flipster__button--next {
  right: 0;
}
/* @end */



/* @group Flipster Coverflow Theme */
.flipster--coverflow .flipster__container,
.flipster--coverflow .flipster__item,
.flipster--coverflow .flipster__item__content {
  transition: all 550ms linear;


}
.flipster--coverflow .flipster__item {
  perspective: 800px;

}
.flipster--coverflow .flipster__container {
  padding-bottom: 5%;
}
.flipster--coverflow .flipster__item__content {
  transform-origin: 50% 100%;
  box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
  -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));
}
.flipster--coverflow .flipster__item__content img:only-child {
  display: block;
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%); 
  -o-transition: .5s ease-in-out;
}

.flipster--coverflow .flipster__item__content img:only-child:hover {

  -webkit-filter: grayscale(50%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(50%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(50%); 
  -o-transition: .5s ease-in-out;
}

.flipster--coverflow .flipster__item--past .flipster__item__content {
  transform-origin: 0% 50%;
  transform: scale(0.75) rotateY(55deg);
}
.flipster--coverflow .flipster__item--future .flipster__item__content {
  transform-origin: 100% 50%;
  transform: scale(0.75) rotateY(-55deg);
}
.flipster--coverflow .flip-current .flipster__item__content {
  transform: rotateY(0deg);
}
/* @end */

/* @group Flat */
.flipster--flat .flipster__container,
.flipster--flat .flipster__item,
.flipster--flat .flipster__item__content {
  transition: all 400ms ease-in-out;
}
.flipster--flat .flipster__item--past,
.flipster--flat .flipster__item--future {
  opacity: 0.5;
}
.flipster--flat .flipster__item--past .flipster__item__content {
  transform: scale(0.75);
}
.flipster--flat .flipster__item--future .flipster__item__content {
  transform: scale(0.75);
}
/* @end */