/*.pagination a:hover {
    cursor: pointer;
}

#pagination {
    
    
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
    .pagination ul li {
        color: #fff;
        display: flex;
       

    }
        .pagination ul li a {
            background-color: #fff;
            padding: 5px 10px;
            border: none;
            border-right: 0;
        }
    .pagination ul li.active a {
        background-color: #808080;
    }

     .pagination ul li:first-child a {
        border-radius: 5px 0 0 5px;
    }

    .pagination ul li:last-child a {
        border-radius: 0 5px 5px 0;
        border-right: 2px solid #3D315B;
    }
*/

progress, sub, sup {
    vertical-align: baseline;
}

a, hr, input {
    overflow: visible;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

figcaption, menu, article, aside, details, figure, footer, header, main, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

    a:active, a:hover {
        outline-width: 0;
    }

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: bolder;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

a, input, optgroup, select, textarea {
    font: inherit;
    margin: 0;
}

optgroup {
    font-weight: 700;
}

a, select {
    text-transform: none;
}

[type=submit], [type=reset], a, html [type=a] {
    -webkit-appearance: a;
}

    [type=a]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, a::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    [type=a]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, a:-moz-focusring {
        outline: aText dotted 1px;
    }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

textarea {
    overflow: auto;
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0;
}

[type=number]::-webkit-inner-spin-a, [type=number]::-webkit-outer-spin-a {
    height: auto;
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

    [type=search]::-webkit-search-cancel-a, [type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}

::-webkit-file-upload-a {
    -webkit-appearance: a;
    font: inherit;
}

html {
    height: 100%;
}

body {
    background: #fafafa;
    background: -moz-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, rgba(221, 221, 221, 1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(250, 250, 250, 1) 0%, rgba(221, 221, 221, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(250, 250, 250, 1) 0%, rgba(221, 221, 221, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dddddd',GradientType=1);
    font-family: "proxima-nova";
}

.clear:after, .pagination:after, .clear:before, .pagination:before {
    content: "";
    display: table;
}

.clear:after, .pagination:after {
    clear: both;
}

.pagination__wrapper {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 17%, rgba(255, 255, 255, 1) 83%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 17%, rgba(255, 255, 255, 1) 83%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 17%, rgba(255, 255, 255, 1) 83%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1);
    height: 50px;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 700px;
}

    .pagination__wrapper:before, .pagination__wrapper:after {
        background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 17%, rgba(0, 0, 0, .1) 83%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 17%, rgba(0, 0, 0, .1) 83%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 17%, rgba(0, 0, 0, .1) 83%, rgba(0, 0, 0, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000',GradientType=1);
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%;
    }

    .pagination__wrapper:before {
        top: -1px;
    }

    .pagination__wrapper:after {
        bottom: -1px;
    }

@keyframes hoverAnimation {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.pagination {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .pagination li {
        display: block;
        float: left;
        padding: 5px;
    }

        .pagination li:first-child {
            border: none;
        }

    .pagination a, .pagination span {
        background: none;
        border: none;
        border-radius: 50%;
        box-sizing: border-box;
        color: rgba(0, 0, 0, .6);
        display: block;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        min-width: 40px;
        padding: 0;
    }

    .pagination a {
        outline: none;
        position: relative;
        transition: all 170ms linear;
    }

        .pagination a:before {
            background: #bab4f1;/*rgba(0, 0, 0, .2);*/
            border-radius: 50%;
            content: "";
            cursor: pointer;
            height: 0;
            left: 50%;
            opacity: 0;
            position: absolute;
            transform: translate(-50%, -50%);
            transition: all 170ms linear;
            top: 50%;
            width: 0;
        }

        .pagination a:hover:not(.active) {
            color: rgba(0, 0, 0, 1);
        }

            .pagination a:hover:not(.active):before {
                animation: hoverAnimation 510ms linear forwards;
                height: 40px;
                width: 40px;
            }

        .pagination a.active {
            background: #bab4f1;/*//rgba(0, 0, 0, .1);*/
            color: rgba(0, 0, 0, 1);
        }

    .pagination .prev, .pagination .next {
        font-size: 14px;
    }
/* * EMBED STYLING */
/*@media (max-width: 800px) {
    html, body {
        height: 600px;
        overflow: hidden;
        width: 800px;
    }
}*/