html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline
}
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll;
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
ol,
ul {
    list-style: none
}
table {
    border-collapse: separate;
    border-spacing: 0
}
caption,
th,
td {
    font-weight: normal;
    text-align: left
}
blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none
}
blockquote:before,
q:before,
blockquote:after,
q:after {
    content: ""
}
a img {
    border: none
}
a:hover,
a:focus,
a:active {
    outline: none
}
input,
button,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    border-radius: 0
}
input[type="search"],
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}
lesshat-selector {
    -lh-property: 0;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
lesshat-selector {
    -lh-property: 0;
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@-o-keyframes spin {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
lesshat-selector {
    -lh-property: 0;
}
@-webkit-keyframes expand {
    from {
        width: 0%;
        margin-left: 0%;
    }
    to {
        width: 100%;
        margin-left: -50%;
    }
}
@-moz-keyframes expand {
    from {
        width: 0%;
        margin-left: 0%;
    }
    to {
        width: 100%;
        margin-left: -50%;
    }
}
@-o-keyframes expand {
    from {
        width: 0%;
        margin-left: 0%;
    }
    to {
        width: 100%;
        margin-left: -50%;
    }
}
@keyframes expand {
    from {
        width: 0%;
        margin-left: 0%;
    }
    to {
        width: 100%;
        margin-left: -50%;
    }
}
html,
body {
    min-height: 100%
}
body {
    font-size: 1.4rem;
    background: transparent center center;
    background-attachment: fixed;
    -webkit-animation: fadeIn 1s ease;
    -moz-animation: fadeIn 1s ease;
    -o-animation: fadeIn 1s ease;
    animation: fadeIn 1s ease
}
body.cover {
    background-repeat: no-repeat;
    background-size: cover
}
body.contain {
    background-repeat: no-repeat;
    background-size: contain
}
a,
button {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: color 0.2s ease, opacity 0.2s ease;
    -moz-transition: color 0.2s ease, opacity 0.2s ease;
    -o-transition: color 0.2s ease, opacity 0.2s ease;
    transition: color 0.2s ease, opacity 0.2s ease
}
a:hover,
button:hover {
    opacity: .7
}
input,
button {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    outline: none
}
::-webkit-input-placeholder {
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}
:hover::-webkit-input-placeholder {
    opacity: .7
}
:focus::-webkit-input-placeholder {
    opacity: .3
}
::-moz-placeholder {
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}
:hover::-moz-placeholder {
    opacity: .7
}
:focus::-moz-placeholder {
    opacity: .3
}
.preload.preloader-line:after {
    z-index: 999999999;
    position: fixed;
    top: 0;
    left: 50%;
    width: 0%;
    margin-left: 0%;
    border-bottom: 2px solid;
    -webkit-animation: expand 3s ease;
    -moz-animation: expand 3s ease;
    -o-animation: expand 3s ease;
    animation: expand 3s ease;
    content: ''
}
.preload.preloader-spin {
    overflow: hidden
}
.preload.preloader-spin:before {
    z-index: 999999999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .95;
    content: ''
}
.preload.preloader-spin:after {
    z-index: 999999999;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 1px solid;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    -webkit-animation: spin 0.8s infinite ease;
    -moz-animation: spin 0.8s infinite ease;
    -o-animation: spin 0.8s infinite ease;
    animation: spin 0.8s infinite ease;
    content: ''
}
.genericon {
    font-size: 1.6rem;
    line-height: 1.6rem
}
.grid {
    position: relative;
    margin: 0;
    *zoom: 1
}
.grid:before,
.grid:after {
    display: table;
    line-height: 0;
    content: ''
}
.grid:after {
    clear: both
}
.grid>.item {
    float: left;
    display: block;
    position: relative;
    min-height: 1px;
    padding: 0
}
.grid>.item,
.grid>.item-sizer {
    width: 100%
}
.grid.cs-1>[class^="item"] {
    width: 100%
}
.search {
    z-index: 0;
    display: inline-block;
    position: relative
}
.search .query {
    z-index: -1;
    position: absolute;
    left: -1.25rem;
    bottom: -1rem;
    width: 0;
    padding: 1rem 2.1rem;
    opacity: 0;
    -webkit-transition: width 0.2s ease-out, opacity 0.1s ease-out;
    -moz-transition: width 0.2s ease-out, opacity 0.1s ease-out;
    -o-transition: width 0.2s ease-out, opacity 0.1s ease-out;
    transition: width 0.2s ease-out, opacity 0.1s ease-out
}
.search .submit {
    z-index: 0;
    font-weight: 700
}
.search:hover .query {
    width: 200px;
    padding: 1rem 1.5rem 1rem 3.8rem;
    opacity: 1
}
.search-right .search .query {
    right: -1.25rem;
    left: auto
}
.search-right .search:hover .query {
    padding: 1rem 3.8rem 1rem 1.5rem
}
.pagination {
    position: relative;
    text-align: center;
    font-size: .855em;
    text-transform: uppercase
}
.pagination a {
    display: inline-block;
    height: 32px;
    line-height: 3rem;
    text-align: center;
    border: 2px solid transparent
}
.pagination a .genericon {
    font-size: 2rem;
    line-height: inherit
}
.pagination a.current {
    border-color: initial
}
.pagination .pages {
    padding-top: 4rem
}
.pagination .pages a {
    width: 32px
}
.pagination .posts a,
.pagination .days a {
    margin: 0 2rem
}
.pagination .loader {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -4px 0 0 -8px;
    outline: none;
    border: 2px solid;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 20%;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: top 0.2s ease, border-width 0.2s ease, -webkit-border-radius 0.2s ease;
    -moz-transition: top 0.2s ease, border-width 0.2s ease, border-radius 0.2s ease;
    -o-transition: top 0.2s ease, border-width 0.2s ease, border-radius 0.2s ease;
    transition: top 0.2s ease, border-width 0.2s ease, border-radius 0.2s ease
}
.pagination .loader:after {
    position: absolute;
    top: 0;
    width: 300px;
    margin: 8px 0 0 -168px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    font-size: 1.1rem;
    opacity: 0;
    content: attr(data-text)
}
.pagination .loader:hover {
    top: 3px
}
.pagination .loader:hover:after {
    opacity: .7
}
.pagination .loader.loading:after,
.pagination .loader.loaded:after {
    display: none
}
.pagination .loader.loading {
    margin: 0 0 0 -8px;
    border-width: 1px;
    border-color: initial;
    border-right-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    -webkit-animation: spin 0.8s infinite ease;
    -moz-animation: spin 0.8s infinite ease;
    -o-animation: spin 0.8s infinite ease;
    animation: spin 0.8s infinite ease
}
.pagination .loader.loading:hover {
    top: 0
}
.pagination .loader.loaded {
    margin: 4px 0 0 -8px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.pagination .loader.loaded:hover {
    top: -3px
}
.overlay {
    z-index: -999999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent repeat left top;
    background-attachment: fixed
}
.overlay.black-diagonal-line {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sKHQwaObrcWhgAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAEklEQVQI12NgYGCoZ8ACSBAEAEDCAf1eK9HzAAAAAElFTkSuQmCC')
}
.overlay.black-horizontal-line {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sKHQwXJ/V9GTYAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAEElEQVQI12NkYGCoZ6AMAAAgSACBzyml9AAAAABJRU5ErkJggg==)
}
.overlay.black-vertical-line {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sKHQwaF2YKV9cAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAFUlEQVQI12NgYGCoZ0ACTAxogLAAACDQAIbgQwf1AAAAAElFTkSuQmCC)
}
.overlay.black-dot-small {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sKFxIFKoo9e0YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAD0lEQVQY02NgYGCoZxgFAIIEAIBbC7AUAAAAAElFTkSuQmCC)
}
.overlay.black-dot-large {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sKHQwgNOHE+NwAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAGklEQVQY02NggIB6BhyAEU2yEZdCnCYMCQAAvDQCANlW740AAAAASUVORK5CYII=)
}
.overlay.white-diagonal-line {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sKHQwbFZEfB7oAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAEklEQVQI12P4//9/PQM6IE0QAN0zDfEoP53mAAAAAElFTkSuQmCC)
}
.overlay.white-horizontal-line {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sKHQwXO+F8RXkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAEElEQVQI12P8//9/PQNlAADlggN+bjrqxgAAAABJRU5ErkJggg==)
}
.overlay.white-vertical-line {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sKHQwZOZHxCdsAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAFUlEQVQI12P4//9/PQMSYGJAA4QFAOYKA4OpYuGvAAAAAElFTkSuQmCC)
}
.overlay.white-dot-small {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sKFxIEJHSeZwAAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAEElEQVQY02P4//9/PcMoAACRHwN9FT3F8QAAAABJRU5ErkJggg==)
}
.overlay.white-dot-large {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sKHQwhFMOx6VUAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAIklEQVQY02NgYGBg+P//fz0DDsCILMnIyNiIVRU+E4YEAACsQgr60zPf1QAAAABJRU5ErkJggg==)
}
.item .box {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}
.item .box .media,
.item .box .title,
.item .box .caption,
.item .box .body {
    word-break: break-word
}
.item .box .media img,
.item .box .title img,
.item .box .caption img,
.item .box .body img,
.item .box .media iframe,
.item .box .title iframe,
.item .box .caption iframe,
.item .box .body iframe,
.item .box .media embed,
.item .box .title embed,
.item .box .caption embed,
.item .box .body embed {
    display: block;
    width: 100%
}
.item .box .media img,
.item .box .title img,
.item .box .caption img,
.item .box .body img {
    height: auto
}
.item .box .media .answer_form_container,
.item .box .title .answer_form_container,
.item .box .caption .answer_form_container,
.item .box .body .answer_form_container {
    line-height: 0
}
.item .box .media {
    position: relative;
    overflow: hidden;
    font-size: 0;
    line-height: 0
}
.item .box .media a {
    display: block
}
.item .box .media a:hover {
    opacity: 1
}
.item .box .media .click-through {
    position: absolute;
    bottom: 22px;
    right: 22px;
    font-size: 2rem;
    line-height: 2rem;
    color: #fff;
    background: #000;
    border-radius: 50%;
    padding: 1px 0 0 1px;
    height: 22px;
    width: 22px
}
.item .box .media .click-through:hover {
    opacity: .7
}
.item .box .media .tumblr_video_container {
    max-width: 100%;
    max-height: 100%
}
.item .box .title,
.item .box .caption,
.item .box .body {
    padding: 2.5rem;
    line-height: 2rem
}
.item .box .title~.body,
.item .box .caption~.body,
.item .box .body~.body,
.item .box .title~.meta,
.item .box .caption~.meta,
.item .box .body~.meta {
    padding: 0 2.5rem 2.5rem
}
.item .box .caption h1,
.item .box .body h1 {
    font-size: 1.285em
}
.item .box .caption blockquote,
.item .box .body blockquote {
    padding-left: 1.5rem;
    border-left: 1px solid
}
.item .box .caption div:not(:first-child),
.item .box .body div:not(:first-child),
.item .box .caption blockquote:not(:first-child),
.item .box .body blockquote:not(:first-child),
.item .box .caption p:not(:first-child),
.item .box .body p:not(:first-child),
.item .box .caption ul:not(:first-child),
.item .box .body ul:not(:first-child),
.item .box .caption h1:not(:first-child),
.item .box .body h1:not(:first-child),
.item .box .caption h2:not(:first-child),
.item .box .body h2:not(:first-child),
.item .box .caption h3:not(:first-child),
.item .box .body h3:not(:first-child),
.item .box .caption h4:not(:first-child),
.item .box .body h4:not(:first-child),
.item .box .caption h5:not(:first-child),
.item .box .body h5:not(:first-child),
.item .box .caption h6:not(:first-child),
.item .box .body h6:not(:first-child),
.item .box .caption figure:not(:first-child),
.item .box .body figure:not(:first-child),
.item .box .caption .line:not(:first-child),
.item .box .body .line:not(:first-child) {
    margin-top: 1.5rem
}
.item .box .caption a,
.item .box .body a {
    text-decoration: underline
}
.item .box .meta {
    padding: 2.5rem;
    font-size: .715em;
    text-transform: uppercase
}
.item .box .meta .tags li,
.item .box .meta .origin li {
    display: inline-block;
    margin-bottom: .5rem
}
.item .box .meta .tags li:not(:last-child),
.item .box .meta .origin li:not(:last-child) {
    margin-right: .5rem
}
.item .box .meta .tags.hide,
.item .box .meta .origin.hide {
    display: none
}
.item .box .meta .tags {
    margin-bottom: 1rem
}
.item .box .meta .tags a:before {
    content: '#'
}
.item .box .meta .origin .reblogged-from svg {
    margin-right: .25rem;
    vertical-align: text-bottom
}
.item .box .meta .origin .source img {
    vertical-align: text-bottom
}
.item .box .meta .actions {
    text-align: right;
    line-height: 0
}
.item .box .meta .actions li {
    display: inline-block
}
.item .box .meta .actions li:not(:first-child) {
    margin-left: .75rem
}
.item .box .meta .actions li:not(:last-child) {
    margin-right: 0
}
.item .box .meta .actions .info {
    float: left;
    line-height: initial;
    max-width: 70%;
    text-align: left
}
.item .box .meta .actions .info>* {
    vertical-align: middle
}
.item .box .meta .actions .reblog,
.item .box .meta .actions .like {
    position: relative
}
.item .box .meta .actions .reblog>*,
.item .box .meta .actions .like>* {
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}
.item .box .meta .actions .like svg {
    pointer-events: none
}
.item .box .meta .actions .like .like_button {
    position: absolute;
    top: 0;
    opacity: 0
}
.item .box .meta .actions .like .like_button:hover+svg {
    opacity: .7
}
.item .box .meta .actions .like .like_button.liked {
    opacity: 1
}
.item .box .meta .actions .like .like_button.liked+svg {
    opacity: 0
}
.item .box .meta .actions .like .like_button.liked:hover {
    opacity: .7
}
.item .notes {
    margin: 2.5rem 2.5rem 0;
    font-size: .715em;
    text-transform: uppercase
}
.item .notes li {
    padding-left: 2rem
}
.item .notes li+li {
    margin-top: 0.5rem
}
.item .notes .avatar {
    width: 15px;
    height: 15px;
    margin: 0 .5rem 0 -2rem;
    vertical-align: text-bottom
}
.item .notes .more_notes_link_container {
    margin-top: 2.5rem;
    padding: 0
}
.item .comments {
    margin: 2.5rem 2.5rem 0
}
.item.answer .caption,
.item.text .caption,
.item.photo .caption,
.item.quote .caption,
.item.link .caption,
.item.audio .caption,
.item.video .caption,
.item.answer .body,
.item.text .body,
.item.photo .body,
.item.quote .body,
.item.link .body,
.item.audio .body,
.item.video .body {
    padding: 2.5rem;
    line-height: 2rem
}
.item.answer .caption ol,
.item.text .caption ol,
.item.photo .caption ol,
.item.quote .caption ol,
.item.link .caption ol,
.item.audio .caption ol,
.item.video .caption ol,
.item.answer .body ol,
.item.text .body ol,
.item.photo .body ol,
.item.quote .body ol,
.item.link .body ol,
.item.audio .body ol,
.item.video .body ol,
.item.answer .caption ul,
.item.text .caption ul,
.item.photo .caption ul,
.item.quote .caption ul,
.item.link .caption ul,
.item.audio .caption ul,
.item.video .caption ul,
.item.answer .body ul,
.item.text .body ul,
.item.photo .body ul,
.item.quote .body ul,
.item.link .body ul,
.item.audio .body ul,
.item.video .body ul {
    list-style: initial
}
.item.answer .caption ol li,
.item.text .caption ol li,
.item.photo .caption ol li,
.item.quote .caption ol li,
.item.link .caption ol li,
.item.audio .caption ol li,
.item.video .caption ol li,
.item.answer .body ol li,
.item.text .body ol li,
.item.photo .body ol li,
.item.quote .body ol li,
.item.link .body ol li,
.item.audio .body ol li,
.item.video .body ol li,
.item.answer .caption ul li,
.item.text .caption ul li,
.item.photo .caption ul li,
.item.quote .caption ul li,
.item.link .caption ul li,
.item.audio .caption ul li,
.item.video .caption ul li,
.item.answer .body ul li,
.item.text .body ul li,
.item.photo .body ul li,
.item.quote .body ul li,
.item.link .body ul li,
.item.audio .body ul li,
.item.video .body ul li {
    margin-left: 1.75rem
}
.item.answer .caption ol li+li,
.item.text .caption ol li+li,
.item.photo .caption ol li+li,
.item.quote .caption ol li+li,
.item.link .caption ol li+li,
.item.audio .caption ol li+li,
.item.video .caption ol li+li,
.item.answer .body ol li+li,
.item.text .body ol li+li,
.item.photo .body ol li+li,
.item.quote .body ol li+li,
.item.link .body ol li+li,
.item.audio .body ol li+li,
.item.video .body ol li+li,
.item.answer .caption ul li+li,
.item.text .caption ul li+li,
.item.photo .caption ul li+li,
.item.quote .caption ul li+li,
.item.link .caption ul li+li,
.item.audio .caption ul li+li,
.item.video .caption ul li+li,
.item.answer .body ul li+li,
.item.text .body ul li+li,
.item.photo .body ul li+li,
.item.quote .body ul li+li,
.item.link .body ul li+li,
.item.audio .body ul li+li,
.item.video .body ul li+li {
    margin-top: 0.25rem
}
.item.answer .box .body .answer,
.item.answer .box .body .replies {
    padding-top: 1.5rem;
    border-top: 1px dashed
}
body.index .item.photo .box .media[data-count] {
    margin: -1px
}
body.index .item.photo .box .media[data-count] a {
    float: left;
    width: 100%
}
body.index .item.photo .box .media[data-count] a img {
    padding: 1px
}
body.index .item.photo .box .media[data-count] a[style]:first-child {
    background-image: none !important
}
body.index .item.photo .box .media[data-count] a[style]+a {
    height: 100px;
    background: transparent no-repeat center center;
    background-size: cover;
    border: 1px solid
}
body.index .item.photo .box .media[data-count] a[style]+a img {
    max-width: 100%;
    max-height: 100%;
    visibility: hidden
}
body.index .item.photo .box .media[data-count="3"] a:nth-child(n+2) {
    width: 50%
}
body.index .item.photo .box .media[data-count="4"] a:nth-child(n+2) {
    width: 33.33333%
}
body.index .item.photo .box .media[data-count="5"] a:nth-child(n+2) {
    width: 50%
}
body.index .item.photo .box .media[data-count="6"] a:nth-child(n+2):not(:nth-child(n+4)) {
    width: 50%
}
body.index .item.photo .box .media[data-count="6"] a:nth-child(n+4) {
    width: 33.33333%
}
body.index .item.photo .box .media[data-count="7"] a:nth-child(n+2) {
    width: 33.33333%
}
body.index .item.photo .box .media[data-count="8"] a:nth-child(n+2):not(:nth-child(n+6)) {
    width: 50%
}
body.index .item.photo .box .media[data-count="8"] a:nth-child(n+6) {
    width: 33.33333%
}
body.index .item.photo .box .media[data-count="9"] a:nth-child(n+2):not(:nth-child(n+4)) {
    width: 50%
}
body.index .item.photo .box .media[data-count="9"] a:nth-child(n+4) {
    width: 33.33333%
}
body.index .item.photo .box .media[data-count="10"] a:nth-child(n+2) {
    width: 33.33333%
}
body.index .item.photo .box.minimal-on-mobile .title,
body.index .item.photo .box.minimal-on-mobile .caption,
body.index .item.photo .box.minimal-on-mobile .body,
body.index .item.photo .box.minimal-on-mobile .meta {
    display: none
}
body.permalink .item.photo .box .media[data-count] a:not(:first-child) {
    margin-top: 2px
}
.item.quote .box .body blockquote {
    position: relative;
    padding: 0 0 0 1.25rem;
    border: none;
    font-family: Georgia, Times, serif;
    font-size: 1.425em;
    line-height: 2.8rem;
    quotes: "\201C" "\201D" "\2018" "\2019";
    word-break: break-word
}
.item.quote .box .body blockquote:before {
    position: absolute;
    left: 0;
    content: open-quote
}
.item.quote .box .body blockquote:after {
    margin-left: 0.25em;
    content: close-quote
}
.item.quote .box .body blockquote * {
    display: inline
}
.item.quote .box .body .source {
    font-size: .715em;
    text-transform: uppercase
}
.item.quote .box .body .source:before {
    padding-right: 0.5rem;
    content: '\2014'
}
.item.link .box .title a:after {
    padding-left: 0.5rem;
    content: '\2192'
}
.item.chat .box .body {
    font-family: 'Pacifico', cursive;
}
.item.chat .box .body .line .label {
    font-weight: 700
}
.item.audio .box .media,
.item.video .box .media {
    height: 240px
}
.item.audio .box .media iframe,
.item.video .box .media iframe,
.item.audio .box .media embed,
.item.video .box .media embed {
    height: 100%
}
body.permalink .item.audio .box .media,
body.permalink .item.video .box .media {
    height: 440px
}
#page {
    height: 100%
}
#header .header {
    position: relative;
    overflow: hidden
}
#header .header .image {
    display: block;
    max-height: 318px;
    min-height: 178px;
    font-size: 0;
    line-height: 0;
    background: transparent no-repeat left center
}
#header .header .image img {
    max-width: 100%;
    max-height: 100%;
    visibility: hidden
}
#header .header .image.cover {
    background-size: cover
}
body.header-left #header .header .image,
body.header-right #header .header .image,
#header .header .image.in-background {
    z-index: -1;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}
