.flex__slider-container{width:100%;max-width:748px;border-bottom:2px solid #ccc;margin:0 auto;background:#fff;webkit-box-shadow:0 5px 5px #aaa;-moz-box-shadow:0 5px 5px #aaa;box-shadow:0 5px 5px 5px #aaa}
.flexbox-slideshow ul.slideshow li:not(.active){opacity:0}
.flex__slider-container h2.title{adding:10px;font-weight:bold}
.flexbox-slideshow{position:relative;overflow:hidden}
.slideshow{padding:0;margin:0;list-style:none}
.slideshow li:not(.placeholder){position:absolute;z-index:1;top:0;left:0}
.slideshow li img{width:100%;max-width:100%;display:block;opacity:0}
.slideshow li.active{z-index:2}
.slideshow li.active img{opacity:1}
.slideshow li .caption-container{position:absolute;height:100%;width:100%;top:0;left:0;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;flex-direction:column}
.slideshow li .caption{background:rgba(0,0,0,0.5);color:#f2f2f2;padding:10px 20px;margin-left:-100%}
.slideshow li .caption.caption-title{margin-bottom:10px;transition:all .2s ease}
.slideshow li .caption.caption-title>*{margin:0}
.slideshow li.active .caption{margin-left:0}
.dotnav{position:absolute;list-style:none;padding:20px;margin:0;top:0;width:100%;z-index:100;display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;height:100%}
.dotnav li span{border-radius:50%;display:block;height:20px;width:20px;margin-right:20px;background:rgba(255,255,255,0.3);cursor:pointer;box-shadow:0 1px 6px #000}
.dotnav li.active span{background:rgba(255,255,255,0.5);cursor:default}
.dotnav li:last-child span{margin-right:0}
@media screen and (max-width:767px){.slideshow li .caption-container{justify-content:flex-start}
.slideshow li .caption{font-size:3vw;width:100%;margin-left:0;margin-top:-100%;text-align:center}
.slideshow li .caption.caption-author{display:none}
.slideshow li.active .caption{margin-top:0}
.dotnav{padding:3vw}
.dotnav li span{height:3.5vw;width:3.5vw;margin-right:10px}
}