.riot-slider-main,
 ul.riot-slider {
     background-color: #ddd;
     min-height: 100px;
 }

 .riot-slider-main li.slide,
 ul.riot-slider li {
     color: #000;
     text-shadow: 0 0 2px #fff;
 }

 .riot-slider-main .slide-caption,
 .riot-slider .slide-caption {
     background-color: rgba(255, 255, 255, 0.7);
     color: #000;
     text-shadow: 0 0 2px #fff;
     font-size: 20px;
     font-family: Verdana, Geneva, sans-serif;
 }

 .riot-slider-main .slide-buttons button {
     color: #fff;
     text-shadow: 0 0 2px #000;
     font-family: Verdana, Geneva, sans-serif;
     background-color: #677;
     border: 1px solid #344;
 }

 .riot-slider-main .slide-buttons button:hover {
     background-color: #899;
     border-color: #566;
 }

 .riot-slider-main .slide-buttons button.is-active,
 .riot-slider-main .slide-buttons button.is-active:hover {
     background-color: #009;
     border-color: #000;
 }

 .riot-slider-main .slide-buttons button.is-disabled,
 .riot-slider-main .slide-buttons button.is-disabled:hover,
 .riot-slider-main .slide-buttons button.is-disabled.is-active,
 .riot-slider-main .slide-buttons button.is-disabled.is-active:hover {
     background-color: #ccc;
     color: #566;
     text-shadow: 0 0 2px #fff;
     border-color: #888;
     cursor: default;
 }

 .riot-slider-main .slide-side-link>span,
 .riot-slider-main .slide-side-link>span>i.material-icons {
     color: #000;
     text-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff;
     font-size: 44px;
 }

 .riot-slider-main.riot-slider-dark,
 .riot-slider-main.riot-slider-dark ul.riot-slider {
     background-color: #333;
 }

 .riot-slider-main.riot-slider-dark li.slide {
     color: #fff;
     text-shadow: 0 0 2px #000;
 }

 .riot-slider-main.riot-slider-dark .slide-caption {
     background-color: rgba(0, 0, 0, 0.7);
     color: #fff;
     text-shadow: 0 0 2px #000;
 }

 .riot-slider-main.riot-slider-dark .slide-buttons button {
     color: #000;
     text-shadow: 0 0 2px #fff;
     background-color: #bcc;
     border-color: #bcc;
     border: 1px solid transparent;
 }

 .riot-slider-main.riot-slider-dark .slide-buttons button.is-active {
     background-color: #4cf;
     border-color: #2ab;
 }

 .riot-slider-main.riot-slider-pastel,
 .riot-slider-main.riot-slider-pastel ul.riot-slider {
     background-color: #ded;
 }

 .riot-slider-main.riot-slider-pastel li.slide {
     color: #000;
     text-shadow: 0 0 2px #fff;
 }

 .riot-slider-main.riot-slider-pastel .slide-caption {
     background-color: rgba(255, 255, 255, 0.7);
     color: #000;
     text-shadow: 0 0 2px #fff;
 }

 .riot-slider-main.riot-slider-pastel .slide-buttons button {
     color: #000;
     text-shadow: 0 0 2px #fff;
     background-color: #ccc;
     border-color: #ccc;
     border: 1px solid transparent;
 }

 .riot-slider-main.riot-slider-pastel .slide-buttons button.is-active {
     background-color: #89c;
     border-color: #679;
 }

 ul.riot-slider {
     list-style: none;
     width: 100%;
     border: 0;
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 ul.riot-slider li {
     display: none;
     text-align: center;
     width: 100%;
     border: 0;
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 ul.riot-slider li:first-child {
     display: list-item;
 }

 ul.riot-slider>li>img,
 ul.riot-slider>li>a>img {
     display: block;
     margin: 0 auto;
     max-width: 100%;
     border: 0;
     padding: 0;
     box-sizing: border-box;
 }

 .riot-slider-main {
     width: 100%;
     border: 0;
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     min-width: 150px;
 }

 .riot-slider-main .slides-outer {
     overflow: hidden;
     width: 100%;
     border: 0;
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     position: relative;
 }

 .riot-slider-main .slides-inner {
     display: table;
     border-collapse: collapse;
     transition: 1s;
     width: 100%;
     border: 0;
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 .riot-slider-main ul.riot-slider {
     display: table-row;
     list-style: none;
 }

 .riot-slider-main ul.riot-slider li.slide {
     display: table-cell;
     vertical-align: middle;
     text-align: center;
     position: relative;
     width: 100%;
     border: 0;
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 .riot-slider-main ul.riot-slider>li.slide>img,
 .riot-slider-main ul.riot-slider>li.slide>a>img {
     display: block;
     margin: 0 auto;
     max-width: 100%;
     border: 0;
     padding: 0;
     box-sizing: border-box;
 }

 .riot-slider-main .slide-caption {
     position: absolute;
     bottom: 0;
     left: 0;
     text-align: center;
     padding: 4px;
     width: 100%;
     border: 0;
     margin: 0;
     box-sizing: border-box;
 }

 .riot-slider-main .slide-buttons {
     padding: 10px 0;
     text-align: center;
     width: 100%;
     border: 0;
     margin: 0;
     box-sizing: border-box;
 }

 .riot-slider-main .slide-number-group {
     white-space: normal;
     display: inline-block;
     margin: 0 5px;
     border: 0;
     padding: 0;
 }

 .riot-slider-main .slide-number-group.is-hidden {
     display: none;
 }

 .riot-slider-main .slide-button-group {
     white-space: nowrap;
     display: inline-block;
     margin: 0 6px;
     border: 0;
     padding: 0;
 }

 .riot-slider-main .slide-buttons button {
     display: inline-block;
     user-select: none;
     border-radius: 4px;
     min-height: 20px;
     margin: 6px 4px;
     padding: 6px 10px;
     cursor: pointer;
     font-size: 16px;
 }

 .riot-slider-main .slide-buttons button .material-icons {
     font-size: 14px;
     line-height: normal;
 }

 .riot-slider-main .slide-side-link {
     position: absolute;
     top: 0;
     margin: 0;
     height: 100%;
     vertical-align: middle;
     display: flex;
     align-items: center;
     cursor: pointer;
 }

 .riot-slider-main .slide-side-link-prev {
     left: 0;
     padding: 1px 25px 1px 5px;
 }

 .riot-slider-main .slide-side-link-next {
     right: 0;
     padding: 1px 5px 1px 25px;
 }