.hub-slider .arrows-holder,
.hub-slider .bullets-holder {
  list-style: none;
  margin: 0;
  padding: 0;
}
.hub-slider > .active,
.hub-slider .arrows-holder,
.hub-slider .arrows-holder > li,
.hub-slider .bullets-holder,
.hub-slider .bullets-holder > li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.hub-slider > .active {
  display: block;
  position: relative;
  width: 100%;
}
.hub-slider > :not(.arrows-holder, .bullets-holder, .active, .hub-prevent) {
  display: none;
}
.hub-slider {
  overflow: hidden;
  position: relative;
  text-align: center;
}
.hub-slider .arrows-holder li {
  width: 20px;
  height: 20px;
  cursor: pointer;
  opacity: 0.5;
  border: 5px solid;
  border-color: transparent #777 #777 transparent;
  border-radius: 0 6px 3px 6px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.hub-slider .arrows-holder li:first-of-type {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
}
.hub-slider .arrows-holder li:last-of-type {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
.hub-slider .arrows-holder li:hover {
  opacity: 1;
}
.hub-slider .bullets-holder {
  cursor: default;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.hub-slider .bullets-holder > li {
  display: inline-block;
  cursor: pointer;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #777;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  margin: 0 2px;
}
.hub-slider .bullets-holder > li.active,
.hub-slider .bullets-holder > li:hover {
  opacity: 1;
}
.hub-slider .hub-fade,
.hub-slider .hub-top,
.hub-slider .hub-bottom,
.hub-slider .hub-left,
.hub-slider .hub-right {
  visibility: hidden;
  -webkit-animation-fill-mode: forwards !important;
  animation-fill-mode: forwards !important;
}
.hub-slider .hub-fade {
  -webkit-animation: hub-fade 1s ease-out;
  animation: hub-fade 1s ease-out;
}
.hub-slider .hub-top {
  -webkit-animation: hub-top 1s ease-out;
  animation: hub-top 1s ease-out;
}
.hub-slider .hub-bottom {
  -webkit-animation: hub-bottom 1s ease-out;
  animation: hub-bottom 1s ease-out;
}
.hub-slider .hub-left {
  -webkit-animation: hub-left 1s ease-out;
  animation: hub-left 1s ease-out;
}
.hub-slider .hub-right {
  -webkit-animation: hub-right 1s ease-out;
  animation: hub-right 1s ease-out;
}
.hub-slider .faster {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
.hub-slider .fast {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.hub-slider .medium {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hub-slider .slow {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.hub-slider .slower {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.hub-slider .delay-1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.hub-slider .delay-2 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.hub-slider .delay-3 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.hub-slider .delay-4 {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.hub-slider .delay-5 {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.hub-slider .delay-6 {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}
.hub-slider .delay-7 {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}
.hub-slider .delay-8 {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}
.hub-slider .delay-9 {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}
.hub-slider .delay-10 {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}
.hub-slider .remove-arrows-style {
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  -webkit-transition: none !important;
  transition: none !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
}
@-webkit-keyframes hub-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes hub-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes hub-top {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
  }
}
@keyframes hub-top {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
  }
}
@-webkit-keyframes hub-bottom {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
  }
}
@keyframes hub-bottom {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
  }
}
@-webkit-keyframes hub-left {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
  }
}
@keyframes hub-left {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
  }
}
@-webkit-keyframes hub-right {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
  }
}
@keyframes hub-right {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
  }
}