/*  Custom miSlider CSS ========================================= */

.mis-stage {

}
.mis-slider {
/*  Slider element does not need to be a specific height
            Here we use it to create a stylish bar behind slides */
margin-top: 138px;
height: 450px;

}
.mis-slider li a {
text-decoration: none;
color: #666;
display: block;
}
.mis-slider li figcaption {
font-size: 1.5em;
}
.mis-slider li img {
/*  Make max-width of image a little less than width of slide
                to avoid some browser shinking bugs */
max-width: 600px;
/*  for really small screens make width 100% */
width: 100%;
/*  Make image round */
border-radius: 20px;
border: none;
}
.mis-slide {
/*  Set width in pixels to restrict width of slides 
                for multi-item slider, default width is 100%
                for single-item slider. Use padding to add space 
                between slides */
width: 600px;
height: 450px;
padding: 40px;
/*  Undo the margin added by slider element */
margin-top: -150px;
opacity:0.2;
}
.mis-nav-buttons a {
color: #fff;
}
/*  Other styles for making things look pretty ==================== */
.mis-slide { border-radius:0px !important; }
.mis-nav-list li a{ background:none !important; border:solid 2px #832781 !important; opacity:1 !important; box-shadow:none !important;}
.mis-nav-list li.mis-current a{ background:#832781  !important; border:solid 2px #832781 !important;}
figure .playIcon {position:absolute; top:50% !important; left:50% !important; transform: translate(-50%); width:32px !important; height:32px !important;}
figure .rating { width:100px !important; margin:0 !important; display:none;}
figure { position:relative;}
figcaption { position:absolute; top:50%; left:10px; color:#FFF; transform:rotate(-90deg) translateY(-50%); text-align:left;}
figcaption h3 { font-size:24px !important; line-height:30px !important;}
.mis-current { opacity:1;}
.mis-current figure .rating { display:block;}
.mis-current figcaption { transform:translate(0) translateY(0); top:auto; bottom:20px; left:30px;}
.mis-nav-buttons a  { margin-top:-20px;}
.mis-next:after { content:url(../images/testimonial_carousel_arrow_next.svg) !important;}

.mis-prev:before { content:url(../images/testimonial_carousel_arrow_prev.svg) !important;}