@charset "utf-8";

.cm-slides-container { height: 100%; width: 100%; overflow: visible; position: relative; }

.cm-slides-container .cm-slides-mask { overflow: hidden; height: 100%; width: 100%; }

.cm-slides-container ul { margin: 0px; padding: 0px; position: relative; height: 100%; width: 100%; }

.cm-slides-container li { width: 100%; height: 100%; position: absolute; left: -100%; top: -100%; list-style: none; backface-visibility: hidden; overflow: hidden; margin: 0px; padding: 0px; }

.cm-slides-container li.cm-slides-aniX { left: 0px; top: 0px; }

.cm-slides-container li.cm-slides-ani a, .cm-slides-container li.cm-slides-ani img { border: none; }

.cm-slides-controls { visibility: hidden; }

.cm-slides-container .cm-slides-button { position: absolute; bottom: 8px; text-align: center; width: 100%; }

.cm-slides-container .cm-slides-button .cm-slides-button-pos { opacity: 0.8; font-size: 1px; color: white; box-sizing: border-box; border: 2px solid white; border-radius: 6px; background: white; padding: 1px; margin: 2px; width: 12px; height: 12px; cursor: pointer; }

.cm-slides-container .cm-slides-button .cm-slides-button-pos-active { background: black; }

.cm-slides-container .cm-slides-button-prev { margin-top: -22px; margin-left: 5px; top: 50%; position: absolute; width: 44px; height: 44px; cursor: pointer; background-color: transparent; background-image: url("arrows.png"); background-position: left top; left: 0px; z-index: 1; }

.cm-slides-container .cm-slides-button-prev:hover { background-position: left bottom; }

.cm-slides-container .cm-slides-button-next:hover { background-position: right bottom; }

.cm-slides-container .cm-slides-button-next { margin-top: -22px; margin-right: 5px; top: 50%; position: absolute; width: 44px; height: 44px; cursor: pointer; background-color: transparent; background-image: url("arrows.png"); background-position: right top; right: 0px; z-index: 1; }

.cm-slides-container .cm-slides-progress-bar { position: absolute; bottom: 0px; width: 100%; height: 5px; background: rgb(255, 255, 255); opacity: 0; }

.cm-slides-container .cm-slides-over { opacity: 0; transition: opacity 0.25s ease-in-out; }

.cm-slides-container.cm-slides-container-hover .cm-slides-progress-bar, .cm-slides-container.stop .cm-slides-progress-bar { animation-play-state: paused; }

.cm-slides-container.cm-slides-container-hover .cm-slides-over { opacity: 1; }

@-webkit-keyframes fullexpand1 { 
  0% { width: 0px; opacity: 0; }
  25% { width: 0px; opacity: 0.3; }
  100% { width: 100%; opacity: 0.7; }
}

@keyframes fullexpand1 { 
  0% { width: 0px; opacity: 0; }
  25% { width: 0px; opacity: 0.3; }
  100% { width: 100%; opacity: 0.7; }
}

@-webkit-keyframes fullexpand2 { 
  0% { width: 100%; opacity: 0.7; }
  25% { width: 100%; opacity: 0.3; }
  50% { width: 100%; opacity: 0; }
  100% { width: 0px; opacity: 0; }
}

@keyframes fullexpand2 { 
  0% { width: 100%; opacity: 0.7; }
  25% { width: 100%; opacity: 0.3; }
  50% { width: 100%; opacity: 0; }
  100% { width: 0px; opacity: 0; }
}

@-webkit-keyframes cycleHorizontalOutNext { 
  0% { left: 0px; top: 0px; opacity: 1; }
  100% { left: -100%; top: 0px; opacity: 0; }
}

@keyframes cycleHorizontalOutNext { 
  0% { left: 0px; top: 0px; opacity: 1; }
  100% { left: -100%; top: 0px; opacity: 0; }
}

@-webkit-keyframes cycleHorizontalInNext { 
  0% { left: 100%; top: 0px; opacity: 0; }
  100% { left: 0px; top: 0px; opacity: 1; }
}

@keyframes cycleHorizontalInNext { 
  0% { left: 100%; top: 0px; opacity: 0; }
  100% { left: 0px; top: 0px; opacity: 1; }
}

@-webkit-keyframes cycleHorizontalOutPrev { 
  0% { left: 0px; top: 0px; opacity: 1; }
  100% { left: 100%; top: 0px; opacity: 0; }
}

