/* from live p_.html */
.carousel {
            padding: 0 3px;
            margin: 0 5%;
        }
        .carousel-inner{
            width:calc(100% - 40px);
            margin:0 auto !important;
        }
        .carousel-control-next,.carousel-control-prev{
            color:white;
            width: 30px;
            height: 30px;
        }
        .carousel-control-next,.carousel-control-prev {
            opacity:0.6;
            top:50%;
            transform:translate(0,-50%);
        }
                        @media (min-width: 576px) and (max-width: 768px) {
            /* Show 3rd slide on sm if col-sm-6*/
            #Carousel-Book-Link3 .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
                position: absolute;
                top: 0;
                left: -50%;  /*change this with javascript in the future*/
                z-index: -1;
                display: block;
                visibility: visible;
            }
        }

/* from live p_books_14.html */
.carousel {
            padding: 0 3px;
            margin: 0 5%;
        }
        .carousel-inner{
            width:calc(100% - 40px);
            margin:0 auto !important;
        }
        .carousel-control-next,.carousel-control-prev{
            color:white;
            width: 30px;
            height: 30px;
        }
        .carousel-control-next,.carousel-control-prev {
            opacity:0.6;
            top:50%;
            transform:translate(0,-50%);
        }
                @media (min-width: 768px) and (max-width: 991px) {
            /* Show 4th slide on md if col-md-4*/
            #Carousel-Book-Link .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
                position: absolute;
                top: 0;
                left: -33.3333%;  /*change this with javascript in the future*/
                z-index: -1;
                display: block;
                visibility: visible;
            }
        }
                        @media (min-width: 576px) and (max-width: 768px) {
            /* Show 3rd slide on sm if col-sm-6*/
            #Carousel-Book-Link .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
                position: absolute;
                top: 0;
                left: -50%;  /*change this with javascript in the future*/
                z-index: -1;
                display: block;
                visibility: visible;
            }
        }
                        @media (min-width: 576px) {
            #Carousel-Book-Link .carousel-item {
                margin-left: 0;
            }
            /* show 2 items */
            #Carousel-Book-Link .carousel-inner .active + .carousel-item {
                display: block;
            }
            #Carousel-Book-Link .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
            #Carousel-Book-Link .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
                transition: none;
            }
            #Carousel-Book-Link .carousel-inner .carousel-item-next {
                position: relative;
                transform: translate3d(0, 0, 0);
            }
            /* left or forward direction */
            #Carousel-Book-Link .active.carousel-item-left + .carousel-item-next.carousel-item-left,
            #Carousel-Book-Link .carousel-item-next.carousel-item-left + .carousel-item,
            #Carousel-Book-Link .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
                position: relative;
                transform: translate3d(100%, 0, 0);
                visibility: visible;
            }
            /* farthest right hidden item must be also positioned for animations */
            #Carousel-Book-Link .carousel-inner .carousel-item-prev.carousel-item-right {
                position: absolute;
                top: 0;
                right: 0;
                z-index: 1;
                display: block;
                visibility: visible;
            }
            /* right or prev direction */
            #Carousel-Book-Link .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
            #Carousel-Book-Link .carousel-item-prev.carousel-item-right + .carousel-item,
            #Carousel-Book-Link .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
                position: relative;
                transform: translate3d(-100%, 0, 0);
                visibility: visible;
                display: block;
                visibility: visible;
            }
        }
                        /* MD */
        @media (min-width: 768px) {
            /* show 3rd of 3 item slide */
            #Carousel-Book-Link .carousel-inner .active + .carousel-item + .carousel-item {
                display: block;
            }
            #Carousel-Book-Link .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
                transition: none;
            }
            #Carousel-Book-Link .carousel-inner .carousel-item-next {
                position: relative;
                transform: translate3d(0, 0, 0);
            }
            /* left or forward direction */
            #Carousel-Book-Link .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
                position: relative;
                transform: translate3d(100%, 0, 0);
                visibility: visible;
            }
            /* right or prev direction */
            #Carousel-Book-Link .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
                position: relative;
                transform: translate3d(-100%, 0, 0);
                visibility: visible;
            }
        }
                        /* LG */
        @media (min-width: 991px) {
            /* show 4th item */
            #Carousel-Book-Link .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
                display: block;
            }
            #Carousel-Book-Link .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
                transition: none;
            }
            /* Show 5th slide on lg if col-lg-3 */
            #Carousel-Book-Link .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
                position: absolute;
                top: 0;
                left: -25%;  /*change this with javascript in the future*/
                z-index: 1;
                display: block;
                visibility: visible;
            }
            /* left or forward direction */
            #Carousel-Book-Link .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
                position: relative;
                transform: translate3d(100%, 0, 0);
                visibility: visible;
            }
            /* right or prev direction //t - previous slide direction last item animation fix */
            #Carousel-Book-Link .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item{
                position: relative;
                transform: translate3d(-100%, 0, 0);
                visibility: visible;
                display: block;
                visibility: visible;
                z-index: 1;
            }
        }

