.s-sys [data-content] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .5s ease-in-out
}

.s-sys [data-content].is-selected {
    position: relative;
    opacity: 1
}

@media print,
screen and (min-width:64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width:63.99875em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width:64em) and (max-width:80.06125em) {
    .hide-for-large-only {
        display: none !important
    }
}


.b-prv {
    position: relative;
    transition: transform .3s ease-out
}

.b-prv__h {
    opacity: 0
}

.b-prv__p.i-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: translate .25s ese-out, opacity .25s ease-out
}

.b-prv__item {
    position: absolute;
    transition: transform .24s ease-out
}

.b-prv__item img {
    transition: transform .24s ease-out;
    max-width: none
}

.b-prv__item--6 {
    left: 322px;
    top: 68px;
    width: 394px;
    z-index: 6
}

.b-prv__item--5 {
    top: 162px;
    left: 98px;
    width: 225px;
    z-index: 5
}

.b-prv__item--4 {
    left: 172px;
    top: 304px;
    max-width: 134px;
    z-index: 4
}

.b-prv__item--3 {
    left: 248px;
    top: 371px;
    max-width: 126px;
    z-index: 3
}

.b-prv__item--2 {
    left: 462px;
    top: 493px;
    max-width: 132px;
    z-index: 2
}

.b-prv__item--1 {
    left: 510px;
    top: 685px;
    max-width: 83px;
    z-index: 1
}

.b-prv__item:hover {
    z-index: 99 !important
}

.b-prv__item:hover img {
    transform: scale(1.25)
}

.b-prv__item:hover .b-prv__p.i-plus {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}

.b-prv.is-visible .b-prv__item--lt {
    transform: translate(-50px, -50px)
}

.b-prv.is-visible .b-prv__item--lb {
    transform: translate(-50px, 30px)
}

.b-prv.is-visible .b-prv__item--rt {
    transform: translate(50px, -80px)
}

.b-prv.is-visible .b-prv__item--rb {
    transform: translate(50px, 50px)
}

.b-prv.is-visible .b-prv__item--rb.b-prv__item--2 {
    transform: translate(130px, 70px)
}

.b-prv.is-visible .b-prv__item--rb.b-prv__item--1 {
    transform: translate(130px, 130px)
}

.b-prvb {
    position: relative;
    transition: transform .3s ease-out
}

.b-prvb__h {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.b-prvb__p.i-plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    transition: translate .25s ese-out, opacity .25s ease-out
}

.b-prvb__item {
    position: absolute;
    top: 0;
    left: 0;
    transition: transform .3s ease
}

.b-prvb__item img {
    transition: transform .3s ease;
    max-width: none
}

.b-prvb__item--1 {
    top: 417px;
    left: 54px;
    max-width: 45px;
    z-index: 11
}

.b-prvb__item--2 {
    top: 382px;
    left: 67px;
    max-width: 175px;
    z-index: 10
}

.b-prvb__item--3 {
    left: 209px;
    top: 359px;
    max-width: 97px;
    z-index: 9
}

.b-prvb__item--4 {
    left: 106px;
    top: 311px;
    max-width: 154px;
    z-index: 8
}

.b-prvb__item--5 {
    left: 58px;
    top: 282px;
    max-width: 95px;
    z-index: 7
}

.b-prvb__item--6 {
    left: 106px;
    top: 262px;
    max-width: 52px;
    z-index: 6
}

.b-prvb__item--7 {
    left: 124px;
    top: 241px;
    max-width: 197px;
    z-index: 5
}

.b-prvb__item--8 {
    left: 286px;
    top: 223px;
    max-width: 108px;
    z-index: 4
}

.b-prvb__item--9 {
    left: 358px;
    top: 184px;
    max-width: 197px;
    z-index: 3
}

.b-prvb__item--10 {
    left: 519px;
    top: 170px;
    max-width: 92px;
    z-index: 2
}

.b-prvb__item--11 {
    left: 577px;
    top: 167px;
    max-width: 48px;
    z-index: 1
}

.b-prvb__item--12 {
    left: 318px;
    top: 294px;
    max-width: 65px;
    z-index: 2
}

.b-prvb__item--13 {
    left: 355px;
    top: 327px;
    max-width: 62px;
    z-index: 1
}

.b-prvb__item--14 {
    left: 389px;
    top: 334px;
    max-width: 64px;
    z-index: 0
}

.b-prvb__item--15 {
    left: 411px;
    top: 392px;
    max-width: 42px;
    z-index: -1
}

.b-prvb__item--16 {
    left: 408px;
    top: 437px;
    max-width: 47px;
    z-index: -2
}

.b-prvb__item--17 {
    left: 411px;
    top: 457px;
    z-index: -3;
    max-width: 42px
}

.b-prvb__item--18 {
    left: 409px;
    top: 503px;
    max-width: 77px;
    z-index: -4
}

.b-prvb__item--19 {
    left: 441px;
    top: 537px;
    max-width: 50px
}

.b-prv.is-visible:hover .b-prv__item,
.b-prv.is-visible:hover .b-prvb__item,
.b-prvb.is-visible:hover .b-prv__item,
.b-prvb.is-visible:hover .b-prvb__item {
    opacity: .7
}

.b-prvb__item:hover {
    z-index: 99 !important
}

.b-prvb__item:hover img {
    transform: scale(1.5)
}

.b-prvb__item:hover .b-prv__p.i-plus {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}

.b-prv .b-prv__item,
.b-prv .b-prvb__item,
.b-prvb .b-prv__item,
.b-prvb .b-prvb__item {
    transition: transform .5s ease-out, opacity .5s ease-out;
    will-change: transform, opacity
}



.b-prv.is-visible .b-prv__item:hover,
.b-prv.is-visible .b-prvb__item:hover,
.b-prvb.is-visible .b-prv__item:hover,
.b-prvb.is-visible .b-prvb__item:hover {
    opacity: 1
}

@media screen and (max-width:80em) {
    .b-prv,
    .b-prv.is-visible {
        zoom: .5
    }

    .b-prvb,
    .b-prvb.is-visible {
        zoom: .7
    }
}