@keyframes cycleHorizontalOutPrev { 
  0% { left: 0px; top: 0px; opacity: 1; }
  100% { left: 100%; top: 0px; opacity: 0; }
}

@-webkit-keyframes cycleHorizontalInPrev { 
  0% { left: -100%; top: 0px; opacity: 0; }
  100% { left: 0px; top: 0px; opacity: 1; }
}

@keyframes cycleHorizontalInPrev { 
  0% { left: -100%; top: 0px; opacity: 0; }
  100% { left: 0px; top: 0px; opacity: 1; }
}

@-webkit-keyframes cycleVerticalOutNext { 
  0% { left: 0px; top: 0px; opacity: 1; }
  100% { left: 0px; top: 100%; opacity: 0; }
}

@keyframes cycleVerticalOutNext { 
  0% { left: 0px; top: 0px; opacity: 1; }
  100% { left: 0px; top: 100%; opacity: 0; }
}

@-webkit-keyframes cycleVerticalInNext { 
  0% { left: 0px; top: -100%; opacity: 0; }
  100% { left: 0px; top: 0px; opacity: 1; }
}

@keyframes cycleVerticalInNext { 
  0% { left: 0px; top: -100%; opacity: 0; }
  100% { left: 0px; top: 0px; opacity: 1; }
}

@-webkit-keyframes cycleVerticalOutPrev { 
  0% { left: 0px; top: 0px; opacity: 1; }
  100% { left: 0px; top: -100%; opacity: 0; }
}

@keyframes cycleVerticalOutPrev { 
  0% { left: 0px; top: 0px; opacity: 1; }
  100% { left: 0px; top: -100%; opacity: 0; }
}

@-webkit-keyframes cycleVerticalInPrev { 
  0% { left: 0px; top: 100%; opacity: 0; }
  100% { left: 0px; top: 0px; opacity: 1; }
}

@keyframes cycleVerticalInPrev { 
  0% { left: 0px; top: 100%; opacity: 0; }
  100% { left: 0px; top: 0px; opacity: 1; }
}

@-webkit-keyframes cycleFadeOutNext { 
  0% { left: 0px; top: 0px; opacity: 1; }
  100% { left: 0px; top: 0px; opacity: 0; }
}

@keyframes cycleFadeOutNext { 
  0% { left: 0px; top: 0px; opacity: 1; }
  100% { left: 0px; top: 0px; opacity: 0; }
}

@-webkit-keyframes cycleFadeInNext { 
  0% { left: 0px; top: 0px; opacity: 0; }
  100% { left: 0px; top: 0px; opacity: 1; }
}

@keyframes cycleFadeInNext { 
  0% { left: 0px; top: 0px; opacity: 0; }
  100% { left: 0px; top: 0px; opacity: 1; }
}

@-webkit-keyframes cycleFadeOutPrev { 
  0% { left: 0px; top: 0px; opacity: 1; }
  100% { left: 0px; top: 0px; opacity: 0; }
}

@keyframes cycleFadeOutPrev { 
  0% { left: 0px; top: 0px; opacity: 1; }
  100% { left: 0px; top: 0px; opacity: 0; }
}

@-webkit-keyframes cycleFadeInPrev { 
  0% { left: 0px; top: 0px; opacity: 0; }
  100% { left: 0px; top: 0px; opacity: 1; }
}

@keyframes cycleFadeInPrev { 
  0% { left: 0px; top: 0px; opacity: 0; }
  100% { left: 0px; top: 0px; opacity: 1; }
}

@-webkit-keyframes cycleScaleOutNext { 
  0% { left: 0px; top: 0px; opacity: 1; transform: scale(1, 1); }
  100% { left: 0px; top: 0px; opacity: 0; transform: scale(5, 5); }
}

@keyframes cycleScaleOutNext { 
  0% { left: 0px; top: 0px; opacity: 1; transform: scale(1, 1); }
  100% { left: 0px; top: 0px; opacity: 0; transform: scale(5, 5); }
}

@-webkit-keyframes cycleScaleInNext { 
  0% { left: 0px; top: 0px; opacity: 0; }
  100% { left: 0px; top: 0px; opacity: 1; }
}

@keyframes cycleScaleInNext { 
  0% { left: 0px; top: 0px; opacity: 0; }
  100% { left: 0px; top: 0px; opacity: 1; }
}

