@charset 'UTF-8';

.block.-flow-slide {
  padding-bottom: 10px;
  transition: opacity 1s ease 1s;
  opacity: 0;
}

.block.-flow-slide.swiper-container-initialized {
  opacity: 1;
}

.block.-flow-slide .swiper-slide {
  width: 240px;
  height: auto;
}

.block.-flow-slide .swiper-slide:not(:first-child):before {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: 50%;
  left: -30px;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  content: '';
  transform: translateY(-60px);
  border-width: 12px 0 12px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #6d0001;
}

.block.-flow-slide .swiper-scrollbar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-radius: 0;
  background: #eee;
}

.block.-flow-slide .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #ccc;
}

.block.-flow-slide .swiper-button-prev,.block.-flow-slide .swiper-button-next {
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  display: none;
  width: 40px;
  height: auto;
  margin: 0;
  cursor: pointer;
}

.block.-flow-slide .swiper-button-prev.swiper-button-disabled,.block.-flow-slide .swiper-button-next.swiper-button-disabled {
  display: none;
}

.block.-flow-slide .swiper-button-prev:after,.block.-flow-slide .swiper-button-next:after {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 15px;
  height: 15px;
  margin: auto;
  content: '';
  border-width: 0 3px 3px 0;
  border-style: solid;
  border-color: #fff;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,.25);
}

.block.-flow-slide .swiper-button-prev {
  left: 0;
  background: linear-gradient(to left,transparent,rgba(51,51,51,.25));
}

.block.-flow-slide .swiper-button-prev:after {
  left: 15px;
  transform: rotate(135deg);
}

.block.-flow-slide .swiper-button-next {
  right: 0;
  background: linear-gradient(to right,transparent,rgba(51,51,51,.25));
}

.block.-flow-slide .swiper-button-next:after {
  right: 15px;
  transform: rotate(-45deg);
}

.block.-flow-slide.-scrolling[data-slide-index=start] .swiper-button-next {
  display: block;
}

.block.-flow-slide.-scrolling[data-slide-index=end] .swiper-button-prev {
  display: block;
}

.block.-flow-slide:not(.-scrolling) .swiper-button-prev,.block.-flow-slide:not(.-scrolling) .swiper-button-next {
  display: none;
}

@media print,screen and (min-width:768px) {
  .block.-flow-slide .swiper-button-prev,.block.-flow-slide .swiper-button-next {
    display: block;
  }
}