body,html{width:100%;height:100%}
*{margin:0;padding:0;box-sizing:border-box}
.tinyslide{width:100%;height:100%;position:relative;overflow:hidden}
.tinyslide .navigator{position:absolute;bottom:2em;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.tinyslide .navigator ul{padding:0}
.tinyslide .navigator ul li{float:left;list-style-type:none;margin:0 .5em 0 0;padding:0;width:15px;height:15px;border:1px solid #fff;border-radius:100%;-webkit-transition:all .5s linear;transition:all .5s linear}
.tinyslide .navigator ul li span{display:none}
.tinyslide .navigator ul li:hover{background:#fff}
.tinyslide .navigator ul li.active{background:#fff;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.tinyslide aside{height:100%;width:100%;-webkit-transition:-webkit-transform .8s cubic-bezier(.365,.84,.44,1);transition:transform .8s cubic-bezier(.365,.84,.44,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.tinyslide figure{height:100%;float:left;position:relative;z-index:1}
.tinyslide figure img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}
.tinyslide figure figcaption{position:absolute;font-size:3em;color:#fff;bottom:.5em;right:2em;z-index:2;opacity:0}
.tinyslide figure.active figcaption{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}