.containerj {
    /*margin: 100px auto;*/
}
.containerj {
    position: relative;
    width: 100%;
    height: 450px;
}


.cardj {
    position: absolute;
    top: 0;
    left: 0;
    background: #FFFFFF;
    width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.4s cubic-bezier(0.28, 0.55, 0.385, 1.65);
    transition: 0.4s cubic-bezier(0.28, 0.55, 0.385, 1.65);
    cursor: pointer;
}

.cardj:nth-child(1) {
    z-index: 10;
    top: 0px;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.cardj:nth-child(1) .title_s {
    color: #fff;
    font-size: 26px;
    padding: 4px 0;
}

.cardj:nth-child(2) {
    z-index: 9;
    top: -30px;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 1;
}
.cardj:nth-child(2) .title_s {
    color: #000;
    font-size: 18px;
    padding: 5px 0;
}

.cardj:nth-child(3) {
    z-index: 8;
       top: -55px;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 1;
}
.cardj:nth-child(3) .title_s {
    color: #000;
    font-size: 18px;
    padding: 5px 0;
}

.cardj:nth-child(4) {
    z-index: 7;
    top: -76px;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 1;
}
.cardj:nth-child(4) .title_s {
    color: #000;
    font-size: 17px;
    padding: 5px 0;
}

.cardj:nth-child(5) {
    z-index: 6;
   top: -96px;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
}
.cardj:nth-child(5) .title_s {
    color: #000;
    font-size: 17px;
    padding: 5px 0;
}


.cardj:nth-child(6) {
    z-index: 5;
   top: -114px;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1;
}
.cardj:nth-child(6) .title_s {
    color: #000;
    font-size: 17px;
        padding: 10px 0;
}

.cardj:nth-child(7) {
    z-index: 4;
    top: -90px;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 1;
}

.cardj:nth-child(8) {
    z-index: 3;
    top: -105px;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 1;
}

.cardj:nth-child(9) {
    z-index: 2;
    top: -120px;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 1;
}

.cardj:nth-child(10) {
    z-index: 1;
    top: -135px;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
}

.cardj:nth-child(11) {
    z-index: 0;
    top: -150px;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
}

.cardj:first-child:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.cardj:last-child { 
    opacity: 1;
}


.cardj {
    color: rgba(0, 0, 0, 0.2);
    font-size: 12px;
    text-align: center;
    border-radius: 15px;
}

spanj {
    display: inline-block;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    margin: 60px 0 0;
    padding: 8px 10px;
}