.smoothslides, .smoothslides-on { position:relative; font-size:0; line-height: 0; min-height: 40px; width: 100% !important; height: 100% !important; }
.smoothslides { background:rgba(255,255,255,.5); }
.smoothslides img { display:none; }
@keyframes throb { 0% {	opacity:0; transform:scale(1); } 50% { opacity:1; transform:scale(.2); } 100% { opacity:0; transform:scale(1); } }
@-webkit-keyframes throb { 0% { opacity:0; -webkittransform:scale(1); }	50% { opacity:1; -webkittransform:scale(.2); } 100% { opacity:0; -webkittransform:scale(1); } }
.smoothslides:before { content:''; position: absolute; width:8px; height:8px; left:50%; top:50%; margin-left:-4px; margin-top:-4px; border-radius:15px; border:2px solid #000; animation: throb 1s infinite; -webkit-animation: throb 1s infinite; }
.ss-slide-stage { position: relative; overflow: hidden; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); width: 100% !important; height: 100% !important; }
.ss-slide { position: absolute; top:0; left:0; transform-origin:center; display: block; width:100%; zoom: 1; }
.ss-slide img {	height:auto; }
.ss-caption-wrap { position: absolute; width:100%; padding:5px 5px 5px 5px; text-align:center; box-sizing:border-box; }
.ss-caption { min-height:50px; font-weight: bold; line-height: 1.4em; padding-top:15px; box-sizing:border-box; }
.smoothslides-on a.ss-prev, .smoothslides-on a.ss-next { position: absolute; left:5px; text-decoration: none; width: 50px; height: 50px; text-align: center; opacity:.5; transition:.2s ease-out; font-family: sans-serif; }
.smoothslides-on  a.ss-next { left:auto; right:5px; }
.smoothslides-on:hover .ss-prev, .smoothslides-on:hover .ss-next { opacity: 1; }
.smoothslides-on .ss-prev:hover, .smoothslides-on .ss-next:hover { opacity: 1; }
.ss-paginate-wrap { position: absolute; bottom:-20px; width:100%; }
.ss-paginate { display: inline-block; line-height: 0; }
.ss-paginate a:link, .ss-paginate a:visited { display: inline-block; transition: .3s; }
.clickPrNext { top:50% !important; transform:translateY(-50%) !important; -webkit-transform:translateY(-50%) !important; -ms-transform:translateY(-50%); }
.center { margin:0 auto; }
#demo .center { padding:0; transition:.2s; position: relative; cursor: pointer; }
#demo { width: 100%; float: left; }