body.header-left #header .header .image+.content .heading,
body.header-right #header .header .image+.content .heading,
#header .header .image.in-background+.content .heading {
    position: relative;
    bottom: auto;
    margin: 0;
    padding: 0
}
#header .header .content {
    position: relative;
    margin: 0 auto;
    padding: 0 2.5rem
}
#header .header .content .heading {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    margin: 0 0 2.5rem;
    padding: 0 2.5rem
}
#header .header .content .heading .logo,
#header .header .content .heading .avatar {
    display: inline-block;
    max-height: 128px;
    background: transparent no-repeat left center;
    background-size: contain;
    vertical-align: bottom
}
#header .header .content .heading .logo img,
#header .header .content .heading .avatar img {
    max-width: 100%;
    max-height: 100%;
    visibility: hidden
}
#header .header .content .heading .avatar.circle {
    border-radius: 50%
}
#header .header .content .heading .description {
    font-size: inherit;
    font-weight: 500;
    line-height: 2.5rem
}
#header .header .content .heading>* {
    margin-top: 2.5rem
}
#header .header .content .navigation-holder .navigation .toggle {
    display: none;
    margin: 2.2rem 0
}
#header .header .content .navigation-holder .navigation .toggle.float {
    margin: 1.2rem 0
}
#header .header .content .navigation-holder .navigation .toggle.float:before {
    position: absolute;
    right: .5rem;
    top: -2rem;
    padding: 2rem
}
#header .header .content .navigation-holder .navigation .menu {
    display: inline-block;
    margin: 1.15rem 0
}
#header .header .content .navigation-holder .navigation .menu li {
    display: inline-block;
    margin: 1rem 0
}
#header .header .content .navigation-holder .navigation .menu li:not(:last-child) {
    margin: 1rem 2rem 1rem 0
}
#header .header .content .navigation-holder .navigation .menu .search-holder {
    display: none
}
#header .header .content .navigation-holder .navigation.empty .toggle,
#header .header .content .navigation-holder .navigation.empty .menu {
    display: none !important
}
body.permalink #header .header .content .navigation-holder .navigation.empty {
    height: 2.5rem
}
#header .header .content .navigation-holder .navigation.search-right .menu .search-holder {
    float: right;
    margin: 1rem 0 1rem 2rem
}
#header .header .content .navigation-holder:not(.sticky) {
    min-height: initial !important
}
#header.center .header .content .navigation-holder .navigation .toggle.float {
    margin: 2.2rem 0
}
#header.center .header .content .navigation-holder .navigation .toggle.float:before {
    position: inherit;
    right: auto;
    top: auto
}
#header.center .header .content .navigation-holder .navigation .menu {
    margin-left: -1rem;
    margin-right: -1rem
}
#header.center .header .content .navigation-holder .navigation .menu li {
    margin: 1rem
}
#header.center .header .content .navigation-holder .navigation.search-right .menu .search-holder {
    margin: 1rem
}
#header.right .header .content .navigation-holder .navigation .toggle.float:before {
    right: auto;
    left: .5rem
}
#header.right .header .content .navigation-holder .navigation .menu li {
    margin: 1rem 0
}
#header.right .header .content .navigation-holder .navigation .menu li:not(:first-child) {
    margin: 1rem 0 1rem 2rem
}
#header.right .header .content .navigation-holder .navigation .menu .search-holder {
    margin: 1rem 2rem 1rem 0
}
#header.right .header .content .navigation-holder .navigation .menu .search-holder+li {
    margin: 1rem 0
}
#header.right .header .content .navigation-holder .navigation.search-right .menu .search-holder {
    margin: 1rem 0 1rem 2rem
}
#header.right .header .content .navigation-holder .navigation.search-right .menu .search-holder+li {
    margin: 1rem 0
}
body.index #header.full {
    height: 100%
}
body.index #header.full .header {
    height: 100%
}
body.index #header.full .header:before {
    display: inline-block;
    height: 100%;
    margin-right: -0.3em;
    vertical-align: middle;
    content: ''
}
body.index #header.full .header .image {
    max-height: initial
}
body.index #header.full .header .content {
    display: inline-block;
    vertical-align: middle
}
#content {
    position: relative;
    margin: 0 auto;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease
}
body.index #content {
    opacity: .1
}
#content .heading {
    margin: 2.5rem;
    text-align: center;
    text-transform: uppercase
}
#content .heading span {
    font-weight: 700
}
#content .items {
    margin: 2.5rem;
    overflow: hidden
}
#content .items.full {
    margin: 0
}
#content .items.empty {
    margin: 0
}
#content .items.empty .grid {
    margin: 0
}
#content .pagination {
    margin: 5rem 2.5rem
}
#content .pagination .pages {
    padding-top: 6.5rem
}
#footer {
    position: relative
}
#footer .footer {
    margin: 0 auto;
    padding: .5rem 1.75rem;
    text-align: center
}
#footer .footer .links,
#footer .footer .copyright {
    margin: 2rem .75rem
}
#footer .footer .links {
    font-size: 0
}
#footer .footer .links li {
    display: inline-block
}
#footer .footer .links li:not(:last-child) {
    margin: 0 0.75rem 0 0
}
#footer .footer .copyright {
    font-size: .715em;
    line-height: 1.7rem
}
#ejb {
    z-index: 999999;
    position: fixed;
    bottom: 7px;
    left: 7px;
    height: 16px;
    width: 16px;
    font-size: 0;
    background: url(http://www.betadeli.com/favicon.ico) no-repeat center center;
    opacity: .025
}
@media screen and (max-width: 500px) {
    #header {
        margin-bottom: 2px
    }
    body.header-left #header .header .image,
    body.header-right #header .header .image,
    #header .header .image.in-background {
        max-height: none
    }
    #header .header .content .heading .description {
        display: none
    }
    #header .header .content .navigation-holder .navigation .toggle {
        display: inline-block
    }
    #header .header .content .navigation-holder .navigation .menu {
        display: none
    }
    #header .header .content .navigation-holder .navigation .menu li {
        display: block;
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }
    #header .header .content .navigation-holder .navigation.expand .toggle:before {
        content: '\f406'
    }
    #header .header .content .navigation-holder .navigation.expand .menu {
        display: block;
        margin: -2.2rem 0 2rem
    }
    #content .items.full-on-mobile {
        margin: 0
    }
    #content .items.full-on-mobile .grid {
        margin: 0
    }
    #content .items.full-on-mobile .grid>.item {
        padding: 0
    }
    #content .items.full-on-mobile .grid>.item:not(:first-of-type) {
        margin-top: 2px
    }
    #footer {
        position: relative;
        margin-top: 2px
    }
}
@media screen and (min-width: 500px) {
    #header .header .content .navigation-holder .navigation .menu .search-holder {
        display: inline-block
    }
    #header .header .content .navigation-holder.sticky .navigation {
        z-index: 999999;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-transition: background-color 0.1s ease;
        -moz-transition: background-color 0.1s ease;
        -o-transition: background-color 0.1s ease;
        transition: background-color 0.1s ease
    }
    #header .header .content .navigation-holder.sticky .navigation .navigation-wrapper {
        margin: 0 auto
    }
    #header .header .content .navigation-holder.sticky .navigation .navigation-wrapper .menu {
        padding: 0 2.5rem
    }
    #footer .footer {
        opacity: .5;
        -webkit-transition: opacity 0.2s ease;
        -moz-transition: opacity 0.2s ease;
        -o-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease
    }
    #footer .footer:hover {
        opacity: 1
    }
}
@media screen and (min-width: 550px) {
    .grid.cs-2>[class^="item"] {
        width: 50%
    }
    .grid.cs-3>[class^="item"] {
        width: 50%
    }
    .grid.cs-4>[class^="item"] {
        width: 50%
    }
    .grid.cs-5>[class^="item"] {
        width: 50%
    }
}
@media screen and (min-width: 860px) {
    body.header-left #header,
    body.header-right #header,
    body.header-left #footer,
    body.header-right #footer {
        z-index: 1;
        position: fixed;
        width: 240px
    }
    body.header-left #header,
    body.header-right #header {
        top: 0;
        height: 100%
    }
    body.header-left #header .header,
    body.header-right #header .header {
        height: 100%
    }
    body.header-left #header .header .image,
    body.header-right #header .header .image {
        min-height: 100%
    }
    body.header-left #header .header .content .navigation-holder .navigation .menu li,
    body.header-right #header .header .content .navigation-holder .navigation .menu li {
        display: block
    }
    body.header-left #footer,
    body.header-right #footer {
        bottom: 0;
        border: none
    }
    body.header-left #footer.left .footer,
    body.header-right #footer.left .footer {
        text-align: left
    }
    body.header-left #footer.right .footer,
    body.header-right #footer.right .footer {
        text-align: right
    }
    body.header-left #header,
    body.header-left #footer {
        left: 0
    }
    body.header-left #content {
        margin: 0 0 0 240px
    }
    body.header-right #header,
    body.header-right #footer {
        right: 0
    }
    body.header-right #content {
        margin: 0 240px 0 auto
    }
}
@media screen and (min-width: 1000px) {
    .grid.cs-3>[class^="item"] {
        width: 33.33333%
    }
    .grid.cs-4>[class^="item"] {
        width: 33.33333%
    }
    .grid.cs-5>[class^="item"] {
        width: 33.33333%
    }
    body.index .grayscale .media {
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -ms-filter: grayscale(1);
        filter: grayscale(1);
        -webkit-transition: -webkit-filter 0.2s ease;
        -moz-transition: -moz-filter 0.2s ease;
        -o-transition: filter 0.2s ease;
        transition: -webkit-filter 0.2s ease, -moz-filter 0.2s ease, -o-filter 0.2s ease, filter 0.2s ease
    }
    body.index .grayscale:hover .media {
        -webkit-filter: none;
        -moz-filter: none;
        -ms-filter: none;
        filter: none
    }
    body.index .item .box .media .click-through {
        opacity: .3;
        -webkit-transition: opacity 0.2s ease;
        -moz-transition: opacity 0.2s ease;
        -o-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease
    }
    body.index .item .box .media .click-through:hover {
        opacity: .7
    }
    body.index .item .box.meta-faded .meta {
        opacity: .5;
        -webkit-transition: opacity 0.2s ease;
        -moz-transition: opacity 0.2s ease;
        -o-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease
    }
    body.index .item .box:hover .click-through,
    body.index .item .box:hover .meta {
        opacity: 1
    }
    body.index .item.photo .box.minimal .title,
    body.index .item.photo .box.minimal .caption,
    body.index .item.photo .box.minimal .body,
    body.index .item.photo .box.minimal .meta {
        display: none
    }
    body.index .item.photo .box.meta-overlay .media .click-through {
        top: 22px;
        bottom: auto
    }
    body.index .item.photo .box.meta-overlay .title,
    body.index .item.photo .box.meta-overlay .caption,
    body.index .item.photo .box.meta-overlay .body {
        display: none
    }
    body.index .item.photo .box.meta-overlay .meta {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding-top: 120px;
        padding-bottom: 2rem;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity 0.2s ease, padding-bottom 0.2s ease;
        -moz-transition: opacity 0.2s ease, padding-bottom 0.2s ease;
        -o-transition: opacity 0.2s ease, padding-bottom 0.2s ease;
        transition: opacity 0.2s ease, padding-bottom 0.2s ease;
        -webkit-box-shadow: inset 0 -160px 40px -40px rgba(255, 255, 255, 0.9);
        -moz-box-shadow: inset 0 -160px 40px -40px rgba(255, 255, 255, 0.9);
        box-shadow: inset 0 -160px 40px -40px rgba(255, 255, 255, 0.9)
    }
    body.index .item.photo .box.meta-overlay .meta>* {
        pointer-events: all
    }
    body.index .item.photo .box.meta-overlay:hover .meta {
        padding-bottom: 2.5rem;
        opacity: 1
    }
    body.index .item.photo .box.photoset-stacked .media[data-count] a {
        float: none;
        width: 100%
    }
    body.index .item.photo .box.photoset-stacked .media[data-count] a+a {
        height: auto;
        border: none
    }
    body.index .item.photo .box.photoset-stacked .media[data-count] a+a[style],
    body.index .item.photo .box.photoset-stacked .media[data-count] a+a img {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: visible;
        transition: opacity .3s ease
    }
    body.index .item.photo .box.photoset-stacked .media[data-count] a+a[style] {
        width: 100%;
        height: 100%
    }
    body.index .item.photo .box.photoset-stacked:hover .media[data-count] a:nth-child(2) img {
        opacity: 1
    }
    body.index .item.photo .box.photoset-stacked:hover .media[data-count] a:nth-child(2)[style] {
        opacity: 1
    }
    body.index .item.photo .box.photoset-stacked:hover .media[data-count] a:nth-child(2)[style] img {
        opacity: 0
    }
}
@media screen and (min-width: 1200px) {
    .grid.cs-4>[class^="item"] {
        width: 25%
    }
    .grid.cs-5>[class^="item"] {
        width: 25%
    }
}
@media screen and (min-width: 1400px) {
    .grid.cs-5>[class^="item"] {
        width: 20%
    }
}