/*NO popup */
.testimonial .reveal::-webkit-scrollbar {
    width: 3px;
}
 
.testimonial.reveal::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #8B8B8B; 
    border-radius: 10px;
}
 
.testimonial .reveal::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #8B8B8B; 
}
/*WITH popup */
.testimonial.hasHover .reveal::-webkit-scrollbar {
    width: 3px;
}
 
.testimonial.hasHover.reveal::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ccc; 
    border-radius: 10px;
}
 
.testimonial.hasHover .reveal::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #ccc; 
}

.sliderContainer {
    position: relative;
    padding: 0 45px;
}
#slider {
  position: relative;
  overflow: hidden;
  margin: 20px 0px;
}

#slider .testimonial {
    margin:0;
}

#slider > ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 250px;
  list-style: none;
}

#slider > ul > li {
  position: relative;
  display: block;
  float: left;
  margin: 0 15px 0;
  padding: 0;
  width: 250px;
  height: 250px;
  background: #ccc;
  text-align: left;
}

#slider>ul>li:first-child {
  margin-left:0;
}
a.control_prev,
a.control_next {
  
  text-transform: uppercase;
  padding: 0.22em 5% 0.22em 0.33em;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  background: #D1D2D4;
  z-index: 30;
  display: block;
  font-weight: bold;
  width: 40px;
  height:40px;
  text-decoration: none;
  cursor: pointer;
  border: 2px solid #0991b7;
  background: #0991b7 url(data:image/png;base64,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) no-repeat center center;
}

a.control_prev:hover, 
a.control_next:hover {
  border: 2px solid #07B1E0;
}

a.control_prev {
left: 0px;
    ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

a.control_next {
  right: -0px;
}

@media screen and (min-width:20em) {
  .sliderContainer {
         padding: 0 23px;
    }
}