/* do not edit those lines */
.ui-swipeslide,
.ui-swipeslide-reel,
.ui-swipeslide-slide,
.ui-swipeslide-slide img {
  width: 100%;
  display: block;
}
.ui-swipeslide {
  position: relative;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
}
.ui-swipeslide-reel {
  -webkit-transform: translate3d(0,0,0);
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
}
.ui-swipeslide-vertical .ui-swipeslide-reel {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
}
.ui-swipeslide-slide {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* 3d */
.ui-swipeslide-3d {
  -webkit-perspective: 1000;
  position: relative;
  overflow:visible;
}
.ui-swipeslide-3d .ui-swipeslide-reel {
  -webkit-transform-style: preserve-3d;
  position: relatve;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.ui-swipeslide-3d .ui-swipeslide-slide {
  position: absolute;
}
/* end not editable styles */  




/* bullets */
.ui-swipeslide-bullets {
  text-align:center;
  margin-top: 10px;
}
.ui-swipeslide-bullets li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin: 5px;
  background-color: #999;
  text-indent: -1000px;
  overflow: hidden;
  cursor: pointer;
}
.ui-swipeslide-bullets li.active {
  background:transparent;
  border: 3px solid #999;
  border-radius: 8px;
  margin: 2px;
}

/* directional navigation */
.ui-swipeslide-nav,
.ui-swipeslide-nav li { 
  list-style:none; margin: 0; padding: 0;
}
.ui-swipeslide-nav li { 
  position: absolute; top: 0; height: 100%; width: 15%; 
  z-index: 20;
  background: rgba(0,0,0,0.2) center center no-repeat;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
}
.ui-swipeslide-nav li:hover { 
  background-color:rgba(0,0,0,0.5);
}
.ui-swipeslide-nav li.prev { 
  left: 0; background-image: ;
}
.ui-swipeslide-nav li.next { 
  right: 0; background-image: ; 
}
.ui-swipeslide-3d .ui-swipeslide-nav li {
  -webkit-transform: translatez(50px);
}

/* vertical */
.ui-swipeslide-vertical .ui-swipeslide-nav li {
  height: auto; width: 100%; text-align: center;
}
.ui-swipeslide-vertical .ui-swipeslide-nav li.prev {
  top: 0; background-image: ;
}
.ui-swipeslide-vertical .ui-swipeslide-nav li.next {
  bottom: 0; top: auto; background-image: ;
}