@-webkit-keyframes cycleScaleOutPrev { 
  0% { left: 0px; top: 0px; opacity: 1; transform: scale(1, 1); }
  100% { left: 0px; top: 0px; opacity: 0; transform: scale(0, 0); }
}

@keyframes cycleScaleOutPrev { 
  0% { left: 0px; top: 0px; opacity: 1; transform: scale(1, 1); }
  100% { left: 0px; top: 0px; opacity: 0; transform: scale(0, 0); }
}

@-webkit-keyframes cycleScaleInPrev { 
  0% { left: 0px; top: 0px; opacity: 0; }
  100% { left: 0px; top: 0px; opacity: 1; }
}

@keyframes cycleScaleInPrev { 
  0% { left: 0px; top: 0px; opacity: 0; }
  100% { left: 0px; top: 0px; opacity: 1; }
}

.cm-slides-cycleFlip-ul { perspective: 1000px; perspective-origin: 50% 50%; }

@-webkit-keyframes cycleFlipOutNext { 
  0% { left: 0px; top: 0px; transform: rotateX(0deg); }
  50% { left: 0px; top: 0px; transform: rotateX(-90deg); }
  100% { left: 0px; top: 0px; transform: rotateX(-90deg); }
}

@keyframes cycleFlipOutNext { 
  0% { left: 0px; top: 0px; transform: rotateX(0deg); }
  50% { left: 0px; top: 0px; transform: rotateX(-90deg); }
  100% { left: 0px; top: 0px; transform: rotateX(-90deg); }
}

@-webkit-keyframes cycleFlipInNext { 
  0% { left: 0px; top: 0px; transform: rotateX(90deg); }
  50% { left: 0px; top: 0px; transform: rotateX(90deg); }
  100% { left: 0px; top: 0px; transform: rotateX(0deg); }
}

@keyframes cycleFlipInNext { 
  0% { left: 0px; top: 0px; transform: rotateX(90deg); }
  50% { left: 0px; top: 0px; transform: rotateX(90deg); }
  100% { left: 0px; top: 0px; transform: rotateX(0deg); }
}

@-webkit-keyframes cycleFlipOutPrev { 
  0% { left: 0px; top: 0px; transform: rotateX(0deg); }
  50% { left: 0px; top: 0px; transform: rotateX(90deg); }
  100% { left: 0px; top: 0px; transform: rotateX(90deg); }
}

@keyframes cycleFlipOutPrev { 
  0% { left: 0px; top: 0px; transform: rotateX(0deg); }
  50% { left: 0px; top: 0px; transform: rotateX(90deg); }
  100% { left: 0px; top: 0px; transform: rotateX(90deg); }
}

@-webkit-keyframes cycleFlipInPrev { 
  0% { left: 0px; top: 0px; transform: rotateX(-90deg); }
  50% { left: 0px; top: 0px; transform: rotateX(-90deg); }
  100% { left: 0px; top: 0px; transform: rotateX(0deg); }
}

@keyframes cycleFlipInPrev { 
  0% { left: 0px; top: 0px; transform: rotateX(-90deg); }
  50% { left: 0px; top: 0px; transform: rotateX(-90deg); }
  100% { left: 0px; top: 0px; transform: rotateX(0deg); }
}

.cm-slides-cycleQFlip-ul { perspective: 800px; transform-origin: 50% 100px 0px; }

@-webkit-keyframes cycleQFlipOutNext { 
  0% { left: 0px; top: 0px; transform: rotateX(0deg); }
  50% { left: 0px; top: 0px; transform: rotateX(-90deg); }
  100% { left: 0px; top: 0px; transform: rotateX(-90deg); }
}

@keyframes cycleQFlipOutNext { 
  0% { left: 0px; top: 0px; transform: rotateX(0deg); }
  50% { left: 0px; top: 0px; transform: rotateX(-90deg); }
  100% { left: 0px; top: 0px; transform: rotateX(-90deg); }
}

@-webkit-keyframes cycleQFlipInNext { 
  0% { left: 0px; top: 0px; transform: rotateX(90deg); }
  50% { left: 0px; top: 0px; transform: rotateX(90deg); }
  100% { left: 0px; top: 0px; transform: rotateX(0deg); }
}

@keyframes cycleQFlipInNext { 
  0% { left: 0px; top: 0px; transform: rotateX(90deg); }
  50% { left: 0px; top: 0px; transform: rotateX(90deg); }
  100% { left: 0px; top: 0px; transform: rotateX(0deg); }
}