.hooper-slide {
  flex-shrink: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hooper-progress {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background-color: #efefef;
}
.hooper-progress-inner {
  height: 100%;
  background-color: #4285f4;
  transition: 300ms;
}
.hooper-pagination {
  position: absolute;
  bottom: 0;
  right: 50%;
  transform: translateX(50%);
  display: flex;
  padding: 5px 10px;
}
.hooper-indicators {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.hooper-indicator:hover,
.hooper-indicator.is-active {
  background-color: #4285f4;
}
.hooper-indicator {
  margin: 0 2px;
  width: 12px;
  height: 4px;
  border-radius: 4px;
  border: none;
  padding: 0;
  background-color: #fff;
  cursor: pointer;
}
.hooper-pagination.is-vertical {
  bottom: auto;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.hooper-pagination.is-vertical .hooper-indicators {
  flex-direction: column;
}
.hooper-pagination.is-vertical .hooper-indicator {
  width: 6px;
}
.hooper-next,
.hooper-prev {
  background-color: transparent;
  border: none;
  padding: 1em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.hooper-next.is-disabled,
.hooper-prev.is-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.hooper-next {
  right: 0;
}
.hooper-prev {
  left: 0;
}
.hooper-navigation.is-vertical .hooper-next {
  top: auto;
  bottom: 0;
  transform: initial;
}
.hooper-navigation.is-vertical .hooper-prev {
  top: 0;
  bottom: auto;
  right: 0;
  left: auto;
  transform: initial;
}
.hooper-navigation.is-rtl .hooper-prev {
  left: auto;
  right: 0;
}
.hooper-navigation.is-rtl .hooper-next {
  right: auto;
  left: 0;
}
.hooper {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 200px;
}
.hooper * {
  box-sizing: border-box;
}
.hooper-list {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.hooper-track {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.hooper.is-vertical .hooper-track {
  flex-direction: column;
  height: 200px;
}
.hooper.is-rtl {
  direction: rtl;
}
.hooper-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
body {
  font-family: 'Barlow', sans-serif;
  background-color: #edebdd;
}
.hooper-pagination {
  bottom: -50px !important;
}
#slides .hooper-slide img {
  border-style: solid;
  border-color: white;
}
@media screen and (max-width: 767px) {
  #slides .hooper-slide img {
    border-width: 0 5px;
  }
}
@media screen and (min-width: 768px) {
  #slides .hooper-slide img {
    border-width: 0 15px;
  }
}
#menu {
  background-color: rgba(0, 0, 0, 0.2);
}
#menu a {
  font-size: 12pt;
  letter-spacing: 1px;
  color: white;
}
#top #logo-festik {
  display: inline-block;
  width: 184px;
  height: 57px;
  background-size: cover;
  background-image: url(/assets/images/festik.speaker.3e3f2a1f9751121b722afd7a6d6878e9.png);
  position: relative;
  top: 16px;
}
#top #search {
  display: inline-block;
  position: relative;
}
#top #search input {
  display: inline-block;
  height: 58px;
  width: 400px;
  outline: none;
  border: solid 1px #ccc;
  font-size: 14pt;
  text-align: left;
  color: dimgrey;
  border-radius: 0px;
}
#top #search .magnifier {
  cursor: pointer;
  content: '';
  position: absolute;
  display: block;
  right: 20px;
  top: 14px;
  width: 28px;
  height: 28px;
  background-image: url(/assets/images/magnifier.9ccfc4a27c05d3336ce4b6f46cf4f5f7.png);
  background-size: cover;
  opacity: 0.5;
}
#top #search .magnifier:hover {
  opacity: 1;
}
.app-mobile #top #search {
  display: block;
}
.app-mobile #top #search input {
  display: block;
  width: 100%;
  height: 30px;
  font-size: 12pt;
  position: relative;
  top: 20px;
}
.app-mobile #top #search .magnifier {
  top: 30px;
}
.app-mobile .v-one {
  width: 45%;
  margin: 5px;
  padding: 5px;
}
.app-mobile .v-one:hover {
  transform: scale(1);
}
.app-mobile .v-one .v-slide {
  width: 100%;
  height: auto;
}
.app-mobile .v-one .v-one-image {
  width: 100%;
}
.app-mobile .v-one .v-one-image img {
  max-width: 100%;
  max-height: none;
}
.v-slide {
  width: 200px;
  height: 200px;
  position: relative;
}
.v-label {
  text-transform: uppercase;
  font-size: 14pt;
  letter-spacing: 2px;
  font-weight: bolder;
  position: relative;
  left: 15px;
}
.v-label:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: cover;
  background-image: url(/assets/images/arrow.52b373f5200e6f7a45819c56d713342c.png);
  margin-right: 15px;
}
.v-one {
  display: inline-block;
  width: 220px;
  background-color: white;
  margin: 15px;
  padding: 10px;
  transition: transform 250ms;
  vertical-align: top;
}
.v-one:hover {
  transform: scale(1.1);
  transition: transform 100ms;
}
.v-one .v-one-image img {
  max-width: 200px;
  max-height: 200px;
}
.v-one .v-one-laius {
  padding: 12px;
  text-align: center;
  font-weight: bold;
  line-height: 18px;
}
.v-one .hooper-pagination {
  padding: 0;
  margin: 0;
  bottom: -20px !important;
}
.v-one .hooper-indicator {
  width: 6px;
  height: 6px;
  background-color: #ccc;
}
.v-one .hooper-indicator:hover,
.v-one .hooper-indicator.is-active {
  background-color: tomato;
}
.v-one .billetterie-name {
  font-size: 8pt;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #888;
  margin-top: 10px;
  margin-bottom: 5px;
}
.v-one .product-name {
  text-transform: capitalize;
}
.v-one .product-name a {
  color: inherit;
}
.v-one .product-name a:hover {
  color: tomato;
}
.v-one .location,
.v-one .dates {
  font-size: 8pt;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 10px;
}
.v-one .dates {
  margin-top: 0px;
}