.tinyslider-slider { box-sizing: border-box; width: 100%; }
.tinyslider-wrapper { overflow: hidden; position: relative; width: 100%; }
.tinyslider-slides { transition: transform: 0.3s; display: flex; position: relative; cursor: pointer; }
.tinyslider-prev { position: absolute; left: 10px; z-index: 1; cursor: pointer; margin: 0; top: 50%; transform: translateY(-50%); }
.tinyslider-next { position: absolute; right: 10px; z-index: 1; cursor: pointer; margin: 0; top: 50%; transform: translateY(-50%); }
.tinyslider-slides.shifting { transition: left 0.2s ease-out; }
.tinyslider-slides.shifting-slow { transition: left 0.5s ease-out; }
.tinyslider-slide { display: inline-flex; justify-content: center; align-items: center; height: auto; width: 100%; flex-shrink: 0; transition: all 1s; }
.tinyslider-slide-image { background-repeat: no-repeat; background-size: contain; background-position: center; height: 100vh; }
.tinyslider-bullets { text-align: center; width: 100%; margin: 0; padding-top: 5px; list-style: none; position: absolute; bottom: 10px; z-index: 140; }
.tinyslider-bullets li { display:inline-block; margin: 0 5px 0 5px; }
.tinyslider-bullets .bullet { display: inline-block; height: 12px; width: 12px; border-radius: 50%; cursor: pointer; background-color: #ccc; }
.tinyslider-bullets .bullet.active { background-color: #666; }
.tinyslider-bullets.white .bullet { background-color: transparent; border: solid 1px #fff; }
.tinyslider-bullets.white .bullet.active { background-color: #fff; border: solid 1px #fff; }