/*-----------------------------------------------
 * Mixins:
 ----------------------------------------------*/
/*-----------------------------------------------
 * Global:
 ----------------------------------------------*/
/*.tiles-preload .tiles-slider-wrap * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}*/
.tiles-slider-wrap * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.tiles-slider-wrap a:focus {
  outline: none;
}
.tiles-slider-wrap,
.tiles-tile {
  position: relative;
}
.tiles-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
}
.tiles-tile {
  float: left;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  z-index: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/*-----------------------------------------------
 * Timer:
 ----------------------------------------------*/
.tiles-timer {
  position: absolute;
  top: 0;
  height: 5px;
  width: 0;
  background: #088BBF;
}
/*-----------------------------------------------
 * Navigation:
 ----------------------------------------------*/
/* Prev/Next */
.tiles-next,
.tiles-prev {
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 50%;
  margin: 0 .5em;
  margin-top: -24px;
  text-indent: -9999px;
  width: 48px;
  height: 48px;
  line-height: 50px;
  background: url(../img/prev_next.png) left no-repeat;
  color: white;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tiles-next {
  right: 0;
  background-position: right;
}
.tiles-slider-wrap:hover .tiles-next,
.tiles-slider-wrap:hover .tiles-prev {
  opacity: 1;
}
.tiles-nav:hover ~ .tiles-next,
.tiles-nav:hover ~ .tiles-prev {
  opacity: 0;
}
/* Bullets/Pagination */
.tiles-nav {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 1em;
  /* Pagination */
  /* Bullets */
  /* Thumbnails */
}
.tiles-nav .tiles-nav-item {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tiles-nav .tiles-nav-item.tiles-nav-active {
  cursor: default;
}
.tiles-nav .tiles-nav-item:not(.tiles-nav-active):hover span {
  visibility: visible;
  opacity: 1;
  margin-top: -1em;
}
.tiles-nav .tiles-pagination {
  text-decoration: none;
  color: #222;
  padding: .1em .5em;
  margin: 0 .1em;
  border-radius: 2px;
}
.tiles-nav .tiles-pagination:hover {
  text-decoration: none;
  color: #088BBF;
}
.tiles-nav .tiles-pagination.tiles-nav-active {
  background: #088BBF;
  color: #fff;
}
.tiles-nav .tiles-bullet {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 .3em;
  border-radius: 16px;
  background: #ddd;
}
.tiles-nav .tiles-bullet.tiles-nav-active {
  background: #088BBF;
}
.tiles-nav span {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  padding: .3em;
  margin-top: -1.5em;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  border-top: 1px solid white;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
}
.tiles-nav span:after,
.tiles-nav span:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-style: solid;
  border-width: 10px;
  border-color: transparent;
  border-top-color: rgba(255, 255, 255, 0.85);
}
.tiles-nav span:before {
  margin-top: 1px;
  border-top-color: rgba(0, 0, 0, 0.5);
}
.tiles-nav img {
  display: block;
}
/* Descriptions */
.tiles-description {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1em 2em;
  line-height: 1.5;
  visibility: hidden;
  opacity: 0;
  color: white;
  background: rgba(0, 0, 0, 0.65);
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tiles-description p {
  position: relative;
  padding: 0;
  margin: 0;
  left: -5em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tiles-description-active {
  opacity: 1;
  visibility: visible;
}
.tiles-description-active p {
  left: 0;
}
.tiles-description-empty {
  display: none;
}
/* cssSpeed */
.tiles-slider-s100 .tiles-tile {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.tiles-slider-s200 .tiles-tile {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tiles-slider-s300 .tiles-tile {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tiles-slider-s400 .tiles-tile {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tiles-slider-s500 .tiles-tile {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.tiles-slider-s600 .tiles-tile {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.tiles-slider-s700 .tiles-tile {
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.tiles-slider-s800 .tiles-tile {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.tiles-slider-s900 .tiles-tile {
  -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -ms-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out;
}
.tiles-slider-s1000 .tiles-tile {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.tiles-tile.tiles-reset {
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
/*-----------------------------------------------
 * Effects:
 ----------------------------------------------*/
/* Simple */
.tiles-simple-anim {
  opacity: 0;
}
/* Default */
.tiles-default-anim {
  position: relative;
  opacity: 0;
  box-shadow: 0 0 10px black;
  top: -5%;
  left: 5%;
  z-index: 1;
}
/* Up */
.tiles-y1.tiles-up-anim {
  height: 1px !important;
}
/* Left */
.tiles-x1.tiles-left-normal {
  clear: both;
}
.tiles-x1.tiles-left-anim {
  width: 0 !important;
}
/* Switch LR */
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x2 {
  left: 50%;
}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x4 {
  left: 25%;
}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x6 {
  left: 16.66666667%;
}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x8 {
  left: 12.5%;
}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x10 {
  left: 10%;
}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x12 {
  left: 8.33333333%;
}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x14 {
  left: 7.14285714%;
}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x16 {
  left: 6.25%;
}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x18 {
  left: 5.55555556%;
}
.tiles-switchlr-anim.tiles-even.tiles-y1.tiles-x20 {
  left: 5%;
}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x2 {
  left: -50%;
}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x4 {
  left: -25%;
}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x6 {
  left: -16.66666667%;
}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x8 {
  left: -12.5%;
}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x10 {
  left: -10%;
}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x12 {
  left: -8.33333333%;
}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x14 {
  left: -7.14285714%;
}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x16 {
  left: -6.25%;
}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x18 {
  left: -5.55555556%;
}
.tiles-switchlr-anim.tiles-odd.tiles-y1.tiles-x20 {
  left: -5%;
}
/* Switch UD */
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y2 {
  top: 50%;
}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y4 {
  top: 25%;
}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y6 {
  top: 16.66666667%;
}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y8 {
  top: 12.5%;
}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y10 {
  top: 10%;
}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y12 {
  top: 8.33333333%;
}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y14 {
  top: 7.14285714%;
}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y16 {
  top: 6.25%;
}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y18 {
  top: 5.55555556%;
}
.tiles-switchud-anim.tiles-even.tiles-x1.tiles-y20 {
  top: 5%;
}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y2 {
  top: -50%;
}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y4 {
  top: -25%;
}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y6 {
  top: -16.66666667%;
}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y8 {
  top: -12.5%;
}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y10 {
  top: -10%;
}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y12 {
  top: -8.33333333%;
}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y14 {
  top: -7.14285714%;
}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y16 {
  top: -6.25%;
}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y18 {
  top: -5.55555556%;
}
.tiles-switchud-anim.tiles-odd.tiles-x1.tiles-y20 {
  top: -5%;
}
/* Flip */
.tiles-fliplr-anim {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.tiles-flipud-anim {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
/* Reduce */
.tiles-reduce-anim {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
/* 360 */
.tiles-360-anim {
  -webkit-transform: rotateZ(360deg) scale(0);
  -moz-transform: rotateZ(360deg) scale(0);
  -ms-transform: rotateZ(360deg) scale(0);
  -o-transform: rotateZ(360deg) scale(0);
  transform: rotateZ(360deg) scale(0);
}
/* Left & Right */
.tiles-leftright-anim.tiles-even {
  -webkit-transform: translate(50%, 0);
  -moz-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  -o-transform: translate(50%, 0);
  transform: translate(50%, 0);
}
.tiles-leftright-anim.tiles-odd {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/* Up & Down */
.tiles-updown-anim.tiles-even {
  -webkit-transform: translate(0, 50%);
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -o-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.tiles-updown-anim.tiles-odd {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
/* Slider fixes */
.tiles-slider-wrap .tiles-switchlr-anim,
.tiles-slider-wrap .tiles-switchud-anim,
.tiles-slider-wrap .tiles-fliplr-anim,
.tiles-slider-wrap .tiles-y1.tiles-up-anim,
.tiles-slider-wrap .tiles-x1.tiles-left-anim,
.tiles-slider-wrap .tiles-updown-anim,
.tiles-slider-wrap .tiles-leftright-anim,
.tiles-slider-wrap .tiles-flipud-anim,
.tiles-slider-wrap .tiles-reduce-anim {
  opacity: 0;
  visibility: hidden;
}
.tiles-slider-leftright .tiles-wrap,
.tiles-slider-updown .tiles-wrap,
.tiles-slider-360 .tiles-wrap {
  overflow: hidden;
}