/*
ANIMATION STYLE
*/

/*
SCROLLYFY STYLE
*/
.pagination-scrollify {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.4em;
    z-index: 10;
    opacity: 0;
    list-style: none;
}

.pagination-scrollify li:nth-child(5) {
    display: none;
}

.pagination-scrollify .hover-text {
    display: none;
}

.pagination-scrollify a {
    display: block;
    height: 20px;
    margin-bottom: 5px;
    color: white;
    position: relative;
    padding: 4px;
}

.pagination-scrollify a.active:after {
    box-shadow: inset 0 0 0 5px;
}

.pagination-scrollify a .hover-text {
    position: absolute;
    right: 15px;
    top: 7px;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    padding-right: 15px;
}

.pagination-scrollify a:hover .hover-text {
    opacity: 1;
}

.pagination-scrollify a:after {
    -webkit-transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
    width: 10px;
    height: 10px;
    display: block;
    border: 1px solid;
    border-radius: 50%;
    content: '';
    position: absolute;
    margin: auto;
    top: 0;
    right: 4px;
    bottom: 0;
}

html {
    overflow-y: scroll;
}

html::-webkit-scrollbar {
    display: none;
}