.slideme {
    width: 100%;
    height: 100%;
}
.slideme .container {
  position: relative;
}
.slideme>li {
  background-position: 50% 50%;
  background-size: cover;
  height: 100%;
  width: 100%;
}
.slideme>li>.slidelink {
  display: block;
  height: 100%;
  width: 100%;
}
.slideme_container {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.slideme_container ul, .slideme_container ol, .slideme {
    margin: 0;
    padding: 0;
}
.slideme_container li, .slideme> li {
    display: block;
    list-style: none;
}
.slideme_container, .slideme {
    position: relative;
}
.slideme, .nextClicked, .prevClicked {
    overflow: hidden;
}
.slideme_container ol img, .slideme> * img {
    display: block;
    max-width: 100%;
}
.slideme> *:first-child {
    opacity: 1;
    position: relative;
    z-index: 5;
}
.slideme> *, .slideme_container .slideme> * {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.slideme> * {
    -webkit-transform: translate3d(0, 0, 0) translate(0px, 0px) translateZ(0px);
    -moz-transform: translate3d(0, 0, 0) translate(0px, 0px) translateZ(0px);
    -ms-transform: translate3d(0, 0, 0) translate(0px, 0px) translateZ(0px);
    -o-transform: translate3d(0, 0, 0) translate(0px, 0px) translateZ(0px);
    transform: translate3d(0, 0, 0) translate(0px, 0px) translateZ(0px);
}
.slideme_container .slideme> *.current {
    opacity: 1;
    z-index: 5;
}
.single button.arrow, .single .pagination {
    display: none;
}

/*
 * slide
 */

.slideme-slide> *, .slideme_container .slideme-slide> * {
    visibility: hidden;
    z-index: 0;
}
.slideme-slide> .current, .slideme-slide> .next {
    visibility: visible;
    z-index: 5;
}
.slideme-slide> .after {
    left: 100%;
}
.slideme-slide> .before {
    left: -100%;
}
.slideme-slide.nextClicked> .current, .slideme-slide.nextClicked> .next, .slideme-slide.prevClicked> .current, .slideme-slide.prevClicked> .next {
    -webkit-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.slideme-slide.prevClicked> .next, .slideme-slide.nextClicked> .next {
    left: 0;
}
.slideme-slide.prevClicked> .current {
    left: 100%;
}
.slideme-slide.nextClicked> .current {
    left: -100%;
}

/*
 * zoom
 */

.slideme-zoom> *, .slideme_container .slideme-zoom> * {
    opacity: 0;
    visibility: hidden;
}
.slideme-zoom> .current {
    visibility: visible;
    z-index: 4;
}
.slideme-zoom> .next {
    visibility: visible;
    z-index: 5;
}
.slideme-zoom> .before, .slideme-zoom.nextClicked> .current {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}
.slideme-zoom> .after, .slideme-zoom.nextClicked> .next, .slideme-zoom.prevClicked> .current {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    z-index: 5;
}
.slideme-zoom > .before {
    z-index: 6;
}
.slideme-zoom.nextClicked> .current, .slideme-zoom.nextClicked> .next, .slideme-zoom.prevClicked> .current, .slideme-zoom.prevClicked> .next {
    -webkit-transition: opacity 0.35s cubic-bezier(0.47, 0, 0.745, 0.715), -webkit-transform 0.35s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: opacity 0.35s cubic-bezier(0.47, 0, 0.745, 0.715), -moz-transform 0.35s cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: opacity 0.35s cubic-bezier(0.47, 0, 0.745, 0.715), -ms-transform 0.35s cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: opacity 0.35s cubic-bezier(0.47, 0, 0.745, 0.715), -o-transform 0.35s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: opacity 0.35s cubic-bezier(0.47, 0, 0.745, 0.715), transform 0.35s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.slideme-zoom.nextClicked> .current {
    opacity: 0;
}
.slideme-zoom.nextClicked> .after {
    opacity: 1;
}
.slideme-zoom.prevClicked> .next {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

/*
 * fade
 */

.slideme-fade> *, .slideme_container .slideme-fade> * {
    opacity: 0;
    z-index: 0;
}
.slideme-fade.nextClicked> .current, .slideme-fade.nextClicked> .next, .slideme-fade.prevClicked> .current, .slideme-fade.prevClicked> .next {
    -webkit-transition: opacity 0.7s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: opacity 0.7s cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: opacity 0.7s cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: opacity 0.7s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: opacity 0.7s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.slideme-fade.nextClicked> .current, .slideme-fade.prevClicked> .current {
    opacity: 0;
    z-index: 5;
}
.slideme-fade.nextClicked> .next, .slideme-fade.prevClicked> .next {
    opacity: 1;
    z-index: 4;
}

/*
 * page
 */

.slideme-page> .current {
    visibility: visible;
    z-index: 4;
}
.slideme-page> .next {
    visibility: visible;
    z-index: 6;
}
.slideme-page> .after {
    left: 100%;
}
.slideme-page> .before {
    left: -100%;
}
.slideme-page.nextClicked> .current, .slideme-page.prevClicked> .current {
    -webkit-transition: visibility 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: visibility 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: visibility 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: visibility 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: visibility 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    visibility: hidden;
}
.slideme-page.nextClicked> .next, .slideme-page.prevClicked> .next {
    -webkit-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
    left: 0;
}

/*
 *  SLIDEME TOUCH
 */

.slideme-touch {
    font-size: 0;
    height: 100%;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
}
.slideme-touch::-webkit-scrollbar {
    display: none;
}
.slideme-touch.snapping {
    -webkit-overflow-scrolling: none!important;
    overflow-x: hidden!important;
}
.slideme_container .slideme-touch> * {
    -webkit-transform: translateZ(0px);
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
}
.slideme_container .slideme-touch> * img {
    display: block;
    min-height: 1px;
    min-width: 1px;
    width: 100%;
}

/* Arrow Buttons */
button.arrow {
    color: white;
    opacity: 0;
    padding: 0;
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    vertical-align: middle;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
button.arrow.prev {
    text-align: left;
    left: 15px;
}
button.arrow.next {
    text-align: right;
    right: 15px;
}
button.arrow:before {
    font-family: "FontAwesome";
    font-size: 40px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}
button.arrow.prev:before {
    content: '\f104';
}
button.arrow.next:before {
    content: '\f105';
}
.slideme_container:hover button.arrow.prev,
.slideme_container:hover button.arrow.next {
    opacity: 0.7;
    outline: none;
    text-decoration: none;
}
.slideme_container:hover button.arrow:hover,
.slideme_container:hover button.arrow:focus,
.slideme_container:hover button.arrow:active {
    opacity: 1;
    color: white;
    text-decoration: none
}

.slideme .btn.active.focus, .slideme .btn.active:focus, .slideme .btn.focus, .slideme .btn:focus, .slideme .btn:active.focus, .slideme .btn:active:focus {
  outline: none;
}

/* Pagination */
#eyecatcher .pagination {
  position: absolute;
  display: block;
  margin: 0;
  bottom: 15px;
  right: 15px;
  z-index: 7;
}
#eyecatcher .pagination li {
	width: 20px; height: 20px; margin: 0; display: inline-block;
	cursor: pointer; text-indent: -9999px;
	transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: all 0 ease-in;
  background-image: url(../assets/dotbullet.svg);
  background-size: 100% auto;
  background-position: 0 -20px;
  margin-right: 5px;
}
#eyecatcher .pagination li:last-child {
  margin-right: 0
}
#eyecatcher .pagination li.current {
	background-position: 0 0;
	cursor: default;
}
#eyecatcher .summary {
  color: #ffffff;
  position: absolute; bottom: 0; z-index: 1;
  width: 100%;
  padding: 15px 0px;
}
#eyecatcher .summary p {
  margin: 0;
}
#eyecatcher .summary a {
  color: #ffffff;
  font-weight: bold;
}
#eyecatcher .summary h2 {
  color: #ffffff;
}
