.__slider3d-images {

    position: relative;

    display: block;

    white-space: nowrap;

    overflow: hidden;

    height: 100%;

    width: 100%;

    transition: 0.5s ease all;

}



.__slider3d-image {

    height: 100%;

    display: block;

    vertical-align: middle;

    background-image: url('/image/year-template.png');

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    position: absolute;

    left: 50%;

    transition: 0.5s ease all;

    cursor: pointer;

}



.__slider3d-image:not(.__slider3d-current) {

    opacity: 0.7;

}



.__slider3d-image:hover {

    opacity: 1.0;

}



.__slider3d-prev,

.__slider3d-next {

    display: block;

    position: absolute;

    top: 50%;        

    transform: translate3d(0,-50%,0);

    padding: 0px 20px;

    box-sizing: border-box;

    background-size: 200%;

    z-index: 6000;

    color: #000;

}



.__slider3d-prev:after,

.__slider3d-next:after {

    content: " \f104"; font-family: "Font Awesome 5 Pro"; font-weight: bold; font-size: 4.5em; 

}



.__slider3d-next:after { 

    content: " \f105";

}



.__slider3d-prev:hover:after, 

.__slider3d-next:hover:after {

    opacity: 0.7;

}



.__slider3d-prev:hover,

.__slider3d-next:hover {

    cursor: pointer;

}



.__slider3d-prev:not(.__slider3d-disabled):hover {

    background-position: 0% 100%;

}



.__slider3d-next:not(.__slider3d-disabled):hover {

    background-position: 100% 100%;

}



.__slider3d-prev {

    left: 10px;

}



.__slider3d-next {

    right: 10px;

    background-position: 100% 0px;

}



.__slider3d-disabled {

    opacity: 0.1;

    cursor: default !important;

}