@font-face {
    font-family: 'OpticianSans';
    src: url('fonts/Optiker-K.eot'); /* IE9 Compat Modes */
    src: url('fonts/Optiker-K.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Optiker-K.woff') format('woff'), /* Modern Browsers */
         url('fonts/Optiker-K.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face{
    font-family: "FaktPro-Blond";
    src:url("fonts/FaktPro-Blond.eot?#iefix");
    src:url("fonts/FaktPro-Blond.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-Blond.ttf") format('truetype'), url("fonts/FaktPro-Blond.woff") format('woff');
}
@font-face{
    font-family: "FaktPro-BlondItalic";
    src:url("fonts/FaktPro-BlondItalic.eot?#iefix");
    src:url("fonts/FaktPro-BlondItalic.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-BlondItalic.ttf") format('truetype'), url("fonts/FaktPro-BlondItalic.woff") format('woff');
}
@font-face{
    font-family: "FaktPro-Normal";
    src:url("fonts/FaktPro-Normal.eot?#iefix");
    src:url("fonts/FaktPro-Normal.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-Normal.ttf") format('truetype'), url("fonts/FaktPro-Normal.woff") format('woff');
}
@font-face{
    font-family: "FaktPro-Medium";
    src:url("fonts/FaktPro-Medium.eot?#iefix");
    src:url("fonts/FaktPro-Medium.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-Medium.ttf") format('truetype'), url("fonts/FaktPro-Medium.woff") format('woff');
}
@font-face{
    font-family: "FaktPro-Bold";
    src:url("fonts/FaktPro-Bold.eot?#iefix");
    src:url("fonts/FaktPro-Bold.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-Bold.ttf") format('truetype'), url("fonts/FaktPro-Bold.woff") format('woff');
}
@font-face{
    font-family: "FaktPro-Black";
    src:url("fonts/FaktPro-Black.eot?#iefix");
    src:url("fonts/FaktPro-Black.eot?#iefix") format('embedded-opentype'), url("fonts/FaktPro-Black.ttf") format('truetype'), url("fonts/FaktPro-Black.woff") format('woff');
}

/*! destyle.css v1.0.7 | MIT License | https://github.com/nicolas-cusan/destyle.css */*{box-sizing:border-box}::after,::before{box-sizing:inherit}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}address,blockquote,dl,figure,form,iframe,p,pre,table{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ol,ul{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid;margin:0;clear:both}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;vertical-align:bottom}embed,iframe,object{border:0;vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;border:inherit;background:0 0;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{cursor:pointer;-webkit-appearance:none;appearance:none}[type=button][disabled],[type=reset][disabled],[type=submit][disabled],button[disabled]{cursor:default}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{margin:0;padding:0;border:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-webkit-input-placeholder{font:inherit}:-ms-input-placeholder{font:inherit}::-ms-input-placeholder{font:inherit}::placeholder{font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top}th{text-align:left;font-weight:700}template{display:none}[hidden]{display:none}

html {
    /* background: repeating-linear-gradient(90deg,
      rgba(0,0,0,0.075) 0 1px,
      rgba(0,0,0,0.033) 1px 25%); */
      /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.1+0,0+100 */
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.075) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.075) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(0deg, rgba(0,0,0,0.075) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background-attachment: fixed;
}
body {
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    font-family: "FaktPro-Blond";
}
a {
    border-bottom: solid 3px rgba(0,0,0,0.075);
    transition: all 0.3s ease;
}
body > div {
    position: relative;
}
main .title aside {
    position: fixed;
    right: 5vw;
    z-index: 12;
    font-size: 1rem;
    font-family: "FaktPro-Normal";
    padding: 1.5vw;
    text-align: center;
    background-color: rgba(0,0,0,0.8);
}
main .title aside a {
    color: rgba(255,255,255,0.8);
    padding-bottom: 2px;
}
main .title aside a::after {
    content: "\e628";
    font-family: 'themify';
    padding-left: 6px;
    font-size: 1rem;
}
main .title aside a:hover {
    color: rgba(255,255,255,1);
}
main aside h6 {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: .6125rem;
    margin-bottom: .5vh;
}
main article a {
    font-family: "FaktPro-Normal";
    color: rgba(0,0,0,0.9);
    border-bottom: solid 1px black;
    margin-bottom: -3px;
}
main article .taglist a {
    font-size: .8125rem;
    color: rgba(0,0,0,1);
}
main article a strong {
    font-family: "FaktPro-Bold";
    font-weight: normal;
}
a:hover {
    color: rgb(0,0,0);
    border-bottom: solid 3px rgba(255,222,23,1);
}
main article a:hover {
    border: 0;
    color: rgba(0,0,0,0.4);
}

a:focus,
button:focus,
input:focus,
textarea:focus {
outline: none;
}

h1 {
    font-family: "FaktPro-Blond";
    font-size: 1.75rem;
    letter-spacing: 2px;
    padding-top: 10vh;
    text-align: center;
    padding-bottom: 10vh;
    position: fixed;
    z-index: 3;
    background: rgba(255,255,255,.9);
    width: 100%;
}
h1 span {
    border-bottom: solid 1px rgba(0,0,0,0.2);
    padding-bottom: 1px;
}
article.fig .content h1 {
    font-family: "FaktPro-Normal";
    padding-top: 0;
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.33em;
    padding-bottom: 3vh;
    letter-spacing: .5px;
    position: static;
    background: transparent;
    width: auto;
}
header h2 {
    font-family: 'OpticianSans';
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: 12px;
    color: rgba(0,0,0,0.33);
    text-align: center;
    position: fixed;
    z-index: 4;
    margin-top: 2.5vh;
    left: 50%;
    transform: translateX(-50%);
}
header h2 a, header h2 a:hover {
    border: none;
}
header h2:hover {
    color: rgba(0,0,0,0.8);
}
main article h3, .wrapper h3 {
    font-family: "FaktPro-Bold";
    font-size: 1.5rem;
    padding-top: 4vh;
    margin-bottom: 1vh;
}
.wrapper > .padded.display.letter h3 {
    margin: 0 6vw;
}
nav.mainnav {
    position: fixed;
    left: 6vw;
    margin-top: 2.8vh;
    z-index: 13;
    text-align: center;
    width: 25vw;
}
nav.mainnav a {
    border-bottom: solid 1px rgba(255,255,255,0.25);
    color: rgba(255,255,255,0.85);
    padding-bottom: 2px;
}
nav.mainnav a:hover {
    border-bottom: solid 1px rgba(255,255,255,.8);
}
nav.mainnav h4 {
    font-family: 'courier';
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: 6px;
    color: rgba(0,0,0,0.8);
    margin-bottom: 2.5vh;
    transition: color 0.3s ease;
}
nav.mainnav h4:hover {
    cursor: pointer;
    color: rgba(0,0,0,0.5);
}
nav.mainnav h4::after {
    content: '↓';
    padding-left: 15px;
    font-weight: bold;
}
nav.mainnav.unfurled h4::after {
    content: 'x';
    font-weight: 400;
}
nav.mainnav > ul {
    position: fixed;
    margin-top: -75vh;
    background-color: rgba(0,0,0,0.85);
    padding: 4vh 1.5vh;
    width: 100vw;
    margin-left: -6vw;
    display: grid;
    grid-template-columns: 1fr 2fr;
    transition: all 0.3s ease;
}
nav.mainnav.unfurled > ul {
    margin-top: 0;
}
nav.mainnav > ul > li {
    font-family: 'Merriweather', serif;
    font-weight: 400;
    text-align: left;
}
nav.mainnav > ul > li:last-child {
    padding-top: 1.5vh;
}
nav.mainnav > ul > li:first-child ul {
    font-size: 2rem;
    line-height: 1.5em;
    padding-left: 4vw;
}
.navigation__items li:last-child {
    font-size: 1rem;
}
nav.mainnav > ul > li:last-child li {
    margin-bottom: 1vh;
    margin-right: 5vw;
    text-align: left;
    letter-spacing: 1px;
}
nav.mainnav > ul > li:last-child ul {
    font-family: "FaktPro-Normal";
    font-size: 1.1rem;
    line-height: 1.5em;
    font-weight: inherit;
    height: 40vh;
    width: 75%;
}
.simplebar-scrollbar::before {
  background-color: red;
}
footer {
    font-family: "FaktPro-Normal";
    font-size: .75rem;
    line-height: 1em;
    width: 100%;
    color: rgba(0,0,0,0.2);
    letter-spacing: .75px;
    text-align: center;
    margin: 2vh auto;
}
footer.absolute {
    position: absolute;
    bottom: 2vh;
    margin: 0;
}
main title {
    height: 23.5vh;
}
main nav {
    position: fixed;
    margin-top: 17.5vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    text-align: center;
}
main nav h2 {
    width: auto;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: .75rem;
    margin-bottom: 2vh;
}
main nav h2::after {
    content: ' +'
}
main nav h2:hover {
    cursor: pointer;
}
main nav ul {
    height: 0;
    visibility: hidden;
    opacity: 0;
    background: transparent;
    overflow: hidden;
    transition: opacity 0.3s ease;
}
main nav:hover ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    padding-bottom: 2vh;
    background: rgb(249,249,249);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.15)
}
main nav li {
    line-height: 1.5rem;
    padding: 1vh 2.5vw;
    font-family: "FaktPro-Bold";
}
main nav li:first-of-type {
    margin-top: 2vh;
}
main article {
    width: 55vw;
    margin: 0 auto;
    padding-top: 23.5vh;
}
main article.fig {
    display: grid;
    grid-template-columns: 5fr 3fr;
    width: 80vw;
    margin: 0 auto;
}
main article .figure {
    margin-right: 10vw;
    position: fixed;
    width: 40%;
    height: 100vh;
    left: 0;
    margin-left: 10%;
}
main article .figure img {
    max-height: 55vh;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
main article.fig .content {
    grid-column: 2;
    margin-bottom: 10vh;
}
main article .content .accession {
    padding-left: 0;
    background: none;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 2.5vh;
    padding-top: 3vh;
    margin-top: 7.5vh;
    border-bottom: solid 1px rgba(0,0,0,0.1);
    border-top: solid 1px rgba(0,0,0,0.4);
    font-size: .8125rem;
    font-family: "FaktPro-Normal";
    line-height: 1.33em;
    letter-spacing: .5px;
}
main article .content  h6 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .75rem;
    margin-bottom: 1vh;
    color: rgba(0,0,0,1);
}
main article .content .map {
    grid-column: 1/3;
}
main article .content .edit {
    position: absolute;
    right: 0vw;
    top: 0;
}
main article .content .notes .edit {
    right: 20px;
    top: 20px;
}
main article .content .edit a {
    font-size: .6875rem;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 2px;
}
main article .content  .accession h6, main article .content  .description h6, main article .content  .taglist > h6 {
    text-transform: inherit;
    color: rgba(0,0,0,0.5);
    text-align: left;
}
main article .content .accession li {
    line-height: 1.5em;
}
main article .content .accession a {
    color: rgb(0,0,0);
}
main .padded {
    padding-bottom: 50px;
}
main section.letter.padded ul {
    -moz-column-count: 5;
    -moz-column-gap: 0;
    -webkit-column-count: 5;
    -webkit-column-gap: 0;
    column-count: 5;
    column-gap: 0;
}
main section.letter.padded li {
    padding-right: 1.25vw;
    margin-bottom: 1vh;
}
#backtotop {
    height: 40px;
    width: 40px;
    background-size: contain;
    opacity: 0.6;
    transition: all 0.3s ease;
}
#blocktabs-tags {
    position: relative;
    margin-top: 2.5vh;
}
#blocktabs-tags ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
#blocktabs-tags ul.ui-tabs-nav {
    display: inherit;
}
#blocktabs-tags li {
    display: inline-block;
    margin-right: 5px;
}
#blocktabs-tags li {
    font-family: "FaktPro-Medium";
    line-height: 1.75em;
    letter-spacing: 1px;
}
#blocktabs-tags .ui-tabs-nav li {
    padding-right: 1vw;
}
#blocktabs-tags .ui-tabs-nav {
    margin-bottom: 3vh;
}
#blocktabs-tags a.button {
    position: absolute;
    z-index: 10;
    right: 1.5vw;
    top: .5vh;
    background-color: rgba(0,0,0,0.5);
    color: rgba(255,255,255,0.75);
    padding: 1.25vh 1.5vh 1vh 1.5vh;
    border: 0;
    border-radius: 10px;
    font-family: inherit;
    font-size: .75em;
    letter-spacing: 1px;
    transition: background-color 0.3s ease, color 0.3s ease;
}
#blocktabs-tags a.button:hover {
    cursor: pointer;
    background-color: rgb(0,0,0);
    color: rgba(255,255,255,1);
}
article .tags {
    width: 100%;
    grid-column: 2;
}
.tags section {
    box-sizing: border-box;
    text-align: left;
    margin-bottom: 4vh;
    position: relative;
}
.tags .notes {
    background-color: rgba(0,0,0,0.03);
    padding: 20px 20px 5px 20px;
}
.tags .notes:first-of-type {
    margin-top: 3vh;
}
.tags.taglist > h6 {
    border-top: solid 1px rgba(0,0,0,0.1);
    padding-top: 3vh;
    margin-top: 7.5vh;
}
.page .tags.taglist > h6 {
    margin-top: 0;
}
.tags a {
    color: rgba(0,0,0,0.5);
    padding-bottom: 1px;
    border-bottom: solid 1px transparent;
    transition: all 0.3s ease;
}
.tags a:hover, .tags li.active a {
    border-bottom: solid 1px rgb(0,0,0);
    color: rgb(0,0,0);
}
.tags.taglist {
    position: relative;
}
.page .tags.taglist {
    width: 30vw;
    position: absolute;
    top: 23.5vh;
    right: 5vw;
    border-top: solid 1px rgba(0,0,0,0.1);
}
.tags.taglist ul.ui-tabs-nav {
    display: inherit;
}
.tags.taglist .ui-tabs-nav li {
    font-size: .9375rem;
    letter-spacing: inherit;
    padding-right: 1vw;
}
.tags.taglist .ui-tabs-nav {
    margin-bottom: 7.5vh;
}
.tags.taglist a.button {
    position: absolute;
    z-index: 10;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    color: rgba(255,255,255,0.75);
    display: block;
    margin-top: 1.75vh;
    padding: 1.25vh 1.5vh 1vh 1.5vh;
    border: 0;
    border-radius: 10px;
    font-family: inherit;
    font-size: .75em;
    letter-spacing: 1px;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.tags.taglist a.button.noteadd {
    margin-top: 6vh;
}
.page .tags.taglist a.button.noteadd {
    margin-top: 1.5vh;
}
.tags.taglist a.button:hover {
    cursor: pointer;
    background-color: rgb(0,0,0);
    color: rgba(255,255,255,1);
}
.entity-pager-list .entity-pager-item {
    margin: 0;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
}
.entity-pager-list .entity-pager-item a {
    font-size: 2rem;
}
.entity-pager-item.entity-pager-item-next {
    right: 4.5%;
}
.entity-pager-item.entity-pager-item-prev {
    left: 4.5%;
}
main article section > p, main article section blockquote p {
    font-family: 'Merriweather', serif;
    font-weight: 400;
    font-size: 1.1rem;
    margin-bottom: 2.5vh;
    line-height: 1.75em;
    color: rgba(0,0,0,0.75);
}
main article section blockquote p {
    margin-left: 4vw;
    padding-left: 1.5vw;
    color: rgba(0,0,0,0.6);
    border-left: solid 1px rgba(0,0,0,0.2);
    font-size: .9125rem;
}
main article section:not(.notes) > p:first-of-type, main article.page section > ul {
    font-family: "FaktPro-Blond";
    font-size: 1.25rem;
    padding-bottom: 4vh;
    margin-bottom: 4vh;
    border-bottom: solid 1px rgba(0,0,0,0.1);
}
main article section.notes > p {
    font-size: .9125rem;
}
main article.page section > ul {
    width: 66.666%;
}
main article section > ul strong {
    font-family: "FaktPro-Black";
    font-weight: normal;
}
main article.page section > ul li {
    padding-bottom: 1vh;
}
main article.page section > ul > li {
    border-bottom: solid 1px rgba(0,0,0,0.1);
    margin-bottom: 1vh;
}
main article section > ul li > ul {
    padding-top: 1vh;
    margin-left: 2.5vw;
}
main article section > p:first-of-type em {
    font-family: "FaktPro-BlondItalic";
    font-style: normal;
}
main article.fig .content p {
    font-size: .9125rem;
    letter-spacing: -.25px;
}
main article.fig section > p:first-of-type {
    font-family: 'Merriweather', serif;
    padding-bottom: inherit;
    margin-bottom: inherit;
    border-bottom: none;
    font-size: inherit;
}
.wrapper {
    position: relative;
    top: 23.5vh;
}
.index, .grid {
    width: 88%;
    margin: 0 6%;
}

.medium-zoom-overlay {
    z-index: 10;
}
.medium-zoom-image--opened {
    z-index: 11;
    padding: 25px;
    box-sizing: border-box;
}
div.info {
    height: inherit;
    position: absolute;
    bottom: -9vh;
    right: -10vh;
    font-size: 0;
    color: rgba(0,0,0,0.2);
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 50%;
    border: solid 1px rgba(0,0,0,0.075);
    transition: all 0.3s ease;
}
div.info:hover {
    border-color: rgba(0,0,0,.15);
    cursor: pointer;
}
div.info::after {
    font-size: 1.25rem;
    line-height: 26px;
    font-family: 'courier';
    content: 'i';
    transition: all 0.3s ease;
}
div.info:hover::after {
    color: rgba(0,0,0,0.5);
}

.fadeIn {
        opacity:0;
        -webkit-animation:fadeIn ease-in 1;
        -moz-animation:fadeIn ease-in 1;
        -o-animation:fadeIn ease-in 1;
        animation:fadeIn ease-in 1;
        -webkit-animation-fill-mode:forwards;
        -moz-animation-fill-mode:forwards;
        -o-animation-fill-mode:forwards;
        animation-fill-mode:forwards;
}
.fadeOut {
        opacity:1;
        -webkit-animation:fadeOut ease-in 1;
        -moz-animation:fadeOut ease-in 1;
        -o-animation:fadeOut ease-in 1;
        animation:fadeOut ease-in 1;
        -webkit-animation-fill-mode:forwards;
        -moz-animation-fill-mode:forwards;
        -o-animation-fill-mode:forwards;
        animation-fill-mode:forwards;
}
.fadeIn-halfs, .fadeOut-halfs {
        -webkit-animation-duration:0.5s;
        -moz-animation-duration:0.5s;
        -o-animation-duration:0.5s;
        animation-duration:0.5s;
}
.fadeIn-1s, .fadeOut-1s {
        -webkit-animation-duration:1s;
        -moz-animation-duration:1s;
        -o-animation-duration:1s;
        animation-duration:1s;
}
.fadeIn-Delay-halfs, .fadeOut-Delay-halfs {
        -webkit-animation-delay:0.5s;
        -moz-animation-delay:0.5s;
        -o-animation-delay:0.5s;
        animation-delay:0.5s;
}
.fadeIn-Delay-1s, .fadeOut-Delay-1s {
        -webkit-animation-delay:1s;
        -moz-animation-delay:1s;
        -o-animation-delay:1s;
        animation-delay:1s;
}
@-webkit-keyframes fadeIn { from { opacity:0; visibility: hidden; } to { opacity:1; visibility: visible; } }
@-moz-keyframes fadeIn { from { opacity:0; visibility: hidden; } to { opacity:1; visibility: visible; } }
@-o-keyframes fadeIn { from { opacity:0; visibility: hidden; } to { opacity:1; visibility: visible; } }
@keyframes fadeIn { from { opacity:0; visibility: hidden; } to { opacity:1; visibility: visible; } }

@-webkit-keyframes fadeOut { from { opacity:1; visibility: visible; } to { opacity:0; visibility: hidden; } }
@-moz-keyframes fadeOut { from { opacity:1; visibility: visible; } to { opacity:0; visibility: hidden; } }
@-o-keyframes fadeOut { from { opacity:1; visibility: visible; } to { opacity:0; visibility: hidden; } }
@keyframes fadeOut { from { opacity:1; visibility: visible; } to { opacity:0; visibility: hidden; } }

.messages {
    position: absolute;
    top: 15vh;
    left: 0;
    width: 85%;
    margin: 0 7.5%;
    z-index: 15;
    letter-spacing: .33px;
    color: rgba(0,0,0,0.8);
    line-height: 1.5em;
    font-size: 1rem;
    font-family: "FaktPro-Normal";
}
.messages > div {
    padding: 2vw;
    box-sizing: border-box;
    background-color: white;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
    background-color: rgb(255,255,255);
    text-align: left;
}
.messages.animated.fadeIn {
    animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
}
.messages.animated.fadeOut {
    animation-delay: 5s;
    -moz-animation-delay: 5s;
    -webkit-animation-delay: 5s;
}
.messages a:link {
    color: rgba(0,0,0,0.5);
}
.messages a:hover {
    color: rgba(255,0,0,1);
}
.pure-drawer li {
    margin-bottom: .75vh;
    font-family: "FaktPro-Normal";
}
.pure-drawer a {
    color: rgb(255,255,255,0.6);
    border-bottom: solid 1px rgba(255,255,255,0.2);
    transition: all 0.3s ease;
}
.pure-drawer a:hover {
    color: rgb(255,255,255,1);
    border-bottom: solid 1px rgba(255,255,255,0.8);
}
.pure-drawer li {
    padding-bottom: 1vh;
}
.pure-toggle-label[data-toggle-label='left'] {
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    position: fixed;
    background: rgb(0,0,0);
    box-shadow: inherit;
    left: 0;
    width: 36px;
    height: 36px;
}
.pure-toggle-label:hover {
    background: rgb(0,0,0,0.6);
}
/*
* Reset the jQuery Tabs if you're using a Theme
*/

/* Resets the contain background and outer borders */
.ui-widget.ui-widget-content { border: none; background: none; }
.ui-widget { font-family: inherit; font-size: inherit; }

/* Resets all border radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-right,
.ui-corner-br,
.ui-corner-bl,
.ui-corner-tr,
.ui-corner-tl { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

/* Resets widget header tabs */
.ui-widget-header { border: none; background: none; font-weight: normal; color: inherit; }
.ui-widget-header li { border: 0px; padding: 0px; margin: 0px; }
.ui-widget-header li a,
.ui-widget-header li a:link,
.ui-widget-header li a:visited,
.ui-widget-header li a,
.ui-widget-header li a:link,
.ui-widget-header li a:visited { border: none; background: none; font-weight: normal; color: rgba(0,0,0,0.5); margin: 0px; padding: 0px; }

/* Resets the panel */
.ui-tabs, .ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li { padding: 0px; margin: 0; }
.ui-widget-header .ui-state-active, .ui-widget-header .ui-state-default {
    background-color: transparent; border: 0;
}
.ui-widget-header li.ui-state-active a {
    color: black;
    border-bottom: solid 1px black;
}
.ui-widget-header li.ui-state-default a {
    font-family: "FaktPro-Medium";
    font-size: .9125rem;
    letter-spacing: .25px;
}
.ui-widget-header li.ui-state-default a:hover {
    color: rgb(0,0,0);
}
.justified-gallery > div:hover > a > img {
    transition: all 0.3s ease;
}
.justified-gallery div.jg-entry {
    opacity: 0;
    visibility: hidden;
}
.justified-gallery div.jg-entry.entry-visible {
    opacity: 1;
    visibility: visible;
}
.justified-gallery > .entry-visible > a > img {
    filter: grayscale();
    opacity: .33;
}
.justified-gallery:hover div.entry-visible > a > img {
    opacity: 0.5;
}
.justified-gallery:hover div.entry-visible > a.indexed > img {
    opacity: 0.4;
}
.justified-gallery div.entry-visible:hover > a:hover > img {
    opacity: 1;
    /* transform: scale(1.1); */
}
.justified-gallery div.entry-visible:hover > a:hover > h3 {
    opacity: 0;
    /* transform: scale(1.1); */
}
.justified-gallery > div {
    overflow: visible;
}
.justified-gallery a.indexed img {
    opacity: .25;
    filter: inherit;
}
.justified-gallery h3 {
    position: absolute;
    z-index: 2;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    font-family: "FaktPro-Medium";
    font-size: 1.1rem;
    transition: all 0.3s ease;
}
#auth_box {
    width: 33.333%;
    padding-top: 20vh;
    font-family: inherit;
}
#auth_box h2.title {
    text-indent: 0;
    font-size: 1.25rem;
    padding-bottom: 4vh;
}
#auth_box #middle_part {
    padding: 2vw 3vw;
    box-shadow: 0 0 10px #ccc;
}
#auth_box input[type="text"], #auth_box input[type="password"], #auth_box input[type="email"] {
    width: 100%;
    box-sizing: border-box;
    font-size: inherit;
    line-height: 2em;
    border: 1px #ccc solid;
    padding: 5px 10px 3px 10px;
}
#auth_box input[type="submit"] {
    background: rgba(0,0,0,0.33);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.33);
    border: solid 1px rgba(255,255,255,0.6);
    padding: 7px 10px;
    color: rgb(255,255,255);
    border-radius: 7px;
    transition: all 0.3s ease;
}
#auth_box input[type="submit"]:hover {
    cursor: pointer;
    background: rgba(0,0,0,0.6);
}
#auth_box #bottom_part {
    padding-top: 5vh;
    font-size: inherit;
}
#auth_box #bottom_part > div {
    margin-bottom: 1vh;
}
#auth_box #bottom_part a:link {
    color: rgba(0,0,0,0.6);
}
#auth_box #bottom_part a:hover {
    color: rgb(0,0,0);
}
#auth_box .back_link {
    padding-top: 1vh;
}
#auth_box p {
    color: rgba(0,0,0,0.75);
    line-height: 1.5em;
    margin-bottom: 2vh;
}
#auth_box .description {
    display: none;
}
.form-placeholder-processed::placeholder {
    color: rgba(0,0,0,0.4);
    font-size: .875rem;
    line-height: 2.5em;
    left: 10px;
}
.form-item {
    margin-bottom: 3vh;
}
span.form-required {
    font-size: 0;
}
.fancybox-bg {
    background: rgb(255,255,255);
}
.fancybox-is-open .fancybox-bg {
    opacity: 1;
}
.fancybox-is-open:hover  {
    cursor: url('down-arrow.png');
}
.tns-outer {
    position: relative;
}
.tns-nav {
    position: absolute;
    bottom: -32px;
    width: 100%;
    text-align: center;
    z-index: 10;
}
.tns-nav button {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: solid 1px rgba(0,0,0,0.2);
    margin: 0 5px;
    transition: all 0.3s ease;
    outline: none;
}
.tns-nav button.tns-nav-active, .tns-nav button:hover {
    border: solid 1px rgba(0,0,0,0.75);
}
.tns-outer button[data-action="stop"], .tns-outer button[data-action="start"] {
    display: none;
}

@media (max-width: 599px) {
.image {
    height: auto;
    width: 80vw;
}
.image img {
    max-width: 100%;
}
div.info {
    right: 0;
}
.featherlight .modalhidden, .featherlight .modalseries {
    display: inherit;
}
.grid.serieslist ul {
    display: inherit;
}
.grid.serieslist li {
    margin-bottom: 7.5vh;
}
.index, .grid {
    top: 12vh;
}
nav.mainnav {
    width: 60vw;
}
nav.mainnav h4 {
    text-align: left;
}
.grid.taglist ul {
    column-count: 2;
}
nav.mainnav > ul {
    max-width: inherit;
}
}