.releases-slider {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.releases-slider .slider {
    height: 100%;
    white-space: nowrap;
    transition: 0.8s;
}

.releases-slider .slider > * {
    color: #333333;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    height: 100%;
    width: 100%;
    background: none 50% no-repeat;
    background-size: cover;
}

.releases-slider .slider-page .album-container {
     margin: 0 0 15px 12px;
 }

.releases-slider .album-cover {
    box-shadow: none;
}

.releases-slider .prevNext {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 100%;
    height: 0;
}

.releases-slider .prevNext > div + div {
    visibility: hidden;
}

.releases-slider .prevNext a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    background-image: url(/img/redesign/nav-slide-product-box.png);
    position: absolute;
    z-index: 5;
    width: 32px;
    height: 54px;
    cursor: pointer;
    background-position: -32px 0;
}

.releases-slider .prevNext a:hover {
    opacity: 1;
}

.releases-slider .prevNext a + a {
    left: auto;
    right: 0;
    background-position: 0 0;
}

.releases-slider .dots {
    position: relative;
    z-index: 2;
    bottom: 10px;
    padding: 10px 0;
    width: 100%;
    text-align: center;
}

.releases-slider .dots > a {
    display: inline-block;
    width: 11px;
    height: 11px;
    line-height: 18px;
    text-decoration: none;
    background-color: #CCCCCC;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 50%;
    margin-right: 10px;
}

.releases-slider .dots a:first-child {
    background-color: var(--element-color);
}

.releases-slider .dots > a:hover {
    background: rgba(255, 255, 255, 0.7) !important;
}

.releases-slider > q:target ~ .dots > * {
    background-color: #CCCCCC;
}

#s1:target ~ .dots > *:nth-child(1) {
    background-color: var(--element-color);
}

#s2:target ~ .dots > *:nth-child(2) {
    background-color: var(--element-color);
}

#s3:target ~ .dots > *:nth-child(3) {
    background-color: var(--element-color);
}

#s4:target ~ .dots > *:nth-child(4) {
    background-color: var(--element-color);
}

#s5:target ~ .dots > *:nth-child(5) {
    background-color: var(--element-color);
}

#s6:target ~ .dots > *:nth-child(6) {
    background-color: var(--element-color);
}

#s7:target ~ .dots > *:nth-child(7) {
    background-color: var(--element-color);
}

#s8:target ~ .dots > *:nth-child(8) {
    background-color: var(--element-color);
}

#s9:target ~ .dots > *:nth-child(9) {
    background-color: var(--element-color);
}

#s10:target ~ .dots > *:nth-child(10) {
    background-color: var(--element-color);
}

.releases-slider > q:target ~ .prevNext > * {
    visibility: hidden;
}

#s1:target ~ .prevNext > *:nth-child(1) {
    visibility: visible;
}

#s2:target ~ .prevNext > *:nth-child(2) {
    visibility: visible;
}

#s3:target ~ .prevNext > *:nth-child(3) {
    visibility: visible;
}

#s4:target ~ .prevNext > *:nth-child(4) {
    visibility: visible;
}

#s5:target ~ .prevNext > *:nth-child(5) {
    visibility: visible;
}

#s6:target ~ .prevNext > *:nth-child(6) {
    visibility: visible;
}

#s7:target ~ .prevNext > *:nth-child(7) {
    visibility: visible;
}

#s8:target ~ .prevNext > *:nth-child(8) {
    visibility: visible;
}

#s9:target ~ .prevNext > *:nth-child(9) {
    visibility: visible;
}

#s10:target ~ .prevNext > *:nth-child(10) {
    visibility: visible;
}

#s11:target ~ .prevNext > *:nth-child(11) {
    visibility: visible;
}

#s12:target ~ .prevNext > *:nth-child(12) {
    visibility: visible;
}

#s13:target ~ .prevNext > *:nth-child(13) {
    visibility: visible;
}

#s14:target ~ .prevNext > *:nth-child(14) {
    visibility: visible;
}

#s15:target ~ .prevNext > *:nth-child(15) {
    visibility: visible;
}

.releases-slider .targets {
}

#s1:target ~ .slider {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
}

#s2:target ~ .slider {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

#s3:target ~ .slider {
    transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
}

#s4:target ~ .slider {
    transform: translateX(-300%);
    -webkit-transform: translateX(-300%);
}

#s5:target ~ .slider {
    transform: translateX(-400%);
    -webkit-transform: translateX(-400%);
}

#s6:target ~ .slider {
    transform: translateX(-500%);
    -webkit-transform: translateX(-500%);
}

#s7:target ~ .slider {
    transform: translateX(-600%);
    -webkit-transform: translateX(-600%);
}

#s8:target ~ .slider {
    transform: translateX(-700%);
    -webkit-transform: translateX(-700%);
}

#s9:target ~ .slider {
    transform: translateX(-800%);
    -webkit-transform: translateX(-800%);
}

#s10:target ~ .slider {
    transform: translateX(-900%);
    -webkit-transform: translateX(-900%);
}

#s11:target ~ .slider {
    transform: translateX(-1000%);
    -webkit-transform: translateX(-1000%);
}

#s12:target ~ .slider {
    transform: translateX(-1100%);
    -webkit-transform: translateX(-1100%);
}

#s13:target ~ .slider {
    transform: translateX(-1200%);
    -webkit-transform: translateX(-1200%);
}

#s14:target ~ .slider {
    transform: translateX(-1300%);
    -webkit-transform: translateX(-1300%);
}

#s15:target ~ .slider {
    transform: translateX(-1400%);
    -webkit-transform: translateX(-1400%);
}