.sqrflowsliderstage {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: black;
}
.sqrflowslidercontainer {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sqrflowslidercontainer>span {
  position: absolute;
  width: 50%;
  height: 50%;
  margin: 0;
  padding: 0;
  transition: transform 1.5s;
}

.sqrflowslidercontainer img {
  display: block;
  position: absolute;
  border: 0;
}

.sqrflowsliderb span {
  color: #ffffff;
}

.sqrflowsliderd span {
  color: #000000;
}


.sqrflowsliderprev {
  width: 32px;
  height: 32px;
}
.sqrflowsliderprev, .sqrflowslidernext {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  z-index: 10;
  opacity: 0.5;
  transition: opacity 1s;
}
.sqrflowsliderprev:hover, .sqrflowslidernext:hover {
  opacity: 1;
}
.sqrflowsliderb .sqrflowsliderprev {
  background-image: url(sqwpluginflowsliderprevb.svg);
  left: 20px;
}
.sqrflowsliderb .sqrflowslidernext {
  background-image: url(sqwpluginflowslidernextb.svg);
  right: 20px;
}
.sqrflowsliderd .sqrflowsliderprev {
  background-image: url(sqwpluginflowsliderprevd.svg);
  left: 20px;
}
.sqrflowsliderd .sqrflowslidernext {
  background-image: url(sqwpluginflowslidernextd.svg);
  right: 20px;
}
.sqrflowsliderdirect {
  width: 200px;
  height: 20px;
  position: absolute;
  bottom: 20px;
  margin-left: -100px;
  left: 50%;
  z-index: 10;
}
.sqrflowsliderdirect a {
  display: block;
  width: 50px;
  height: 20px;
  float: left;
  position: relative;
}
.sqrflowsliderdirect a>div {
  height: 2px;
  width: 40px;
  position: absolute;
  top: 9px;
  left: 5px;
  transition: background-color 1s;
  opacity: 0.8;
}

.sqrflowsliderb .sqrflowsliderdirect a>div {
  background-color: #ffffff;
}

.sqrflowsliderd .sqrflowsliderdirect a>div {
  background-color: #000000;
}

.sqrflowsliderdirect .sqrflowsliderdirectcurrent>div {
  background-repeat: no-repeat;
  background-position: -40px 0;
}

.sqrflowsliderb .sqrflowsliderdirect .sqrflowsliderdirectcurrent>div {
  background-image: url(sqwpluginflowsliderbarb.svg);
  background-color: #999999;
}

.sqrflowsliderd .sqrflowsliderdirect .sqrflowsliderdirectcurrent>div {
  background-image: url(sqwpluginflowsliderbard.svg);
  background-color: #666666;
}