.jsliderc {
    display: block;
    visibility: visible;
    cursor: move;
    position: relative;
    top: 0px;
    left: 0px;
    overflow:hidden;
    margin: 0 auto;
    /*width:960px;
      height:540px; should be specified in html style = could be customized*/
}

.jsliders {
    top:0px;
    left:0px;
    width:auto;
    height:auto;
    overflow:hidden;
}


/*bullet navigator*/
.jssorb031 {
    position:absolute;
    bottom:16px;
    right:16px;
    cursor:pointer;
}
.i {
    width:13px;
    height:13px;
    cursor:pointer;
}
.jssorb031 .i .b {fill:#888;fill-opacity:0.6;stroke:#fff;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.8;}
.jssorb031 .i:hover .b {fill:#fff;fill-opacity:1;stroke:#000;stroke-opacity:1;}
.jssorb031 .iav .b {fill:#fff;stroke:#000;stroke-width:1600;fill-opacity:.6;}
.jssorb031 .i.idn {opacity:.3;}

/*arrow navigator*/
.jssora051 {
    display:block;
    position:absolute;
    cursor:pointer;
    top: calc( 100% / 2 - 25px );
    width:55px;
    height:55px;
}
.jssora051 .a {fill:none;stroke:#aaa;stroke-width:860;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}


/* FOR OLD INLIDE JSSOR (copy paste by Philip!)... */

/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    background: url(https://viralzone.expasy.org/resources/js/b05.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}

.jssorb05 div {
    background-position: -7px -7px;
}

.jssorb05 div:hover, .jssorb05 .av:hover {
    background-position: -37px -7px;
}

.jssorb05 .av {
    background-position: -67px -7px;
}

.jssorb05 .dn, .jssorb05 .dn:hover {
    background-position: -97px -7px;
}

/* jssor slider arrow navigator skin 12 css */
/*
.jssora12l              (normal)
.jssora12r              (normal)
.jssora12l:hover        (normal mouseover)
.jssora12r:hover        (normal mouseover)
.jssora12ldn            (mousedown)
.jssora12rdn            (mousedown)
*/
.jssora12l, .jssora12r, .jssora12ldn, .jssora12rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(https://viralzone.expasy.org/resources/js/a10.png) no-repeat;
    overflow: hidden;
}

.jssora12l {
    background-position: -16px -37px;
}

.jssora12r {
    background-position: -75px -37px;
}

.jssora12l:hover {
    background-position: -136px -37px;
}

.jssora12r:hover {
    background-position: -195px -37px;
}

.jssora12ldn {
    background-position: -256px -37px;
}

.jssora12rdn {
    background-position: -315px -37px;
}