/* from live p_books_14.html */
.carousel {
            padding: 0 3px;
            margin: 0 5%;
        }
        .carousel-inner{
            width:calc(100% - 40px);
            margin:0 auto !important;
        }
        .carousel-control-next,.carousel-control-prev{
            color:white;
            width: 30px;
            height: 30px;
        }
        .carousel-control-next,.carousel-control-prev {
            opacity:0.6;
            top:50%;
            transform:translate(0,-50%);
        }
                @media (min-width: 768px) and (max-width: 991px) {
            /* Show 4th slide on md if col-md-4*/
            #Carousel-Book-Chapter .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
                position: absolute;
                top: 0;
                left: -33.3333%;  /*change this with javascript in the future*/
                z-index: -1;
                display: block;
                visibility: visible;
            }
        }
                        @media (min-width: 576px) and (max-width: 768px) {
            /* Show 3rd slide on sm if col-sm-6*/
            #Carousel-Book-Chapter .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
                position: absolute;
                top: 0;
                left: -50%;  /*change this with javascript in the future*/
                z-index: -1;
                display: block;
                visibility: visible;
            }
        }
                        @media (min-width: 576px) {
            #Carousel-Book-Chapter .carousel-item {
                margin-left: 0;
            }
            /* show 2 items */
            #Carousel-Book-Chapter .carousel-inner .active + .carousel-item {
                display: block;
            }
            #Carousel-Book-Chapter .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
            #Carousel-Book-Chapter .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
                transition: none;
            }
            #Carousel-Book-Chapter .carousel-inner .carousel-item-next {
                position: relative;
                transform: translate3d(0, 0, 0);
            }
            /* left or forward direction */
            #Carousel-Book-Chapter .active.carousel-item-left + .carousel-item-next.carousel-item-left,
            #Carousel-Book-Chapter .carousel-item-next.carousel-item-left + .carousel-item,
            #Carousel-Book-Chapter .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
                position: relative;
                transform: translate3d(100%, 0, 0);
                visibility: visible;
            }
            /* farthest right hidden item must be also positioned for animations */
            #Carousel-Book-Chapter .carousel-inner .carousel-item-prev.carousel-item-right {
                position: absolute;
                top: 0;
                right: 0;
                z-index: 1;
                display: block;
                visibility: visible;
            }
            /* right or prev direction */
            #Carousel-Book-Chapter .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
            #Carousel-Book-Chapter .carousel-item-prev.carousel-item-right + .carousel-item,
            #Carousel-Book-Chapter .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
                position: relative;
                transform: translate3d(-100%, 0, 0);
                visibility: visible;
                display: block;
                visibility: visible;
            }
        }
                        /* MD */
        @media (min-width: 768px) {
            /* show 3rd of 3 item slide */
            #Carousel-Book-Chapter .carousel-inner .active + .carousel-item + .carousel-item {
                display: block;
            }
            #Carousel-Book-Chapter .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
                transition: none;
            }
            #Carousel-Book-Chapter .carousel-inner .carousel-item-next {
                position: relative;
                transform: translate3d(0, 0, 0);
            }
            /* left or forward direction */
            #Carousel-Book-Chapter .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
                position: relative;
                transform: translate3d(100%, 0, 0);
                visibility: visible;
            }
            /* right or prev direction */
            #Carousel-Book-Chapter .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
                position: relative;
                transform: translate3d(-100%, 0, 0);
                visibility: visible;
            }
        }
                        /* LG */
        @media (min-width: 991px) {
            /* show 4th item */
            #Carousel-Book-Chapter .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
                display: block;
            }
            #Carousel-Book-Chapter .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
                transition: none;
            }
            /* Show 5th slide on lg if col-lg-3 */
            #Carousel-Book-Chapter .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
                position: absolute;
                top: 0;
                left: -25%;  /*change this with javascript in the future*/
                z-index: 1;
                display: block;
                visibility: visible;
            }
            /* left or forward direction */
            #Carousel-Book-Chapter .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
                position: relative;
                transform: translate3d(100%, 0, 0);
                visibility: visible;
            }
            /* right or prev direction //t - previous slide direction last item animation fix */
            #Carousel-Book-Chapter .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item{
                position: relative;
                transform: translate3d(-100%, 0, 0);
                visibility: visible;
                display: block;
                visibility: visible;
                z-index: 1;
            }
        }